/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
  "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
  "Courier New", monospace;--color-red-400:oklch(70.4% 0.191 22.216);--color-red-600:oklch(57.7% 0.245 27.325);--color-orange-500:oklch(70.5% 0.213 47.604);--color-orange-600:oklch(64.6% 0.222 41.116);--color-emerald-400:oklch(76.5% 0.177 163.223);--color-gray-50:oklch(98.5% 0.002 247.839);--color-gray-100:oklch(96.7% 0.003 264.542);--color-gray-200:oklch(92.8% 0.006 264.531);--color-gray-500:oklch(55.1% 0.027 264.364);--color-gray-600:oklch(44.6% 0.03 256.802);--color-gray-700:oklch(37.3% 0.034 259.733);--color-gray-800:oklch(27.8% 0.033 256.848);--color-gray-900:oklch(21% 0.034 264.665);--color-black:#000;--color-white:#fff;--spacing:0.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--text-xs:0.75rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-0.025em;--tracking-wide:0.025em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-md:0 3px 3px rgb(0 0 0 / 0.12);--drop-shadow-2xl:0 25px 25px rgb(0 0 0 / 0.15);--ease-out:cubic-bezier(0, 0, 0.2, 1);--animate-ping:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-3xl:64px;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:#fff0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-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:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:#fff0;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::placeholder{color:currentcolor;@supports (color:color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type="button"],[type="reset"],[type="submit"]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden="until-found"])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-x-0{inset-inline:0}.top-0{top:0}.top-1\/3{top:calc(1 / 3 * 100%)}.top-10{top:calc(var(--spacing) * 10)}.top-\[38\%\]{top:38%}.-right-2{right:calc(var(--spacing) * -2)}.-right-16{right:calc(var(--spacing) * -16)}.-right-20{right:calc(var(--spacing) * -20)}.bottom-0{bottom:0}.bottom-1\/4{bottom:calc(1 / 4 * 100%)}.-left-2{left:calc(var(--spacing) * -2)}.-left-24{left:calc(var(--spacing) * -24)}.left-1\/3{left:calc(1 / 3 * 100%)}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.container{width:100%;@media (width>=40rem){max-width:40rem}@media (width>=48rem){max-width:48rem}@media (width>=64rem){max-width:64rem}@media (width>=80rem){max-width:80rem}@media (width>=96rem){max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * 0.5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-\[4\/5\]{aspect-ratio:4/5}.aspect-square{aspect-ratio:1 / 1}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-24{height:calc(var(--spacing) * 24)}.h-56{height:calc(var(--spacing) * 56)}.h-64{height:calc(var(--spacing) * 64)}.h-72{height:calc(var(--spacing) * 72)}.h-80{height:calc(var(--spacing) * 80)}.h-auto{height:auto}.h-full{height:100%}.min-h-\[88vh\]{min-height:88vh}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-11{width:calc(var(--spacing) * 11)}.w-16{width:calc(var(--spacing) * 16)}.w-24{width:calc(var(--spacing) * 24)}.w-30{width:calc(var(--spacing) * 30)}.w-50{width:calc(var(--spacing) * 50)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - 0.75rem)}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[200px\]{max-width:200px}.max-w-\[1400px\]{max-width:1400px}.max-w-lg{max-width:var(--container-lg)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.resize{resize:both}.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}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-\[\#ed2124\]\/30{border-color:color-mix(in oklab,#ed2124 30%,transparent)}.border-gray-200{border-color:var(--color-gray-200)}.border-white\/10{border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/15{border-color:color-mix(in srgb,#fff 15%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/25{border-color:color-mix(in srgb,#fff 25%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 25%,transparent)}}.border-white\/50{border-color:color-mix(in srgb,#fff 50%,transparent);@supports (color:color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 50%,transparent)}}.bg-\[\#ed2124\]{background-color:#ed2124}.bg-\[\#ed2124\]\/10{background-color:color-mix(in oklab,#ed2124 10%,transparent)}.bg-\[\#ed2124\]\/15{background-color:color-mix(in oklab,#ed2124 15%,transparent)}.bg-\[\#ed2124\]\/25{background-color:color-mix(in oklab,#ed2124 25%,transparent)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-orange-500\/10{background-color:color-mix(in srgb,oklch(70.5% .213 47.604) 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-orange-600\/20{background-color:color-mix(in srgb,oklch(64.6% .222 41.116) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-orange-600) 20%,transparent)}}.bg-red-600\/20{background-color:color-mix(in srgb,oklch(57.7% .245 27.325) 20%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-red-600) 20%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/2{background-color:color-mix(in srgb,#fff 2%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 2%,transparent)}}.bg-white\/5{background-color:color-mix(in srgb,#fff 5%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color:color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgb(255 255 255 / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .03) 1px,transparent 1px)}.bg-\[radial-gradient\(ellipse_at_top\,_rgba\(237\,33\,36\,0\.22\)\,_transparent_55\%\)\]{background-image:radial-gradient(ellipse at top,rgb(237 33 36 / .22),transparent 55%)}.from-\[\#0c0c0e\]{--tw-gradient-from:#0c0c0e;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/60{--tw-gradient-from:color-mix(in srgb, #000 60%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 60%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/70{--tw-gradient-from:color-mix(in srgb, #000 70%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-from:color-mix(in oklab, var(--color-black) 70%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#1a1214\]{--tw-gradient-via:#1a1214;--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/20{--tw-gradient-via:color-mix(in srgb, #000 20%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-black) 20%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/30{--tw-gradient-via:color-mix(in srgb, #000 30%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-via:color-mix(in oklab, var(--color-black) 30%, transparent)}--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0a0a0c\]{--tw-gradient-to:#0a0a0c;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-black\/40{--tw-gradient-to:color-mix(in srgb, #000 40%, transparent);@supports (color:color-mix(in lab,red,red)){--tw-gradient-to:color-mix(in oklab, var(--color-black) 40%, transparent)}--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-size-\[48px_48px\]{background-size:48px 48px}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-cover{object-fit:cover}.p-3{padding:calc(var(--spacing) * 3)}.p-5{padding:calc(var(--spacing) * 5)}.px-1{padding-inline:var(--spacing)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-7{padding-inline:calc(var(--spacing) * 7)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-14{padding-block:calc(var(--spacing) * 14)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-28{padding-top:calc(var(--spacing) * 28)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[60px\]{padding-bottom:60px}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.font-\[\'Poppins\'\,sans-serif\] {
font-family: 'Poppins',sans-serif;
}
.font-\[\'Suez_One\'\,serif\] {
font-family: 'Suez One',serif;
}
.text-2xl {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.text-3xl {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.text-base {
font-size: var(--text-base);
line-height: var(--tw-leading, var(--text-base--line-height));
}
.text-lg {
font-size: var(--text-lg);
line-height: var(--tw-leading, var(--text-lg--line-height));
}
.text-sm {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.text-xl {
font-size: var(--text-xl);
line-height: var(--tw-leading, var(--text-xl--line-height));
}
.text-xs {
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-\[11px\] {
font-size: 11px;
}
.leading-\[1\.15\] {
--tw-leading: 1.15;
line-height: 1.15;
}
.leading-relaxed {
--tw-leading: var(--leading-relaxed);
line-height: var(--leading-relaxed);
}
.leading-tight {
--tw-leading: var(--leading-tight);
line-height: var(--leading-tight);
}
.font-bold {
--tw-font-weight: var(--font-weight-bold);
font-weight: var(--font-weight-bold);
}
.font-extrabold {
--tw-font-weight: var(--font-weight-extrabold);
font-weight: var(--font-weight-extrabold);
}
.font-medium {
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
}
.font-semibold {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.tracking-\[0\.2em\] {
--tw-tracking: 0.2em;
letter-spacing: 0.2em;
}
.tracking-tight {
--tw-tracking: var(--tracking-tight);
letter-spacing: var(--tracking-tight);
}
.tracking-wide {
--tw-tracking: var(--tracking-wide);
letter-spacing: var(--tracking-wide);
}
.tracking-widest {
--tw-tracking: var(--tracking-widest);
letter-spacing: var(--tracking-widest);
}
.whitespace-nowrap {
white-space: nowrap;
}
.text-\[\#ed2124\] {
color: #ed2124;
}
.text-emerald-400 {
color: var(--color-emerald-400);
}
.text-gray-500 {
color: var(--color-gray-500);
}
.text-gray-600 {
color: var(--color-gray-600);
}
.text-gray-700 {
color: var(--color-gray-700);
}
.text-gray-900 {
color: var(--color-gray-900);
}
.text-red-400 {
color: var(--color-red-400);
}
.text-white {
color: var(--color-white);
}
.text-white\/40 {
color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.text-white\/50 {
color: color-mix(in srgb, #fff 50%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 50%, transparent);
}
}
.text-white\/60 {
color: color-mix(in srgb, #fff 60%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 60%, transparent);
}
}
.text-white\/70 {
color: color-mix(in srgb, #fff 70%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 70%, transparent);
}
}
.text-white\/85 {
color: color-mix(in srgb, #fff 85%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 85%, transparent);
}
}
.uppercase {
text-transform: uppercase;
}
.placeholder-white\/40::placeholder {
color: color-mix(in srgb, #fff 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  color: color-mix(in oklab, var(--color-white) 40%, transparent);
}
}
.opacity-40 {
opacity: 40%;
}
.shadow-\[0_0_24px_rgba\(255\,255\,255\,0\.12\)\] {
--tw-shadow: 0 0 24px var(--tw-shadow-color, rgba(255,255,255,0.12));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[0_0_28px_rgba\(237\,33\,36\,0\.55\)\] {
--tw-shadow: 0 0 28px var(--tw-shadow-color, rgba(237,33,36,0.55));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-lg {
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.shadow-\[\#ed2124\]\/15 {
--tw-shadow-color: color-mix(in srgb, #ed2124 15%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 15%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-\[\#ed2124\]\/20 {
--tw-shadow-color: color-mix(in srgb, #ed2124 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 20%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-\[\#ed2124\]\/30 {
--tw-shadow-color: color-mix(in srgb, #ed2124 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 30%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-\[\#ed2124\]\/40 {
--tw-shadow-color: color-mix(in srgb, #ed2124 40%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 40%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.shadow-black\/10 {
--tw-shadow-color: color-mix(in srgb, #000 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 10%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.ring-\[\#ed2124\]\/5 {
--tw-ring-color: color-mix(in oklab, #ed2124 5%, transparent);
}
.ring-white\/5 {
--tw-ring-color: color-mix(in srgb, #fff 5%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-white) 5%, transparent);
}
}
.ring-white\/10 {
--tw-ring-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
}
.blur {
--tw-blur: blur(8px);
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,);
}
.blur-3xl {
--tw-blur: blur(var(--blur-3xl));
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,);
}
.drop-shadow-2xl {
--tw-drop-shadow-size: drop-shadow(0 25px 25px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.15)));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-2xl));
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,);
}
.drop-shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.45\)\] {
--tw-drop-shadow-size: drop-shadow(0 2px 12px var(--tw-drop-shadow-color, rgba(0,0,0,0.45)));
--tw-drop-shadow: var(--tw-drop-shadow-size);
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,);
}
.drop-shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.55\)\] {
--tw-drop-shadow-size: drop-shadow(0 4px 24px var(--tw-drop-shadow-color, rgba(0,0,0,0.55)));
--tw-drop-shadow: var(--tw-drop-shadow-size);
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,);
}
.drop-shadow-md {
--tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgb(0 0 0 / 0.12)));
--tw-drop-shadow: drop-shadow(var(--drop-shadow-md));
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,);
}
.backdrop-blur-md {
--tw-backdrop-blur: blur(var(--blur-md));
-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-blur-none {
--tw-backdrop-blur:  ;
-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-blur-sm {
--tw-backdrop-blur: blur(var(--blur-sm));
-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, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-all {
transition-property: all;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.transition-transform {
transition-property: transform, translate, scale, rotate;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-300 {
--tw-duration: 300ms;
transition-duration: 300ms;
}
.duration-500 {
--tw-duration: 500ms;
transition-duration: 500ms;
}
.ease-out {
--tw-ease: var(--ease-out);
transition-timing-function: var(--ease-out);
}
.outline-none {
--tw-outline-style: none;
outline-style: none;
}
@media (hover: hover) {
.group-hover\:scale-110:is(:where(.group):hover *) {
  --tw-scale-x: 110%;
  --tw-scale-y: 110%;
  --tw-scale-z: 110%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.group-hover\:text-white:is(:where(.group):hover *) {
  color: var(--color-white);
}
}
.focus-within\:shadow-2xl:focus-within {
--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.focus-within\:shadow-\[\#ed2124\]\/30:focus-within {
--tw-shadow-color: color-mix(in srgb, #ed2124 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 30%, transparent) var(--tw-shadow-alpha), transparent);
}
}
.focus-within\:ring-\[\#ed2124\]\/20:focus-within {
--tw-ring-color: color-mix(in oklab, #ed2124 20%, transparent);
}
@media (hover: hover) {
.hover\:-translate-y-0\.5:hover {
  --tw-translate-y: calc(var(--spacing) * -0.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:-translate-y-1:hover {
  --tw-translate-y: calc(var(--spacing) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:-translate-y-1\.5:hover {
  --tw-translate-y: calc(var(--spacing) * -1.5);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:-translate-y-1\/2:hover {
  --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
  translate: var(--tw-translate-x) var(--tw-translate-y);
}
.hover\:scale-105:hover {
  --tw-scale-x: 105%;
  --tw-scale-y: 105%;
  --tw-scale-z: 105%;
  scale: var(--tw-scale-x) var(--tw-scale-y);
}
.hover\:border-\[\#ed2124\]\/40:hover {
  border-color: color-mix(in oklab, #ed2124 40%, transparent);
}
.hover\:border-red-400\/40:hover {
  border-color: color-mix(in srgb, oklch(70.4% 0.191 22.216) 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:border-red-400\/40:hover {
    border-color: color-mix(in oklab, var(--color-red-400) 40%, transparent);
  }
}
.hover\:border-white\/40:hover {
  border-color: color-mix(in srgb, #fff 40%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:border-white\/40:hover {
    border-color: color-mix(in oklab, var(--color-white) 40%, transparent);
  }
}
.hover\:border-white\/70:hover {
  border-color: color-mix(in srgb, #fff 70%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:border-white\/70:hover {
    border-color: color-mix(in oklab, var(--color-white) 70%, transparent);
  }
}
.hover\:bg-\[\#ff2a2d\]:hover {
  background-color: #ff2a2d;
}
.hover\:bg-gray-50:hover {
  background-color: var(--color-gray-50);
}
.hover\:bg-gray-800:hover {
  background-color: var(--color-gray-800);
}
.hover\:bg-white\/10:hover {
  background-color: color-mix(in srgb, #fff 10%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:bg-white\/10:hover {
    background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
  }
}
.hover\:bg-white\/20:hover {
  background-color: color-mix(in srgb, #fff 20%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:bg-white\/20:hover {
    background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
  }
}
.hover\:text-\[\#ed2124\]:hover {
  color: #ed2124;
}
.hover\:text-white:hover {
  color: var(--color-white);
}
.hover\:shadow-2xl:hover {
  --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-\[0_0_32px_rgba\(255\,255\,255\,0\.22\)\]:hover {
  --tw-shadow: 0 0 32px var(--tw-shadow-color, rgba(255,255,255,0.22));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-\[0_0_42px_rgba\(237\,33\,36\,0\.8\)\]:hover {
  --tw-shadow: 0 0 42px var(--tw-shadow-color, rgba(237,33,36,0.8));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.hover\:shadow-\[\#ed2124\]\/30:hover {
  --tw-shadow-color: color-mix(in srgb, #ed2124 30%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:shadow-\[\#ed2124\]\/30:hover {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 30%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.hover\:shadow-\[\#ed2124\]\/50:hover {
  --tw-shadow-color: color-mix(in srgb, #ed2124 50%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .hover\:shadow-\[\#ed2124\]\/50:hover {
    --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, #ed2124 50%, transparent) var(--tw-shadow-alpha), transparent);
  }
}
.hover\:ring-\[\#ed2124\]\/20:hover {
  --tw-ring-color: color-mix(in oklab, #ed2124 20%, transparent);
}
}
.focus\:border-\[\#ed2124\]\/60:focus {
border-color: color-mix(in oklab, #ed2124 60%, transparent);
}
.focus\:bg-white\/10:focus {
background-color: color-mix(in srgb, #fff 10%, transparent);
@supports (color: color-mix(in lab, red, red)) {
  background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
}
}
.disabled\:cursor-not-allowed:disabled {
cursor: not-allowed;
}
.disabled\:opacity-40:disabled {
opacity: 40%;
}
@media (width >= 40rem) {
.sm\:col-span-2 {
  grid-column: span 2 / span 2;
}
.sm\:mt-0 {
  margin-top: 0px;
}
.sm\:mt-5 {
  margin-top: calc(var(--spacing) * 5);
}
.sm\:mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.sm\:mt-14 {
  margin-top: calc(var(--spacing) * 14);
}
.sm\:mb-10 {
  margin-bottom: calc(var(--spacing) * 10);
}
.sm\:mb-14 {
  margin-bottom: calc(var(--spacing) * 14);
}
.sm\:mb-16 {
  margin-bottom: calc(var(--spacing) * 16);
}
.sm\:block {
  display: block;
}
.sm\:flex {
  display: flex;
}
.sm\:inline {
  display: inline;
}
.sm\:aspect-square {
  aspect-ratio: 1 / 1;
}
.sm\:h-4 {
  height: calc(var(--spacing) * 4);
}
.sm\:h-6 {
  height: calc(var(--spacing) * 6);
}
.sm\:h-8 {
  height: calc(var(--spacing) * 8);
}
.sm\:h-10 {
  height: calc(var(--spacing) * 10);
}
.sm\:h-12 {
  height: calc(var(--spacing) * 12);
}
.sm\:h-16 {
  height: calc(var(--spacing) * 16);
}
.sm\:h-20 {
  height: calc(var(--spacing) * 20);
}
.sm\:h-28 {
  height: calc(var(--spacing) * 28);
}
.sm\:h-80 {
  height: calc(var(--spacing) * 80);
}
.sm\:h-96 {
  height: calc(var(--spacing) * 96);
}
.sm\:min-h-\[80vh\] {
  min-height: 80vh;
}
.sm\:w-4 {
  width: calc(var(--spacing) * 4);
}
.sm\:w-6 {
  width: calc(var(--spacing) * 6);
}
.sm\:w-8 {
  width: calc(var(--spacing) * 8);
}
.sm\:w-10 {
  width: calc(var(--spacing) * 10);
}
.sm\:w-12 {
  width: calc(var(--spacing) * 12);
}
.sm\:w-20 {
  width: calc(var(--spacing) * 20);
}
.sm\:w-28 {
  width: calc(var(--spacing) * 28);
}
.sm\:w-80 {
  width: calc(var(--spacing) * 80);
}
.sm\:w-96 {
  width: calc(var(--spacing) * 96);
}
.sm\:w-\[calc\(30\%-1\.334rem\)\] {
  width: calc(30% - 1.334rem);
}
.sm\:w-auto {
  width: auto;
}
.sm\:max-w-\[240px\] {
  max-width: 240px;
}
.sm\:max-w-md {
  max-width: var(--container-md);
}
.sm\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sm\:grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.sm\:flex-row {
  flex-direction: row;
}
.sm\:items-center {
  align-items: center;
}
.sm\:justify-between {
  justify-content: space-between;
}
.sm\:justify-center {
  justify-content: center;
}
.sm\:gap-3 {
  gap: calc(var(--spacing) * 3);
}
.sm\:gap-4 {
  gap: calc(var(--spacing) * 4);
}
.sm\:gap-5 {
  gap: calc(var(--spacing) * 5);
}
.sm\:gap-6 {
  gap: calc(var(--spacing) * 6);
}
.sm\:gap-8 {
  gap: calc(var(--spacing) * 8);
}
.sm\:p-7 {
  padding: calc(var(--spacing) * 7);
}
.sm\:px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.sm\:px-4 {
  padding-inline: calc(var(--spacing) * 4);
}
.sm\:px-6 {
  padding-inline: calc(var(--spacing) * 6);
}
.sm\:px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.sm\:py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.sm\:py-5 {
  padding-block: calc(var(--spacing) * 5);
}
.sm\:py-10 {
  padding-block: calc(var(--spacing) * 10);
}
.sm\:py-14 {
  padding-block: calc(var(--spacing) * 14);
}
.sm\:py-20 {
  padding-block: calc(var(--spacing) * 20);
}
.sm\:py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.sm\:pt-32 {
  padding-top: calc(var(--spacing) * 32);
}
.sm\:pr-10 {
  padding-right: calc(var(--spacing) * 10);
}
.sm\:pl-7 {
  padding-left: calc(var(--spacing) * 7);
}
.sm\:text-left {
  text-align: left;
}
.sm\:text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.sm\:text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.sm\:text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.sm\:text-base {
  font-size: var(--text-base);
  line-height: var(--tw-leading, var(--text-base--line-height));
}
.sm\:text-lg {
  font-size: var(--text-lg);
  line-height: var(--tw-leading, var(--text-lg--line-height));
}
.sm\:text-sm {
  font-size: var(--text-sm);
  line-height: var(--tw-leading, var(--text-sm--line-height));
}
.sm\:text-xl {
  font-size: var(--text-xl);
  line-height: var(--tw-leading, var(--text-xl--line-height));
}
}
@media (width >= 48rem) {
.md\:mt-10 {
  margin-top: calc(var(--spacing) * 10);
}
.md\:w-\[calc\(22\%-1\.334rem\)\] {
  width: calc(22% - 1.334rem);
}
.md\:grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.md\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.md\:bg-white\/3 {
  background-color: color-mix(in srgb, #fff 3%, transparent);
}
@supports (color: color-mix(in lab, red, red)) {
  .md\:bg-white\/3 {
    background-color: color-mix(in oklab, var(--color-white) 3%, transparent);
  }
}
}
@media (width >= 64rem) {
.lg\:-right-5 {
  right: calc(var(--spacing) * -5);
}
.lg\:-left-5 {
  left: calc(var(--spacing) * -5);
}
.lg\:order-1 {
  order: 1;
}
.lg\:order-2 {
  order: 2;
}
.lg\:col-span-3 {
  grid-column: span 3 / span 3;
}
.lg\:col-span-4 {
  grid-column: span 4 / span 4;
}
.lg\:mx-0 {
  margin-inline: 0px;
}
.lg\:mt-6 {
  margin-top: calc(var(--spacing) * 6);
}
.lg\:aspect-\[4\/5\] {
  aspect-ratio: 4/5;
}
.lg\:h-20 {
  height: calc(var(--spacing) * 20);
}
.lg\:min-h-screen {
  min-height: 100vh;
}
.lg\:w-\[calc\(15\%-1\.5rem\)\] {
  width: calc(15% - 1.5rem);
}
.lg\:max-w-lg {
  max-width: var(--container-lg);
}
.lg\:max-w-none {
  max-width: none;
}
.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-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.lg\:grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}
.lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
  grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
}
.lg\:justify-end {
  justify-content: flex-end;
}
.lg\:justify-start {
  justify-content: flex-start;
}
.lg\:gap-8 {
  gap: calc(var(--spacing) * 8);
}
.lg\:gap-10 {
  gap: calc(var(--spacing) * 10);
}
.lg\:gap-12 {
  gap: calc(var(--spacing) * 12);
}
.lg\:gap-14 {
  gap: calc(var(--spacing) * 14);
}
.lg\:gap-16 {
  gap: calc(var(--spacing) * 16);
}
.lg\:border-l {
  border-left-style: var(--tw-border-style);
  border-left-width: 1px;
}
.lg\:border-gray-200 {
  border-color: var(--color-gray-200);
}
.lg\:px-8 {
  padding-inline: calc(var(--spacing) * 8);
}
.lg\:py-24 {
  padding-block: calc(var(--spacing) * 24);
}
.lg\:pr-2 {
  padding-right: calc(var(--spacing) * 2);
}
.lg\:pb-20 {
  padding-bottom: calc(var(--spacing) * 20);
}
.lg\:pl-8 {
  padding-left: calc(var(--spacing) * 8);
}
.lg\:text-left {
  text-align: left;
}
.lg\:text-2xl {
  font-size: var(--text-2xl);
  line-height: var(--tw-leading, var(--text-2xl--line-height));
}
.lg\:text-3xl {
  font-size: var(--text-3xl);
  line-height: var(--tw-leading, var(--text-3xl--line-height));
}
.lg\:text-4xl {
  font-size: var(--text-4xl);
  line-height: var(--tw-leading, var(--text-4xl--line-height));
}
.lg\:text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
.lg\:text-\[1\.05rem\] {
  font-size: 1.05rem;
}
}
@media (width >= 80rem) {
.xl\:max-w-xl {
  max-width: var(--container-xl);
}
.xl\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.xl\:grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.xl\:grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}
.xl\:gap-12 {
  gap: calc(var(--spacing) * 12);
}
.xl\:gap-14 {
  gap: calc(var(--spacing) * 14);
}
.xl\:gap-20 {
  gap: calc(var(--spacing) * 20);
}
.xl\:py-2 {
  padding-block: calc(var(--spacing) * 2);
}
.xl\:pr-6 {
  padding-right: calc(var(--spacing) * 6);
}
.xl\:pl-12 {
  padding-left: calc(var(--spacing) * 12);
}
.xl\:text-5xl {
  font-size: var(--text-5xl);
  line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
}
body {
font-family: "Poppins",sans-serif;
}
.font-fancy {
font-family: "Suez One",serif;
}
.custom-cursor {
position: fixed;
top: 0;
left: 0;
z-index: 99999;
width: 32px;
height: 32px;
pointer-events: none;
opacity: 0;
transform: translate3d(-100px,-100px,0);
transition: opacity 0.2s ease;
will-change: transform;
}
.custom-cursor.is-visible {
opacity: 1;
}
.custom-cursor img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
user-select: none;
-webkit-user-drag: none;
}
#siteHeader.scrolled {
background-color: #1b1b1b;
backdrop-filter: blur(20px);
box-shadow: 0 6px 24px rgb(0 0 0 / 3%);
}
#siteHeader.scrolled .header-inner {
padding-top: .5rem;
padding-bottom: .5rem;
}
#siteHeader.scrolled .logo-img {
height: 2.5rem;
filter: none;
}
#siteHeader.scrolled .contact-pill {
color: #fff;
border-color: rgb(0 0 0 / .08);
background-color: rgb(0 0 0 / .04);
box-shadow: none;
}
#siteHeader.scrolled .contact-pill:hover {
background-color: rgb(0 0 0 / .08);
border-color: rgb(0 0 0 / .15);
}
.count-bg {
background-color: #1a0c0d;
background-image: radial-gradient(rgb(255 255 255 / .05) 1px,transparent 1px),linear-gradient(110deg,#141112 0%,#2b0e10 55%,#4a0f15 100%);
background-size: 22px 22px,100% 100%;
}
.stat-card::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 3px;
background: #ed2124;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
}
.stat-card:hover::before {
transform: scaleX(1);
}
.service-viewport {
cursor: grab;
}
.service-viewport.is-dragging {
cursor: grabbing;
}
.service-viewport.is-dragging #serviceTrack {
transition: none;
}
.service-card {
background: radial-gradient(120% 80% at 50% -10%,#3a1416 0%,transparent 55%),linear-gradient(160deg,#1c1416 0%,#140d0e 100%);
}
.service-card .card-img {
transition: transform 0.6s ease;
}
.service-card:hover .card-img {
transform: scale(1.07);
}
.slider-dot {
height: 8px;
width: 8px;
border-radius: 9999px;
background: #e5e7eb;
transition: all 0.3s ease;
}
.slider-dot.active {
width: 26px;
background: #ed2124;
}
.portfolio-bg {
background-color: #0d0809;
background-image: radial-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(160deg,#140d0e 0%,#1c0d10 55%,#2b0e10 100%);
background-size: 22px 22px,100% 100%;
}
.ind-thumb {
position: relative;
border-radius: 10px;
overflow: hidden;
transition: transform 0.5s cubic-bezier(.16,1,.3,1),box-shadow 0.5s ease;
}
.ind-card:hover .ind-thumb {
transform: translateY(-8px) scale(1.04);
box-shadow: 0 22px 45px -12px rgb(237 33 36 / .55),0 0 32px -6px rgb(237 33 36 / .55);
}
.ind-thumb::after {
content: "";
position: absolute;
inset: -3px;
border-radius: inherit;
padding: 3px;
background: #ed2124;
-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite: exclude;
opacity: 0;
transition: opacity 0.45s ease;
z-index: 2;
}
.ind-card:hover .ind-thumb::after {
opacity: 1;
}
.ind-thumb img {
transition: transform 0.7s cubic-bezier(.16,1,.3,1);
}
.ind-card:hover .ind-thumb img {
transform: scale(1.12);
}
.ind-card .ind-label {
transition: color 0.3s ease;
}
.ind-card:hover .ind-label {
color: #ed2124;
}
.ind-item {
opacity: 0;
transform: translateY(36px) scale(.96);
transition: opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1);
}
.ind-item.in-view {
opacity: 1;
transform: translateY(0) scale(1);
}
@media (prefers-reduced-motion:reduce) {
.ind-item {
opacity: 1;
transform: none;
transition: none;
}
.ind-card:hover .ind-thumb {
transform: none;
}
}
.footer-bg {
position: relative;
background-color: #0c0708;
background-image: radial-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(160deg,#140d0e 0%,#1c0d10 55%,#2b0e10 100%);
background-size: 22px 22px,100% 100%;
overflow: hidden;
}
.footer-glow {
position: absolute;
border-radius: 9999px;
filter: blur(90px);
opacity: .5;
pointer-events: none;
z-index: 0;
}
.footer-glow--orange {
width: 420px;
height: 420px;
top: -160px;
left: -120px;
background: radial-gradient(circle,rgb(237 33 36 / .55),transparent 70%);
animation: footerFloat 9s ease-in-out infinite;
}
.footer-glow--red {
width: 460px;
height: 460px;
bottom: -200px;
right: -140px;
background: radial-gradient(circle,rgb(237 33 36 / .5),transparent 70%);
animation: footerFloat 11s ease-in-out infinite reverse;
}
.footer-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(to right,transparent,#ed2124,transparent);
opacity: .8;
z-index: 2;
}
@keyframes footerFloat {
0%,100% {
transform: translate(0,0) scale(1);
}
50% {
transform: translate(30px,24px) scale(1.08);
}
}
.footer-social {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
width: 42px;
border-radius: 9999px;
color: #e7dedf;
border: 1px solid rgb(255 255 255 / .12);
background: rgb(255 255 255 / .05);
transition: all 0.35s cubic-bezier(.16,1,.3,1);
}
.footer-social:hover {
color: #fff;
transform: translateY(-4px);
border-color: #fff0;
background: #ed2124;
box-shadow: 0 12px 28px -8px rgb(237 33 36 / .7),0 0 22px -4px rgb(237 33 36 / .6);
}
.footer-contact-ico {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
flex-shrink: 0;
border-radius: 12px;
color: #fff;
box-shadow: 0 8px 20px -6px rgb(237 33 36 / .6);
border: 1px solid #ed2124;
}
.footer-heading::after {
content: "";
display: block;
margin-top: 10px;
height: 3px;
width: 38px;
border-radius: 9999px;
background: #ed2124;
}
@keyframes btt-enter {
0% {
opacity: 0;
transform: translateY(1.25rem) scale(.75);
}
65% {
transform: translateY(-5px) scale(1.06);
}
100% {
opacity: 1;
transform: translateY(0) scale(1);
}
}
@keyframes btt-pulse {
0%,100% {
box-shadow: 0 6px 20px rgb(0 0 0 / .28),0 0 0 0 rgb(237 33 36 / .45);
}
50% {
box-shadow: 0 8px 26px rgb(0 0 0 / .34),0 0 0 10px #fff0;
}
}
@keyframes btt-arrow-float {
0%,100% {
transform: translateY(0);
}
50% {
transform: translateY(-4px);
}
}
@keyframes btt-shine {
0% {
transform: translateX(-130%) skewX(-18deg);
}
100% {
transform: translateX(130%) skewX(-18deg);
}
}
@keyframes btt-gradient {
0%,100% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
}
@keyframes btt-launch {
0% {
transform: translateY(0);
}
35% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.back-to-top-btn {
--btt-size: 2.75rem;
position: fixed;
right: max(1rem, env(safe-area-inset-right, 0px));
bottom: max(1.25rem, env(safe-area-inset-bottom, 0px));
z-index: 60;
display: flex;
align-items: center;
justify-content: center;
width: var(--btt-size);
height: var(--btt-size);
padding: 0;
border: 1px solid rgb(255 255 255 / .22);
border-radius: 9999px;
cursor: pointer;
overflow: hidden;
color: #fff;
background: linear-gradient(135deg,#ff4043 0%,#ed2124 45%,#c9181b 100%);
background-size: 200% 200%;
box-shadow: 0 6px 20px rgb(0 0 0 / .28);
opacity: 0;
visibility: hidden;
transform: translateY(1.25rem) scale(.75);
pointer-events: none;
transition: opacity 0.35s ease,visibility 0.35s ease,transform 0.35s ease,border-color 0.3s ease;
}
.back-to-top-btn:not(.is-visible) {
opacity: 0;
visibility: hidden;
transform: translateY(1.25rem) scale(.75);
pointer-events: none;
animation: none;
}
.back-to-top-shine {
position: absolute;
inset: 0;
border-radius: inherit;
overflow: hidden;
pointer-events: none;
}
.back-to-top-shine::after {
content: "";
position: absolute;
inset: -20%;
background: linear-gradient(105deg,transparent 38%,rgb(255 255 255 / .45) 50%,transparent 62%);
transform: translateX(-130%) skewX(-18deg);
}
.back-to-top-btn.is-visible {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0) scale(1);
animation: btt-enter 0.6s cubic-bezier(.34,1.45,.64,1) forwards,btt-pulse 2.8s ease-in-out 0.65s infinite,btt-gradient 4s ease-in-out 0.65s infinite;
}
.back-to-top-btn.is-visible .back-to-top-icon {
animation: btt-arrow-float 2s ease-in-out 0.8s infinite;
}
.back-to-top-btn.is-visible:hover {
opacity: 1;
visibility: visible;
border-color: rgb(255 255 255 / .4);
transform: translateY(-5px) scale(1.08);
animation: btt-gradient 4s ease-in-out infinite;
box-shadow: 0 14px 32px rgb(0 0 0 / .38),0 0 28px rgb(237 33 36 / .55);
}
.back-to-top-btn.is-visible:hover .back-to-top-shine::after {
animation: btt-shine 0.7s ease;
}
.back-to-top-btn.is-visible:hover .back-to-top-icon {
animation: none;
transform: translateY(-5px);
}
.back-to-top-btn.is-visible:active {
opacity: 1;
transform: translateY(-2px) scale(.96);
}
.back-to-top-btn.is-launching .back-to-top-icon {
animation: btt-launch 0.65s cubic-bezier(.34,1.45,.64,1);
}
.back-to-top-btn:focus {
outline: none;
}
.back-to-top-btn:focus-visible {
outline: 2px solid #fff;
outline-offset: 2px;
}
.back-to-top-icon {
position: relative;
z-index: 1;
width: 1.125rem;
height: 1.125rem;
}
@media (min-width:640px) {
.back-to-top-btn {
--btt-size: 3rem;
right: max(1.5rem, env(safe-area-inset-right, 0px));
bottom: max(1.75rem, env(safe-area-inset-bottom, 0px));
}
.back-to-top-icon {
width: 1.25rem;
height: 1.25rem;
}
}
@media (prefers-reduced-motion:reduce) {
.back-to-top-btn,.back-to-top-btn.is-visible,.back-to-top-btn.is-visible .back-to-top-icon,.back-to-top-shine::after {
animation: none !important;
transition: none;
}
.back-to-top-btn.is-visible {
opacity: 1;
transform: none;
}
.back-to-top-btn.is-visible:hover {
transform: none;
}
}
#portfolio h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 18px;
}
#what-we-offer h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 18px;
}
.count-bg h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 18px;
}
#about h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 18px;
}
#trusted-clients {
position: relative;
background: url(../img/clientBg.webp) no-repeat center center;
background-size: cover;
}
#trusted-clients::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,rgb(255 255 255 / 31%),rgb(255 255 255 / 37%));
pointer-events: none;
z-index: 0;
}
#trusted-clients>.container {
position: relative;
z-index: 1;
}
#trusted-clients .tc-head {
text-align: center;
max-width: 680px;
margin: 0 auto 2.75rem;
}
#trusted-clients h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 16px;
color: #0f172a;
}
#trusted-clients .tc-sub {
margin-top: 14px;
color: #475569;
font-size: clamp(0.95rem, 1.6vw, 1.05rem);
line-height: 1.65;
}
.client-item {
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 3 / 2;
padding: 1rem;
background: rgb(255 255 255 / .7);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
border: 1px solid rgb(15 23 42 / .06);
border-radius: 16px;
box-shadow: 0 4px 14px rgb(15 23 42 / .05);
transition: transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease,background 0.3s ease;
}
.client-item img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
object-fit: contain;
transition: filter 0.3s ease,opacity 0.3s ease,transform 0.3s ease;
}
.client-item:hover {
transform: translateY(-6px);
background: #fff;
border-color: rgb(237 33 36 / .35);
box-shadow: 0 16px 32px rgb(237 33 36 / .18);
}
.client-item:hover img {
filter: grayscale(0);
opacity: 1;
transform: scale(1.06);
}
@media (max-width:640px) {
.client-item {
padding: .75rem;
border-radius: 12px;
}
}
.offers-bg {
position: relative;
background-color: #fff;
background-image: radial-gradient(rgb(15 23 42 / .04) 1px,transparent 1px),linear-gradient(160deg,#ffffff 0%,#fff7f3 55%,#fef2f2 100%);
background-size: 22px 22px,100% 100%;
}
.offers-bg::before,.offers-bg::after {
content: "";
position: absolute;
border-radius: 9999px;
filter: blur(120px);
opacity: .35;
pointer-events: none;
z-index: 0;
}
.offers-bg::before {
width: 360px;
height: 360px;
top: -120px;
right: -80px;
background: radial-gradient(circle,rgb(237 33 36 / .45),transparent 70%);
}
.offers-bg::after {
width: 420px;
height: 420px;
bottom: -160px;
left: -120px;
background: radial-gradient(circle,rgb(237 33 36 / .35),transparent 70%);
}
.offer-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px;
border-radius: 9999px;
font-size: 12px;
font-weight: 600;
letter-spacing: .12em;
text-transform: uppercase;
color: #ed2124;
border: 1px solid rgb(237 33 36 / .3);
background: rgb(237 33 36 / .1);
}
.offer-kicker::before {
content: "";
height: 7px;
width: 7px;
border-radius: 9999px;
background: #ed2124;
box-shadow: 0 0 10px 1px rgb(237 33 36 / .8);
}
.offer-title {
font-family: "Suez One",serif;
color: #1a1110;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 18px;
}
.offer-title .grad {
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.offer-lead {
margin-top: 16px;
color: #5b5354;
font-size: .98rem;
line-height: 1.7;
max-width: 34rem;
}
.offer-features {
margin-top: 30px;
display: grid;
gap: 14px;
}
.offer-feature {
position: relative;
display: flex;
gap: 16px;
padding: 18px;
border-radius: 16px;
border: 1px solid rgb(15 23 42 / .08);
background: #fff;
box-shadow: 0 8px 24px -16px rgb(15 23 42 / .25);
transition: transform 0.4s cubic-bezier(.16,1,.3,1),border-color 0.4s ease,box-shadow 0.4s ease,background 0.4s ease;
overflow: hidden;
}
.offer-feature::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 3px;
background: #ed2124;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.4s ease;
}
.offer-feature:hover {
transform: translateX(6px);
border-color: rgb(237 33 36 / .4);
background: linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
box-shadow: 0 22px 45px -22px rgb(237 33 36 / .5);
}
.offer-feature:hover::before {
transform: scaleY(1);
}
.offer-feature-ico {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
width: 48px;
flex-shrink: 0;
border-radius: 14px;
color: #fff;
background: #ed2124;
box-shadow: 0 10px 24px -8px rgb(237 33 36 / .7);
transition: transform 0.4s cubic-bezier(.16,1,.3,1);
}
.offer-feature-ico svg {
width: 1.2rem;
height: 1.2rem;
display: block;
}
.offer-feature:hover .offer-feature-ico {
transform: scale(1.08) rotate(-4deg);
}
.offer-feature h4 {
color: #1a1110;
font-size: 1.02rem;
font-weight: 600;
}
.offer-feature p {
margin-top: 5px;
color: #6b6364;
font-size: .875rem;
line-height: 1.6;
}
.offer-visual {
position: relative;
border-radius: 24px;
overflow: hidden;
background: radial-gradient(120% 90% at 50% -10%,#fff1ec 0%,transparent 55%),linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
border: 1px solid rgb(15 23 42 / .06);
box-shadow: 0 40px 80px -30px rgb(237 33 36 / .35);
}
.offer-visual::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1.5px;
background: linear-gradient(135deg,rgb(237 33 36 / .55),transparent 45%,rgb(237 33 36 / .55));
-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite: exclude;
pointer-events: none;
}
.offer-visual img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
animation: offerFloat 6s ease-in-out infinite;
}
@keyframes offerFloat {
0%,100% {
transform: translateY(0);
}
50% {
transform: translateY(-14px);
}
}
.offer-badge {
position: absolute;
left: 22px;
bottom: 22px;
z-index: 3;
display: flex;
align-items: center;
gap: 12px;
padding: 12px 18px;
border-radius: 16px;
color: #1a1110;
background: rgb(255 255 255 / .85);
border: 1px solid rgb(15 23 42 / .08);
backdrop-filter: blur(10px);
box-shadow: 0 18px 40px -16px rgb(237 33 36 / .4);
}
.offer-badge .num {
font-family: "Suez One",serif;
font-size: 1.5rem;
line-height: 1;
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.offer-badge .lbl {
font-size: .72rem;
color: #6b6364;
line-height: 1.25;
}
.offer-reveal {
opacity: 0;
transform: translateY(36px);
transition: opacity 0.8s cubic-bezier(.16,1,.3,1),transform 0.8s cubic-bezier(.16,1,.3,1);
}
.offer-reveal.in-view {
opacity: 1;
transform: translateY(0);
}
@media (prefers-reduced-motion:reduce) {
.offer-reveal {
opacity: 1;
transform: none;
transition: none;
}
.offer-visual img {
animation: none;
}
}
@media (max-width:640px) {
.offer-badge {
left: 14px;
bottom: 14px;
padding: 10px 14px;
}
.offer-feature {
padding: 15px;
gap: 13px;
}
.offer-feature-ico {
height: 44px;
width: 44px;
}
}
.testimonials-new-bg {
position: relative;
background: radial-gradient(120% 90% at 50% -10%,#fff5f0 0%,transparent 55%),linear-gradient(180deg,#ffffff 0%,#fef8f6 100%);
}
.tn-orb {
position: absolute;
border-radius: 9999px;
filter: blur(120px);
opacity: .45;
pointer-events: none;
z-index: 0;
}
.tn-orb--orange {
width: 340px;
height: 340px;
top: -100px;
left: -90px;
background: radial-gradient(circle,rgb(237 33 36 / .5),transparent 70%);
}
.tn-orb--red {
width: 400px;
height: 400px;
bottom: -140px;
right: -100px;
background: radial-gradient(circle,rgb(237 33 36 / .38),transparent 70%);
}
.testimonials-new-head {
text-align: center;
max-width: 680px;
margin: 0 auto;
}
.testimonials-new-head h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 16px;
color: #1a1110;
}
.tn-grad {
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.tn-sub {
margin-top: 14px;
color: #5b5354;
font-size: .98rem;
line-height: 1.7;
}
.tn-slider-wrap {
max-width: 920px;
margin-left: auto;
margin-right: auto;
}
.tn-slider {
display: flex;
align-items: center;
gap: .5rem;
}
.tn-viewport {
flex: 1;
min-width: 0;
cursor: grab;
padding: .5rem 0 .25rem;
transition: height 0.45s cubic-bezier(.16,1,.3,1);
}
.slider-track--auto-height {
align-items: flex-start;
}
.slider-track--auto-height .slide {
flex-shrink: 0;
height: auto;
}
.tn-viewport.is-dragging {
cursor: grabbing;
}
.tn-viewport.is-dragging #tnTrack {
transition: none;
}
.tn-viewport.is-dragging {
transition: none;
}
.tn-slide-inner {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
padding: 0 .35rem;
}
.tn-bubble {
position: relative;
width: 100%;
max-width: 720px;
height: auto;
padding: 1.75rem 1.5rem 1.5rem;
border-radius: 20px;
background: #fff;
border: 1px solid rgb(237 33 36 / .12);
box-shadow: 0 4px 24px -4px rgb(237 33 36 / .12),0 28px 60px -28px rgb(237 33 36 / .22),0 0 48px -12px rgb(237 33 36 / .18);
transition: box-shadow 0.4s ease,transform 0.4s ease;
}
.tn-bubble::before {
content: "";
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 1px;
background: linear-gradient(135deg,rgb(237 33 36 / .35),rgb(237 33 36 / .2),rgb(237 33 36 / .08));
-webkit-mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
mask: linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
pointer-events: none;
}
.tn-bubble::after {
content: "";
position: absolute;
bottom: -13px;
left: 50%;
transform: translateX(-50%);
width: 26px;
height: 13px;
background: #fff;
clip-path: polygon(50% 100%,0 0,100% 0);
filter: drop-shadow(0 6px 8px rgb(237 33 36 / .12));
}
.tn-quote-icon {
position: absolute;
top: 4px;
right: 22px;
font-family: "Suez One",serif;
font-size: clamp(3.5rem, 10vw, 5rem);
line-height: 1;
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
opacity: .14;
pointer-events: none;
}
.tn-stars {
display: flex;
gap: 3px;
margin-bottom: 14px;
}
.tn-stars svg {
height: 17px;
width: 17px;
}
.tn-stars svg.on {
color: #ed2124;
filter: drop-shadow(0 0 4px rgb(245 158 11 / .45));
}
.tn-stars svg.off {
color: #e5e7eb;
}
.tn-quote-text {
position: relative;
margin: 0;
color: #4b4344;
font-size: .95rem;
line-height: 1.8;
text-align: center;
}
.tn-author {
display: flex;
align-items: center;
gap: 14px;
margin-top: 2rem;
padding: 10px 18px;
border-radius: 9999px;
background: rgb(255 255 255 / .85);
border: 1px solid rgb(237 33 36 / .1);
box-shadow: 0 8px 28px -10px rgb(237 33 36 / .25),0 0 24px -8px rgb(237 33 36 / .2);
}
.tn-avatar-wrap {
position: relative;
flex-shrink: 0;
padding: 3px;
border-radius: 9999px;
background: #ed2124;
box-shadow: 0 0 18px -2px rgb(237 33 36 / .65);
}
.tn-avatar {
display: block;
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
border: 2px solid #fff;
}
.tn-meta {
display: flex;
flex-direction: column;
min-width: 0;
text-align: left;
}
.tn-name {
font-weight: 600;
color: #1a1110;
font-size: .97rem;
line-height: 1.3;
}
.tn-role {
margin-top: 2px;
font-size: .8rem;
color: #8a8081;
line-height: 1.35;
}
.tn-arrow {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid rgb(15 23 42 / .1);
background: #fff;
color: #4b4344;
box-shadow: 0 4px 18px -6px rgb(15 23 42 / .15),0 0 20px -6px rgb(237 33 36 / .15);
transition: transform 0.25s ease,border-color 0.25s ease,color 0.25s ease,box-shadow 0.25s ease;
}
.tn-arrow:hover:not(:disabled) {
transform: scale(1.06);
border-color: rgb(237 33 36 / .45);
color: #ed2124;
box-shadow: 0 8px 24px -8px rgb(237 33 36 / .35),0 0 28px -6px rgb(237 33 36 / .35);
}
.tn-arrow:disabled {
opacity: .35;
cursor: not-allowed;
}
.tn-dots .slider-dot.active {
box-shadow: 0 0 12px 1px rgb(237 33 36 / .45);
}
.tn-controls {
display: none;
}
.tn-arrow--desk {
display: none;
}
@media (min-width:640px) {
.tn-slider {
gap: 1rem;
}
.tn-arrow--desk {
display: flex;
}
.tn-controls {
display: flex;
justify-content: center;
margin-top: 1.75rem;
}
.tn-arrow--mob {
display: none;
}
.tn-bubble {
padding: 2.25rem 2.5rem 2.35rem;
border-radius: 24px;
}
.tn-quote-text {
font-size: 1.02rem;
padding: 0 .5rem;
}
.tn-arrow {
width: 48px;
height: 48px;
}
.tn-avatar {
width: 56px;
height: 56px;
}
}
@media (max-width:639px) {
#testimonials-new {
padding-top: 3rem;
padding-bottom: 3rem;
}
.testimonials-new-head h2 {
font-size: 1.75rem;
}
.tn-sub {
font-size: .9rem;
line-height: 1.6;
}
.tn-slider-wrap {
margin-top: 1.75rem;
}
.tn-viewport {
padding: .15rem 0 0;
}
.tn-slide-inner {
padding: 0;
align-items: stretch;
}
.tn-bubble {
padding: 1.2rem 1.1rem 1.15rem;
border-radius: 16px;
box-shadow: 0 2px 16px -2px rgb(237 33 36 / .15),0 16px 40px -20px rgb(237 33 36 / .2),0 0 32px -10px rgb(237 33 36 / .14);
}
.tn-quote-icon {
top: 2px;
right: 14px;
font-size: 3rem;
opacity: .12;
}
.tn-stars {
margin-bottom: 10px;
}
.tn-stars svg {
height: 15px;
width: 15px;
}
.tn-quote-text {
font-size: .9rem;
line-height: 1.7;
text-align: left;
}
.tn-author {
flex-direction: row;
justify-content: flex-start;
gap: 12px;
margin-top: 1.1rem;
padding: 8px 14px 8px 8px;
width: auto;
max-width: 100%;
align-self: flex-start;
}
.tn-avatar {
width: 44px;
height: 44px;
}
.tn-meta {
text-align: left;
align-items: flex-start;
}
.tn-name {
font-size: .9rem;
}
.tn-role {
font-size: .75rem;
}
.tn-controls {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-top: 1.25rem;
padding: 0 .25rem;
}
.tn-arrow--mob {
display: flex;
width: 36px;
height: 36px;
flex-shrink: 0;
}
.tn-dots {
flex: 1;
justify-content: center;
max-width: 160px;
}
}
.youtube-bg {
position: relative;
overflow: hidden;
background-color: #5a0e0e;
background-image: radial-gradient(ellipse 80% 55% at 50% 100%,rgb(237 33 36 / .14) 0%,transparent 65%),radial-gradient(ellipse 60% 45% at 50% 0%,rgb(237 33 36 / .1) 0%,transparent 60%),radial-gradient(rgb(0 0 0 / .22) 1.2px,transparent 1.2px),radial-gradient(rgb(0 0 0 / .16) 1.2px,transparent 1.2px),linear-gradient(to right,#1a0303 0%,#5c0e0e 38%,#8b1515 68%,#a81818 100%);
background-size: 100% 100%,100% 100%,16px 16px,16px 16px,100% 100%;
background-position: 0 0,0 0,0 0,8px 8px,0 0;
}
.youtube-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(to right,transparent,#ed2124,transparent);
opacity: .85;
z-index: 2;
pointer-events: none;
}
.youtube-bg::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
opacity: .18;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
background-size: 180px 180px;
}
.yt-orb {
position: absolute;
border-radius: 9999px;
filter: blur(100px);
pointer-events: none;
z-index: 0;
will-change: transform;
}
.yt-orb--orange {
width: 440px;
height: 440px;
top: -120px;
left: -100px;
background: radial-gradient(circle,rgb(237 33 36 / .55) 0%,rgb(237 33 36 / .15) 45%,transparent 72%);
opacity: .55;
animation: ytOrbFloat 10s ease-in-out infinite;
}
.yt-orb--red {
width: 500px;
height: 500px;
bottom: -160px;
right: -110px;
background: radial-gradient(circle,rgb(237 33 36 / .5) 0%,rgb(237 33 36 / .12) 45%,transparent 72%);
opacity: .5;
animation: ytOrbFloat 12s ease-in-out infinite reverse;
}
.yt-orb--center {
width: 560px;
height: 320px;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background: radial-gradient(ellipse,rgb(237 33 36 / .2) 0%,rgb(237 33 36 / .1) 40%,transparent 72%);
opacity: .45;
filter: blur(90px);
animation: ytOrbCenter 14s ease-in-out infinite;
}
@keyframes ytOrbFloat {
0%,100% {
transform: translate(0,0) scale(1);
}
50% {
transform: translate(28px,22px) scale(1.1);
}
}
@keyframes ytOrbCenter {
0%,100% {
transform: translate(-50%,-50%) scale(1);
opacity: .4;
}
50% {
transform: translate(-50%,-48%) scale(1.08);
opacity: .55;
}
}
.youtube-head {
text-align: center;
max-width: 680px;
margin: 0 auto;
}
.youtube-head h2 {
font-family: "Suez One",serif;
font-size: clamp(1.9rem, 4.5vw, 3rem);
line-height: 1.1;
margin-top: 16px;
color: #fff;
}
.yt-grad {
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
filter: drop-shadow(0 0 22px rgb(237 33 36 / .45));
}
.yt-sub {
margin-top: 14px;
color: rgb(255 255 255 / .65);
font-size: .98rem;
line-height: 1.7;
}
.youtube-grid {
position: relative;
isolation: isolate;
}
.youtube-grid::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: min(92%, 920px);
height: 72%;
transform: translate(-50%,-50%);
border-radius: 50%;
background: radial-gradient(ellipse at center,rgb(237 33 36 / .14) 0%,rgb(237 33 36 / .08) 38%,transparent 72%);
filter: blur(48px);
pointer-events: none;
z-index: -1;
}
.youtube-card {
position: relative;
display: block;
width: 100%;
padding: 0;
border: none;
border-radius: 16px;
background: radial-gradient(120% 90% at 50% -20%,rgb(237 33 36 / .12) 0%,transparent 55%),linear-gradient(165deg,#1a1214 0%,#100c0d 100%);
text-align: left;
cursor: pointer;
overflow: hidden;
box-shadow: 0 4px 24px -6px rgb(0 0 0 / .5),0 0 0 1px rgb(255 255 255 / .06),inset 0 1px 0 rgb(255 255 255 / .05);
transition: transform 0.4s cubic-bezier(.16,1,.3,1),box-shadow 0.4s ease;
}
.youtube-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1.5px;
background: linear-gradient(135deg,rgb(237 33 36 / .55) 0%,rgb(237 33 36 / .35) 50%,rgb(237 33 36 / .2) 100%);
-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite: exclude;
opacity: .35;
transition: opacity 0.4s ease;
z-index: 3;
pointer-events: none;
}
.youtube-card::after {
content: "";
position: absolute;
inset: -40%;
background: radial-gradient(circle at 50% 0%,rgb(237 33 36 / .22) 0%,transparent 55%);
opacity: 0;
transition: opacity 0.45s ease;
pointer-events: none;
z-index: 0;
}
.youtube-card:hover {
transform: translateY(-8px);
box-shadow: 0 28px 56px -14px rgb(0 0 0 / .55),0 0 40px -8px rgb(237 33 36 / .55),0 0 56px -12px rgb(237 33 36 / .4),0 0 0 1px rgb(237 33 36 / .25);
}
.youtube-card:hover::before {
opacity: 1;
}
.youtube-card:hover::after {
opacity: 1;
}
.youtube-card:focus-visible {
outline: 2px solid #ed2124;
outline-offset: 4px;
box-shadow: 0 0 0 4px rgb(237 33 36 / .2),0 28px 56px -14px rgb(0 0 0 / .55),0 0 40px -8px rgb(237 33 36 / .55);
}
.youtube-card-thumb {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: #1a1a1a;
z-index: 1;
}
.youtube-card-thumb::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
box-shadow: inset 0 0 48px -12px rgb(237 33 36 / .35);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
z-index: 2;
}
.youtube-card:hover .youtube-card-thumb::after {
opacity: 1;
}
.youtube-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s cubic-bezier(.16,1,.3,1);
}
.youtube-card:hover .youtube-card-thumb img {
transform: scale(1.06);
}
.youtube-card-play {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgb(0 0 0 / .2);
transition: background 0.3s ease;
}
.youtube-card:hover .youtube-card-play {
background: rgb(0 0 0 / .35);
}
.youtube-card-play-btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 68px;
height: 68px;
border-radius: 50%;
background: linear-gradient(145deg,#ff3b3e 0%,#ed2124 55%,#c41a1d 100%);
color: #fff;
box-shadow: 0 8px 28px rgb(0 0 0 / .45),0 0 24px rgb(237 33 36 / .55),inset 0 1px 0 rgb(255 255 255 / .2);
transition: transform 0.35s cubic-bezier(.16,1,.3,1),box-shadow 0.35s ease;
}
.youtube-card-play-btn::before {
content: "";
position: absolute;
inset: -6px;
border-radius: 50%;
background: radial-gradient(circle,rgb(237 33 36 / .45) 0%,transparent 70%);
opacity: .7;
z-index: -1;
animation: ytPlayPulse 2.4s ease-in-out infinite;
}
.youtube-card-play-btn svg {
width: 28px;
height: 28px;
margin-left: 3px;
filter: drop-shadow(0 1px 2px rgb(0 0 0 / .25));
}
.youtube-card:hover .youtube-card-play-btn {
transform: scale(1.1);
box-shadow: 0 12px 36px rgb(0 0 0 / .5),0 0 36px rgb(237 33 36 / .75),0 0 56px rgb(237 33 36 / .35),inset 0 1px 0 rgb(255 255 255 / .25);
}
@keyframes ytPlayPulse {
0%,100% {
transform: scale(1);
opacity: .55;
}
50% {
transform: scale(1.18);
opacity: .9;
}
}
.youtube-card-body {
position: relative;
z-index: 1;
padding: 1.1rem 1.25rem 1.35rem;
}
.youtube-card-title {
font-size: 1.05rem;
font-weight: 700;
line-height: 1.35;
color: #fff;
}
.youtube-card-desc {
margin-top: .45rem;
font-size: .88rem;
line-height: 1.55;
color: rgb(255 255 255 / .55);
}
@media (prefers-reduced-motion:reduce) {
.yt-orb--orange,.yt-orb--red,.yt-orb--center {
animation: none;
}
.youtube-card-play-btn::before {
animation: none;
}
.youtube-card:hover {
transform: none;
}
}
.yt-modal {
position: fixed;
inset: 0;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
padding: 1.25rem;
}
.yt-modal[hidden] {
display: none;
}
.yt-modal-backdrop {
position: absolute;
inset: 0;
background: rgb(0 0 0 / .92);
}
.yt-modal-dialog {
position: relative;
z-index: 1;
width: min(960px, 100%);
animation: ytModalIn 0.15s ease-out;
}
@keyframes ytModalIn {
from {
opacity: 0;
transform: scale(.97);
}
to {
opacity: 1;
transform: scale(1);
}
}
.yt-modal-close {
position: absolute;
top: -2.75rem;
right: 0;
display: flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
border: none;
border-radius: 50%;
background: rgb(255 255 255 / .12);
color: #fff;
cursor: pointer;
transition: background 0.2s ease,transform 0.2s ease;
}
.yt-modal-close:hover {
background: rgb(255 255 255 / .22);
transform: scale(1.05);
}
.yt-modal-video {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
border-radius: 10px;
background: #000;
box-shadow: 0 32px 64px rgb(0 0 0 / .6);
}
.yt-modal-video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
.yt-modal-loading {
position: absolute;
inset: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background: #000;
pointer-events: none;
}
.yt-modal-spinner {
width: 42px;
height: 42px;
border: 3px solid rgb(255 255 255 / .15);
border-top-color: #f5c518;
border-radius: 50%;
animation: ytSpin 0.7s linear infinite;
}
@keyframes ytSpin {
to {
transform: rotate(360deg);
}
}
@media (max-width:639px) {
.yt-modal-close {
top: -3.25rem;
right: 50%;
transform: translateX(50%);
}
.yt-modal-close:hover {
transform: translateX(50%) scale(1.05);
}
}
.faq-bg {
position: relative;
overflow: hidden;
padding: 4rem 0;
background-color: #fff;
}
.faq-glow {
display: none;
}
.faq-glow--left {
width: 420px;
height: 420px;
top: -80px;
left: -120px;
background: radial-gradient(circle,rgb(180 40 30 / .5),transparent 70%);
}
.faq-glow--right {
width: 360px;
height: 360px;
bottom: -100px;
right: -80px;
background: radial-gradient(circle,rgb(237 33 36 / .25),transparent 70%);
}
.faq-wrap {
position: relative;
z-index: 1;
margin: 0 auto;
padding: 0 1.25rem;
}
.faq-title {
font-family: "Suez One",serif;
font-size: clamp(2rem, 4.5vw, 3.25rem);
line-height: 1.15;
color: #1a1110;
margin-bottom: 2.5rem;
}
.faq-card {
flex: 1 1 auto;
align-self: stretch;
min-width: 0;
padding: 1.35rem 1.25rem;
border: 1px solid rgb(237 33 36 / .12);
border-radius: 1rem;
background: #fff;
cursor: default;
outline: none;
box-shadow: 0 4px 24px -4px rgb(237 33 36 / .12),0 28px 60px -28px rgb(237 33 36 / .22),0 0 48px -12px rgb(237 33 36 / .18);
transition: box-shadow 0.4s ease,transform 0.4s ease;
}
.faq-card.is-open {
background: linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
border-color: rgb(237 33 36 / .25);
}
.faq-q {
font-size: .9375rem;
font-weight: 600;
line-height: 1.45;
color: #1a1110;
}
.faq-panel {
display: grid;
grid-template-rows: 0fr;
opacity: 0;
visibility: hidden;
transition: grid-template-rows 0.45s ease,opacity 0.35s ease,visibility 0.35s ease;
}
.faq-panel>* {
overflow: hidden;
min-height: 0;
}
.faq-card.is-open .faq-panel {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
}
.faq-a {
margin-top: .85rem;
font-size: .8125rem;
line-height: 1.7;
color: #4b4344;
}
.faq-highlight {
color: #ed2124;
font-weight: 600;
}
@media (min-width:768px) {
.faq-bg {
padding: 5rem 0 6rem;
}
.faq-wrap {
padding: 0 1.5rem;
}
.faq-title {
margin-bottom: 3rem;
}
.faq-grid {
gap: 10px;
}
.faq-card {
flex: 1 1 0%;
align-self: flex-start;
}
@media (hover:hover) {
.faq-card.is-open {
  flex: 2.15 1 0;
}
}
.faq-q {
font-size: .875rem;
}
}
@media (min-width:1024px) {
.faq-q {
font-size: .9375rem;
}
.faq-a {
font-size: .8375rem;
}
}
@media (max-width:767px) {
.faq-bg {
padding: 3.5rem 0;
}
.faq-title {
margin-bottom: 2rem;
}
}
#how-it-work {
position: relative;
padding: 4rem 0 5rem;
background: url(../img/Scating-ninja.webp) no-repeat;
background-position: top;
background-size: cover;
background-attachment: fixed;
}
#how-it-work::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg,rgb(10 6 8 / .82) 0%,rgb(10 6 8 / .92) 100%);
pointer-events: none;
}
#how-it-work .container {
position: relative;
z-index: 1;
}
#how-it-work .testimonials-new-head h2,#how-it-work .testimonials-new-head .offer-kicker {
color: #fff;
}
#how-it-work .tn-sub {
color: rgb(255 255 255 / .72);
}
.hiw-col-title {
font-family: "Suez One",serif;
font-size: clamp(1.5rem, 3vw, 2rem);
color: #fff;
margin-bottom: 1.25rem;
padding-bottom: .75rem;
border-bottom: 2px solid rgb(237 33 36 / .5);
}
.hiw-steps {
display: grid;
gap: .875rem;
}
.hiw-step {
display: flex;
gap: 1rem;
padding: 1.1rem 1.15rem;
border-radius: 1rem;
border: 1px solid rgb(255 255 255 / .12);
background: rgb(255 255 255 / .06);
backdrop-filter: blur(10px);
transition: border-color 0.35s ease,background 0.35s ease,transform 0.35s ease;
}
.hiw-step:hover {
border-color: rgb(237 33 36 / .45);
background: rgb(255 255 255 / .1);
transform: translateX(4px);
}
.hiw-step-ico {
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 2.75rem;
height: 2.75rem;
border-radius: .75rem;
color: #fff;
background: #ed2124;
box-shadow: 0 0 0 1px rgb(237 33 36 / .25),0 0 18px rgb(237 33 36 / .55),0 8px 20px -8px rgb(237 33 36 / .7);
}
.hiw-step-ico svg {
width: 1.15rem;
height: 1.15rem;
display: block;
}
.hiw-step h4 {
font-size: .98rem;
font-weight: 600;
color: #fff;
}
.hiw-step p {
margin-top: .35rem;
font-size: .85rem;
line-height: 1.65;
color: rgb(255 255 255 / .72);
}
@media (min-width:1280px) {
#how-it-work {
padding: 5rem 0 6rem;
}
.hiw-col+.hiw-col {
margin-top: 0;
}
}
@media (max-width:767px) {
#how-it-work {
padding: 3rem 0 3.5rem;
background-attachment: scroll;
}
.faq-grid {
gap: 10px;
}
}
.attractive-bg {
position: relative;
background-color: #fff;
background-image: radial-gradient(rgb(15 23 42 / .04) 1px,transparent 1px),linear-gradient(160deg,#ffffff 0%,#fff7f3 55%,#fef2f2 100%);
background-size: 22px 22px,100% 100%;
}
.attractive-bg::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 2px;
background: linear-gradient(to right,transparent,#ed2124,transparent);
opacity: .75;
z-index: 2;
}
.attractive-glow {
position: absolute;
border-radius: 9999px;
filter: blur(120px);
opacity: .22;
pointer-events: none;
z-index: 0;
}
.attractive-glow--orange {
width: 380px;
height: 380px;
top: -120px;
right: -80px;
background: radial-gradient(circle,rgb(237 33 36 / .45),transparent 70%);
animation: footerFloat 9s ease-in-out infinite;
}
.attractive-glow--red {
width: 420px;
height: 420px;
bottom: -140px;
left: -100px;
background: radial-gradient(circle,rgb(237 33 36 / .35),transparent 70%);
animation: footerFloat 11s ease-in-out infinite reverse;
}
.attractive-title {
font-size: clamp(1.85rem, 4.2vw, 2.85rem);
margin-top: 16px;
}
.attractive-title .grad {
display: block;
margin-top: .2em;
}
.attractive-lead {
color: #5b5354;
max-width: 32rem;
margin-top: 18px;
font-size: clamp(0.92rem, 1.8vw, 1rem);
}
.attractive-tags {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: 24px;
padding: 0;
list-style: none;
}
.attractive-tags li {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 14px;
border-radius: 9999px;
font-size: .78rem;
font-weight: 500;
color: #1a1110;
border: 1px solid rgb(15 23 42 / .08);
background: #fff;
box-shadow: 0 4px 14px -8px rgb(15 23 42 / .12);
transition: border-color 0.3s ease,background 0.3s ease,box-shadow 0.3s ease;
}
.attractive-tags li svg {
width: .85rem;
height: .85rem;
flex-shrink: 0;
color: #ed2124;
}
.attractive-tags li:hover {
border-color: rgb(237 33 36 / .4);
background: linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
box-shadow: 0 8px 20px -10px rgb(237 33 36 / .25);
}
.attractive-cta {
display: flex;
flex-direction: column;
align-items: stretch;
gap: 12px;
margin-top: 28px;
}
.attractive-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 24px;
border-radius: 9999px;
font-size: .9rem;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
transition: transform 0.3s ease,box-shadow 0.3s ease,background 0.3s ease,border-color 0.3s ease;
}
.attractive-btn svg {
width: 1.05rem;
height: 1.05rem;
flex-shrink: 0;
}
.attractive-btn:hover {
transform: translateY(-3px);
}
.attractive-btn--ghost {
color: #1a1110;
border: 1px solid rgb(15 23 42 / .12);
background: #fff;
box-shadow: 0 4px 14px -8px rgb(15 23 42 / .1);
}
.attractive-btn--ghost:hover {
background: linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
border-color: rgb(237 33 36 / .4);
box-shadow: 0 8px 20px -10px rgb(237 33 36 / .2);
}
.attractive-btn--primary {
color: #fff;
border: 1px solid #fff0;
background: #ed2124;
box-shadow: 0 14px 36px -10px rgb(237 33 36 / .55);
}
.attractive-btn--primary:hover {
box-shadow: 0 20px 44px -10px rgb(237 33 36 / .7);
}
.attractive-visual-wrap {
display: flex;
justify-content: center;
}
.attractive-visual {
position: relative;
width: min(100%, 480px);
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
overflow: hidden;
background: radial-gradient(120% 90% at 50% -10%,#fff1ec 0%,transparent 55%),linear-gradient(160deg,#fff7f3 0%,#fef2f2 100%);
border: 1px solid rgb(15 23 42 / .06);
box-shadow: 0 40px 80px -30px rgb(237 33 36 / .35);
}
.attractive-visual::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
padding: 1.5px;
background: linear-gradient(135deg,rgb(237 33 36 / .55),transparent 45%,rgb(237 33 36 / .55));
-webkit-mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
mask-composite: exclude;
pointer-events: none;
z-index: 4;
}
.attractive-visual-glow {
position: absolute;
inset: 8%;
border-radius: 50%;
background: radial-gradient(circle,rgb(237 33 36 / .2) 0%,rgb(237 33 36 / .08) 45%,transparent 70%);
filter: blur(24px);
animation: attractivePulse 5s ease-in-out infinite;
}
.attractive-visual-ring {
position: absolute;
inset: 6%;
border-radius: 50%;
border: 1px dashed rgb(237 33 36 / .18);
animation: attractiveSpin 28s linear infinite;
}
@keyframes attractivePulse {
0%,100% {
transform: scale(1);
opacity: .7;
}
50% {
transform: scale(1.06);
opacity: 1;
}
}
@keyframes attractiveSpin {
to {
transform: rotate(360deg);
}
}
.attractive-visual img {
position: relative;
z-index: 2;
width: 88%;
height: auto;
object-fit: contain;
filter: drop-shadow(0 20px 36px rgb(237 33 36 / .2));
animation: offerFloat 6s ease-in-out infinite;
}
.attractive-badge {
position: absolute;
left: 0;
bottom: 8%;
z-index: 3;
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
border-radius: 16px;
color: #1a1110;
background: rgb(255 255 255 / .85);
border: 1px solid rgb(15 23 42 / .08);
backdrop-filter: blur(10px);
box-shadow: 0 18px 40px -16px rgb(237 33 36 / .4);
}
.attractive-badge-ico {
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 12px;
color: #fff;
background: #ed2124;
box-shadow: 0 8px 20px -6px rgb(237 33 36 / .6);
}
.attractive-badge-ico svg {
width: 1rem;
height: 1rem;
display: block;
}
.attractive-badge-num {
display: block;
font-family: "Suez One",serif;
font-size: 1.35rem;
line-height: 1;
background: #ed2124;
-webkit-background-clip: text;
background-clip: text;
color: #fff0;
}
.attractive-badge-lbl {
display: block;
margin-top: 2px;
font-size: .68rem;
line-height: 1.3;
color: #6b6364;
}
@media (min-width:640px) {
.attractive-cta {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
}
.attractive-btn {
padding: 14px 28px;
}
}
@media (min-width:1024px) {
.attractive-content {
padding-right: 1rem;
}
.attractive-visual {
width: 100%;
max-width: 520px;
}
}
@media (max-width:639px) {
.attractive-visual {
width: min(100%, 320px);
margin-inline: auto;
}
.attractive-badge {
left: 50%;
transform: translateX(-50%);
bottom: 0;
white-space: nowrap;
}
.attractive-tags {
gap: 8px;
}
.attractive-tags li {
font-size: .72rem;
padding: 7px 12px;
}
}
@media (prefers-reduced-motion:reduce) {
.attractive-visual img,.attractive-visual-ring,.attractive-visual-glow,.attractive-glow--orange,.attractive-glow--red {
animation: none;
}
}
.quote-modal {
position: fixed;
inset: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
}
.quote-modal[hidden] {
display: none;
}
.quote-modal-backdrop {
position: absolute;
inset: 0;
background: rgb(10 6 8 / .72);
backdrop-filter: blur(8px);
animation: quoteFadeIn 0.3s ease;
}
.quote-modal-dialog {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
width: min(920px, 100%);
max-height: calc(100dvh - 2rem);
overflow: hidden;
border-radius: 1.25rem;
background: #fff;
box-shadow: 0 0 0 1px rgb(255 255 255 / .08),0 32px 64px -16px rgb(0 0 0 / .55),0 0 80px -20px rgb(237 33 36 / .25);
animation: quoteModalIn 0.35s cubic-bezier(.16,1,.3,1);
}
@keyframes quoteFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes quoteModalIn {
from {
opacity: 0;
transform: translateY(24px) scale(.97);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
.quote-modal-close {
position: absolute;
top: .875rem;
right: .875rem;
z-index: 5;
display: flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
border: none;
border-radius: 50%;
background: rgb(255 255 255 / .14);
color: #fff;
cursor: pointer;
transition: background 0.2s ease,transform 0.2s ease;
}
.quote-modal-close:hover {
background: rgb(226 31 34 / 92%);
transform: scale(1.06);
}
.quote-modal-layout {
display: flex;
flex-direction: column;
flex: 1;
min-height: 0;
max-height: 100%;
}
.quote-modal-layout .quote-field-error {
font-size: 12px;
color: red;
margin: 4px;
}
.quote-modal-aside {
display: none;
position: relative;
overflow: hidden;
background: radial-gradient(ellipse 80% 60% at 20% 0%,rgb(237 33 36 / .35) 0%,transparent 60%),radial-gradient(rgb(255 255 255 / .04) 1px,transparent 1px),linear-gradient(155deg,#1a0c0d 0%,#2b0e10 55%,#4a0f15 100%);
background-size: auto,20px 20px,100% 100%;
}
.quote-modal-aside::after {
content: "";
position: absolute;
bottom: -40%;
right: -20%;
width: 280px;
height: 280px;
border-radius: 50%;
background: radial-gradient(circle,rgb(237 33 36 / .2) 0%,transparent 70%);
pointer-events: none;
}
.quote-modal-aside-inner {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
padding: 2.5rem 2rem;
color: #fff;
}
.quote-modal-badge {
display: inline-flex;
align-items: center;
width: fit-content;
padding: .35rem .85rem;
border-radius: 9999px;
font-size: .68rem;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
color: #fecaca;
background: rgb(237 33 36 / .2);
border: 1px solid rgb(237 33 36 / .35);
}
.quote-modal-mobile-head .quote-modal-badge {
color: #c41a1d;
background: #fef2f2;
border-color: rgb(237 33 36 / .3);
}
.quote-modal-aside-title {
margin-top: 1.25rem;
font-family: "Suez One",serif;
font-size: 1.75rem;
line-height: 1.2;
color: #fff;
}
.quote-modal-aside-text {
margin-top: .75rem;
font-size: .875rem;
line-height: 1.65;
color: rgb(255 255 255 / .72);
}
.quote-modal-perks {
margin-top: 1.75rem;
display: flex;
flex-direction: column;
gap: .85rem;
list-style: none;
padding: 0;
}
.quote-modal-perks li {
display: flex;
align-items: center;
gap: .65rem;
font-size: .82rem;
color: rgb(255 255 255 / .85);
}
.quote-modal-perk-ico {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 1.35rem;
height: 1.35rem;
border-radius: 50%;
background: rgb(237 33 36 / .25);
color: #fca5a5;
}
.quote-modal-perk-ico svg {
width: .75rem;
height: .75rem;
}
.quote-modal-body {
flex: 1;
min-height: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 1.25rem 1.25rem 1.5rem;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.quote-modal-mobile-head {
margin-bottom: 1.25rem;
padding-right: 2.5rem;
}
.quote-modal-mobile-title {
margin-top: .75rem;
font-family: "Suez One",serif;
font-size: 1.5rem;
line-height: 1.2;
color: #1a1110;
}
.quote-modal-mobile-text {
margin-top: .4rem;
font-size: .82rem;
line-height: 1.55;
color: #64748b;
}
.quote-form-grid {
display: grid;
grid-template-columns: 1fr;
gap: .9rem;
}
.quote-field label {
display: block;
margin-bottom: .35rem;
font-size: .78rem;
font-weight: 600;
color: #334155;
}
.quote-field label span {
color: #ed2124;
}
.quote-field input,.quote-field textarea,.quote-field select {
width: 100%;
padding: .7rem .9rem;
border: 1.5px solid #e2e8f0;
border-radius: .65rem;
font-family: inherit;
font-size: .875rem;
color: #1e293b;
background: #f8fafc;
transition: border-color 0.2s ease,box-shadow 0.2s ease,background 0.2s ease;
outline: none;
}
.quote-field input::placeholder,.quote-field textarea::placeholder {
color: #94a3b8;
}
.quote-field input:focus,.quote-field textarea:focus,.quote-field select:focus {
border-color: #ed2124;
background: #fff;
box-shadow: 0 0 0 3px rgb(237 33 36 / .12);
}
.quote-field textarea {
resize: vertical;
min-height: 96px;
}
.quote-field.is-invalid input,.quote-field.is-invalid textarea,.quote-field.is-invalid select {
border-color: #ed2124;
background: #fff5f5;
box-shadow: 0 0 0 3px rgb(237 33 36 / .1);
}
.quote-field-error {
margin: .3rem 0 0;
font-size: .72rem;
font-weight: 500;
line-height: 1.4;
color: #ed2124;
}
.quote-field-error[hidden] {
display: none;
}
.quote-form-alert {
margin: .75rem 0 0;
padding: .65rem .85rem;
border-radius: .5rem;
font-size: .8rem;
line-height: 1.45;
color: #b91c1c;
background: #fef2f2;
border: 1px solid #fecaca;
}
.quote-form-alert[hidden] {
display: none;
}
.quote-select-wrap {
position: relative;
}
.quote-select-wrap select {
appearance: none;
padding-right: 2.25rem;
cursor: pointer;
}
.quote-select-wrap select:required:invalid {
color: #94a3b8;
}
.quote-select-wrap select option {
color: #1e293b;
}
.quote-select-arrow {
position: absolute;
right: .75rem;
top: 50%;
width: 1rem;
height: 1rem;
transform: translateY(-50%);
color: #94a3b8;
pointer-events: none;
}
.quote-submit {
display: flex;
align-items: center;
justify-content: center;
gap: .5rem;
width: 100%;
margin-top: 1.1rem;
padding: .85rem 1.5rem;
border: none;
border-radius: 9999px;
font-family: inherit;
font-size: .9rem;
font-weight: 600;
color: #fff;
background: linear-gradient(135deg,#ed2124 0%,#c41a1d 100%);
box-shadow: 0 8px 24px -6px rgb(237 33 36 / .55);
cursor: pointer;
transition: transform 0.25s ease,box-shadow 0.25s ease;
}
.quote-submit:hover {
transform: translateY(-2px);
box-shadow: 0 14px 32px -8px rgb(237 33 36 / .65);
}
.quote-submit:active {
transform: translateY(0);
}
.quote-submit-icon {
width: 1.1rem;
height: 1.1rem;
}
.quote-submit.is-loading {
opacity: .75;
pointer-events: none;
}
.quote-submit.is-loading .quote-submit-text::after {
content: "...";
animation: quoteDots 1s steps(3,end) infinite;
}
@keyframes quoteDots {
0% {
content: "";
}
33% {
content: ".";
}
66% {
content: "..";
}
100% {
content: "...";
}
}
.quote-success {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2rem 1rem 1rem;
animation: quoteModalIn 0.4s cubic-bezier(.16,1,.3,1);
}
.quote-success[hidden] {
display: none;
}
.quote-success-icon {
display: flex;
align-items: center;
justify-content: center;
width: 4rem;
height: 4rem;
border-radius: 50%;
background: linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);
color: #059669;
}
.quote-success-icon svg {
width: 2rem;
height: 2rem;
}
.quote-success-title {
margin-top: 1.25rem;
font-size: 1.35rem;
font-weight: 700;
color: #1a1110;
}
.quote-success-text {
margin-top: .5rem;
max-width: 320px;
font-size: .875rem;
line-height: 1.6;
color: #64748b;
}
.quote-success-btn {
margin-top: 1.5rem;
padding: .7rem 2rem;
border: 1.5px solid #e2e8f0;
border-radius: 9999px;
font-family: inherit;
font-size: .875rem;
font-weight: 600;
color: #334155;
background: #fff;
cursor: pointer;
transition: border-color 0.2s ease,background 0.2s ease;
}
.quote-success-btn:hover {
border-color: #ed2124;
background: #fef2f2;
color: #ed2124;
}
@media (min-width:640px) {
.quote-modal {
padding: 1.5rem;
}
.quote-modal-body {
padding: 60px 30px 40px 30px;
}
.quote-form-grid {
grid-template-columns: 1fr 1fr;
}
.quote-field--full {
grid-column: 1 / -1;
}
.quote-modal-mobile-title {
font-size: 1.65rem;
}
}
@media (min-width:768px) {
.quote-modal-layout {
display: grid;
grid-template-columns: 38% 1fr;
}
.quote-modal-aside {
display: block;
}
.quote-modal-mobile-head {
display: none;
}
.quote-modal-close {
background: #e31f22;
}
}
@media (max-width:767px) {
.mobile-button {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.quote-modal {
padding: 10px;
align-items: stretch;
}
.quote-modal-dialog {
width: 100%;
height: auto;
border-radius: 10px;
}
.quote-modal-body {
padding: 20px;
}
.quote-modal-mobile-head {
margin-bottom: 1rem;
padding-right: 2.75rem;
flex-shrink: 0;
}
.quote-modal-mobile-title {
font-size: 1.35rem;
}
.quote-form-grid {
gap: .75rem;
}
.quote-field input,.quote-field textarea,.quote-field select {
padding: .6rem .8rem;
font-size: 16px;
}
.quote-field textarea {
min-height: 80px;
}
.quote-submit {
margin-top: .85rem;
margin-bottom: .5rem;
bottom: 0;
z-index: 2;
}
.quote-modal-close {
top: .75rem;
right: .75rem;
background: #e31f22;
color: #fff;
}
.quote-modal-close:hover {
background: rgb(237 33 36 / .1);
color: #ed2124;
}
}
@media (prefers-reduced-motion:reduce) {
.quote-modal-backdrop,.quote-modal-dialog,.quote-success {
animation: none;
}
.quote-submit:hover {
transform: none;
}
}
@media (width>=70rem) {
.container {
max-width: 70rem;
}
}
@media (width>=80rem) {
.container {
max-width: 72rem;
}
}
@media (width>=90rem) {
.container {
max-width: 90%;
}
}
@media (width>=100rem) {
.container {
max-width: 90%;
}
}
@media (width>=110rem) {
.container {
max-width: 90%;
}
}
@media (width:1680px) {
.container {
max-width: 90%;
}
}
@media (width:1920px) {
.container {
max-width: 90%;
}
}
@media (width:2000px) {
.container {
max-width: 90%;
}
}
@media (width:2560px) {
.container {
max-width: 90%;
}
}
@media (width:3840px) {
.container {
max-width: 90%;
}
}
@media (width:4096px) {
.container {
max-width: 90%;
}
}
@property --tw-translate-x {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-y {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-translate-z {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
}
@property --tw-rotate-y {
syntax: "*";
inherits: false;
}
@property --tw-rotate-z {
syntax: "*";
inherits: false;
}
@property --tw-skew-x {
syntax: "*";
inherits: false;
}
@property --tw-skew-y {
syntax: "*";
inherits: false;
}
@property --tw-space-y-reverse {
syntax: "*";
inherits: false;
initial-value: 0;
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-gradient-position {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-via {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-to {
syntax: "<color>";
inherits: false;
initial-value: #0000;
}
@property --tw-gradient-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-via-stops {
syntax: "*";
inherits: false;
}
@property --tw-gradient-from-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 0%;
}
@property --tw-gradient-via-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 50%;
}
@property --tw-gradient-to-position {
syntax: "<length-percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-leading {
syntax: "*";
inherits: false;
}
@property --tw-font-weight {
syntax: "*";
inherits: false;
}
@property --tw-tracking {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false;
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
syntax: "*";
inherits: false;
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0px;
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff;
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000;
}
@property --tw-outline-style {
syntax: "*";
inherits: false;
initial-value: solid;
}
@property --tw-blur {
syntax: "*";
inherits: false;
}
@property --tw-brightness {
syntax: "*";
inherits: false;
}
@property --tw-contrast {
syntax: "*";
inherits: false;
}
@property --tw-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-invert {
syntax: "*";
inherits: false;
}
@property --tw-opacity {
syntax: "*";
inherits: false;
}
@property --tw-saturate {
syntax: "*";
inherits: false;
}
@property --tw-sepia {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-color {
syntax: "*";
inherits: false;
}
@property --tw-drop-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%;
}
@property --tw-drop-shadow-size {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-blur {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-brightness {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-contrast {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-grayscale {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-hue-rotate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-invert {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-opacity {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-saturate {
syntax: "*";
inherits: false;
}
@property --tw-backdrop-sepia {
syntax: "*";
inherits: false;
}
@property --tw-duration {
syntax: "*";
inherits: false;
}
@property --tw-ease {
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";inherits:false;initial-value:1}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::before,::after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}