/*
 * Kitzone global variables.
 */
 /* @import "src/assets/css/theme-variables"; */

 @import url(config.css);

 /* @font-face {font-family: 'Heebo';src: url('../fonts/Heebo-Bold.ttf') format('truetype');font-weight: 700;font-display: swap}
 @font-face {font-family: 'Heebo';src: url('../fonts/Heebo-SemiBold.ttf') format('truetype');font-weight: 600;font-display: swap}
 @font-face {font-family: 'Heebo';src: url('../fonts/Heebo-Medium.ttf') format('truetype');font-weight: 500;font-display: swap}
 @font-face {font-family: 'Heebo';src: url('../fonts/Heebo-Regular.ttf') format('truetype');font-weight: 400;font-display: swap}
 @font-face {font-family: 'Heebo';src: url('../fonts/Heebo-Light.ttf') format('truetype');font-weight: 300;font-display: swap}
 */

 @font-face {font-family: 'Poppins';src: url('../assets/fonts/poppins-bold.ttf') format('truetype');font-weight: 700;font-display: swap}
 @font-face {font-family: 'Poppins';src: url('../assets/fonts/poppins-semibold.ttf') format('truetype');font-weight: 600;font-display: swap}
 @font-face {font-family: 'Poppins';src: url('../assets/fonts/poppins-medium.ttf') format('truetype');font-weight: 500;font-display: swap}
 @font-face {font-family: 'Poppins';src: url('../assets/fonts/poppins-regular.ttf') format('truetype');font-weight: 400;font-display: swap}
 @font-face {font-family: 'Poppins';src: url('../assets/fonts/poppins-light.ttf') format('truetype');font-weight: 300;font-display: swap}
 
 @font-face {font-family: 'Source Sans Pro';src: url('../assets/fonts/SourceSansPro-Bold.ttf') format('truetype');font-weight: 700;font-display: swap}
 @font-face {font-family: 'Source Sans Pro';src: url('../assets/fonts/SourceSansPro-Semibold.ttf') format('truetype');font-weight: 600;font-display: swap}
 @font-face {font-family: 'Source Sans Pro';src: url('../assets/fonts/SourceSansPro-Regular.ttf') format('truetype');font-weight: 400;font-display: swap}
 @font-face {font-family: 'Source Sans Pro';src: url('../assets/fonts/SourceSansPro-Light.ttf') format('truetype');font-weight: 300;font-display: swap}
 
/* RESET CSS */


*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: var(--font-family);
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: var(--primary-black);
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: var(--primary-white);
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family:  var(--font-family);
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}
a:hover,
a:active,
a:focus,
a:visited {
  cursor: pointer;
  text-decoration: none;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}
/* // RESET CSS */

/* Default Classes */
/* Flex Direction*/
.flex-row{flex-direction: row}.flex-row-reverse{flex-direction: row-reverse}.flex-col{flex-direction: column}.flex-col-reverse{flex-direction: column-reverse}
/* Flex Wrap */
.flex-wrap{flex-wrap: wrap}.flex-wrap-reverse{flex-wrap: wrap-reverse}.flex-nowrap{flex-wrap: nowrap}
/* Flex */
.flex-1{flex: 1 1 0%}.flex-auto{flex: 1 1 auto}.flex-initial{flex: 0 1 auto}.flex-none{flex: none}
/* Flex Grow */
.flex-grow{flex-grow: 1}.flex-grow-0{flex-grow: 0}
/* Flex Shrink */
.flex-shrink{flex-shrink: 1}.flex-shrink-0{flex-shrink: 0}
/* Align Items */
.items-stretch{align-items: stretch}.items-start{align-items: flex-start}.items-center{align-items: center}.items-end{align-items: flex-end}.items-baseline{align-items: baseline}
/* justify Content */
.justify-start{justify-content: flex-start}.justify-end{justify-content: flex-end}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.justify-around{justify-content: space-around}.justify-evenly{justify-content: space-evenly}
/* Justify Items */
.justify-items-start{justify-items: start}.justify-items-end{justify-items: end}.justify-items-center{justify-items: center}.justify-items-stretch{justify-items: stretch}
/* Justify Self */
.justify-self-auto{justify-self: auto}.justify-self-start{justify-self: start}.justify-self-end{justify-self: end}.justify-self-center{justify-self: center}.justify-self-stretch{justify-self: stretch}
/* Align Content */
.content-start{align-content: flex-start}.content-center{align-content: center}.content-end{align-content: flex-end}.content-between{align-content: space-between}.content-around{align-content: space-around}.content-evenly{align-content: space-evenly}
/* Align self */
.self-auto{align-self: auto}.self-start{align-self: flex-start}.self-end{align-self: flex-end}.self-center{align-self: center}.self-stretch{align-self: stretch}.self-baseline{align-self: baseline}.flex-1{flex: 1 1 0%}.flex-auto{flex: 1 1 auto}.flex-initial{flex: 0 1 auto}.flex-none{flex: none}.flex-grow{flex-grow: 1}.flex-grow-0{flex-grow: 0}.flex-shrink{flex-shrink: 1}.flex-shrink-0{flex-shrink: 0}.gap-0{gap: 0px}.gap-1{gap: 0.25rem}.gap-2{gap: 0.5rem}.gap-3{gap: 0.75rem}.gap-4{gap: 1rem}.gap-5{gap: 1.25rem}.gap-6{gap: 1.5rem}.gap-7{gap: 1.75rem}.gap-8{gap: 2rem}.gap-9{gap: 2.25rem}.gap-10{gap: 2.5rem}.gap-11{gap: 2.75rem}.gap-12{gap: 3rem}.gap-14{gap: 3.5rem}.gap-16{gap: 4rem}.gap-20{gap: 5rem}.gap-24{gap: 6rem}.gap-px{gap: 1px}.gap-x-0{column-gap: 0px}.gap-x-1{column-gap: 0.25rem}.gap-x-2{column-gap: 0.5rem}.gap-x-3{column-gap: 0.75rem}.gap-x-4{column-gap: 1rem}.gap-x-5{column-gap: 1.25rem}.gap-x-6{column-gap: 1.5rem}.gap-x-7{column-gap: 1.75rem}.gap-x-8{column-gap: 2rem}.gap-x-9{column-gap: 2.25rem}.gap-x-10{column-gap: 2.5rem}.gap-x-11{column-gap: 2.75rem}.gap-x-12{column-gap: 3rem}.gap-x-14{column-gap: 3.5rem}.gap-x-16{column-gap: 4rem}.gap-x-20{column-gap: 5rem}.gap-x-24{column-gap: 6rem}
/* Flex Order */
.order-first{order: -9999}.order-last{order: 9999}.order-none{order: 0}.order-1{order: 1}.order-2{order: 2}.order-3{order: 3}.order-4{order: 4}.order-5{order: 5}.order-6{order: 6}.order-7{order: 7}.order-8{order: 8}.order-9{order: 9}.order-10{order: 10}.order-11{order: 11}.order-12{order: 12}
/* Place Content */
.place-content-center{place-content: center}.place-content-start{place-content: start}.place-content-end{place-content: end}.place-content-between{place-content: space-between}.place-content-around{place-content: space-around}.place-content-evenly{place-content: space-evenly}.place-content-stretch{place-content: stretch}
/* Place Items */
.place-items-start{place-items: start}.place-items-end{place-items: end}.place-items-center{place-items: center}.place-items-stretch{place-items: stretch}
/* Place Self */
.place-self-auto{place-self: auto}.place-self-start{place-self: start}.place-self-end{place-self: end}.place-self-center{place-self: center}.place-self-stretch{place-self: stretch}
/* font size */
.text-xs{font-size: 0.75rem;line-height: 1rem}.text-sm{font-size: 0.875rem;line-height: 1.25rem}.text-base{font-size: 1rem;line-height: 1.5rem}.text-lg{	font-size: 1.125rem;line-height: 1.75rem}.text-xl{	font-size: 1.25rem;line-height: 1.75rem}.text-2xl{font-size: 1.5rem;line-height: 2rem}.text-3xl{font-size: 1.875rem;line-height: 2.25rem}.text-4xl{font-size: 2.25rem;line-height: 2.5rem}.text-5xl{font-size: 3rem;line-height: 1}.text-6xl{font-size: 3.75rem;line-height: 1}.text-7xl{font-size: 4.5rem;line-height: 1}.text-8xl{font-size: 6rem;line-height: 1}.text-9xl{font-size: 8rem;line-height: 1}
/* Font Weight */
.font-thin{font-weight: 100}.font-extralight{font-weight: 200}.font-light{font-weight: 300}.font-normal{font-weight: 400}.font-medium{font-weight: 500}.font-semibold{font-weight: 600}.font-bold{font-weight: 700}.font-extrabold{font-weight: 800}.font-black{font-weight: 900}
/* Font Style */
.italic{font-style: italic}.not-italic{font-style: normal}
/* Font Smoothing */
.antialiased{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.subpixel-antialiased{-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto}
/* Letter Spacing */
.tracking-tighter{letter-spacing: -0.05em}.tracking-tight{letter-spacing: -0.025em}.tracking-normal{letter-spacing: 0em}.tracking-wide{letter-spacing: 0.025em}.tracking-wider{letter-spacing: 0.05em}.tracking-widest{letter-spacing: 0.1em}
/* Line Height */
.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}.leading-3{line-height: .75rem}.leading-4{line-height: 1rem}.leading-5{line-height: 1.25rem}.leading-6{line-height: 1.5rem}.leading-7{line-height: 1.75rem}.leading-8{line-height: 2rem}.leading-9{line-height: 2.25rem}.leading-10{line-height: 2.5rem}
/* List Style */
.list-none{list-style-type: none}.list-disc{list-style-type: disc}.list-decimal{list-style-type: decimal}
/* List Style Position */
.list-inside{list-style-position: inside}.list-outside{list-style-position: outside}
/* Vertical Align */
.align-baseline{vertical-align: baseline}.align-top{vertical-align: top}.align-middle{vertical-align: middle}.align-bottom{vertical-align: bottom}.align-text-top{vertical-align: text-top}.align-text-bottom{vertical-align: text-bottom}
/* text Transform */
.uppercase{text-transform: uppercase}.lowercase{text-transform: lowercase}.capitalize{text-transform: capitalize}.normal-case{text-transform: none}
/* Text Align */
.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.text-justify{text-align: justify}
/* Text Decoration */
.underline{text-decoration: underline}.line-through{text-decoration: line-through}.no-underline{text-decoration: none}
/* White Space */
.whitespace-normal{white-space: normal}.whitespace-nowrap{white-space: nowrap}.whitespace-pre{white-space: pre}.whitespace-pre-line{white-space: pre-line}.whitespace-pre-wrap{white-space: pre-wrap}
/* Word Break */
.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.break-normal{overflow-wrap: normal;word-break: normal}.break-words{overflow-wrap: break-word}.break-all{word-break: break-all}
/* Display */
.hidden{display: none}.block{display: block}.inline-block{display: inline-block}.inline{display: inline}.flex{display: flex}.inline-flex{display: inline-flex}.table{display: table}.inline-table{display: inline-table}.table-caption{display: table-caption}.table-cell{display: table-cell}.table-column{display: table-column}.table-column-group{display: table-column-group}.table-footer-group{display: table-footer-group}.table-header-group{display: table-header-group}.table-row-group{display: table-row-group}.table-row{display: table-row}.flow-root{display: flow-root}.grid{display: grid}.inline-grid{display: inline-grid}.contents{display: contents}.list-item{display: list-item}
/* Position */
.static{position: static}.fixed{position: fixed}.absolute{position: absolute}.relative{position: relative}.sticky{position: sticky}
/* Positon Top Left Right bottom */
.top-0{top:0px}.right-0{right: 0px}.bottom-0{bottom: 0px}.left-0{left: 0px}.inset-0{top: 0px;right: 0px;bottom: 0px;left: 0px}.inset-x-0{left: 0px;right: 0px}.inset-y-0{top: 0px;bottom: 0px}.bottom-50{bottom: 50px}.bottom-60{bottom: 60px}
/* visibility */
.visible{visibility: visible}.invisible{visibility: hidden}
/* Padding */
.p-0{padding: 0px}.p-1{padding: 0.25rem}.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-7{padding: 1.75rem}.p-8{padding: 2rem}.p-9{padding: 2.25rem}.p-10{padding: 2.5rem}.p-11{padding: 2.75rem}.p-12{padding: 3rem}.p-14{padding: 3.5rem}.p-16{padding: 4rem}.p-20{padding: 5rem}.p-24{padding: 6rem}.p-28{padding: 7rem}.p-32{padding: 8rem}.p-36{padding: 9rem}.p-40{padding: 10rem}.p-44{padding: 11rem}.p-48{padding: 12rem}.p-52{padding: 13rem}.p-56{padding: 14rem}.p-60{padding: 15rem}.p-64{padding: 16rem}.p-72{padding: 18rem}.p-80{padding: 20rem}.p-96{padding: 24rem}.px-0{padding-left: 0px; padding-right: 0px}.px-1{padding-left: 0.25rem;padding-right: 0.25rem}.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-5{padding-left: 1.25rem;padding-right: 1.25rem}.px-6{padding-left: 1.5rem;padding-right: 1.5rem}.px-7{padding-left: 1.75rem;padding-right: 1.75rem}.px-8{padding-left: 2rem;padding-right: 2rem}.px-9{padding-left: 2.25rem;padding-right: 2.25rem}.px-10{padding-left: 2.5rem;padding-right: 2.5rem}.px-11{padding-left: 2.75rem;padding-right: 2.75rem}.px-12{padding-left: 3rem;padding-right: 3rem}.px-14{padding-left: 3.5rem;padding-right: 3.5rem}.px-16{padding-left: 4rem;padding-right: 4rem}.px-20{padding-left: 5rem;padding-right: 5rem}.px-24{padding-left: 6rem;padding-right: 6rem}.px-28{padding-left: 7rem;padding-right: 7rem}.px-32{padding-left: 8rem;padding-right: 8rem}.px-36{padding-left: 9rem;padding-right: 9rem}.px-40{padding-left: 10rem;padding-right: 10rem}.px-44{padding-left: 11rem;padding-right: 11rem}.px-48{padding-left: 12rem;padding-right: 12rem}.px-52{padding-left: 13rem;padding-right: 13rem}.px-56{padding-left: 14rem;padding-right: 14rem}.px-60{padding-left: 15rem;padding-right: 15rem}.px-64{padding-left: 16rem;padding-right: 16rem}.px-72{padding-left: 18rem;padding-right: 18rem}.px-80{padding-left: 20rem;padding-right: 20rem}.px-96{padding-left: 24rem;padding-right: 24rem}.py-0{padding-top: 0px;padding-bottom: 0px}.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-6{padding-top: 1.5rem;padding-bottom: 1.5rem}.py-7{padding-top: 1.75rem;padding-bottom: 1.75rem}.py-8{padding-top: 2rem;padding-bottom: 2rem}.py-9{padding-top: 2.25rem;padding-bottom: 2.25rem}.py-10{padding-top: 2.5rem;padding-bottom: 2.5rem}.py-11{padding-top: 2.75rem;padding-bottom: 2.75rem}.py-12{padding-top: 3rem;padding-bottom: 3rem}.py-14{padding-top: 3.5rem;padding-bottom: 3.5rem}.py-16{padding-top: 4rem;padding-bottom: 4rem}.py-20{padding-top: 5rem;padding-bottom: 5rem}.py-24{padding-top: 6rem;padding-bottom: 6rem}.py-28{padding-top: 7rem;padding-bottom: 7rem}.py-32{padding-top: 8rem;padding-bottom: 8rem}.py-36{padding-top: 9rem;padding-bottom: 9rem}.py-40{padding-top: 10rem;padding-bottom: 10rem}.py-44{padding-top: 11rem;padding-bottom: 11rem}.py-48{padding-top: 12rem;padding-bottom: 12rem}.py-52{padding-top: 13rem;padding-bottom: 13rem}.py-56{padding-top: 14rem;padding-bottom: 14rem}.py-60{padding-top: 15rem;padding-bottom: 15rem}.py-64{padding-top: 16rem;padding-bottom: 16rem}.py-72{padding-top: 18rem;padding-bottom: 18rem}.py-80{padding-top: 20rem;padding-bottom: 20rem}.py-96{padding-top: 24rem;padding-bottom: 24rem}.pt-0{padding-top: 0px}.pt-1{padding-top: 0.25rem}.pt-2{padding-top: 0.5rem}.pt-3{padding-top: 0.75rem}.pt-4{padding-top: 1rem}.pt-5{padding-top: 1.25rem}.pt-6{padding-top: 1.5rem}.pt-7{padding-top: 1.75rem}.pt-8{padding-top: 2rem}.pt-9{padding-top: 2.25rem}.pt-10{padding-top: 2.5rem}.pt-11{padding-top: 2.75rem}.pt-12{padding-top: 3rem}.pt-14{padding-top: 3.5rem}.pt-16{padding-top: 4rem}.pt-20{padding-top: 5rem}.pt-24{padding-top: 6rem}.pr-0{padding-right: 0px}.pt-28{padding-top: 7rem}.pt-32{padding-top: 8rem}.pt-36{padding-top: 9rem}.pt-40{padding-top: 10rem}.pt-44{padding-top: 11rem}.pt-48{padding-top: 12rem}.pt-52{padding-top: 13rem}.pt-56{padding-top: 14rem}.pt-60{padding-top: 15rem}.pt-64{padding-top: 16rem}.pt-72{padding-top: 18rem}.pt-80{padding-top: 20rem}.pt-96{padding-top: 24rem}.pr-1{padding-right: 0.25rem}.pr-2{padding-right: 0.5rem}.pr-3{padding-right: 0.75rem}.pr-4{padding-right: 1rem}.pr-5{padding-right: 1.25rem}.pr-6{padding-right: 1.5rem}.pr-7{padding-right: 1.75rem}.pr-8{padding-right: 2rem}.pr-9{padding-right: 2.25rem}.pr-10{padding-right: 2.5rem}.pr-11{padding-right: 2.75rem}.pr-12{padding-right: 3rem}.pr-14{padding-right: 3.5rem}.pr-16{padding-right: 4rem}.pr-20{padding-right: 5rem}.pr-24{padding-right: 6rem}.pr-28{padding-right: 7rem}.pr-32{padding-right: 8rem}.pr-36{padding-right: 9rem}.pr-40{padding-right: 10rem}.pr-44{padding-right: 11rem}.pr-48{padding-right: 12rem}.pr-52{padding-right: 13rem}.pr-56{padding-right: 14rem}.pr-60{padding-right: 15rem}.pr-64{padding-right: 16rem}.pr-72{padding-right: 18rem}.pr-80{padding-right: 20rem}.pr-96{padding-right: 24rem}.pb-0{padding-bottom: 0px}.pb-1{padding-bottom: 0.25rem}.pb-2{padding-bottom: 0.5rem}.pb-3{padding-bottom: 0.75rem}.pb-4{padding-bottom: 1rem}.pb-5{padding-bottom: 1.25rem}.pb-6{padding-bottom: 1.5rem}.pb-7{padding-bottom: 1.75rem}.pb-8{padding-bottom: 2rem}.pb-9{padding-bottom: 2.25rem}.pb-10{padding-bottom: 2.5rem}.pb-11{padding-bottom: 2.75rem}.pb-12{padding-bottom: 3rem}.pb-14{padding-bottom: 3.5rem}.pb-16{padding-bottom: 4rem}.pb-20{padding-bottom: 5rem}.pb-24{padding-bottom: 6rem}.pb-28{padding-bottom: 7rem}.pb-32{padding-bottom: 8rem}.pb-36{padding-bottom: 9rem}.pb-40{padding-bottom: 10rem}.pb-44{padding-bottom: 11rem}.pb-48{padding-bottom: 12rem}.pb-52{padding-bottom: 13rem}.pb-56{padding-bottom: 14rem}.pb-60{padding-bottom: 15rem}.pb-64{padding-bottom: 16rem}.pb-72{padding-bottom: 18rem}.pb-80{padding-bottom: 20rem}.pb-96{padding-bottom: 24rem}.pl-0{padding-left: 0px}.pl-1{padding-left: 0.25rem}.pl-2{padding-left: 0.5rem}.pl-3{padding-left: 0.75rem}.pl-4{padding-left: 1rem}.pl-5{padding-left: 1.25rem}.pl-6{padding-left: 1.5rem}.pl-7{padding-left: 1.75rem}.pl-8{padding-left: 2rem}.pl-9{padding-left: 2.25rem}.pl-10{padding-left: 2.5rem}.pl-11{padding-left: 2.75rem}.pl-12{padding-left: 3rem}.pl-14{padding-left: 3.5rem}.pl-16{padding-left: 4rem}.pl-20{padding-left: 5rem}.pl-24{padding-left: 6rem}.pl-28{padding-left: 7rem}.pl-32{padding-left: 8rem}.pl-36{padding-left: 9rem}.pl-40{padding-left: 10rem}.pl-44{padding-left: 11rem}.pl-48{padding-left: 12rem}.pl-52{padding-left: 13rem}.pl-56{padding-left: 14rem}.pl-60{padding-left: 15rem}.pl-64{padding-left: 16rem}.pl-72{padding-left: 18rem}.pl-80{padding-left: 20rem}.pl-96{padding-left: 24rem}
/* Margin */
.m-auto{margin: auto}.mt-auto{margin-top: auto}.mr-auto{margin-right: auto}.mb-auto{margin-bottom: auto}.ml-auto{margin-left: auto}.my-auto{margin-top: auto;margin-bottom: auto}.mx-auto{margin-left: auto;margin-right: auto}.m-0{margin: 0px}.m-1{margin: 0.25rem}.m-2{margin: 0.5rem}.m-3{margin: 0.75rem}.m-4{margin: 1rem}.m-5{margin: 1.25rem}.m-6{margin: 1.5rem}.m-7{margin: 1.75rem}.m-8{margin: 2rem}.m-9{margin: 2.25rem}.m-10{margin: 2.5rem}.m-11{margin: 2.75rem}.m-12{margin: 3rem}.m-14{margin: 3.5rem}.m-16{margin: 4rem}.m-20{margin: 5rem}.m-24{margin: 6rem}.m-28{margin: 7rem}.m-32{margin: 8rem}.m-36{margin: 9rem}.m-40{margin: 10rem}.m-44{margin: 11rem}.m-48{margin: 12rem}.m-52{margin: 13rem}.m-56{margin: 14rem}.m-60{margin: 15rem}.m-64{margin: 16rem}.m-72{margin: 18rem}.m-80{margin: 20rem}.m-96{margin: 24rem}.mx-0{margin-left: 0px;margin-right: 0px}.mx-1{margin-left: 0.25rem;margin-right: 0.25rem}.mx-2{margin-left: 0.5rem;margin-right: 0.5rem}.mx-3{margin-left: 0.75rem;margin-right: 0.75rem}.mx-4{margin-left: 1rem;margin-right: 1rem}.mx-5{margin-left: 1.25rem;margin-right: 1.25rem}.mx-6{margin-left: 1.5rem;margin-right: 1.5rem}.mx-7{margin-left: 1.75rem;margin-right: 1.75rem}.mx-8{margin-left: 2rem;margin-right: 2rem}.mx-9{margin-left: 2.25rem;margin-right: 2.25rem}.mx-10{margin-left: 2.5rem;margin-right: 2.5rem}.mx-11{margin-left: 2.75rem;margin-right: 2.75rem}.mx-12{margin-left: 3rem;margin-right: 3rem}.mx-14{margin-left: 3.5rem;margin-right: 3.5rem}.mx-16{margin-left: 4rem;margin-right: 4rem}.mx-20{margin-left: 5rem;margin-right: 5rem}.mx-24{margin-left: 6rem;margin-right: 6rem}.mx-28{margin-left: 7rem;margin-right: 7rem}.mx-32{margin-left: 8rem;margin-right: 8rem}.mx-36{margin-left: 9rem;margin-right: 9rem}.mx-40{margin-left: 10rem;margin-right: 10rem}.mx-44{margin-left: 11rem;margin-right: 11rem}.mx-48{margin-left: 12rem;margin-right: 12rem}.mx-52{margin-left: 13rem;margin-right: 13rem}.mx-56{margin-left: 14rem;margin-right: 14rem}.mx-60{margin-left: 15rem;margin-right: 15rem}.mx-64{margin-left: 16rem;margin-right: 16rem}.mx-72{margin-left: 18rem;margin-right: 18rem}.mx-80{margin-left: 20rem;margin-right: 20rem}.mx-96{margin-left: 24rem;margin-right: 24rem}.my-0{margin-top: 0px;margin-bottom: 0px}.my-1{margin-top: 0.25rem;margin-bottom: 0.25rem}.my-2{margin-top: 0.5rem;margin-bottom: 0.5rem}.my-3{margin-top: 0.75rem;margin-bottom: 0.75rem}.my-4{margin-top: 1rem;margin-bottom: 1rem}.my-5{margin-top: 1.25rem;margin-bottom: 1.25rem}.my-6{margin-top: 1.5rem;margin-bottom: 1.5rem}.my-7{margin-top: 1.75rem;margin-bottom: 1.75rem}.my-8{margin-top: 2rem;margin-bottom: 2rem}.my-9{margin-top: 2.25rem;margin-bottom: 2.25rem}.my-10{margin-top: 2.5rem;margin-bottom: 2.5rem}.my-11{margin-top: 2.75rem;margin-bottom: 2.75rem}.my-12{margin-top: 3rem;margin-bottom: 3rem}.my-14{margin-top: 3.5rem;margin-bottom: 3.5rem}.my-16{margin-top: 4rem;margin-bottom: 4rem}.my-20{margin-top: 5rem;margin-bottom: 5rem}.my-24{margin-top: 6rem;margin-bottom: 6rem}.my-28{margin-top: 7rem;margin-bottom: 7rem}.my-32{margin-top: 8rem;margin-bottom: 8rem}.my-36{margin-top: 9rem;margin-bottom: 9rem}.my-40{margin-top: 10rem;margin-bottom: 10rem}.my-44{margin-top: 11rem;margin-bottom: 11rem}.my-48{margin-top: 12rem;margin-bottom: 12rem}.my-52{margin-top: 13rem;margin-bottom: 13rem}.my-56{margin-top: 14rem;margin-bottom: 14rem}.my-60{margin-top: 15rem;margin-bottom: 15rem}.my-64{margin-top: 16rem;margin-bottom: 16rem}.my-72{margin-top: 18rem;margin-bottom: 18rem}.my-80{margin-top: 20rem;margin-bottom: 20rem}.my-96{margin-top: 24rem;margin-bottom: 24rem}.mt-0{margin-top: 0px}.mt-1{margin-top: 0.25rem}.mt-2{margin-top: 0.5rem}.mt-3{margin-top: 0.75rem}.mt-4{margin-top: 1rem}.mt-5{margin-top: 1.25rem}.mt-6{margin-top: 1.5rem}.mt-7{margin-top: 1.75rem}.mt-8{margin-top: 2rem}.mt-9{margin-top: 2.25rem}.mt-10{margin-top: 2.5rem}.mt-11{margin-top: 2.75rem}.mt-12{margin-top: 3rem}.mt-14{margin-top: 3.5rem}.mt-16{margin-top: 4rem}.mt-20{margin-top: 5rem}.mt-24{margin-top: 6rem}.mt-28{margin-top: 7rem}.mt-32{margin-top: 8rem}.mt-36{margin-top: 9rem}.mt-40{margin-top: 10rem}.mt-44{margin-top: 11rem}.mt-48{margin-top: 12rem}.mt-52{margin-top: 13rem}.mt-56{margin-top: 14rem}.mt-60{margin-top: 15rem}.mt-64{margin-top: 16rem}.mt-72{margin-top: 18rem}.mt-80{margin-top: 20rem}.mt-96{margin-top: 24rem}.mr-0{margin-right: 0px}.mr-1{margin-right: 0.25rem}.mr-2{margin-right: 0.5rem}.mr-3{margin-right: 0.75rem}.mr-4{margin-right: 1rem}.mr-5{margin-right: 1.25rem}.mr-6{margin-right: 1.5rem}.mr-7{margin-right: 1.75rem}.mr-8{margin-right: 2rem}.mr-9{margin-right: 2.25rem}.mr-10{margin-right: 2.5rem}.mr-11{margin-right: 2.75rem}.mr-12{margin-right: 3rem}.mr-14{margin-right: 3.5rem}.mr-16{margin-right: 4rem}.mr-20{margin-right: 5rem}.mr-24{margin-right: 6rem}.mr-28{margin-right: 7rem}.mr-32{margin-right: 8rem}.mr-36{margin-right: 9rem}.mr-40{margin-right: 10rem}.mr-44{margin-right: 11rem}.mr-48{margin-right: 12rem}.mr-52{margin-right: 13rem}.mr-56{margin-right: 14rem}.mr-60{margin-right: 15rem}.mr-64{margin-right: 16rem}.mr-72{margin-right: 18rem}.mr-80{margin-right: 20rem}.mr-96{margin-right: 24rem}.mb-0{margin-bottom: 0px}.mb-1{margin-bottom: 0.25rem}.mb-2{margin-bottom: 0.5rem}.mb-3{margin-bottom: 0.75rem}.mb-4{margin-bottom: 1rem}.mb-5{margin-bottom: 1.25rem}.mb-6{margin-bottom: 1.5rem}.mb-7{margin-bottom: 1.75rem}.mb-8{margin-bottom: 2rem}.mb-9{margin-bottom: 2.25rem}.mb-10{margin-bottom: 2.5rem}.mb-11{margin-bottom: 2.75rem}.mb-12{margin-bottom: 3rem}.mb-14{margin-bottom: 3.5rem}.mb-16{margin-bottom: 4rem}.mb-20{margin-bottom: 5rem}.mb-24{margin-bottom: 6rem}.mb-28{margin-bottom: 7rem}.mb-32{margin-bottom: 8rem}.mb-36{margin-bottom: 9rem}.mb-40{margin-bottom: 10rem}.mb-44{margin-bottom: 11rem}.mb-48{margin-bottom: 12rem}.mb-52{margin-bottom: 13rem}.mb-56{margin-bottom: 14rem}.mb-60{margin-bottom: 15rem}.mb-64{margin-bottom: 16rem}.mb-72{margin-bottom: 18rem}.mb-80{margin-bottom: 20rem}.mb-96{margin-bottom: 24rem}.ml-0{margin-left: 0px}.ml-1{margin-left: 0.25rem}.ml-2{margin-left: 0.5rem}.ml-3{margin-left: 0.75rem}.ml-4{margin-left: 1rem}.ml-5{margin-left: 1.25rem}.ml-6{margin-left: 1.5rem}.ml-7{margin-left: 1.75rem}.ml-8{margin-left: 2rem}.ml-9{margin-left: 2.25rem}.ml-10{margin-left: 2.5rem}.ml-11{margin-left: 2.75rem}.ml-12{margin-left: 3rem}.ml-14{margin-left: 3.5rem}.ml-16{margin-left: 4rem}.ml-20{margin-left: 5rem}.ml-24{margin-left: 6rem}.ml-28{margin-left: 7rem}.ml-32{margin-left: 8rem}.ml-36{margin-left: 9rem}.ml-40{margin-left: 10rem}.ml-44{margin-left: 11rem}.ml-48{margin-left: 12rem}.ml-52{margin-left: 13rem}.ml-56{margin-left: 14rem}.ml-60{margin-left: 15rem}.ml-64{margin-left: 16rem}.ml-72{margin-left: 18rem}.ml-80{margin-left: 20rem}.ml-96{margin-left: 24rem}
/* Table */
.table-auto{table-layout: auto}.table-fixed{table-layout: fixed}
/* Appearance */
.appearance-none{appearance: none}
/* Cursor */
.cursor-auto{cursor: auto}.cursor-default{cursor: default}.cursor-pointer{cursor: pointer}.cursor-wait{cursor: wait}.cursor-text{cursor: text}.cursor-move{cursor: move}.cursor-help{cursor: help}.cursor-not-allowed{cursor: not-allowed}
/* Outline */
.outline-none{outline: 2px solid transparent;outline-offset: 2px}.outline-white{outline: 2px dotted white;outline-offset: 2px}.outline-black{outline: 2px dotted black;outline-offset: 2px}
/* Pointer Events */
.pointer-events-none{pointer-events: none}.pointer-events-auto{pointer-events: auto}
/* Resize */
.resize-none{resize: none}.resize-y{resize: vertical}.resize-x{resize: horizontal}.resize{resize: both}
/* User Select */
.select-none{user-select: none}.select-text{user-select: text}.select-all{user-select: all}.select-auto{user-select: auto}
/* Float */
.float-right{float: right}.float-left{float: left}.float-none{float: none}
/* Clear */
.clear-left{clear: left}.clear-right{clear: right}.clear-both{clear: both}.clear-none{clear: none}
/* Isolate */
.isolate{isolation: isolate}.isolation-auto{isolation: auto}
/* Object Fit */
.object-contain{object-fit: contain}.object-cover{object-fit: cover}.object-fill{object-fit: fill}.object-none{object-fit: none}.object-scale-down{object-fit: scale-down}
/* Object Position */
.object-bottom{object-position: bottom}.object-center{object-position: center}.object-left{object-position: left}.object-left-bottom{object-position: left bottom}.object-left-top{object-position: left top}.object-right{object-position: right}.object-right-bottom{object-position: right bottom}.object-right-top{object-position: right top}.object-top{object-position: top}
/* Overflow */
.overflow-auto{overflow: auto}.overflow-hidden{overflow: hidden}.overflow-visible{overflow: visible}.overflow-scroll{overflow: scroll}.overflow-x-auto{overflow-x: auto}.overflow-y-auto{overflow-y: auto}.overflow-x-hidden{overflow-x: hidden}.overflow-y-hidden{overflow-y: hidden}.overflow-x-visible{overflow-x: visible}.overflow-y-visible{overflow-y: visible}.overflow-x-scroll{overflow-x: scroll}.overflow-y-scroll{overflow-y: scroll}.overscroll-auto{overscroll-behavior: auto}.overscroll-contain{overscroll-behavior: contain}.overscroll-none{overscroll-behavior: none}.overscroll-y-auto{overscroll-behavior-y: auto}.overscroll-y-contain{overscroll-behavior-y: contain}.overscroll-y-none{overscroll-behavior-y: none}.overscroll-x-auto{overscroll-behavior-x: auto}.overscroll-x-contain{overscroll-behavior-x: contain}.overscroll-x-none{overscroll-behavior-x: none}
/* Border */
.border{border-width: 1px}.border-0{border-width: 0px}.border-2{border-width: 2px}.border-4{border-width: 4px}.border-8{border-width: 8px}.border-t{border-top-width: 1px}.border-t-0{border-top-width: 0px}.border-t-2{border-top-width: 2px}.border-t-4{border-top-width: 4px}.border-t-8{border-top-width: 8px}.border-r{border-right-width: 1px}.border-r-0{border-right-width: 0px}.border-r-2{border-right-width: 2px}.border-r-4{border-right-width: 4px}.border-r-8{border-right-width: 8px}.border-b{border-bottom-width: 1px}.border-b-0{border-bottom-width: 0px}.border-b-2{border-bottom-width: 2px}.border-b-4{border-bottom-width: 4px}.border-b-8{border-bottom-width: 8px}.border-l{border-left-width: 1px}.border-l-0{border-left-width: 0px}.border-l-2{border-left-width: 2px}.border-l-4{border-left-width: 4px}.border-l-8{border-left-width: 8px}
/* Border radius */
.rounded-none{border-radius: 0px}.rounded-sm{border-radius: 0.125rem}.rounded{border-radius: 0.25rem}.rounded-md{border-radius: 0.375rem}.rounded-lg{border-radius: 0.5rem}.rounded-xl{border-radius: 0.75rem}.rounded-2xl{border-radius: 1rem}.rounded-3xl{border-radius: 1.5rem}.rounded-full{border-radius: 9999px}.rounded-t-none{border-top-left-radius: 0px;border-top-right-radius: 0px}.rounded-t-sm{border-top-left-radius: 0.125rem;border-top-right-radius: 0.125rem}.rounded-t{border-top-left-radius: 0.25rem;border-top-right-radius: 0.25rem}.rounded-t-md{border-top-left-radius: 0.375rem;border-top-right-radius: 0.375rem}.rounded-t-lg{border-top-left-radius: 0.5rem;border-top-right-radius: 0.5rem}.rounded-t-xl{border-top-left-radius: 0.75rem;border-top-right-radius: 0.75rem}.rounded-t-2xl{border-top-left-radius: 1rem;border-top-right-radius: 1rem}.rounded-t-3xl{border-top-left-radius: 1.5rem;border-top-right-radius: 1.5rem}.rounded-t-full{border-top-left-radius: 9999px;border-top-right-radius: 9999px}.rounded-r-none{border-top-right-radius: 0px;border-bottom-right-radius: 0px}.rounded-r-sm{border-top-right-radius: 0.125rem;border-bottom-right-radius: 0.125rem}.rounded-r{border-top-right-radius: 0.25rem;border-bottom-right-radius: 0.25rem}.rounded-r-md{border-top-right-radius: 0.375rem;border-bottom-right-radius: 0.375rem}.rounded-r-lg{border-top-right-radius: 0.5rem;border-bottom-right-radius: 0.5rem}.rounded-r-xl{border-top-right-radius: 0.75rem;border-bottom-right-radius: 0.75rem}.rounded-r-2xl{border-top-right-radius: 1rem;border-bottom-right-radius: 1rem}.rounded-r-3xl{border-top-right-radius: 1.5rem;border-bottom-right-radius: 1.5rem}.rounded-r-full{border-top-right-radius: 9999px;border-bottom-right-radius: 9999px}.rounded-b-none{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px}.rounded-b-sm{border-bottom-right-radius: 0.125rem;border-bottom-left-radius: 0.125rem}.rounded-b{border-bottom-right-radius: 0.25rem;border-bottom-left-radius: 0.25rem}.rounded-b-md{border-bottom-right-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.rounded-b-lg{border-bottom-right-radius: 0.5rem;border-bottom-left-radius: 0.5rem}.rounded-b-xl{border-bottom-right-radius: 0.75rem;border-bottom-left-radius: 0.75rem}.rounded-b-2xl{border-bottom-right-radius: 1rem;border-bottom-left-radius: 1rem}.rounded-b-3xl{border-bottom-right-radius: 1.5rem;border-bottom-left-radius: 1.5rem}.rounded-b-full{border-bottom-right-radius: 9999px;border-bottom-left-radius: 9999px}.rounded-l-none{border-top-left-radius: 0px;border-bottom-left-radius: 0px}.rounded-l-sm{border-top-left-radius: 0.125rem;border-bottom-left-radius: 0.125rem}.rounded-l{border-top-left-radius: 0.25rem;border-bottom-left-radius: 0.25rem}.rounded-l-md{border-top-left-radius: 0.375rem;border-bottom-left-radius: 0.375rem}.rounded-l-lg{border-top-left-radius: 0.5rem;border-bottom-left-radius: 0.5rem}.rounded-l-xl{border-top-left-radius: 0.75rem;border-bottom-left-radius: 0.75rem}.rounded-l-2xl{border-top-left-radius: 1rem;border-bottom-left-radius: 1rem}.rounded-l-3xl{border-top-left-radius: 1.5rem;border-bottom-left-radius: 1.5rem}.rounded-l-full{border-top-left-radius: 9999px;border-bottom-left-radius: 9999px}.rounded-tl-none{border-top-left-radius: 0px}.rounded-tl-sm{border-top-left-radius: 0.125rem}.rounded-tl{border-top-left-radius: 0.25rem}.rounded-tl-md{border-top-left-radius: 0.375rem}.rounded-tl-lg{border-top-left-radius: 0.5rem}.rounded-tl-xl{border-top-left-radius: 0.75rem}.rounded-tl-2xl{border-top-left-radius: 1rem}.rounded-tl-3xl{border-top-left-radius: 1.5rem}.rounded-tl-full{border-top-left-radius: 9999px}.rounded-tr-none{border-top-right-radius: 0px}.rounded-tr-sm{border-top-right-radius: 0.125rem}.rounded-tr{border-top-right-radius: 0.25rem}.rounded-tr-md{border-top-right-radius: 0.375rem}.rounded-tr-lg{border-top-right-radius: 0.5rem}.rounded-tr-xl{border-top-right-radius: 0.75rem}.rounded-tr-2xl{border-top-right-radius: 1rem}.rounded-tr-3xl{border-top-right-radius: 1.5rem}.rounded-tr-full{border-top-right-radius: 9999px}.rounded-br-none{border-bottom-right-radius: 0px}.rounded-br-sm{border-bottom-right-radius: 0.125rem}.rounded-br{border-bottom-right-radius: 0.25rem}.rounded-br-md{border-bottom-right-radius: 0.375rem}.rounded-br-lg{border-bottom-right-radius: 0.5rem}.rounded-br-xl{border-bottom-right-radius: 0.75rem}.rounded-br-2xl{border-bottom-right-radius: 1rem}.rounded-br-3xl{border-bottom-right-radius: 1.5rem}.rounded-br-full{border-bottom-right-radius: 9999px}.rounded-bl-none{border-bottom-left-radius: 0px}.rounded-bl-sm{border-bottom-left-radius: 0.125rem}.rounded-bl{border-bottom-left-radius: 0.25rem}.rounded-bl-md{border-bottom-left-radius: 0.375rem}.rounded-bl-lg{border-bottom-left-radius: 0.5rem}.rounded-bl-xl{border-bottom-left-radius: 0.75rem}.rounded-bl-2xl{border-bottom-left-radius: 1rem}.rounded-bl-3xl{border-bottom-left-radius: 1.5rem}.rounded-bl-full{border-bottom-left-radius: 9999px}
/* Border Style */
.border-solid{border-style: solid}.border-dashed{border-style: dashed}.border-dotted{border-style: dotted}.border-double{border-style: double}.border-none{border-style: none}
/* Width */
.w-0{width: 0px}.w-1{width: 0.25rem}.w-2{width: 0.5rem}.w-3{width: 0.75rem}.w-4{width: 1rem}.w-5{width: 1.25rem}.w-6{width: 1.5rem}.w-7{width: 1.75rem}.w-8{width: 2rem}.w-9{width: 2.25rem}.w-10{width: 2.5rem}.w-11{width: 2.75rem}.w-12{width: 3rem}.w-14{width: 3.5rem}.w-16{width: 4rem}.w-20{width: 5rem}.w-24{width: 6rem}.w-28{width: 7rem}.w-32{width: 8rem}.w-36{width: 9rem}.w-40{width: 10rem}.w-44{width: 11rem}.w-48{width: 12rem}.w-52{width: 13rem}.w-56{width: 14rem}.w-60{width: 15rem}.w-64{width: 16rem}.w-72{width: 18rem}.w-80{width: 20rem}.w-96{width: 24rem}.w-auto{width: auto}.w-px{width: 1px}.w-50{width: 50%}.w-33{width: 33.333333%}.w-66{width: 66.666667%}.w-25{width: 25%}.w-75{width: 75%}.w-20{width: 20%}.w-40{width: 40%}.w-60{width: 60%}.w-80{width: 80%}.w-16{width: 16.666667%}.w-8{width: 8.333333%}.w-91{width: 91.666667%}.w-full{width: 100%}.w-screen{width: 100vw}.w-min{width: min-content}.w-max{width: max-content}
/* Min-Width */
.min-w-0{min-width: 0px}.min-w-full{min-width: 100%}.min-w-min{min-width: min-content}.min-w-max{min-width: max-content}
/* Max-Width */
.max-w-0{max-width: 0rem}.max-w-none{max-width: none}.max-w-xs{max-width: 20rem}.max-w-sm{max-width: 24rem}.max-w-md{max-width: 28rem}.max-w-lg{max-width: 32rem}.max-w-xl{max-width: 36rem}.max-w-2xl{max-width: 42rem}.max-w-3xl{max-width: 48rem}.max-w-4xl{max-width: 56rem}.max-w-5xl{max-width: 64rem}.max-w-6xl{max-width: 72rem}.max-w-7xl{max-width: 80rem}.max-w-full{max-width: 100%}.max-w-min{max-width: min-content}.max-w-max{max-width: max-content}.max-w-prose{max-width: 65ch}.max-w-screen-sm{max-width: 640px}.max-w-screen-md{max-width: 768px}.max-w-screen-lg{max-width: 1024px}.max-w-screen-xl{max-width: 1280px}.max-w-screen-2xl{max-width: 1536px}
/* Height */
.h-0{height: 0px}.h-1{height: 0.25rem}.h-2{height: 0.5rem}.h-3{height: 0.75rem}.h-4{height: 1rem}.h-5{height: 1.25rem}.h-6{height: 1.5rem}.h-7{height: 1.75rem}.h-8{height: 2rem}.h-9{height: 2.25rem}.h-10{height: 2.5rem}.h-11{height: 2.75rem}.h-12{height: 3rem}.h-14{height: 3.5rem}.h-16{height: 4rem}.h-20{height: 5rem}.h-24{height: 6rem}.h-28{height: 7rem}.h-32{height: 8rem}.h-36{height: 9rem}.h-40{height: 10rem}.h-44{height: 11rem}.h-48{height: 12rem}.h-52{height: 13rem}.h-56{height: 14rem}.h-60{height: 15rem}.h-64{height: 16rem}.h-72{height: 18rem}.h-80{height: 20rem}.h-96{height: 24rem}.h-auto{height: auto}.h-px{height: 1px}.h-50{height: 50%}.h-33{height: 33.333333%}.h-66{height: 66.666667%}.h-25{height: 25%}.h-75{height: 75%}.h-40{height: 40%}.h-60{height: 60%}.h-80{height: 80%}.h-16{height: 16.666667%}.h-full{height: 100%}.h-screen{height: 100vh}
/* Min-Height */
.min-h-0{min-height: 0px}.min-h-full{min-height: 100%}.min-h-screen{min-height: 100vh}
/* max-Height */
.max-h-0{max-height: 0px}.max-h-1{max-height: 0.25rem}.max-h-2{max-height: 0.5rem}.max-h-3{max-height: 0.75rem}.max-h-4{max-height: 1rem}.max-h-5{max-height: 1.25rem}.max-h-6{max-height: 1.5rem}.max-h-7{max-height: 1.75rem}.max-h-8{max-height: 2rem}.max-h-9{max-height: 2.25rem}.max-h-10{max-height: 2.5rem}.max-h-11{max-height: 2.75rem}.max-h-12{max-height: 3rem}.max-h-14{max-height: 3.5rem}.max-h-16{max-height: 4rem}.max-h-20{max-height: 5rem}.max-h-24{max-height: 6rem}.max-h-28{max-height: 7rem}.max-h-32{max-height: 8rem}.max-h-36{max-height: 9rem}.max-h-40{max-height: 10rem}.max-h-44{max-height: 11rem}.max-h-48{max-height: 12rem}.max-h-52{max-height: 13rem}.max-h-56{max-height: 14rem}.max-h-60{max-height: 15rem}.max-h-64{max-height: 16rem}.max-h-72{max-height: 18rem}.max-h-80{max-height: 20rem}.max-h-96{max-height: 24rem}.max-h-px{max-height: 1px}.max-h-full{max-height: 100%}.max-h-screen{max-height: 100vh}
/* Grid template columns*/
.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))}.grid-cols-4{grid-template-columns: repeat(4, minmax(0, 1fr))}.grid-cols-5{grid-template-columns: repeat(5, minmax(0, 1fr))}.grid-cols-6{grid-template-columns: repeat(6, minmax(0, 1fr))}.grid-cols-7{grid-template-columns: repeat(7, minmax(0, 1fr))}.grid-cols-8{grid-template-columns: repeat(8, minmax(0, 1fr))}.grid-cols-9{grid-template-columns: repeat(9, minmax(0, 1fr))}.grid-cols-10{grid-template-columns: repeat(10, minmax(0, 1fr))}.grid-cols-11{grid-template-columns: repeat(11, minmax(0, 1fr))}.grid-cols-12{grid-template-columns: repeat(12, minmax(0, 1fr))}.grid-cols-none{grid-template-columns: none}
/* Grid Column Start / End */
.col-auto{grid-column: auto}.col-span-1{grid-column: span 1 / span 1}.col-span-2{grid-column: span 2 / span 2}.col-span-3{grid-column: span 3 / span 3}.col-span-4{grid-column: span 4 / span 4}.col-span-5{grid-column: span 5 / span 5}.col-span-6{grid-column: span 6 / span 6}.col-span-7{grid-column: span 7 / span 7}.col-span-8{grid-column: span 8 / span 8}.col-span-9{grid-column: span 9 / span 9}.col-span-10{grid-column: span 10 / span 10}.col-span-11{grid-column: span 11 / span 11}.col-span-12{grid-column: span 12 / span 12}.col-span-full{grid-column: 1 / -1}.col-start-1{grid-column-start: 1}.col-start-2{grid-column-start: 2}.col-start-3{grid-column-start: 3}.col-start-4{grid-column-start: 4}.col-start-5{grid-column-start: 5}.col-start-6{grid-column-start: 6}.col-start-7{grid-column-start: 7}.col-start-8{grid-column-start: 8}.col-start-9{grid-column-start: 9}.col-start-10{grid-column-start: 10}.col-start-11{grid-column-start: 11}.col-start-12{grid-column-start: 12}.col-start-13{grid-column-start: 13}.col-start-auto{grid-column-start: auto}.col-end-1{grid-column-end: 1}.col-end-2{grid-column-end: 2}.col-end-3{grid-column-end: 3}.col-end-4{grid-column-end: 4}.col-end-5{grid-column-end: 5}.col-end-6{grid-column-end: 6}.col-end-7{grid-column-end: 7}.col-end-8{grid-column-end: 8}.col-end-9{grid-column-end: 9}.col-end-10{grid-column-end: 10}.col-end-11{grid-column-end: 11}.col-end-12{grid-column-end: 12}.col-end-13{grid-column-end: 13}.col-end-auto{grid-column-end: auto}
/* Grid Template Rows */
.grid-rows-1{grid-template-rows: repeat(1, minmax(0, 1fr))}.grid-rows-2{grid-template-rows: repeat(2, minmax(0, 1fr))}.grid-rows-3{grid-template-rows: repeat(3, minmax(0, 1fr))}.grid-rows-4{grid-template-rows: repeat(4, minmax(0, 1fr))}.grid-rows-5{grid-template-rows: repeat(5, minmax(0, 1fr))}.grid-rows-6{grid-template-rows: repeat(6, minmax(0, 1fr))}.grid-rows-none{grid-template-rows: none}
/* Grid Row Start / End */
.row-auto{grid-row: auto}.row-span-1{grid-row: span 1 / span 1}.row-span-2{grid-row: span 2 / span 2}.row-span-3{grid-row: span 3 / span 3}.row-span-4{grid-row: span 4 / span 4}.row-span-5{grid-row: span 5 / span 5}.row-span-6{grid-row: span 6 / span 6}.row-span-full{grid-row: 1 / -1}.row-start-1{grid-row-start: 1}.row-start-2{grid-row-start: 2}.row-start-3{grid-row-start: 3}.row-start-4{grid-row-start: 4}.row-start-5{grid-row-start: 5}.row-start-6{grid-row-start: 6}.row-start-7{grid-row-start: 7}.row-start-auto{grid-row-start: auto}.row-end-1{grid-row-end: 1}.row-end-2{grid-row-end: 2}.row-end-3{grid-row-end: 3}.row-end-4{grid-row-end: 4}.row-end-5{grid-row-end: 5}.row-end-6{grid-row-end: 6}.row-end-7{grid-row-end: 7}.row-end-auto{grid-row-end: auto}
/* Grid Auto Flow */
.grid-flow-row{grid-auto-flow: row}.grid-flow-col{grid-auto-flow: column}.grid-flow-row-dense{grid-auto-flow: row dense}.grid-flow-col-dense{grid-auto-flow: column dense}
/* Grid Auto Columns */
.auto-cols-auto{grid-auto-columns: auto}.auto-cols-min{grid-auto-columns: min-content}.auto-cols-max{grid-auto-columns: max-content}.auto-cols-fr{grid-auto-columns: minmax(0, 1fr)}
/* Grid Auto Rows */
.auto-rows-auto{grid-auto-rows: auto}.auto-rows-min{grid-auto-rows: min-content}.auto-rows-max{grid-auto-rows: max-content}.auto-rows-fr{grid-auto-rows: minmax(0, 1fr)}
/* Opacity */
.opacity-0{opacity: 0}.opacity-5{opacity: 0.05}.opacity-10{opacity: 0.1}.opacity-20{opacity: 0.2}.opacity-25{opacity: 0.25}.opacity-30{opacity: 0.3}.opacity-40{opacity: 0.4}.opacity-50{opacity: 0.5}.opacity-60{opacity: 0.6}.opacity-70{opacity: 0.7}.opacity-75{opacity: 0.75}.opacity-80{opacity: 0.8}.opacity-90{opacity: 0.9}.opacity-95{opacity: 0.95}.opacity-100{opacity: 1}
/* Background Attachment */
.bg-fixed{background-attachment: fixed}.bg-local{background-attachment: local}.bg-scroll{background-attachment: scroll}
/* Background Clip */
.bg-clip-border{background-clip: border-box}.bg-clip-padding{background-clip: padding-box}.bg-clip-content{background-clip: content-box}.bg-clip-text{-webkit-background-clip: text;background-clip: text}
/* Background Origin */
.bg-origin-border{background-origin: border-box}.bg-origin-padding{background-origin: padding-box}.bg-origin-content{background-origin: content-box}
/* Background position */
.bg-bottom{background-position: bottom}.bg-center{background-position: center}.bg-left{background-position: left}.bg-left-bottom{background-position: left bottom}.bg-left-top{background-position: left top}.bg-right{background-position: right}.bg-right-bottom{background-position: right bottom}.bg-right-top{background-position: right top}.bg-top{background-position: top}
/* Background Repeat */
.bg-repeat{background-repeat: repeat}.bg-no-repeat{background-repeat: no-repeat}.bg-repeat-x{background-repeat: repeat-x}.bg-repeat-y{background-repeat: repeat-y}.bg-repeat-round{background-repeat: round}.bg-repeat-space{background-repeat: space}
/* Background Size */
.bg-auto{background-size: auto}.bg-cover{background-size: cover}.bg-contain{background-size: contain}
/* Background Image */
.bg-none{background-image: none}
/* Transform Center */
.transform-center{top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%)}.transform-center-y{top:50%;transform: translateY(-50%)}.transform-center-x{left: 50%;transform: translateX(-50%)}

/* // Default Classes */
.container{
  max-width: 1248px;
  width:100%;
  height: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  transition: all .3s;
}
.wrapper{margin-top: 64px}

.text-primary{color:var(--primary-blue)}.text-dark-blue{color: var(--primary-dark-blue)}.text-black{color:var(--primary-black)}.text-white{color:var(--primary-white)}.text-primary-dark-blue-90{color:var(--primary-dark-blue-90)}.text-primary-blue-40{color: var(--primary-blue-40);}.text-primary-dark-gray{color: var(--primary-dark-gray)}
.bg-primary{background-color: var(--primary-blue)}.bg-dark-blue{background-color: var(--primary-dark-blue)}.bg-white{background-color: var(--primary-white)}.bg-section-gray{background-color: var(--section-bg-gray)}.bg-dark-gray{background-color: var(--primary-dark-gray)}.bg-qr-gray{background-color: var(--qr-form-bg)}


/* Button Class */
.btn{
  padding: 6px 14px;
  border:2px solid var(--primary-blue);
}
.btn-primary{
  background-color: var(--primary-blue);
  color: var(--primary-white)
}
.btn-secondary{
  background-color: var(--primary-white);
  color: var(--primary-blue);
}

/* margin minus */
.ml--4{margin-left:-16px}
.ml--5{margin-left:-20px}
.ml--6{margin-left:-24px}
.ml--7{margin-left:-28px}
.ml--8{margin-left:-32px}
.ml--9{margin-left:-36px}

/* Z-Index */
.z--1{z-index: -1}
.z-0{z-index: 0}
.z-1{z-index: 1}
.z-2{z-index: 2}

/* Max-width */
.max-h-70{max-height: 70px}
.max-h-200{max-height: 200px}
.max-h-250{max-height: 250px}
.max-h-280{max-height: 280px}
.max-h-400{max-height: 400px}
.max-h-300{max-height: 300px}
.max-h-350{max-height: 350px}
.max-h-375{max-height: 375px}
.max-w-150{max-width: 150px}
.max-w-180{max-width: 180px}
.max-w-200{max-width: 200px}
.max-w-250{max-width: 250px}
.max-w-300{max-width: 300px}
.max-w-400{max-width: 400px}
.max-w-450{max-width: 450px}
.max-w-500{max-width: 500px}

/* Border */
.white-border-1{border:1px solid var(--primary-white)}
.border-black{border:1px solid var(--primary-black)}
.border-b-1-primary{border-bottom: 1px solid var(--primary-blue)}


/* Scrollbar  */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: var(--primary-light-gray);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: transparent
}
/* //Scrollbar */

/* Header */
  header{
    top: 0;
    left: 0;
    background: var(--primary-white);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 999;
  }
  header .navbar{
    height: 100%;
    width: 100%;
    margin: auto;
  }
  header .navbar .nav-open{
    display: none;
  }
  header .navbar .logo a img{
    height:40px;
    min-width: 154px;
  }
  header .navbar .nav-sidebar .sidebar-logo{
    display: none;
  }
  header .navbar .nav-sidebar .links{
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header .navbar .nav-sidebar .links li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 6px;
  }
  header .navbar .nav-sidebar .links li a{
    white-space: nowrap;
    font-weight: normal;
  }
  header .navbar .nav-sidebar .links li a.active{
    color:var(--primary-blue);
  }
  header .navbar .nav-sidebar .links li a:hover{
    color:var(--primary-blue);
  }
  @media only screen and (max-width: 991px) {
    header .navbar .nav-open{
      position: relative;
      width: var(--sidebar-open-close-btn-height);
      height: var(--sidebar-open-close-btn-height);
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      z-index: 1005;
      transition: all .2s ease-in-out;
    }
    header .navbar .nav-open .menu-btn {
      width: var(--sidebar-open-close-btn-height);
      height: 3px;
      background: #2c3e66;
      border-radius: 5px;
      transition: all .2s ease-in-out;
    }

    header .navbar .nav-open .menu-btn::before,
    header .navbar .nav-open .menu-btn::after {
      content: '';
      position: absolute;
      width: var(--sidebar-open-close-btn-height);
      height: 3px;
      background: #2c3e66;
      border-radius: 5px;
      transition: all .2s ease-in-out;
    }

    header .navbar .nav-open .menu-btn::before {
      transform: translateY(-8px);
    }

    header .navbar .nav-open .menu-btn::after {
      transform: translateY(8px);
    }

    header .navbar.open .nav-open .menu-btn {
      transform: translateX(0);
      background: transparent;
    }

    header .navbar.open .nav-open .menu-btn::before {
      transform: rotate(45deg) translate(0px, 0px);
      background: var(--primary-blue);
    }

    header .navbar.open .nav-open .menu-btn::after {
      transform: rotate(-45deg) translate(0px, 0px);
      background: var(--primary-blue);
    }

    header .navbar .nav-open:active{
      background-color: transparent;
    }
    header .navbar .logo{
      flex: 1;
      text-align: center;
      margin-right: 50px;
    }
    header .navbar .nav-sidebar{
      position: fixed;
      top: 0;
      left: -102%;
      bottom: 0;
      display: block;
      width: 100%;
      background: rgba(0,0,0,.6);
      line-height: 40px;
      transition: all 0.5s ease;
      z-index: 1001;
    }
    header .navbar.open .nav-sidebar{
      left:0;
    }
    header .navbar .nav-sidebar-full{
      max-width: 270px;
      background: var(--primary-white);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      padding: 20px;
      z-index: 1002;
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      transition: all 0.5s ease;
    }
    
    header .navbar .nav-sidebar .sidebar-logo{
      display: flex;
      padding-bottom: 15px;
      margin-bottom: 15px;
    }
    header .navbar .nav-sidebar .sidebar-logo a img{
      height:40px;
    }
    header .navbar .nav-sidebar .links{
      display: block;
    }
    header .navbar .nav-sidebar .links li{
      display: block;
      /* line-height: 35px; */
    }
    header .navbar .nav-sidebar .links li a{
      font-weight: 600;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
  }
  @media only screen and (max-width: 375px) {
    header .navbar .nav-sidebar .nav-sidebar-full{
      max-width: 100%;
    }
  }
/* Header */

/* Hero Section */
.hero-section .main-wrapper{
  height: calc(100vh - 64px);
}
/* // hero Section */

/* FAQ */
.faq .faq-title::before{
  content: '';
  position: absolute;
  height: 3px;
  left: -170px;
  width: 150px;
  background-color: var(--primary-light-gray);
  top: 50%;
  transform: translateY(-50%);
}
.faq .faq-title::after{
  content: '';
  position: absolute;
  height: 3px;
  right: -170px;
  width: 150px;
  background-color: var(--primary-light-gray);
  top: 50%;
  transform: translateY(-50%);
}
/* // FAQ */

/* ContactUs */
.contact-us{
  background-color: var(--primary-blue-40);
}
/* // Contact Us */

/* Grid Gallery */
.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 100%;
  height: 100%;
}
.grid-item {
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.grid-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 0.5s;
}
.grid-item:hover img{
  transform: scale(1.1);
}
.grid-item img:hover{
  translate: 5px;
}
.grid-item:nth-child(1)
.grid-item:nth-child(4){
  grid-row: 1;
}
.grid-item:nth-child(1),
.grid-item:nth-child(5){
  grid-column: 1;
}
.grid-item:nth-child(1),
.grid-item:nth-child(4),
.grid-item:nth-child(6),
.grid-item:nth-child(7){
  height: 200px;
}
.grid-item:nth-child(2),
.grid-item:nth-child(6){
  grid-column: 2;
}
.grid-item:nth-child(2),
.grid-item:nth-child(3){
  grid-row: 1 / span 2;
}
.grid-item:nth-child(3),
.grid-item:nth-child(7){
  grid-column: 3;
}
.grid-item:nth-child(4),
.grid-item:nth-child(8){
  grid-column: 4;
}
.grid-item:nth-child(5),
.grid-item:nth-child(8){
  grid-row: 2 / span 2;
}
.grid-item:nth-child(6),
.grid-item:nth-child(7){
  grid-row: 3;
}
.grid-item:nth-child(2),
.grid-item:nth-child(3),
.grid-item:nth-child(5),
.grid-item:nth-child(8){
  height: 400px;
}
/* // Grid Gallery */

/* Accordian */
.at-tab {
  display: none;
}
.at-title {
  cursor: pointer;
  position: relative;
  transition: background-color 0.3s ease;
}
.at-title:hover {
  background-color: #e0e0e0;
}
.at-title::after {
  content: "";
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 40px;
  background-repeat: no-repeat;
  /* transition: transform .2s ease-in-out; */
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.at-title.active::after {
  content: "";
  top: 30%;
  transform: rotate(-180deg);
}
.at-item {
  border-bottom: 1px solid var(--primary-light-gray);
}
/* // Accordian  */

/* Common Class */
.section-title{
  color: var(--primary-blue);
}
.two-wrapper .two-wrapper-left,
.two-wrapper .two-wrapper-right{
  height: 550px;
  width: 550px;
  transition: all .3s;
}
.slick-track{
  display: flex;
}

/* Box Item */
.box-item{
  max-width: 300px;
  border-radius: 20px;
  box-shadow: var(--full-box-shadow);
  transition: .3s;
}
.box-item:hover{
  transform: translate(0, -10px);
  transition: .3s;
}
.box-item.fill{
  border-radius: 30px;
  border:6px solid var(--primary-light-blue);
}
.box-item.fill:nth-child(even){
  border-color:var(--primary-white);
  background-color: var(--primary-light-blue);
}
.kitzone-sound-box-item .box-item{
  max-width: 250px;
}
.sound-box-item{
  max-width: 265px;
}

/* Slider Box Item */
.slider-box-item{
  border-radius: 20px;
  background-color: var(--primary-white);
  box-shadow: var(--full-box-shadow);
}
.slider-box-item .title{
  color: var(--primary-yellow);  
}
.ktz-slick-slider{
  display:block;
  margin: 0 50px;
}

/* Kitzone soundbox item */
.ktz-sound-box .two-wrapper-left::before{
  content: '';
  position: absolute;
  border: 4px solid var(--gray-circle);
  border-radius: 100%;
  left: -30px;
  right: 30px;
  bottom: 0;
  top: 0;
  z-index: -1;
}
.ktz-sound-box .two-wrapper-left img{
  height: 100%;
  right: -50px;
  top: -40px;
  z-index: 1;
}
.ktz-sound-box .two-wrapper-left .sound-box-wrapper{
  height: 250px;
  width: 250px;
  left: 50px;
  background-color: var(--primary-white);
  z-index: 2;
  box-shadow: var(--full-box-shadow);
}

/* Kitzone Prepaid Card */
.prepaid-card .kitzone-prepaid-card .two-wrapper-left,
.prepaid-card .kitzone-prepaid-card .two-wrapper-right{
  background-color: var(--section-bg-gray);
}
.prepaid-card .kitzone-prepaid-card .two-wrapper-left::before,
.prepaid-card .kitzone-prepaid-card .two-wrapper-right::before{
  content: '';
  position: absolute;
  border: 4px solid var(--gray-circle);
  border-radius: 100%;
  left: 20px;
  right: -20px;
  bottom: 30px;
  top: -30px;
}
.prepaid-card .kitzone-prepaid-card .two-wrapper-right .prepaid-back{
  bottom: 50px;
  right: 10px;
  max-height: 70%;
  z-index: 1;
}
.prepaid-card .kitzone-prepaid-card .two-wrapper-right .prepaid-mobile{
  z-index: 2;
  max-height: 650px;
  bottom:0;
}
.prepaid-card .kitzone-prepaid-card .two-wrapper-right .prepaid-front{
  max-width: 65%;
  z-index: 3;
  bottom: 70px;
  left: 40px;
}
.prepaid-card .credit-card-slider .border-top{
  border-top: 1px solid #D9D9D9;
  padding-top: 12px;
}


/* Feature Wrappper */
.feature-wrapper{
}
.feature-wrapper .left-wrapper{
  border-top-left-radius:50px;
}
.feature-wrapper .right-wrapper{
  border-top-right-radius:50px;
  text-align: right;
}

/* QR Code */
.qr-code .two-wrapper-left,
.qr-code .two-wrapper-right{
  height: 450px;
}
.qr-code .left-image-wrapper{
  background-color: var(--section-bg-gray);
  height: 400px;
  width: 400px;
  z-index: 1;
}
.qr-code .left-image-wrapper .inner-circle{
  height: 400px;
  width: 400px;
  border-radius: 100%;
}
.qr-code .left-image-wrapper .inner-circle::before{
  content: '';
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  bottom: 40px;
  border-radius: 100%;
  border: 3px solid var(--primary-light-gray);
}
.qr-code .left-image-wrapper .inner-circle img{
  max-height: 500px;
}
.qr-code .right-image-wrapper{
  height: 280px;
  width: 280px;
  z-index: 2;
  right: -80px;
}
.qr-code .right-image-wrapper .inner-circle{
  height: 280px;
  width: 280px;
  border-radius: 100%;
  background-color: var(--primary-blue);
}
.qr-code .right-image-wrapper .inner-circle::before{
  content: '';
  position: absolute;
  top: -30px;
  right: 0;
  left: 0;
  bottom: 30px;
  border-radius: 100%;
  border: 3px solid var(--primary-light-gray);
}
.qr-code .right-image-wrapper .inner-circle img{
  max-height: 350px;
  transform: rotate(300);
}

/* QR CODE */

/* Multiple Payment */
.ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
  max-width: 230px;
  margin-right: -30%;
  z-index: 1;
}
/* //Multiple Payment */

/* Bharat Bill Pay */
.bharat-bill-pay .two-wrapper-left,
.bharat-bill-pay .two-wrapper-right{
  background-color: var(--section-bg-gray);
  height: 550px;
  width: 550px;
  z-index: 1;
}
.bharat-bill-pay .two-wrapper-left::before {
  content: '';
  position: absolute;
  top: -40px;
  right: 0;
  left: 0;
  bottom: 40px;
  border-radius: 100%;
  border: 3px solid var(--primary-light-gray);
}
.bharat-bill-pay .two-wrapper-right::before{
  content: '';
  position: absolute;
  height: 450px;
  width: 450px;
  top: -14px;
  right: 0px;
  border-radius: 100%;
  border: 3px solid var(--primary-light-gray);
}
.bharat-bill-pay .two-wrapper-right .pos-device{
  max-height: 550px;
  bottom: 50px;
}
.bharat-bill-pay .two-wrapper-right .mini-atm{
  max-height: 300px;
  right: 0;
  bottom: 60px;
}
/* //Bharat Bill Pay */



/* @media only screen and (max-width: 1400px) {
  .container{
    max-width: 1248px;
    transition: all .3s;
  }
} */

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1248px) {
  .two-wrapper .two-wrapper-left,
  .two-wrapper .two-wrapper-right{
    height: 500px;
    width: 500px;
    transition: all .3s;
  }
  .two-wrapper .two-wrapper-flex{
    transition: all .3s;
    gap: 3rem;
  }
}

@media only screen and (max-width: 1180px) {
  /* Kitzone Soundbox */
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-6xl{
    font-size: 52px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-5xl{
    font-size: 40px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-7xl{
    font-size: 62px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-3xl{
    font-size: 26px;
  }
  /* // Kitzone Soundbox */
}

@media only screen and (max-width: 1120px) {}

@media only screen and (max-width: 1080px) {
  .two-wrapper .two-wrapper-left,
  .two-wrapper .two-wrapper-right{
    height:450px;
    width: 450px;
    transition: all .3s;
  }
  .contact-us .two-wrapper .two-wrapper-flex .two-wrapper-right{
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  /* Common */
  .sub-heading{
    font-size: 16px;
  }
}

@media only screen and (max-width: 992px) {
  header .navbar .logo{
    margin-right: 0;
  }
  header .navbar .logo a img{
    height: 34px;
  }

  .hero-section .main-wrapper{
    height: calc(600px - 64px);
  }
  .two-wrapper .two-wrapper-left,
  .two-wrapper .two-wrapper-right{
    height:400px;
    width: 400px;
    transition: all .3s;
  }
  .two-wrapper .two-wrapper-flex{
    gap: 2rem;
  }
  .kitzone-sound-box-item .flex{
    flex-wrap: wrap;
    justify-content: space-around;
  }
  .kitzone-sound-box-item .box-item{
    max-width: 300px;
    min-width: 280px;
    width: 100%;
  }

  /* Kitzone Soundbox */
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-6xl{
    font-size: 42px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-5xl{
    font-size: 32px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-7xl{
    font-size: 54px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-3xl{
    font-size: 22px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn{
    margin-right: 2rem;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn a{
    height: 100px;
    width: 100px;
  }
  /* // Kitzone Soundbox */

  .slider-box-item{
    margin: 12px;
  }

  /* Multiple Payment Method */
  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
    max-width: 200px;
  }
  /* // Multiple Payment Method */

  /* Footer */
  footer .footer-menu{gap:1.5rem}
  footer .footer-menu .footer-about{flex:0.8}
  footer .footer-menu .footer-about ul li a{height: 36px; width: 36px}
  footer .footer-menu .footer-about ul li a img{height: 22px; width: 22px}
  footer .footer-menu .footer-address{flex:0.8}
  footer .footer-menu .footer-address img{height: 22px; width: 22px}
  footer .footer-menu .footer--menu-links{gap: 12px}
  footer .footer-menu .footer--menu-links span{font-size: 16px; font-weight: 600;margin-bottom: 12px;}
  footer .footer-menu .footer--menu-links ul li a{font-size: 14px}
  /* // Footer */
}

@media only screen and (max-width: 880px) {
  .hero-section .main-wrapper{
    flex-direction: column-reverse;
    height: auto;
  }
  .two-wrapper .two-wrapper-left,
  .two-wrapper .two-wrapper-right{
    height:400px;
    width: 400px;
    transition: all .3s;
  }
  .two-wrapper .two-wrapper-flex > .flex-1{
    justify-content: center;
  }
  .two-wrapper .two-wrapper-flex{
    transition: all .3s;
    flex-direction: column;
  }

  /* Grid Gallery */
  .grid-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-item:nth-child(1),
  .grid-item:nth-child(2){
    grid-row: 1
  }
  .grid-item:nth-child(2),
  .grid-item:nth-child(5),
  .grid-item:nth-child(7){
    grid-column: 3;
  }
  .grid-item:nth-child(6),
  .grid-item:nth-child(7){
    grid-row: 3;
  }
  .grid-item:nth-child(2),
  .grid-item:nth-child(4){
    height: auto;
  }
  .grid-item:nth-child(3),
  .grid-item:nth-child(5){
    grid-row: 2;
  }
  .grid-item:nth-child(3),
  .grid-item:nth-child(6){
    grid-column: 1;
  }
  .grid-item:nth-child(1){
    grid-column: 1 / span 2;
  }
  .grid-item:nth-child(4){
    grid-column: 2;
    grid-row: 2 / span 2;
  }
  .grid-item:nth-child(8){
    grid-row: 4;
    grid-column: 1 / span 3;
  }

  .grid-item:nth-child(3),
  .grid-item:nth-child(5),
  .grid-item:nth-child(8){
    height: 200px;
  }

  .grid-item:nth-child(1),
  .grid-item:nth-child(2),
  .grid-item:nth-child(6),
  .grid-item:nth-child(7){
    height: 400px;
  }

  /* Grid Gallery */


  /* Contact US */
  .contact-us .two-wrapper .two-wrapper-flex .contact-image{
    display: none;
  }
  .contact-us .two-wrapper{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .contact-us .two-wrapper-right .contact-heading{
    font-size: 48px;
  }
  .contact-us .two-wrapper-right form{
    
  }
  /* //Contact US */

  /* Soundbox */
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper span{
    font-size: 22px;
    line-height: 30px;
  }
  .ktz-sound-box .two-wrapper-right{
    width: 100%;
    height: 100%;
    margin-bottom: 40px;
  }
  .ktz-sound-box .two-wrapper-right .w-full{
    text-align: center;
  }
  .ktz-sound-box .two-wrapper-right .w-full .flex{
    justify-content: center;
  }
  .ktz-sound-box .two-wrapper-right .play-btn{
    margin-left: 0px;
  }
  .ktz-sb-item{
    justify-content: space-around;
  }
  /* // Soundbox */

  /* featured Wrapper */
  .feature-wrapper .w-80{
    width: 100%;
    text-align: center;
  }
  .feature-wrapper .w-80 .flex{
    justify-content: center;
  }
  .feature-wrapper .w-80 .flex ul li{
    text-align: left;
  }
  .feature-wrapper .left-wrapper{
    border-top-left-radius: 0px;
  }
  .feature-wrapper .right-wrapper{
    border-top-right-radius: 0px;
  }
  /* //featured Wrapper */

  /* Footer */
  footer .footer-menu{
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  footer .footer-menu .footer-about{
    max-width: 500px;
    text-align: center;
  }
  footer .footer-menu .footer-address{
    max-width: 280px;
    width: 100%;
  }
  footer .footer-menu .footer-address p,
  footer .footer-menu .footer-address a{
    font-size: 16px;
  }
  footer .footer-menu .footer-about p{
    font-size: 16px;
  }
  footer .footer-menu .footer-about ul{
    justify-content: center;
    margin-bottom: 0;
  }
  footer .footer-menu .footer--menu-links{border-top: 1px solid var(--primary-light-gray); padding-top: 1.5rem;}
  footer .footer-menu .footer--menu-links{
    width: 100%;
    justify-content: space-around;
  }
  footer .copyright-section{
    margin-top: 1.5rem;
  }
  footer .copyright-links{
    flex-direction: column-reverse;
    gap: 16px;
  }
  footer .copyright-links ul,
  footer .copyright-links ul li{
    padding-right: 16px;
    border-right: 1px solid var(--primary-white);
  }
  footer .copyright-links ul:last-child,
  footer .copyright-links ul li:last-child{
    border-right: 0;
    padding-right: 0;
  }
  /* //Footer */

  /* Multiple Payment Method */
  .ktz-multiple-payment-method.two-wrapper .two-wrapper-left, .two-wrapper .two-wrapper-right{
    width: 100%;
  }
  .ktz-multiple-payment-method .two-wrapper-right img{
    width: 100%;
    object-fit: cover;
    max-height: 400px;
    border-radius: 1.5rem;
  }
  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
    margin-right: 20px;
  }
  /* //Multiple Payment Method */
}

@media only screen and (max-width: 768px) {
  /* Grid Gallery */
  .grid-container {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-container .grid-item{
    max-height: 300px;
    height: auto;
  }
  .grid-item:nth-child(1){
    grid-column: 1;
  }
  .grid-item:nth-child(2){
    grid-column: 2 / span 2;
  }
  .grid-item:nth-child(1),
  .grid-item:nth-child(2){
    grid-row: 1
  }
  .grid-item:nth-child(3),
  .grid-item:nth-child(4){
    grid-row: 2
  }
  .grid-item:nth-child(3),
  .grid-item:nth-child(6){
    grid-column: 1 / span 2;
  }
  .grid-item:nth-child(4){
    grid-column: 3
  }
  .grid-item:nth-child(5){
    grid-row: 3;
  }
  .grid-item:nth-child(5),
  .grid-item:nth-child(8){
    grid-column: 1 / span 3
  }
  .grid-item:nth-child(6),
  .grid-item:nth-child(7){
    grid-row: 4;
  }
  .grid-item:nth-child(8){
    grid-row: 5;
  }
  /* // Grid Gallery */
  .ktz-slick-slider{
    margin: 0 auto;
  }
  .ktz-multiple-payment-method .two-wrapper-right{
    max-height: 400px;
  }
}

@media only screen and (max-width: 640px) {
  .section-title{
    font-size: 36px;
  }
  .ktz-sb-item{
    justify-content: center;
  }
  .faq .accordion{
    margin-top: 30px;
  }
}
@media only screen and (max-width: 560px) {
  footer .copyright-links > .flex{
    flex-direction: column;
  }
  footer .copyright-links .brand-wrapper{
    flex-direction: row;
  }
  footer .copyright-links ul{
    border-right: 0px;
    padding-right: 0px;
  }

  /* Soundbox */
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper{
    left: 20px;
  }
  .kitzone-soundbox .ktz-sound-box .two-wrapper-right{
    margin-top: 10px;
  }
  /* // Soundbox */

  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper{
    max-height: 320px;
  }
  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
    max-width: 180px;
    margin-right: 10px;
  }
  .ktz-multiple-payment-method .two-wrapper-right{
    max-height: 300px;
  }
  .ktz-multiple-payment-method .two-wrapper-flex{
    gap: 1rem;
  }

  .faq h4{
    font-size: 32px;
  }
  .faq .accordion{
    margin-top: 20px;
  }
  .faq .accordion h2{
    font-size: 16px;
  }
}

@media only screen and (max-width: 480px) {
  header .navbar .logo a img{
    height: 30px;
  }
  .section-title{
    font-size: 32px;
  }
  .two-wrapper .two-wrapper-left, .two-wrapper .two-wrapper-right{
    height: 350px;
    width: 350px;
  }
  /* Soundbox Wrapper */
  .ktz-sound-box .two-wrapper-right{
    width: 100%;
    height: 100%;
  }
  /* // Soundbox Wrapper */

  /* Faq */
  .faq .faq-title::before{
    left: -120px;
    width: 100px;
  }
  .faq .faq-title::after{
    right:-120px;
    width: 100px;
  }
  /* // Faq */

  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
    max-width: 130px;
  }
  .ktz-multiple-payment-method .two-wrapper-right{
    max-height: 260px;
    height: 100%;
  }
}

@media only screen and (max-width: 420px) {
  /* Soundbox */
  .ktz-sound-box .two-wrapper-right .w-full .flex{
    flex-direction: column;
    align-items: center;
  }
  .ktz-sound-box .two-wrapper-right .w-full .flex a{
    margin-top: 20px;
    margin-bottom: 0px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn{
    margin-top: 20px;
    margin-right: 0px;
    margin-top: 0;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-6xl{
    font-size: 34px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-5xl{
    font-size: 26px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-7xl{
    font-size: 48px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right span.text-3xl{
    font-size: 18px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-left{
    height: 250px;
    width: 250px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right{
    margin-bottom: 30px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn a{
    height: 80px;
    width: 80px;
    margin-top: 10px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn a  img{
    height: 36px;
  }
  .ktz-sound-box .two-wrapper-flex .two-wrapper-right .play-btn span{
    margin-top: 10px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper{
    left: 10px;
    height: 180px;
    width: 180px;
    padding: 25px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper span br{
    display: none;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper span{
    font-size: 14px;
    line-height: 14px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper a img{
    height: 24px;
    width: 24px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper p.text-sm{
    font-size: 12px;
    line-height: 14px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper p.text-xs{
    font-size: 10px;
    line-height: 12px;
  }
  /* // Soundbox */

  /* FAQ */
  .faq .at-item h2{
    padding: 12px 28px;
  }
  .faq .at-title::after{
    right: 25px;
  }
  /* //FAQ */

  .ktz-multiple-payment-method .two-wrapper-left .left-doc-wrapper > img{
    /* max-width: 100px; */
    display: none;
  }
}

@media only screen and (max-width: 375px) {
  .section-title{
    font-size: 26px;
  }
  .two-wrapper .two-wrapper-left, .two-wrapper .two-wrapper-right{
    height: 280px;
    width: 280px;
  }
  footer .copyright-links .brand-wrapper{
    font-size: 13px;
  }

  /* Soundbox */
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper{
    padding: 30px;
    left: 10px;
    height: 200px;
    width: 200px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper span{
    font-size: 16px;
    line-height: 18px;
  }
  .ktz-sound-box .two-wrapper-left .sound-box-wrapper span br{
    display: none;
  }
  .ktz-sound-box .two-wrapper-left img{
    margin-right: 8px;
  }
  .ktz-sound-box .two-wrapper-left p.leading-snug{
    font-size: 12px;
  }
  .ktz-sound-box .two-wrapper-left p.text-xs{
    font-size: 11px;
    line-height: 14px;
  }
  /* // Soundbox */
}

@media only screen and (max-width: 320px) {}