/* 
! tailwindcss v3.3.3 | MIT License | https://tailwindcss.com 
*/ 

/* 
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 
*/ 

*, 
::before, 
::after { 
 box-sizing: border-box; 
 /* 1 */ 
 border-width: 0; 
 /* 2 */ 
 border-style: solid; 
 /* 2 */ 
 border-color: #e5e7eb; 
 /* 2 */ 
} 

::before, 
::after { 
 --tw-content: ''; 
} 

/* 
1. Use a consistent sensible line-height in all browsers. 
2. Prevent adjustments of font size after orientation changes in iOS. 
3. Use a more readable tab size. 
4. Use the user's configured `sans` font-family by default. 
5. Use the user's configured `sans` font-feature-settings by default. 
6. Use the user's configured `sans` font-variation-settings by default. 
*/ 

html { 
 line-height: 1.5; 
 /* 1 */ 
 -webkit-text-size-adjust: 100%; 
 /* 2 */ 
 -moz-tab-size: 4; 
 /* 3 */ 
 -o-tab-size: 4; 
 tab-size: 4; 
 /* 3 */ 
 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"; 
 /* 4 */ 
 font-feature-settings: normal; 
 /* 5 */ 
 font-variation-settings: normal; 
 /* 6 */ 
} 

/* 
1. Remove the margin in all browsers. 
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 
*/ 

body { 
 margin: 0; 
 /* 1 */ 
 line-height: inherit; 
 /* 2 */ 
} 

/* 
1. Add the correct height in Firefox. 
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 
3. Ensure horizontal rules are visible by default. 
*/ 

hr { 
 height: 0; 
 /* 1 */ 
 color: inherit; 
 /* 2 */ 
 border-top-width: 1px; 
 /* 3 */ 
} 

/* 
Add the correct text decoration in Chrome, Edge, and Safari. 
*/ 

abbr:where([title]) { 
 -webkit-text-decoration: underline dotted; 
 text-decoration: underline dotted; 
} 

/* 
Remove the default font size and weight for headings. 
*/ 

h1, 
h2, 
h3, 
h4, 
h5, 
h6 { 
 font-size: inherit; 
 font-weight: inherit; 
} 

/* 
Reset links to optimize for opt-in styling instead of opt-out. 
*/ 

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

/* 
Add the correct font weight in Edge and Safari. 
*/ 

b, 
strong { 
 font-weight: bolder; 
} 

/* 
1. Use the user's configured `mono` font family by default. 
2. Correct the odd `em` font sizing in all browsers. 
*/ 

code, 
kbd, 
samp, 
pre { 
 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; 
 /* 1 */ 
 font-size: 1em; 
 /* 2 */ 
} 

/* 
Add the correct font size in all browsers. 
*/ 

small { 
 font-size: 80%; 
} 

/* 
Prevent `sub` and `sup` elements from affecting the line height in all browsers. 
*/ 

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

sub { 
 bottom: -0.25em; 
} 

sup { 
 top: -0.5em; 
} 

/* 
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 
3. Remove gaps between table borders by default. 
*/ 

table { 
 text-indent: 0; 
 /* 1 */ 
 border-color: inherit; 
 /* 2 */ 
 border-collapse: collapse; 
 /* 3 */ 
} 

/* 
1. Change the font styles in all browsers. 
2. Remove the margin in Firefox and Safari. 
3. Remove default padding in all browsers. 
*/ 

button, 
input, 
optgroup, 
select, 
textarea { 
 font-family: inherit; 
 /* 1 */ 
 font-feature-settings: inherit; 
 /* 1 */ 
 font-variation-settings: inherit; 
 /* 1 */ 
 font-size: 100%; 
 /* 1 */ 
 font-weight: inherit; 
 /* 1 */ 
 line-height: inherit; 
 /* 1 */ 
 color: inherit; 
 /* 1 */ 
 margin: 0; 
 /* 2 */ 
 padding: 0; 
 /* 3 */ 
} 

/* 
Remove the inheritance of text transform in Edge and Firefox. 
*/ 

button, 
select { 
 text-transform: none; 
} 

/* 
1. Correct the inability to style clickable types in iOS and Safari. 
2. Remove default button styles. 
*/ 

button, 
[type='button'], 
[type='reset'], 
[type='submit'] { 
 -webkit-appearance: button; 
 /* 1 */ 
 background-color: transparent; 
 /* 2 */ 
 background-image: none; 
 /* 2 */ 
} 

/* 
Use the modern Firefox focus style for all focusable elements. 
*/ 

:-moz-focusring { 
 outline: auto; 
} 

/* 
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 
*/ 

:-moz-ui-invalid { 
 box-shadow: none; 
} 

/* 
Add the correct vertical alignment in Chrome and Firefox. 
*/ 

progress { 
 vertical-align: baseline; 
} 

/* 
Correct the cursor style of increment and decrement buttons in Safari. 
*/ 

::-webkit-inner-spin-button, 
::-webkit-outer-spin-button { 
 height: auto; 
} 

/* 
1. Correct the odd appearance in Chrome and Safari. 
2. Correct the outline style in Safari. 
*/ 

[type='search'] { 
 -webkit-appearance: textfield; 
 /* 1 */ 
 outline-offset: -2px; 
 /* 2 */ 
} 

/* 
Remove the inner padding in Chrome and Safari on macOS. 
*/ 

::-webkit-search-decoration { 
 -webkit-appearance: none; 
} 

/* 
1. Correct the inability to style clickable types in iOS and Safari. 
2. Change font properties to `inherit` in Safari. 
*/ 

::-webkit-file-upload-button { 
 -webkit-appearance: button; 
 /* 1 */ 
 font: inherit; 
 /* 2 */ 
} 

/* 
Add the correct display in Chrome and Safari. 
*/ 

summary { 
 display: list-item; 
} 

/* 
Removes the default spacing and border for appropriate elements. 
*/ 

blockquote, 
dl, 
dd, 
h1, 
h2, 
h3, 
h4, 
h5, 
h6, 
hr, 
figure, 
p, 
pre { 
 margin: 0; 
} 

fieldset { 
 margin: 0; 
 padding: 0; 
} 

legend { 
 padding: 0; 
} 

ol, 
ul, 
menu { 
 list-style: none; 
 margin: 0; 
 padding: 0; 
} 

/* 
Reset default styling for dialogs. 
*/ 

dialog { 
 padding: 0; 
} 

/* 
Prevent resizing textareas horizontally by default. 
*/ 

textarea { 
 resize: vertical; 
} 

/* 
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 
2. Set the default placeholder color to the user's configured gray 400 color. 
*/ 

input::-moz-placeholder, textarea::-moz-placeholder { 
 opacity: 1; 
 /* 1 */ 
 color: #9ca3af; 
 /* 2 */ 
} 

input::placeholder, 
textarea::placeholder { 
 opacity: 1; 
 /* 1 */ 
 color: #9ca3af; 
 /* 2 */ 
} 

/* 
Set the default cursor for buttons. 
*/ 

button, 
[role="button"] { 
 cursor: pointer; 
} 

/* 
Make sure disabled buttons don't get the pointer cursor. 
*/ 

:disabled { 
 cursor: default; 
} 

/* 
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) 
 This can trigger a poorly considered lint error in some tools but is included by design. 
*/ 

img, 
svg, 
video, 
canvas, 
audio, 
iframe, 
embed, 
object { 
 display: block; 
 /* 1 */ 
 vertical-align: middle; 
 /* 2 */ 
} 

/* 
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 
*/ 

img, 
video { 
 max-width: 100%; 
 height: auto; 
} 

/* Make elements with the HTML hidden attribute stay hidden by default */ 

[hidden] { 
 display: none; 
} 

:root { 
 --background: 0 0% 100%; 
 --foreground: 222.2 84% 4.9%; 
 --muted: 210 40% 96.1%; 
 --muted-foreground: 215.4 16.3% 46.9%; 
 --popover: 0 0% 100%; 
 --popover-foreground: 222.2 84% 4.9%; 
 --card: 0 0% 100%; 
 --card-foreground: 222.2 84% 4.9%; 
 --border: 214.3 31.8% 91.4%; 
 --input: 214.3 31.8% 91.4%; 
 --primary: 222.2 47.4% 11.2%; 
 --primary-foreground: 210 40% 98%; 
 --secondary: 210 40% 96.1%; 
 --secondary-foreground: 222.2 47.4% 11.2%; 
 --accent: 210 40% 96.1%; 
 --accent-foreground: 222.2 47.4% 11.2%; 
 --destructive: 0 84.2% 60.2%; 
 --destructive-foreground: 210 40% 98%; 
 --ring: 215 20.2% 65.1%; 
 --radius: 0.5rem; 
} 

* { 
 border-color: hsl(var(--border)); 
} 

body { 
 background-color: hsl(var(--background)); 
 color: hsl(var(--foreground)); 
} 

*, ::before, ::after { 
 --tw-border-spacing-x: 0; 
 --tw-border-spacing-y: 0; 
 --tw-translate-x: 0; 
 --tw-translate-y: 0; 
 --tw-rotate: 0; 
 --tw-skew-x: 0; 
 --tw-skew-y: 0; 
 --tw-scale-x: 1; 
 --tw-scale-y: 1; 
 --tw-pan-x: ; 
 --tw-pan-y: ; 
 --tw-pinch-zoom: ; 
 --tw-scroll-snap-strictness: proximity; 
 --tw-gradient-from-position: ; 
 --tw-gradient-via-position: ; 
 --tw-gradient-to-position: ; 
 --tw-ordinal: ; 
 --tw-slashed-zero: ; 
 --tw-numeric-figure: ; 
 --tw-numeric-spacing: ; 
 --tw-numeric-fraction: ; 
 --tw-ring-inset: ; 
 --tw-ring-offset-width: 0px; 
 --tw-ring-offset-color: #fff; 
 --tw-ring-color: rgb(59 130 246 / 0.5); 
 --tw-ring-offset-shadow: 0 0 #0000; 
 --tw-ring-shadow: 0 0 #0000; 
 --tw-shadow: 0 0 #0000; 
 --tw-shadow-colored: 0 0 #0000; 
 --tw-blur: ; 
 --tw-brightness: ; 
 --tw-contrast: ; 
 --tw-grayscale: ; 
 --tw-hue-rotate: ; 
 --tw-invert: ; 
 --tw-saturate: ; 
 --tw-sepia: ; 
 --tw-drop-shadow: ; 
 --tw-backdrop-blur: ; 
 --tw-backdrop-brightness: ; 
 --tw-backdrop-contrast: ; 
 --tw-backdrop-grayscale: ; 
 --tw-backdrop-hue-rotate: ; 
 --tw-backdrop-invert: ; 
 --tw-backdrop-opacity: ; 
 --tw-backdrop-saturate: ; 
 --tw-backdrop-sepia: ; 
} 

::backdrop { 
 --tw-border-spacing-x: 0; 
 --tw-border-spacing-y: 0; 
 --tw-translate-x: 0; 
 --tw-translate-y: 0; 
 --tw-rotate: 0; 
 --tw-skew-x: 0; 
 --tw-skew-y: 0; 
 --tw-scale-x: 1; 
 --tw-scale-y: 1; 
 --tw-pan-x: ; 
 --tw-pan-y: ; 
 --tw-pinch-zoom: ; 
 --tw-scroll-snap-strictness: proximity; 
 --tw-gradient-from-position: ; 
 --tw-gradient-via-position: ; 
 --tw-gradient-to-position: ; 
 --tw-ordinal: ; 
 --tw-slashed-zero: ; 
 --tw-numeric-figure: ; 
 --tw-numeric-spacing: ; 
 --tw-numeric-fraction: ; 
 --tw-ring-inset: ; 
 --tw-ring-offset-width: 0px; 
 --tw-ring-offset-color: #fff; 
 --tw-ring-color: rgb(59 130 246 / 0.5); 
 --tw-ring-offset-shadow: 0 0 #0000; 
 --tw-ring-shadow: 0 0 #0000; 
 --tw-shadow: 0 0 #0000; 
 --tw-shadow-colored: 0 0 #0000; 
 --tw-blur: ; 
 --tw-brightness: ; 
 --tw-contrast: ; 
 --tw-grayscale: ; 
 --tw-hue-rotate: ; 
 --tw-invert: ; 
 --tw-saturate: ; 
 --tw-sepia: ; 
 --tw-drop-shadow: ; 
 --tw-backdrop-blur: ; 
 --tw-backdrop-brightness: ; 
 --tw-backdrop-contrast: ; 
 --tw-backdrop-grayscale: ; 
 --tw-backdrop-hue-rotate: ; 
 --tw-backdrop-invert: ; 
 --tw-backdrop-opacity: ; 
 --tw-backdrop-saturate: ; 
 --tw-backdrop-sepia: ; 
} 

.container { 
 width: 100%; 
 margin-right: auto; 
 margin-left: auto; 
 padding-right: 1rem; 
 padding-left: 1rem; 
} 

@media (min-width: 1400px) { 
 .container { 
 max-width: 1400px; 
 } 
} 

.visible { 
 visibility: visible; 
} 

.static { 
 position: static; 
} 

.absolute { 
 position: absolute; 
} 

.relative { 
 position: relative; 
} 

.left-0 { 
 left: 0px; 
} 

.top-\[1px\] { 
 top: 1px; 
} 

.top-full { 
 top: 100%; 
} 

.z-10 { 
 z-index: 10; 
} 

.z-100 { 
 z-index: 100; 
} 

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

.my-2 { 
 margin-top: 0.5rem; 
 margin-bottom: 0.5rem; 
} 

.my-4 { 
 margin-top: 1rem; 
 margin-bottom: 1rem; 
} 

.my-8 { 
 margin-top: 2rem; 
 margin-bottom: 2rem; 
} 

.mb-16 { 
 margin-bottom: 4rem; 
} 

.mb-2 { 
 margin-bottom: 0.5rem; 
} 

.mb-4 { 
 margin-bottom: 1rem; 
} 

.mb-8 { 
 margin-bottom: 2rem; 
} 

.ml-1 { 
 margin-left: 0.25rem; 
} 

.mr-1 { 
 margin-right: 0.25rem; 
} 

.mt-16 { 
 margin-top: 4rem; 
} 

.mt-2 { 
 margin-top: 0.5rem; 
} 

.mt-8 { 
 margin-top: 2rem; 
} 

.mr-4 { 
 margin-right: 1rem; 
} 

.line-clamp-2 { 
 overflow: hidden; 
 display: -webkit-box; 
 -webkit-box-orient: vertical; 
 -webkit-line-clamp: 2; 
} 

.block { 
 display: block; 
} 

.flex { 
 display: flex; 
} 

.inline-flex { 
 display: inline-flex; 
} 

.grid { 
 display: grid; 
} 

.hidden { 
 display: none; 
} 

.h-1\/2 { 
 height: 50%; 
} 

.h-10 { 
 height: 2.5rem; 
} 

.h-100 { 
 height: 28rem; 
} 

.h-16 { 
 height: 4rem; 
} 

.h-36 { 
 height: 9rem; 
} 

.h-4 { 
 height: 1rem; 
} 

.h-64 { 
 height: 16rem; 
} 

.h-96 { 
 height: 24rem; 
} 

.h-full { 
 height: 100%; 
} 

.h-px { 
 height: 1px; 
} 

.h-screen { 
 height: 100vh; 
} 

.w-1\/3 { 
 width: 33.333333%; 
} 

.w-10\/12 { 
 width: 83.333333%; 
} 

.w-2\/12 { 
 width: 16.666667%; 
} 

.w-3\/12 { 
 width: 25%; 
} 

.w-3\/4 { 
 width: 75%; 
} 

.w-4 { 
 width: 1rem; 
} 

.w-full { 
 width: 100%; 
} 

.w-max { 
 width: -moz-max-content; 
 width: max-content; 
} 

.w-px { 
 width: 1px; 
} 

.w-screen { 
 width: 100vw; 
} 

.w-1\/12 { 
 width: 8.333333%; 
} 

.w-11\/12 { 
 width: 91.666667%; 
} 

.w-4\/12 { 
 width: 33.333333%; 
} 

.w-6\/12 { 
 width: 50%; 
} 

.w-7\/12 { 
 width: 58.333333%; 
} 

.w-1\/4 { 
 width: 25%; 
} 

.max-w-max { 
 max-width: -moz-max-content; 
 max-width: max-content; 
} 

.flex-1 { 
 flex: 1 1 0%; 
} 

.cursor-pointer { 
 cursor: pointer; 
} 

.select-none { 
 -webkit-user-select: none; 
 -moz-user-select: none; 
 user-select: none; 
} 

.list-none { 
 list-style-type: none; 
} 

.columns-2 { 
 -moz-columns: 2; 
 columns: 2; 
} 

.grid-cols-1 { 
 grid-template-columns: repeat(1, minmax(0, 1fr)); 
} 

.grid-cols-2 { 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
} 

.flex-row { 
 flex-direction: row; 
} 

.flex-col { 
 flex-direction: column; 
} 

.items-end { 
 align-items: flex-end; 
} 

.items-center { 
 align-items: center; 
} 

.justify-end { 
 justify-content: flex-end; 
} 

.justify-center { 
 justify-content: center; 
} 

.justify-between { 
 justify-content: space-between; 
} 

.gap-0 { 
 gap: 0px; 
} 

.gap-8 { 
 gap: 2rem; 
} 

.space-x-1 > :not([hidden]) ~ :not([hidden]) { 
 --tw-space-x-reverse: 0; 
 margin-right: calc(0.25rem * var(--tw-space-x-reverse)); 
 margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse))); 
} 

.space-y-1 > :not([hidden]) ~ :not([hidden]) { 
 --tw-space-y-reverse: 0; 
 margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); 
 margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); 
} 

.self-stretch { 
 align-self: stretch; 
} 

.overflow-hidden { 
 overflow: hidden; 
} 

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

.rounded-lg { 
 border-radius: var(--radius); 
} 

.rounded-md { 
 border-radius: calc(var(--radius) - 2px); 
} 

.rounded-l-lg { 
 border-top-left-radius: var(--radius); 
 border-bottom-left-radius: var(--radius); 
} 

.border-0 { 
 border-width: 0px; 
} 

.border-2 { 
 border-width: 2px; 
} 

.bg-black { 
 --tw-bg-opacity: 1; 
 background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 
} 

.bg-gray-100 { 
 --tw-bg-opacity: 1; 
 background-color: rgb(243 244 246 / var(--tw-bg-opacity)); 
} 

.bg-gray-200 { 
 --tw-bg-opacity: 1; 
 background-color: rgb(229 231 235 / var(--tw-bg-opacity)); 
} 

.bg-gray-400 { 
 --tw-bg-opacity: 1; 
 background-color: rgb(156 163 175 / var(--tw-bg-opacity)); 
} 

.bg-red-600 { 
 --tw-bg-opacity: 1; 
 background-color: rgb(220 38 38 / var(--tw-bg-opacity)); 
} 

.bg-transparent { 
 background-color: transparent; 
} 

.bg-white { 
 --tw-bg-opacity: 1; 
 background-color: rgb(255 255 255 / var(--tw-bg-opacity)); 
} 

.bg-\[url\(\'\/images\/bg\.jpg\'\)\] { 
 background-image: url('/images/bg.jpg'); 
} 

.bg-\[url\(\'\/images\/bg1\.jpg\'\)\] { 
 background-image: url('/images/bg1.jpg'); 
} 

.bg-\[url\(\'\/images\/konser\/anadolununnefesi\.jpg\'\)\] { 
 background-image: url('/images/konser/anadolununnefesi.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/001\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/001.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/002\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/002.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/003\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/003.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/004\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/004.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/005\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/005.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/006\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/006.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/007\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/007.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/008\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/008.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/009\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/009.jpg'); 
} 

.bg-\[url\(\'\/images\/sanatcilar\/010\.jpg\'\)\] { 
 background-image: url('/images/sanatcilar/010.jpg'); 
} 

.bg-cover { 
 background-size: cover; 
} 

.bg-center { 
 background-position: center; 
} 

.bg-right { 
 background-position: right; 
} 

.object-cover { 
 -o-object-fit: cover; 
 object-fit: cover; 
} 

.p-2 { 
 padding: 0.5rem; 
} 

.p-3 { 
 padding: 0.75rem; 
} 

.p-4 { 
 padding: 1rem; 
} 

.p-8 { 
 padding: 2rem; 
} 

.px-4 { 
 padding-left: 1rem; 
 padding-right: 1rem; 
} 

.py-2 { 
 padding-top: 0.5rem; 
 padding-bottom: 0.5rem; 
} 

.pb-16 { 
 padding-bottom: 4rem; 
} 

.pt-16 { 
 padding-top: 4rem; 
} 

.pr-2 { 
 padding-right: 0.5rem; 
} 

.pr-4 { 
 padding-right: 1rem; 
} 

.pr-8 { 
 padding-right: 2rem; 
} 

.pr-12 { 
 padding-right: 3rem; 
} 

.pb-8 { 
 padding-bottom: 2rem; 
} 

.text-left { 
 text-align: left; 
} 

.text-right { 
 text-align: right; 
} 

.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-lg { 
 font-size: 1.125rem; 
 line-height: 1.75rem; 
} 

.text-sm { 
 font-size: 0.875rem; 
 line-height: 1.25rem; 
} 

.text-xl { 
 font-size: 1.25rem; 
 line-height: 1.75rem; 
} 

.text-xs { 
 font-size: 0.75rem; 
 line-height: 1rem; 
} 

.font-bold { 
 font-weight: 700; 
} 

.font-light { 
 font-weight: 300; 
} 

.font-medium { 
 font-weight: 500; 
} 

.font-semibold { 
 font-weight: 600; 
} 

.uppercase { 
 text-transform: uppercase; 
} 

.leading-6 { 
 line-height: 1.5rem; 
} 

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

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

.tracking-tight { 
 letter-spacing: -0.025em; 
} 

.text-black { 
 --tw-text-opacity: 1; 
 color: rgb(0 0 0 / var(--tw-text-opacity)); 
} 

.text-muted-foreground { 
 color: hsl(var(--muted-foreground)); 
} 

.text-white { 
 --tw-text-opacity: 1; 
 color: rgb(255 255 255 / var(--tw-text-opacity)); 
} 

.no-underline { 
 text-decoration-line: none; 
} 

.opacity-100 { 
 opacity: 1; 
} 

.opacity-20 { 
 opacity: 0.2; 
} 

.shadow-2xl { 
 --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); 
 --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); 
 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 
} 

.shadow-sm { 
 --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 
 --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 
 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 
} 

.outline-none { 
 outline: 2px solid transparent; 
 outline-offset: 2px; 
} 

.backdrop-brightness-50 { 
 --tw-backdrop-brightness: brightness(.5); 
 -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 
 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 
} 

.backdrop-opacity-90 { 
 --tw-backdrop-opacity: opacity(0.9); 
 -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 
 backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); 
} 

.transition { 
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; 
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; 
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; 
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
 transition-duration: 150ms; 
} 

.transition-all { 
 transition-property: all; 
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
 transition-duration: 150ms; 
} 

.transition-colors { 
 transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; 
 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); 
 transition-duration: 150ms; 
} 

.duration-200 { 
 transition-duration: 200ms; 
} 

.duration-500 { 
 transition-duration: 500ms; 
} 

html 
{ 
 scroll-behavior: smooth; 
} 

body { 
 margin: 0px; 
 overflow-x: hidden; 
 height: 100%; 
} 

* { 
 font-family: 'Poppins', 'Noto Sans', sans-serif; 
} 

.hover\:bg-accent:hover { 
 background-color: hsl(var(--accent)); 
} 

.hover\:bg-red-700:hover { 
 --tw-bg-opacity: 1; 
 background-color: rgb(185 28 28 / var(--tw-bg-opacity)); 
} 

.hover\:text-accent-foreground:hover { 
 color: hsl(var(--accent-foreground)); 
} 

.hover\:text-black:hover { 
 --tw-text-opacity: 1; 
 color: rgb(0 0 0 / var(--tw-text-opacity)); 
} 

.hover\:text-white:hover { 
 --tw-text-opacity: 1; 
 color: rgb(255 255 255 / var(--tw-text-opacity)); 
} 

.focus\:bg-accent:focus { 
 background-color: hsl(var(--accent)); 
} 

.focus\:text-accent-foreground:focus { 
 color: hsl(var(--accent-foreground)); 
} 

.focus\:text-black:focus { 
 --tw-text-opacity: 1; 
 color: rgb(0 0 0 / var(--tw-text-opacity)); 
} 

.focus\:outline-none:focus { 
 outline: 2px solid transparent; 
 outline-offset: 2px; 
} 

.focus-visible\:outline:focus-visible { 
 outline-style: solid; 
} 

.focus-visible\:outline-2:focus-visible { 
 outline-width: 2px; 
} 

.focus-visible\:outline-offset-2:focus-visible { 
 outline-offset: 2px; 
} 

.focus-visible\:outline-indigo-600:focus-visible { 
 outline-color: #4f46e5; 
} 

.disabled\:pointer-events-none:disabled { 
 pointer-events: none; 
} 

.disabled\:opacity-75:disabled { 
 opacity: 0.75; 
} 

.group:hover .group-hover\:block { 
 display: block; 
} 

.data-\[active\]\:bg-accent\/50[data-active] { 
 background-color: hsl(var(--accent) / 0.5); 
} 

.data-\[state\=open\]\:bg-accent\/50[data-state=open] { 
 background-color: hsl(var(--accent) / 0.5); 
} 

.group[data-state=open] .group-data-\[state\=open\]\:rotate-180 { 
 --tw-rotate: 180deg; 
 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 
} 

@media (prefers-color-scheme: dark) { 
 .dark\:bg-black { 
 --tw-bg-opacity: 1; 
 background-color: rgb(0 0 0 / var(--tw-bg-opacity)); 
 } 

 .dark\:bg-gray-700 { 
 --tw-bg-opacity: 1; 
 background-color: rgb(55 65 81 / var(--tw-bg-opacity)); 
 } 

 .dark\:opacity-100 { 
 opacity: 1; 
 } 
} 

@media (min-width: 768px) { 
 .md\:absolute { 
 position: absolute; 
 } 

 .md\:w-auto { 
 width: auto; 
 } 

 .md\:grid-cols-1 { 
 grid-template-columns: repeat(1, minmax(0, 1fr)); 
 } 
} 

@media (min-width: 1024px) { 
 .lg\:col-span-1 { 
 grid-column: span 1 / span 1; 
 } 

 .lg\:mt-0 { 
 margin-top: 0px; 
 } 

 .lg\:flex { 
 display: flex; 
 } 

 .lg\:grid { 
 display: grid; 
 } 

 .lg\:hidden { 
 display: none; 
 } 

 .lg\:h-24 { 
 height: 6rem; 
 } 

 .lg\:h-4\/5 { 
 height: 80%; 
 } 

 .lg\:h-96 { 
 height: 24rem; 
 } 

 .lg\:h-screen { 
 height: 100vh; 
 } 

 .lg\:w-2\/12 { 
    width: 14.666667%;
 } 

 .lg\:w-3\/4 { 
 width: 75%; 
 } 

 .lg\:w-4\/12 { 
 width: 33.333333%; 
 } 

 .lg\:w-5\/12 { 
    width: 32.666667%;
 } 

 .lg\:w-6\/12 { 
 width: 50%; 
 } 

 .lg\:w-full { 
 width: 100%; 
 } 

 .lg\:w-1\/2 { 
 width: 50%; 
 } 

 .lg\:grid-cols-2 { 
 grid-template-columns: repeat(2, minmax(0, 1fr)); 
 } 

 .lg\:grid-cols-3 { 
 grid-template-columns: repeat(3, minmax(0, 1fr)); 
 } 

 .lg\:grid-cols-4 { 
 grid-template-columns: repeat(4, minmax(0, 1fr)); 
 } 

 .lg\:gap-8 { 
 gap: 2rem; 
 } 

 .lg\:overflow-y-scroll { 
 overflow-y: scroll; 
 } 

 .lg\:p-16 { 
 padding: 4rem; 
 } 

 .lg\:p-4 { 
 padding: 1rem; 
 } 

 .lg\:text-right { 
 text-align: right; 
 } 

 .lg\:text-6xl { 
 font-size: 3.75rem; 
 line-height: 1; 
 } 
}