/* Tailwind CSS content from tailwind.css */
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
*,::before,::after {box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb;}
::before,::after {--tw-content: '';}
html,:host {line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent;}
body {margin: 0; line-height: inherit;}
hr {height: 0; color: inherit; border-top-width: 1px;}
abbr:where([title]) {-webkit-text-decoration: underline dotted; text-decoration: underline dotted;}
h1,h2,h3,h4,h5,h6 {font-size: inherit; font-weight: inherit;}
a {color: inherit; text-decoration: inherit;}
b,strong {font-weight: bolder;}
code,kbd,samp,pre {font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-feature-settings: normal; font-variation-settings: normal; font-size: 1em;}
small {font-size: 80%;}
sub,sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
table {text-indent: 0; border-color: inherit; border-collapse: collapse;}
button,input,optgroup,select,textarea {font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0;}
button,select {text-transform: none;}
button,input:where([type='button']),input:where([type='reset']),input:where([type='submit']) {-webkit-appearance: button; background-color: transparent; background-image: none;}
:-moz-focusring {outline: auto;}
:-moz-ui-invalid {box-shadow: none;}
progress {vertical-align: baseline;}
::-webkit-inner-spin-button,::-webkit-outer-spin-button {height: auto;}
[type='search'] {-webkit-appearance: textfield; outline-offset: -2px;}
::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button; font: inherit;}
summary {display: list-item;}
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;}
dialog {padding: 0;}
textarea {resize: vertical;}
input::-moz-placeholder, textarea::-moz-placeholder {opacity: 1; color: #9ca3af;}
input::placeholder,textarea::placeholder {opacity: 1; color: #9ca3af;}
button,[role="button"] {cursor: pointer;}
:disabled {cursor: default;}
img,svg,video,canvas,audio,iframe,embed,object {display: block; vertical-align: middle;}
img,video {max-width: 100%; height: auto;}
[hidden] {display: none;}
*, ::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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
::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: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; }
.pointer-events-none{ pointer-events: none; }
.absolute{ position: absolute; }
.relative{ position: relative; }
.inset-y-0{ top: 0px; bottom: 0px; }
.bottom-0{ bottom: 0px; }
.left-0{ left: 0px; }
.left-1\/2{ left: 50%; }
.right-0{ right: 0px; }
.top-0{ top: 0px; }
.top-1\/2{ top: 50%; }
.top-16{ top: 4rem; }
.z-10{ z-index: 10; }
.z-20{ z-index: 20; }
.m-0{ margin: 0px; }
.mx-auto{ margin-left: auto; margin-right: auto; }
.my-4{ margin-top: 1rem; margin-bottom: 1rem; }
.mb-2{ margin-bottom: 0.5rem; }
.mb-3{ margin-bottom: 0.75rem; }
.mb-4{ margin-bottom: 1rem; }
.mb-6{ margin-bottom: 1.5rem; }
.mb-8{ margin-bottom: 2rem; }
.ml-1{ margin-left: 0.25rem; }
.ml-2{ margin-left: 0.5rem; }
.ml-4{ margin-left: 1rem; }
.mr-2{ margin-right: 0.5rem; }
.mr-4{ margin-right: 1rem; }
.mr-6{ margin-right: 1.5rem; }
.mt-12{ margin-top: 3rem; }
.mt-2{ margin-top: 0.5rem; }
.mt-4{ margin-top: 1rem; }
.inline-block{ display: inline-block; }
.inline{ display: inline; }
.flex{ display: flex; }
.table{ display: table; }
.grid{ display: grid; }
.\!hidden{ display: none !important; }
.hidden{ display: none; }
.h-1\/2{ height: 50%; }
.h-12{ height: 3rem; }
.h-14{ height: 3.5rem; }
.h-16{ height: 4rem; }
.h-32{ height: 8rem; }
.h-64{ height: 16rem; }
.h-full{ height: 100%; }
.h-screen{ height: 100vh; }
.min-h-screen{ min-height: 100vh; }
.w-12{ width: 3rem; }
.w-16{ width: 4rem; }
.w-3\/4{ width: 75%; }
.w-4\/5{ width: 80%; }
.w-full{ width: 100%; }
.w-max{ width: -moz-max-content; width: max-content; }
.max-w-sm{ max-width: 24rem; }
.flex-grow{ flex-grow: 1; }
.-translate-x-1\/2{ --tw-translate-x: -50%; 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)); }
.-translate-y-1\/2{ --tw-translate-y: -50%; 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)); }
.translate-y-\[16px\]{ --tw-translate-y: 16px; 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)); }
.translate-y-\[9\.5px\]{ --tw-translate-y: 9.5px; 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)); }
.transform{ 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)); }
.appearance-none{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
.flex-col{ flex-direction: column; }
.items-center{ align-items: center; }
.justify-center{ justify-content: center; }
.justify-between{ justify-content: space-between; }
.gap-1{ gap: 0.25rem; }
.gap-10{ gap: 2.5rem; }
.gap-2{ gap: 0.5rem; }
.gap-3{ gap: 0.75rem; }
.gap-4{ gap: 1rem; }
.gap-8{ gap: 2rem; }
.overflow-hidden{ overflow: hidden; }
.rounded-lg{ border-radius: 0.5rem; }
.rounded-md{ border-radius: 0.375rem; }
.rounded-xl{ border-radius: 0.75rem; }
.border{ border-width: 1px; }
.border-2{ border-width: 2px; }
.border-4{ border-width: 4px; }
.border-gray-300{ --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); }
.bg-\[\#ac1b1c\]{ --tw-bg-opacity: 1; background-color: rgb(172 27 28 / var(--tw-bg-opacity)); }
.bg-black\/80{ background-color: rgb(0 0 0 / 0.8); }
.bg-gray-100{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); }
.bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }
.bg-gray-800{ --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity)); }
.bg-slate-100{ --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); }
.bg-slate-200{ --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); }
.bg-slate-50{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)); }
.object-cover{ -o-object-fit: cover; object-fit: cover; }
.p-0{ padding: 0px; }
.p-4{ padding: 1rem; }
.p-6{ padding: 1.5rem; }
.px-2{ padding-left: 0.5rem; padding-right: 0.5rem; }
.px-4{ padding-left: 1rem; padding-right: 1rem; }
.px-5{ padding-left: 1.25rem; padding-right: 1.25rem; }
.py-10{ padding-top: 2.5rem; padding-bottom: 2.5rem; }
.py-2{ padding-top: 0.5rem; padding-bottom: 0.5rem; }
.py-8{ padding-top: 2rem; padding-bottom: 2rem; }
.pb-4{ padding-bottom: 1rem; }
.pl-3{ padding-left: 0.75rem; }
.pt-4{ padding-top: 1rem; }
.text-center{ text-align: center; }
.text-2xl{ font-size: 1.5rem; line-height: 2rem; }
.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-medium{ font-weight: 500; }
.font-semibold{ font-weight: 600; }
.not-italic{ font-style: normal; }
.leading-snug{ line-height: 1.375; }
.text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); }
.text-gray-200{ --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity)); }
.text-gray-300{ --tw-text-opacity: 1; color: rgb(209 213 219 / var(--tw-text-opacity)); }
.text-gray-400{ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); }
.text-gray-500{ --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity)); }
.text-gray-600{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity)); }
.text-gray-700{ --tw-text-opacity: 1; color: rgb(55 65 81 / var(--tw-text-opacity)); }
.text-gray-800{ --tw-text-opacity: 1; color: rgb(31 41 55 / var(--tw-text-opacity)); }
.text-red{ --tw-text-opacity: 1; color: rgb(218 0 0 / var(--tw-text-opacity)); }
.text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.text-yellow-400{ --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity)); }
.underline{ text-decoration-line: underline; }
.decoration-red{ text-decoration-color: #DA0000; }
.decoration-2{ text-decoration-thickness: 2px; }
.underline-offset-4{ text-underline-offset: 4px; }
.underline-offset-8{ text-underline-offset: 8px; }
.opacity-0{ opacity: 0; }
.opacity-100{ opacity: 1; }
.opacity-60{ opacity: 0.6; }
.shadow-lg{ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px 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-md{ --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px 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); }
.brightness-\[65\%\]{ --tw-brightness: brightness(65%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.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-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; }
*,*::before,*::after {box-sizing: border-box;}
* {margin: 0;}
html,body,#__next {height: 100%; color: #333333;}
body {line-height: 1.5; -webkit-font-smoothing: antialiased; font-family: "Lora", "Montserrat", sans-serif;}
img,picture,video,canvas,svg {display: block; max-width: 100%;}
input,button,textarea,select {font: inherit;}
p,h1,h2,h3,h4,h5,h6 {overflow-wrap: break-word;}
#root,#__next {isolation: isolate;}
h1{ margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 2rem; font-weight: 600; }
h2{ margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; }
h3{ margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 1.75rem; font-weight: 600; }
p{ margin-bottom: 0.75rem; }
.maxWWrapper{ margin-left: auto; margin-right: auto; }
@media (min-width: 1024px){ .maxWWrapper{ max-width: 1100px; } }
@media (min-width: 1536px){ .maxWWrapper{ max-width: 1500px; } }
.sectionSpacing{ padding-left: 1rem; padding-right: 1rem; padding-top: 2rem; padding-bottom: 2rem; }
.visuallyHidden { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.hover\:text-blue-500:hover{ --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); }
.hover\:underline:hover{ text-decoration-line: underline; }
.hover\:underline-offset-8:hover{ text-underline-offset: 8px; }
.focus\:border-indigo-500:focus{ --tw-border-opacity: 1; border-color: rgb(99 102 241 / var(--tw-border-opacity)); }
.focus\:outline-none:focus{ outline: 2px solid transparent; outline-offset: 2px; }
.focus\:ring-2:focus{ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.focus\:ring-indigo-500:focus{ --tw-ring-opacity: 1; --tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity)); }
.group:hover .group-hover\:text-red{ --tw-text-opacity: 1; color: rgb(218 0 0 / var(--tw-text-opacity)); }
@media (min-width: 640px){ .sm\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 768px){ .md\:mb-6{ margin-bottom: 1.5rem; } .md\:ml-5{ margin-left: 1.25rem; } .md\:ml-auto{ margin-left: auto; } .md\:mt-0{ margin-top: 0px; } .md\:grid{ display: grid; } .md\:hidden{ display: none; } .md\:w-\[35\%\]{ width: 35%; } .md\:w-\[65\%\]{ width: 65%; } .md\:w-\[80\%\]{ width: 80%; } .md\:grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row{ flex-direction: row; } .md\:flex-row-reverse{ flex-direction: row-reverse; } .md\:justify-center{ justify-content: center; } .md\:gap-3{ gap: 0.75rem; } .md\:gap-8{ gap: 2rem; } .md\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .md\:text-base{ font-size: 1rem; line-height: 1.5rem; } .md\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } }
@media (min-width: 1024px){ .lg\:relative{ position: relative; } .lg\:left-1\/2{ left: 50%; } .lg\:mx-auto{ margin-left: auto; margin-right: auto; } .lg\:mb-0{ margin-bottom: 0px; } .lg\:ml-auto{ margin-left: auto; } .lg\:mr-auto{ margin-right: auto; } .lg\:mt-10{ margin-top: 2.5rem; } .lg\:mt-8{ margin-top: 2rem; } .lg\:block{ display: block; } .lg\:\!flex{ display: flex !important; } .lg\:flex{ display: flex; } .lg\:grid{ display: grid; } .lg\:hidden{ display: none; } .lg\:h-32{ height: 8rem; } .lg\:h-\[97vh\]{ height: 97vh; } .lg\:h-full{ height: 100%; } .lg\:w-2\/5{ width: 40%; } .lg\:w-3\/4{ width: 75%; } .lg\:w-full{ width: 100%; } .lg\:max-w-\[1000px\]{ max-width: 1000px; } .lg\:flex-1{ flex: 1 1 0%; } .lg\:-translate-x-1\/2{ --tw-translate-x: -50%; 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)); } .lg\:-translate-y-16{ --tw-translate-y: -4rem; 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)); } .lg\:grid-cols-4{ grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:items-center{ align-items: center; } .lg\:items-baseline{ align-items: baseline; } .lg\:justify-end{ justify-content: flex-end; } .lg\:gap-1{ gap: 0.25rem; } .lg\:gap-24{ gap: 6rem; } .lg\:gap-8{ gap: 2rem; } .lg\:bg-gray-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); } .lg\:py-16{ padding-top: 4rem; padding-bottom: 4rem; } .lg\:pb-28{ padding-bottom: 7rem; } .lg\:pt-16{ padding-top: 4rem; } .lg\:text-left{ text-align: left; } .lg\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .lg\:text-\[1\.05rem\]{ font-size: 1.05rem; } .lg\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } .lg\:leading-normal{ line-height: 1.5; } .lg\:leading-relaxed{ line-height: 1.625; } }
@media (min-width: 1280px){ .xl\:ml-6{ margin-left: 1.5rem; } .xl\:hidden{ display: none; } .xl\:text-2xl{ font-size: 1.5rem; line-height: 2rem; } .xl\:text-lg{ font-size: 1.125rem; line-height: 1.75rem; } }
@media (min-width: 1536px){ .\32xl\:h-20{ height: 5rem; } .\32xl\:h-48{ height: 12rem; } .\32xl\:w-20{ width: 5rem; } .\32xl\:text-3xl{ font-size: 1.875rem; line-height: 2.25rem; } .\32xl\:text-6xl{ font-size: 3.75rem; line-height: 1; } .\32xl\:text-sm{ font-size: 0.875rem; line-height: 1.25rem; } .\32xl\:leading-normal{ line-height: 1.5; } }
@media(max-height:953px){ .\[\@media\(max-height\:953px\)\]\:mt-28{ margin-top: 7rem; } }

/* Custom styles from style.module.css and Navbar/style.module.css */

.parallax-effect {
  background-image: url("../images/parallax.webp");
  height: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (max-device-width: 1280px) {
  .parallax-effect {
    background-attachment: scroll;
  }
}

.hamburger-item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  font-weight: 500;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hamburger-line {
  width: 2rem;
  height: 2px;
  background-color: white;
  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));
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hamburger-line-top {
  position: absolute;
  transform: translateY(-9.5px);
}

.hamburger-line-middle {
  position: absolute;
}

.hamburger-line-bottom {
  position: absolute;
  transform: translateY(9.5px);
}

.hamburger-line-top-active {
  position: absolute;
  transform: rotate(45deg);
}

.hamburger-line-middle-active {
  position: absolute;
  opacity: 0;
}

.hamburger-line-bottom-active {
  position: absolute;
  transform: rotate(-45deg);
}

.nav-link {
  position: relative;
}

.nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #DA0000;
  transform: scaleX(0);
  transition: transform 0.3s ease-in-out;
  transform-origin: right;
}

.nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.nav-link-active {
  color: #DA0000;
}

.nav-link-active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #DA0000;
  transform: scaleX(1);
}