*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e5e7eb
}
:after,:before{
    --tw-content:""
}
:host,html{
    line-height:1.5;
    -webkit-text-size-adjust:100%;
    -moz-tab-size:4;
    -o-tab-size:4;
    tab-size:4;
    font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-feature-settings:normal;
    font-variation-settings:normal;
    -webkit-tap-highlight-color:transparent
}
body{
    margin:0;
    line-height:inherit
}
hr{
    height:0;
    color:inherit;
    border-top-width:1px
}
abbr:where([title]){
    -webkit-text-decoration:underline dotted;
    text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit
}
a{
    color:inherit;
    text-decoration:inherit
}
b,strong{
    font-weight:bolder
}
code,kbd,pre,samp{
    font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-feature-settings:normal;
    font-variation-settings:normal;
    font-size:1em
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:initial
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
table{
    text-indent:0;
    border-color:inherit;
    border-collapse:collapse
}
button,input,optgroup,select,textarea{
    font-family:inherit;
    font-feature-settings:inherit;
    font-variation-settings:inherit;
    font-size:100%;
    font-weight:inherit;
    line-height:inherit;
    letter-spacing:inherit;
    color:inherit;
    margin:0;
    padding:0
}
button,select{
    text-transform:none
}
button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
    -webkit-appearance:button;
    background-color:initial;
    background-image:none
}
:-moz-focusring{
    outline:auto
}
:-moz-ui-invalid{
    box-shadow:none
}
progress{
    vertical-align:initial
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
summary{
    display:list-item
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0
}
fieldset{
    margin:0
}
fieldset,legend{
    padding:0
}
menu,ol,ul{
    list-style:none;
    margin:0;
    padding:0
}
dialog{
    padding:0
}
textarea{
    resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
    opacity:1;
    color:#9ca3af
}
input::placeholder,textarea::placeholder{
    opacity:1;
    color:#9ca3af
}
[role=button],button{
    cursor:pointer
}
:disabled{
    cursor:default
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle
}
img,video{
    max-width:100%;
    height:auto
}
[hidden]{
    display:none
}
*,::backdrop,:after,:before{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#3b82f680;
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: 
}
.container{
    width:100%;
    padding-left:13px;
    padding-right:13px;
    margin-left:auto;
    margin-right:auto
}
@media (min-width:640px){
    .container{
        max-width:600px
    }
}
@media (min-width:768px){
    .container{
        max-width:728px
    }
}
@media (min-width:1024px){
    .container{
        max-width:980px
    }
}
@media (min-width:1280px){
    .container{
        max-width:1200px
    }
}
@media (min-width:1535px){
    .container{
        max-width:1450px
    }
}
@media (min-width:1700px){
    .container{
        max-width:1660px
    }
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border-width:0
}
.pointer-events-none{
    pointer-events:none
}
.visible{
    visibility:visible
}
.invisible{
    display:none
}
.collapse{
    visibility:collapse
}
.static{
    position:static
}
.fixed{
    position:fixed
}
.absolute{
    position:absolute
}
.relative{
    position:relative
}
.inset-0{
    inset:0
}
.-bottom-28{
    bottom:-7rem
}
.-bottom-4{
    bottom:-1rem
}
.-bottom-334{
    bottom:-5rem
}
.-bottom-52{
    bottom:-13rem
}
.-bottom-59{
    bottom:-3rem
}
.-bottom-7{
    bottom:-2rem
}
.-bottom-8{
    bottom:-.75rem
}
.-bottom-6{
    bottom:-1.5rem
}
.-bottom-\[1px\]{
    bottom:-1px
}
.-bottom-\[3px\]{
    bottom:-3px
}
.-bottom-\[78px\]{
    bottom:-78px
}
.-bottom-\[63px\]{
    bottom:-69px
}
.-left-2{
    left:-.5rem
}
.-left-36{
    left:-9rem
}
.-left-38{
    left:-14rem
}
.-left-80{
    left:-20rem
}
.-left-\[10px\]{
    left:-10px
}
.-left-\[1px\]{
    left:-1px
}
.-left-\[495px\]{
    left:-495px
}
.-left-\[362px\]{
    left:-362px
}
.-left-\[371px\]{
    left:-371px
}
.-left-\[9999999px\]{
    left:-9999999px
}
.-right-10{
    right:-2.5rem
}
.-right-36{
    right:-5rem
}
.-left-37{
    left:-4rem
}
.-right-64{
    right:-14rem
}
.-right-\[10px\]{
    right:-10px
}
.-right-\[1px\]{
    right:-1px
}
.-right-\[344px\]{
    right:-327px
}
.-right-\[296px\]{
    right:-296px
}
.-top-14{
    top:-3.5rem
}
.-top-28{
    top:-7rem
}
.-top-40{
    top:-10rem
}
.-top-6{
    top:-1.5rem
}
.bottom-0{
    bottom:0
}
.bottom-\[60px\]{
    bottom:60px
}
.end-2{
    inset-inline-end:.5rem
}
.end-2\.5{
    inset-inline-end:.625rem
}
.left-0{
    left:0
}
.left-14{
    left:3.5rem
}
.left-5{
    left:1.25rem
}
.left-\[50\%\]{
    left:50%
}
.right-0{
    right:0
}
.right-2{
    right:.5rem
}
.right-2\.5{
    right:.625rem
}
.right-5{
    right:1.25rem
}
.top-0{
    top:0
}
.top-2{
    top:.5rem
}
.top-2\.5{
    top:.625rem
}
.top-\[50\%\]{
    top:50%
}
.top-\[6px\]{
    top:6px
}
.top-\[89px\]{
    top:89px
}
.z-10{
    z-index:10
}
.z-20{
    z-index:20
}
.z-30{
    z-index:30
}
.z-40{
    z-index:40
}
.z-50{
    z-index:50
}
.z-\[31\]{
    z-index:31
}
.z-\[32\]{
    z-index:32
}
.z-\[33\]{
    z-index:33
}
.z-\[34\]{
    z-index:34
}
.z-\[35\]{
    z-index:35
}
.z-\[36\]{
    z-index:36
}
.order-1{
    order:1
}
.order-2{
    order:2
}
.order-3{
    order:3
}
.order-4{
    order:4
}
.col-span-2{
    grid-column:span 2/span 2
}
.col-span-3{
    grid-column:span 3/span 3
}
.m-0{
    margin:0
}
.m-5{
    margin:1.25rem
}
.-mx-\[2px\]{
    margin-left:-2px;
    margin-right:-2px
}
.-my-\[2px\]{
    margin-top:-2px;
    margin-bottom:-2px
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-20{
    margin-top:5rem;
    margin-bottom:5rem
}
.-mb-px{
    margin-bottom:-1px
}
.-mt-\[2px\]{
    margin-top:-2px
}
.-mt-\[4px\]{
    margin-top:-4px
}
.mb-1{
    margin-bottom:.25rem
}
.mb-10{
    margin-bottom:2.5rem
}
.mb-2{
    margin-bottom:.5rem
}
.mb-3{
    margin-bottom:.75rem
}
.mb-4{
    margin-bottom:1rem
}
.mb-5{
    margin-bottom:1.25rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mb-7{
    margin-bottom:1.75rem
}
.mb-8{
    margin-bottom:2rem
}
.mb-\[14px\]{
    margin-bottom:14px
}
.mb-\[20px\]{
    margin-bottom:20px
}
.mb-\[25px\]{
    margin-bottom:25px
}
.mb-\[30px\]{
    margin-bottom:30px
}
.mb-\[40px\]{
    margin-bottom:40px
}
.mb-\[50px\]{
    margin-bottom:50px
}
.mb-\[80px\]{
    margin-bottom:80px
}
.me-2{
    margin-inline-end:.5rem
}
.ml-4{
    margin-left:1rem
}
.mr-3{
    margin-right:.75rem
}
.mr-4{
    margin-right:1rem
}
.mr-5{
    margin-right:1.25rem
}
.mr-9{
    margin-right:2.25rem
}
.ms-2{
    margin-inline-start:.5rem
}
.ms-3{
    margin-inline-start:.75rem
}
.mt-2{
    margin-top:.5rem
}
.mt-7{
    margin-top:1.75rem
}
.line-clamp-1{
    -webkit-line-clamp:1
}
.line-clamp-1,.line-clamp-2{
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical
}
.line-clamp-2{
    -webkit-line-clamp:2
}
.block{
    display:block
}
.inline-block{
    display:inline-block
}
.inline{
    display:inline
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.table{
    display:table
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.h-0{
    height:0
}
.h-1{
    height:.25rem
}
.h-11{
    height:2.75rem
}
.h-12{
    height:3rem
}
.h-14{
    height:3.5rem
}
.h-16{
    height:4rem
}
.h-2{
    height:.5rem
}
.h-2\.5{
    height:.625rem
}
.h-3{
    height:.75rem
}
.h-4{
    height:1rem
}
.h-5{
    height:1.25rem
}
.h-6{
    height:1.5rem
}
.h-8{
    height:2rem
}
.h-9{
    height:2.25rem
}
.h-\[200px\]{
    height:200px
}
.h-\[280px\]{
    height:280px
}
.h-\[300px\]{
    height:300px
}
.h-\[30px\]{
    height:30px
}
.h-\[35px\]{
    height:35px
}
.h-\[3px\]{
    height:3px
}
.h-\[400px\]{
    height:400px
}
.h-\[40px\]{
    height:40px
}
.h-\[40vw\]{
    height:40vw
}
.h-\[42px\]{
    height:42px
}
.h-\[500px\]{
    height:500px
}
.h-\[50px\]{
    height:50px
}
.h-\[5px\]{
    height:5px
}
.h-\[630px\]{
    height:630px
}
.h-\[70px\]{
    height:70px
}
.h-\[74px\]{
    height:74px
}
.h-\[90px\]{
    height:90px
}
.h-auto{
    height:auto
}
.h-banner{
    height:calc(100vh - 90px)
}
.h-full{
    height:100%
}
.h-screen{
    height:100vh
}
.max-h-6{
    max-height:1.5rem
}
.max-h-\[235px\]{
    max-height:235px
}
.max-h-\[280px\]{
    max-height:280px
}
.max-h-\[95px\]{
    max-height:95px
}
.max-h-\[145px\]{
    max-height:145px
}
.max-h-7{
    max-height:2rem
}
.min-h-10{
    min-height:2.5rem
}
.min-h-12{
    min-height:3rem
}
.min-h-\[50px\]{
    min-height:50px
}
.w-0{
    width:0
}
.w-1\/2{
    width:50%
}
.w-1\/3{
    width:33.333333%
}
.w-11{
    width:2.75rem
}
.w-12{
    width:3rem
}
.w-14{
    width:3.5rem
}
.w-2{
    width:.5rem
}
.w-2\.5{
    width:.625rem
}
.w-3{
    width:.75rem
}
.w-4{
    width:1rem
}
.w-5{
    width:1.25rem
}
.w-6{
    width:1.5rem
}
.w-60{
    width:15rem
}
.w-64{
    width:16rem
}
.w-7{
    width:1.75rem
}
.w-8{
    width:2rem
}
.w-\[100px\]{
    width:100px
}
.w-\[10px\]{
    width:10px
}
.w-\[120px\]{
    width:120px
}
.w-\[130px\]{
    width:130px
}
.w-\[138px\]{
    width:138px
}
.w-\[140px\]{
    width:140px
}
.w-\[144px\]{
    width:144px
}
.w-\[150px\]{
    width:150px
}
.w-\[160px\]{
    width:160px
}
.w-\[170px\]{
    width:170px
}
.w-\[180px\]{
    width:180px
}
.w-\[190px\]{
    width:190px
}
.w-\[22px\]{
    width:22px
}
.w-\[260px\]{
    width:260px
}
.w-\[30px\]{
    width:30px
}
.w-\[35px\]{
    width:35px
}
.w-\[3px\]{
    width:3px
}
.w-\[40px\]{
    width:40px
}
.w-\[42px\]{
    width:42px
}
.w-\[70px\]{
    width:70px
}
.w-\[calc\(100\%\+48px\)\]{
    width:calc(100% + 48px)
}
.w-full{
    width:100%
}
.min-w-10{
    min-width:2.5rem
}
.min-w-12{
    min-width:3rem
}
.min-w-\[80px\]{
    min-width:80px
}
.min-w-\[165px\]{
    min-width:165px
}
.min-w-\[185px\]{
    min-width:185px
}
.min-w-\[235px\]{
    min-width:235px
}
.min-w-\[264px\]{
    min-width:264px
}
.min-w-\[300px\]{
    min-width:300px
}
.min-w-\[317px\]{
    min-width:317px
}
.min-w-\[327px\]{
    min-width:327px
}
.min-w-\[371px\]{
    min-width:371px
}
.min-w-\[381px\]{
    min-width:381px
}
.max-w-\[1057px\]{
    max-width:1057px
}
.max-w-\[170px\]{
    max-width:170px
}
.max-w-\[200px\]{
    max-width:200px
}
.max-w-\[300px\]{
    max-width:300px
}
.max-w-\[350px\]{
    max-width:350px
}
.max-w-\[500px\]{
    max-width:500px
}
.max-w-\[532px\]{
    max-width:532px
}
.max-w-\[560px\]{
    max-width:560px
}
.max-w-\[570px\]{
    max-width:570px
}
.max-w-\[650px\]{
    max-width:650px
}
.max-w-\[95\%\]{
    max-width:95%
}
.max-w-full{
    max-width:100%
}
.max-w-xs{
    max-width:20rem
}
.flex-1{
    flex:1 1 0%
}
.flex-shrink{
    flex-shrink:1
}
.shrink-0{
    flex-shrink:0
}
.-translate-x-\[50\%\]{
    --tw-translate-x:-50%
}
.-translate-x-\[50\%\],.-translate-x-\[63px\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-x-\[63px\]{
    --tw-translate-x:-63px
}
.-translate-x-full{
    --tw-translate-x:-100%
}
.-translate-x-full,.-translate-y-\[50\%\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-translate-y-\[50\%\]{
    --tw-translate-y:-50%
}
.-translate-y-full{
    --tw-translate-y:-100%
}
.-translate-y-full,.translate-x-0{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-x-0{
    --tw-translate-x:0px
}
.translate-x-full{
    --tw-translate-x:100%
}
.translate-x-full,.translate-y-\[50\%\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.translate-y-\[50\%\]{
    --tw-translate-y:50%
}
.translate-y-full{
    --tw-translate-y:100%
}
.rotate-180,.translate-y-full{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rotate-180{
    --tw-rotate:180deg
}
.scale-\[\.30\]{
    --tw-scale-x:.30;
    --tw-scale-y:.30
}
.-scale-x-\[1\],.scale-\[\.30\]{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.-scale-x-\[1\]{
    --tw-scale-x:-1
}
.transform{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.transform-none{
    transform:none
}
.cursor-default{
    cursor:default
}
.cursor-not-allowed{
    cursor:not-allowed
}
.cursor-pointer{
    cursor:pointer
}
.resize-none{
    resize:none
}
.resize{
    resize:both
}
.grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
}
.grid-cols-7{
    grid-template-columns:repeat(7,minmax(0,1fr))
}
.flex-col{
    flex-direction:column
}
.flex-wrap{
    flex-wrap:wrap
}
.flex-nowrap{
    flex-wrap:nowrap
}
.items-start{
    align-items:flex-start
}
.items-end{
    align-items:flex-end
}
.items-center{
    align-items:center
}
.items-stretch{
    align-items:stretch
}
.justify-start{
    justify-content:flex-start
}
.justify-end{
    justify-content:flex-end
}
.justify-center{
    justify-content:center
}
.justify-between{
    justify-content:space-between
}
.gap-2{
    gap:.5rem
}
.gap-3{
    gap:.75rem
}
.gap-4{
    gap:1rem
}
.gap-6{
    gap:1.5rem
}
.gap-8{
    gap:2rem
}
.gap-9{
    gap:2.25rem
}
.gap-\[10px\]{
    gap:10px
}
.gap-\[30px\]{
    gap:30px
}
.gap-x-8{
    -moz-column-gap:2rem;
    column-gap:2rem
}
.gap-y-12{
    row-gap:3rem
}
.space-x-2>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.5rem*var(--tw-space-x-reverse));
    margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))
}
.space-x-3>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(.75rem*var(--tw-space-x-reverse));
    margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))
}
.space-y-2>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(.5rem*var(--tw-space-y-reverse))
}
.space-y-6>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))
}
.divide-y>:not([hidden])~:not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px*var(--tw-divide-y-reverse))
}
.divide-gray-100>:not([hidden])~:not([hidden]){
    --tw-divide-opacity:1;
    border-color:rgb(243 244 246/var(--tw-divide-opacity))
}
.overflow-hidden{
    overflow:hidden
}
.overflow-visible{
    overflow:visible
}
.overflow-x-auto{
    overflow-x:auto
}
.overflow-y-auto{
    overflow-y:auto
}
.overflow-x-hidden{
    overflow-x:hidden
}
.overflow-y-hidden{
    overflow-y:hidden
}
.text-nowrap{
    text-wrap:nowrap
}
.rounded{
    border-radius:.25rem
}
.rounded-2xl{
    border-radius:1rem
}
.rounded-\[35px\]{
    border-radius:35px
}
.rounded-\[5px\]{
    border-radius:5px
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:.5rem
}
.rounded-sm{
    border-radius:.125rem
}
.rounded-xl{
    border-radius:.75rem
}
.rounded-e-lg{
    border-start-end-radius:.5rem;
    border-end-end-radius:.5rem
}
.rounded-l-lg{
    border-top-left-radius:.5rem;
    border-bottom-left-radius:.5rem
}
.rounded-r-lg{
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.rounded-s-lg{
    border-start-start-radius:.5rem;
    border-end-start-radius:.5rem
}
.rounded-ee-2xl{
    border-end-end-radius:1rem
}
.rounded-ss-2xl{
    border-start-start-radius:1rem
}
.border{
    border-width:1px
}
.border-0{
    border-width:0
}
.border-2{
    border-width:2px
}
.border-\[3px\]{
    border-width:3px
}
.border-y-2{
    border-top-width:2px
}
.border-b-2,.border-y-2{
    border-bottom-width:2px
}
.border-b-\[1px\]{
    border-bottom-width:1px
}
.border-t-2{
    border-top-width:2px
}
.border-black{
    border-color:var(--black)
}
.border-gray-100{
    --tw-border-opacity:1;
    border-color:rgb(243 244 246/var(--tw-border-opacity))
}
.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219/var(--tw-border-opacity))
}
.border-medium-green{
    border-color:var(--medium-green)
}
.border-primary-color{
    border-color:var(--primary-color)
}
.border-secondary-color{
    border-color:var(--secondary-color)
}
.border-transparent{
    border-color:#0000
}
.border-white{
    border-color:var(--white)
}
.\!bg-secondary-color{
    background-color:var(--secondary-color)!important
}
.\!bg-transparent{
    background-color:initial!important
}
.bg-background-dark{
    background-color:var(--background-dark)
}
.bg-black{
    background-color:var(--black)
}
.bg-gray-100{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246/var(--tw-bg-opacity))
}
.bg-gray-200{
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235/var(--tw-bg-opacity))
}
.bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55/var(--tw-bg-opacity))
}
.bg-gray-900\/50{
    background-color:#11182780
}
.bg-medium-green{
    background-color:var(--medium-green)
}
.bg-primary-color{
    background-color:var(--primary-color)
}
.bg-secondary-color{
    background-color:var(--secondary-color)
}
.bg-transparent{
    background-color:initial
}
.bg-white{
    background-color:var(--white)
}
.bg-cover{
    background-size:cover
}
.bg-center{
    background-position:50%
}
.bg-left-top{
    background-position:0 0
}
.bg-no-repeat{
    background-repeat:no-repeat
}
.object-contain{
    -o-object-fit:contain;
    object-fit:contain
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.object-center{
    -o-object-position:center;
    object-position:center
}
.p-0{
    padding:0
}
.p-1{
    padding:.25rem
}
.p-1\.5{
    padding:.375rem
}
.p-2{
    padding:.5rem
}
.p-2\.5{
    padding:.625rem
}
.p-4{
    padding:1rem
}
.p-8{
    padding:2rem
}
.px-14{
    padding-left:3.5rem;
    padding-right:3.5rem
}
.px-2{
    padding-left:.5rem;
    padding-right:.5rem
}
.px-3{
    padding-left:.75rem;
    padding-right:.75rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.px-5{
    padding-left:1.25rem;
    padding-right:1.25rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.px-\[15px\]{
    padding-left:15px;
    padding-right:15px
}
.px-\[30px\]{
    padding-left:30px;
    padding-right:30px
}
.py-1{
    padding-top:.25rem;
    padding-bottom:.25rem
}
.py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem
}
.py-16{
    padding-top:4rem;
    padding-bottom:4rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-2\.5{
    padding-top:.625rem;
    padding-bottom:.625rem
}
.py-3{
    padding-top:.75rem;
    padding-bottom:.75rem
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem
}
.py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem
}
.py-8{
    padding-top:2rem;
    padding-bottom:2rem
}
.py-\[20px\]{
    padding-top:20px;
    padding-bottom:20px
}
.py-\[30px\]{
    padding-top:30px;
    padding-bottom:30px
}
.py-\[5px\]{
    padding-top:5px;
    padding-bottom:5px
}
.py-\[6px\]{
    padding-top:6px;
    padding-bottom:6px
}
.pb-16{
    padding-bottom:4rem
}
.pb-2{
    padding-bottom:.5rem
}
.pb-20{
    padding-bottom:5rem
}
.pb-5{
    padding-bottom:1.25rem
}
.pb-7{
    padding-bottom:1.75rem
}
.pb-8{
    padding-bottom:2rem
}
.pl-10{
    padding-left:2.5rem
}
.pl-11{
    padding-left:2.75rem
}
.pl-5{
    padding-left:1.25rem
}
.pl-6{
    padding-left:1.5rem
}
.pr-11{
    padding-right:2.75rem
}
.pr-2{
    padding-right:.5rem
}
.pr-3{
    padding-right:.75rem
}
.pr-5{
    padding-right:1.25rem
}
.pr-6{
    padding-right:1.5rem
}
.pt-10{
    padding-top:2.5rem
}
.pt-16{
    padding-top:4rem
}
.pt-2{
    padding-top:.5rem
}
.pt-4{
    padding-top:1rem
}
.pt-6{
    padding-top:1.5rem
}
.pt-8{
    padding-top:2rem
}
.pt-\[90px\]{
    padding-top:90px
}
.text-left{
    text-align:left
}
.text-center{
    text-align:center
}
.text-right{
    text-align:right
}
.font-avenir{
    font-family:AvenirLTStd,sans-serif
}
.text-\[26px\]{
    font-size:26px
}
.text-base{
    font-size:var(--font-size-medium);
    line-height:var(--line-spacing-medium)
}
.text-lg{
    font-size:var(--font-size-large);
    line-height:65px
}
.text-md{
    font-size:var(--font-size-medium-2);
    line-height:35px
}
.text-md2{
    font-size:var(--font-size-medium-3);
    line-height:48px
}
.text-sm{
    font-size:var(--font-size-small)
}
.text-xs{
    font-size:var(--font-size-extra-small)
}
.font-black{
    font-weight:900
}
.font-bold{
    font-weight:700
}
.font-medium{
    font-weight:500
}
.font-normal{
    font-weight:400
}
.font-semibold{
    font-weight:600
}
.uppercase{
    text-transform:uppercase
}
.italic{
    font-style:italic
}
.leading-4{
    line-height:1rem
}
.leading-6{
    line-height:1.5rem
}
.leading-7{
    line-height:1.75rem
}
.leading-9{
    line-height:2.25rem
}
.text-black{
    color:var(--black)
}
.text-blue{
    color:var(--blue)
}
.text-gray-400{
    --tw-text-opacity:1;
    color:rgb(156 163 175/var(--tw-text-opacity))
}
.text-gray-500{
    --tw-text-opacity:1;
    color:rgb(107 114 128/var(--tw-text-opacity))
}
.text-gray-700{
    --tw-text-opacity:1;
    color:rgb(55 65 81/var(--tw-text-opacity))
}
.text-gray-800{
    --tw-text-opacity:1;
    color:rgb(31 41 55/var(--tw-text-opacity))
}
.text-gray-900{
    --tw-text-opacity:1;
    color:rgb(17 24 39/var(--tw-text-opacity))
}
.text-primary-color{
    color:var(--primary-color)
}
.text-secondary-color{
    color:var(--secondary-color)
}
.text-white{
    color:var(--white)
}
.underline{
    text-decoration-line:underline
}
.opacity-0{
    opacity:0
}
.opacity-100{
    opacity:1
}
.mix-blend-multiply{
    mix-blend-mode:multiply
}
.shadow{
    --tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)
}
.shadow,.shadow-image{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-image{
    --tw-shadow:-20px 20px 0px 0px #00000014;
    --tw-shadow-colored:-20px 20px 0px 0px var(--tw-shadow-color)
}
.shadow-image-h-invert{
    --tw-shadow:20px 20px 0px 0px #00000014;
    --tw-shadow-colored:20px 20px 0px 0px var(--tw-shadow-color)
}
.shadow-image-h-invert,.shadow-lg{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-lg{
    --tw-shadow:0px 4px 8px #00000014;
    --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color)
}
.shadow-sm{
    --tw-shadow:0 1px 2px 0 #0000000d;
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)
}
.shadow-sm,.shadow-xl{
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow-xl{
    --tw-shadow:0px 6px 10px #00000014;
    --tw-shadow-colored:0px 6px 10px var(--tw-shadow-color)
}
.shadow-primary-color{
    --tw-shadow-color:var(--primary-color);
    --tw-shadow:var(--tw-shadow-colored)
}
.shadow-secondary-color{
    --tw-shadow-color:var(--secondary-color);
    --tw-shadow:var(--tw-shadow-colored)
}
.outline-none{
    outline:2px solid #0000;
    outline-offset:2px
}
.outline{
    outline-style:solid
}
.blur{
    --tw-blur:blur(8px)
}
.blur,.filter{
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition{
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-all{
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-colors{
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-opacity{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.transition-transform{
    transition-property:transform;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.15s
}
.duration-300{
    transition-duration:.3s
}
.duration-700{
    transition-duration:.7s
}
.ease-in-out{
    transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.ease-out{
    transition-timing-function:cubic-bezier(0,0,.2,1)
}
.h-banner{
    height:calc(100vh - 90px)
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-Light.otf);
    font-weight:300;
    font-style:normal
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-LightOblique.otf);
    font-weight:300;
    font-style:italic
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-Book.otf);
    font-weight:400;
    font-style:normal
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-BookOblique.otf);
    font-weight:400;
    font-style:italic
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-Medium.otf);
    font-weight:500;
    font-style:normal
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-MediumOblique.otf);
    font-weight:500;
    font-style:italic
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-Black.otf);
    font-weight:900;
    font-style:normal
}
@font-face{
    font-family:AvenirLTStd;
    src:url(../fonts/AvenirLTStd-BlackOblique.otf);
    font-weight:900;
    font-style:italic
}
:root{
    --primary-color:#0e7551;
    --secondary-color:#e32124;
    --accent-color:#c8a660;
    --background-light:#e7e7e8;
    --background-dark:#f5f0dd;
    --black:#202020;
    --white:#fff;
    --gray-light:#d6d9dc;
    --gray-dark:#707070;
    --medium-green:#138c62;
    --font-family:"Avenir LT Std";
    --font-style-normal:normal;
    --font-weight-bold:900;
    --font-weight-medium:medium;
    --font-weight-normal:normal;
    --font-size-extra-small:16px;
    --font-size-small:18px;
    --font-size-medium:25px;
    --font-size-medium-2:36px;
    --font-size-medium-3:44px;
    --font-size-large:50px;
    --font-size-large-2:56px;
    --font-size-large-3:60px;
    --font-size-extra-large:70px;
    --character-spacing-none:0px;
    --line-spacing-medium:35px;
    --line-spacing-large:70px;
    --line-spacing-extra-large:80px;
    --wave-size:40px;
    --bg-square-size:100px
}
body,html{
    scroll-behavior:smooth
}
.dropdown-scroll::-webkit-scrollbar{
    width:5px
}
.dropdown-scroll::-webkit-scrollbar-track{
    background:#ccc;
    border-radius:5px
}
.dropdown-scroll::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border-radius:14px;
    border:3px solid #fff
}
.nav-item{
    position:relative;
    display:flex;
    height:100%;
    width:100%;
    color:var(--black);
    text-align:center;
    align-items:center;
    justify-content:center
}
.nav-item:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    height:0;
    width:100%;
    background-color:var(--primary-color);
    transform:translateY(-100%);
    opacity:0;
    transition-property:all;
    transition-timing-function:cubic-bezier(.4,0,.2,1);
    transition-duration:.3s
}
.nav-item:hover{
    color:var(--white)
}
.nav-item:hover:before{
    height:100%;
    opacity:1;
    transform:translateY(0)
}
.mobile-filter-opt:checked+label,.product-filter.active,.product-filter:hover{
    background-color:var(--secondary-color);
    color:var(--white)
}
.product-tab.active,.product-tab:hover{
    background-color:var(--primary-color)
}
.dropdown.block+.filter-opt-btn,.filter-opt-btn.active,.inverted-filter-colors [data-dropdown-toggle],.inverted-filter-colors [data-dropdown-toggle]+div{
    background-color:var(--secondary-color)!important
}
.inverted-filter-colors [data-dropdown-toggle]+div .filter-opt-btn.active,.inverted-filter-colors [data-dropdown-toggle]+div .filter-opt-btn:hover{
    background-color:var(--white)!important;
    color:var(--secondary-color)!important
}
.inverted-filter-colors .mobile-filter-toggler{
    background-color:var(--secondary-color)!important
}
.inverted-filter-colors .mobile-filter-toggler:hover{
    background-color:var(--white)!important
}
.products-carousel .slick-center{
    transform:scale(1.1)
}
.products-carousel .slick-slide:not(.slick-center){
    transform:scale(.9)
}
.products-carousel .slick-slide{
    padding-top:60px;
    padding-bottom:60px
}
.text-underline{
    content:"";
    display:block;
    width:100%;
    bottom:-1px;
    left:0;
    right:0;
    background-color:var(--primary-color);
    border-radius:5px;
    position:absolute
}
.products-carousel .product button,.products-carousel .product h3,.products-carousel .product img{
    transition:all .3s ease
}
/* .products-carousel .slick-slide:not(.slick-center) .product{
    pointer-events:none
}
.products-carousel .slick-slide:not(.slick-center) .product img{
    transform:translateY(20%)
}
.products-carousel .slick-slide:not(.slick-center) .product button,.products-carousel .slick-slide:not(.slick-center) .product h3{
    opacity:0
} */
.products-carousel:not(.slick-initialized){
    display:flex;
    flex-wrap:nowrap;
    overflow-x:hidden;
    padding-top:60px;
    padding-bottom:60px
}
.products-carousel:not(.slick-initialized)>div{
    flex:0 0 100%;
    max-width:100%
}
.hover\:border-primary-color:hover{
    border-color:var(--primary-color)
}
.testimonials-carousel .slick-list{
    max-width:1020px;
    margin-left:auto;
    margin-right:auto
}
.bg-banner-home{
    background-image:url(../images/cafe-capa-calendario-2022--mobile.jpg);
    background-position:50%
}
.bg-banner-doce-futuro{
    background-image:url(../images/banner-doce-futuro--mobile.jpg)
}
.bg-banner-fale-conosco{
    background-image:url(../images/banner-fale-conosco--mobile.jpg)
}
.bg-banner-livros-uniao{
    background-image:url(../images/cooking-homemade-cakes-delicious-healthy-food.jpg)
}
.bg-banner-nossa-historia{
    background-image:url(../images/confectioner-making-cake--mobile.jpg)
}
.bg-banner-produtos{
    background-image:url(../images/banner-nossa-historia.jpg);
    background-position: bottom center;
}
.bg-banner-receitas{
    background-image:url(../images/banner-receitas.jpg)
}
@media (max-width:400px){
    .bg-banner-home{
        background-size:auto 650px;
        background-position:left 50% bottom -10px
    }
    .bg-banner-doce-futuro,.bg-banner-nossa-historia{
        background-position:left 50% bottom
    }
}
@media (max-width:640px){
    .bg-banner-produtos{
        background-size:auto 250px;
        background-position:bottom left -40px
    }
    .bg-banner-produtos{
        background-image:url(../images/banner-nossa-historia-mobile.jpg);
        background-position: top center;
        background-size: cover;
    }
}
@media (min-width:768px){
    .bg-banner-home{
        background-image:url(../images/cafe-capa-calendario-2022.jpg);
        background-position:calc(50% + 150px) 50%
    }
    .bg-banner-nossa-historia{
        background-image:url(../images/confectioner-making-cake.jpg);
        background-position:calc(50% + 100px) 50%
    }
    .bg-banner-doce-futuro{
        background-image:url(../images/banner-doce-futuro.jpg);
        background-position:calc(50% + 100px) 50%
    }
    .bg-banner-fale-conosco{
        background-image:url(../images/banner-fale-conosco.jpg);
        background-position:calc(50% + 100px) 50%
    }
}
@media (min-width:1024px){
    .bg-banner-home{
        background-position:calc(50% + 280px) 50%
    }
    .bg-banner-doce-futuro,.bg-banner-fale-conosco,.bg-banner-nossa-historia{
        background-position:calc(50% + 250px) 50%
    }
}
@media (min-width:1280px) and (max-width:1534.98px){
    .bg-banner-produtos{
        background-position:center left -90px
    }
}
@media (min-width:1280px){
    .bg-banner-doce-futuro,.bg-banner-home,.bg-banner-nossa-historia{
        background-position:calc(50% + 180px) 50%
    }
    .bg-banner-fale-conosco{
        background-position:calc(50% + 200px) 50%
    }
}
@media (min-width:1536px){
    .bg-banner-home{
        background-position:calc(50% + 120px) 50%
    }
    .bg-banner-fale-conosco{
        background-position:50%
    }
}
@media (min-width:1700px){
    .bg-banner-home{
        background-position:calc(50% + 90px) 50%
    }
}
@media (min-width:2500px){
    .bg-banner-home{
        background-size:120%;
        background-position:calc(50% + 50px) 50%
    }
}
@media (min-width:1200px){
    .products-carousel:not(.slick-initialized)>div{
        flex:0 0 33%;
        max-width:33%
    }
}
@media (max-width:640px){
    :root{
        --font-size-medium:18px;
        --line-spacing-medium:28px
    }
    .pt-7 {
        padding-top: 7rem !important;
    }
}
.gallery-carousel .slick-list,.timeline-carousel .slick-list{
    overflow:hidden !important
}
.gallery-carousel .slick-slide{
    transition:transform .3s ease-in-out
}
.gallery-carousel .slick-slide:not(.slick-center){
    transform:scale(.8)
}
.placeholder\:text-xs::-moz-placeholder{
    font-size:var(--font-size-extra-small)
}
.placeholder\:text-xs::placeholder{
    font-size:var(--font-size-extra-small)
}
.placeholder\:text-black::-moz-placeholder{
    color:var(--black)
}
.placeholder\:text-black::placeholder{
    color:var(--black)
}
.placeholder\:text-white::-moz-placeholder{
    color:var(--white)
}
.placeholder\:text-white::placeholder{
    color:var(--white)
}
.focus-within\:border-primary-color:focus-within{
    border-color:var(--primary-color)
}
.hover\:scale-105:hover{
    --tw-scale-x:1.05;
    --tw-scale-y:1.05;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.hover\:border-gray-300:hover{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219/var(--tw-border-opacity))
}
.hover\:border-primary-color:hover{
    border-color:var(--primary-color)
}
.hover\:border-white:hover{
    border-color:var(--white)
}
.hover\:\!bg-transparent:hover{
    background-color:initial!important
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246/var(--tw-bg-opacity))
}
.hover\:bg-gray-200:hover{
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235/var(--tw-bg-opacity))
}
.hover\:bg-primary-color:hover{
    background-color:var(--primary-color)
}
.hover\:bg-secondary-color:hover{
    background-color:var(--secondary-color)
}
.hover\:bg-white:hover{
    background-color:var(--white)
}
.hover\:text-accent-color:hover{
    color:var(--accent-color)
}
.hover\:text-black:hover{
    color:var(--black)
}
.hover\:text-gray-600:hover{
    --tw-text-opacity:1;
    color:rgb(75 85 99/var(--tw-text-opacity))
}
.hover\:text-gray-900:hover{
    --tw-text-opacity:1;
    color:rgb(17 24 39/var(--tw-text-opacity))
}
.hover\:text-primary-color:hover{
    color:var(--primary-color)
}
.hover\:text-secondary-color:hover{
    color:var(--secondary-color)
}
.hover\:text-white:hover{
    color:var(--white)
}
.focus\:translate-x-0:focus{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.focus\:opacity-100:focus{
    opacity:1
}
.focus\:outline-none:focus{
    outline:2px solid #0000;
    outline-offset:2px
}
.focus\:ring-2:focus{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-2:focus,.focus\:ring-4:focus{
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus\:ring-4:focus{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)
}
.focus\:ring-gray-200:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))
}
.group:hover .group-hover\:translate-x-0{
    --tw-translate-x:0px
}
.group:hover .group-hover\:scale-105,.group:hover .group-hover\:translate-x-0{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-105{
    --tw-scale-x:1.05;
    --tw-scale-y:1.05
}
.group:hover .group-hover\:scale-110{
    --tw-scale-x:1.1;
    --tw-scale-y:1.1;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:border-primary-color{
    border-color:var(--primary-color)
}
.group:hover .group-hover\:border-secondary-color{
    border-color:var(--secondary-color)
}
.group:hover .group-hover\:bg-primary-color{
    background-color:var(--primary-color)
}
.group:hover .group-hover\:bg-secondary-color{
    background-color:var(--secondary-color)
}
.group:hover .group-hover\:bg-white{
    background-color:var(--white)
}
.group:hover .group-hover\:text-black{
    color:var(--black)
}
.group:hover .group-hover\:text-secondary-color{
    color:var(--secondary-color)
}
.group:hover .group-hover\:text-white{
    color:var(--white)
}
.group:hover .group-hover\:underline{
    text-decoration-line:underline
}
.group:hover .group-hover\:opacity-100{
    opacity:1
}
.peer:checked~.peer-checked\:border-secondary-color{
    border-color:var(--secondary-color)
}
.peer\/ingredient-01_01:checked~.peer-checked\/ingredient-01_01\:bg-secondary-color,.peer\/ingredient-01_02:checked~.peer-checked\/ingredient-01_02\:bg-secondary-color,.peer\/ingredient-01_03:checked~.peer-checked\/ingredient-01_03\:bg-secondary-color,.peer\/ingredient-02_01:checked~.peer-checked\/ingredient-02_01\:bg-secondary-color,.peer\/ingredient-02_02:checked~.peer-checked\/ingredient-02_02\:bg-secondary-color,.peer\/ingredient-02_03:checked~.peer-checked\/ingredient-02_03\:bg-secondary-color,.peer\/ingredient-03_01:checked~.peer-checked\/ingredient-03_01\:bg-secondary-color,.peer\/ingredient-03_02:checked~.peer-checked\/ingredient-03_02\:bg-secondary-color,.peer\/ingredient-03_03:checked~.peer-checked\/ingredient-03_03\:bg-secondary-color{
    background-color:var(--secondary-color)
}
.peer\/state_AC:checked~.peer-checked\/state_AC\:bg-accent-color,.peer\/state_AL:checked~.peer-checked\/state_AL\:bg-accent-color,.peer\/state_AM:checked~.peer-checked\/state_AM\:bg-accent-color,.peer\/state_AP:checked~.peer-checked\/state_AP\:bg-accent-color,.peer\/state_BA:checked~.peer-checked\/state_BA\:bg-accent-color,.peer\/state_CE:checked~.peer-checked\/state_CE\:bg-accent-color,.peer\/state_DF:checked~.peer-checked\/state_DF\:bg-accent-color,.peer\/state_ES:checked~.peer-checked\/state_ES\:bg-accent-color,.peer\/state_GO:checked~.peer-checked\/state_GO\:bg-accent-color,.peer\/state_MA:checked~.peer-checked\/state_MA\:bg-accent-color,.peer\/state_MG:checked~.peer-checked\/state_MG\:bg-accent-color,.peer\/state_MS:checked~.peer-checked\/state_MS\:bg-accent-color,.peer\/state_MT:checked~.peer-checked\/state_MT\:bg-accent-color,.peer\/state_PA:checked~.peer-checked\/state_PA\:bg-accent-color,.peer\/state_PB:checked~.peer-checked\/state_PB\:bg-accent-color,.peer\/state_PE:checked~.peer-checked\/state_PE\:bg-accent-color,.peer\/state_PI:checked~.peer-checked\/state_PI\:bg-accent-color,.peer\/state_PR:checked~.peer-checked\/state_PR\:bg-accent-color,.peer\/state_RJ:checked~.peer-checked\/state_RJ\:bg-accent-color,.peer\/state_RN:checked~.peer-checked\/state_RN\:bg-accent-color,.peer\/state_RO:checked~.peer-checked\/state_RO\:bg-accent-color,.peer\/state_RR:checked~.peer-checked\/state_RR\:bg-accent-color,.peer\/state_RS:checked~.peer-checked\/state_RS\:bg-accent-color,.peer\/state_SC:checked~.peer-checked\/state_SC\:bg-accent-color,.peer\/state_SE:checked~.peer-checked\/state_SE\:bg-accent-color,.peer\/state_SP:checked~.peer-checked\/state_SP\:bg-accent-color,.peer\/state_TO:checked~.peer-checked\/state_TO\:bg-accent-color{
    background-color:var(--accent-color)
}
.peer\/subject_01:checked~.peer-checked\/subject_01\:bg-secondary-color,.peer\/subject_02:checked~.peer-checked\/subject_02\:bg-secondary-color,.peer\/subject_03:checked~.peer-checked\/subject_03\:bg-secondary-color,.peer\/subject_04:checked~.peer-checked\/subject_04\:bg-secondary-color,.peer\/subject_05:checked~.peer-checked\/subject_05\:bg-secondary-color,.peer\/subject_06:checked~.peer-checked\/subject_06\:bg-secondary-color{
    background-color:var(--secondary-color)
}
.peer\/subject_01:checked~.peer-checked\/subject_01\:text-white,.peer\/subject_02:checked~.peer-checked\/subject_02\:text-white,.peer\/subject_03:checked~.peer-checked\/subject_03\:text-white,.peer\/subject_04:checked~.peer-checked\/subject_04\:text-white,.peer\/subject_05:checked~.peer-checked\/subject_05\:text-white,.peer\/subject_06:checked~.peer-checked\/subject_06\:text-white{
    color:var(--white)
}
@media not all and (min-width:1280px){
    .max-xl\:top-0{
        top:0
    }
    .max-xl\:leading-\[42px\]{
        line-height:42px
    }
    .max-xl\:leading-\[48px\]{
        line-height:48px
    }
}
@media not all and (min-width:1024px){
    .max-lg\:w-full{
        width:100%
    }
    .max-lg\:basis-1\/3{
        flex-basis:33.333333%
    }
    .max-lg\:flex-col{
        flex-direction:column
    }
    .max-lg\:pt-10{
        padding-top:2.5rem
    }
    .max-lg\:leading-\[42px\]{
        line-height:42px
    }
}
@media not all and (min-width:768px){
    .max-md\:right-0{
        right:0
    }
    .max-md\:mt-8{
        margin-top:2rem
    }
    .max-md\:flex{
        display:flex
    }
    .max-md\:min-h-\[135px\]{
        min-height:135px
    }
    .max-md\:w-full{
        width:100%
    }
    .max-md\:flex-wrap{
        flex-wrap:wrap
    }
    .max-md\:justify-center{
        justify-content:center
    }
    .max-md\:px-5{
        padding-left:1.25rem;
        padding-right:1.25rem
    }
    .max-md\:pb-12{
        padding-bottom:3rem
    }
    .max-md\:pb-24{
        padding-bottom:6rem
    }
    .max-md\:pt-8{
        padding-top:2rem
    }
    .max-md\:leading-10{
        line-height:2.5rem
    }
}
@media not all and (min-width:640px){
    .max-sm\:-bottom-10{
        bottom:-2.5rem
    }
    .max-sm\:-right-4{
        right:-1rem
    }
    .max-sm\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .max-sm\:w-40{
        width:10rem
    }
}
@media (min-width:640px){
    
    .sm\:-left-16{
        left:-4rem
    }
    .sm\:-right-16{
        right:-4rem
    }
    .sm\:-bottom-61{
        bottom:-10rem
    }
    .sm\:mb-8{
        margin-bottom:2rem
    }
    .sm\:block{
        display:block
    }
    .sm\:hidden{
        display:none
    }
    .sm\:w-\[300px\]{
        width:300px
    }
    .sm\:max-w-\[70\%\]{
        max-width:70%
    }
    .sm\:max-w-\[86\%\]{
        max-width:86%
    }
    .sm\:flex-row{
        flex-direction:row
    }
    .sm\:p-\[50px\]{
        padding:50px
    }
    .sm\:text-left{
        text-align:left
    }
    .\sm\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media (max-width:768px){
    .bannerDesktop {
        display: none !important;
    }
}
@media (min-width:768px){
    .bannerMobile {
        display: none !important;
    }
    .md\:-bottom-10{
        bottom:-7.5rem
    }
    .md\:-bottom-61{
        bottom:-16rem
    }
    .md\:-bottom-60{
        bottom:-15rem
    }
    .md\:-bottom-61{
        bottom:-11rem
    }
    .md\:-top-14{
        top:-3.5rem
    }
    .md\:-top-48{
        top:-12rem
    }
    .md\:-top-56{
        top:-14rem
    }
    .md\:left-0{
        left:0
    }
    .md\:left-1\/2{
        left:50%
    }
    .md\:left-10{
        left:2.5rem
    }
    .md\:right-0{
        right:0
    }
    .md\:top-0{
        top:0
    }
    .md\:top-6{
        top:1.5rem
    }
    .md\:order-1{
        order:1
    }
    .md\:order-2{
        order:2
    }
    .md\:order-3{
        order:3
    }
    .md\:order-4{
        order:4
    }
    .md\:col-span-2{
        grid-column:span 2/span 2
    }
    .md\:col-span-3{
        grid-column:span 3/span 3
    }
    .md\:mb-0{
        margin-bottom:0
    }
    .md\:mb-2{
        margin-bottom:.5rem
    }
    .md\:mb-6{
        margin-bottom:1.5rem
    }
    .md\:mb-\[100px\]{
        margin-bottom:100px
    }
    .md\:mb-\[35px\]{
        margin-bottom:35px
    }
    .md\:mb-\[60px\]{
        margin-bottom:60px
    }
    .md\:mb-\[80px\]{
        margin-bottom:80px
    }
    .md\:ml-auto{
        margin-left:auto
    }
    .md\:block{
        display:block
    }
    .md\:inline{
        display:inline
    }
    .md\:flex{
        display:flex
    }
    .md\:hidden{
        display:none
    }
    .md\:h-11{
        height:2.75rem
    }
    .md\:h-14{
        height:3.5rem
    }
    .md\:h-24{
        height:6rem
    }
    .md\:h-72{
        height:18rem
    }
    .md\:h-\[200px\]{
        height:200px
    }
    .md\:h-\[268px\]{
        height:268px
    }
    .md\:h-\[300px\]{
        height:300px
    }
    .md\:h-\[34px\]{
        height:34px
    }
    .md\:h-\[350px\]{
        height:350px
    }
    .md\:h-\[370px\]{
        height:370px
    }
    .md\:h-\[450px\]{
        height:450px
    }
    .md\:h-\[45px\]{
        height:45px
    }
    .md\:h-\[500px\]{
        height:500px
    }
    .md\:h-\[50px\]{
        height:50px
    }
    .md\:h-\[88px\]{
        height:88px
    }
    .md\:h-full{
        height:100%
    }
    .md\:min-h-12{
        min-height:3rem
    }
    .md\:min-h-14{
        min-height:3.5rem
    }
    .md\:w-11{
        width:2.75rem
    }
    .md\:w-14{
        width:3.5rem
    }
    .md\:w-32{
        width:8rem
    }
    .md\:w-\[140px\]{
        width:140px
    }
    .md\:w-\[180px\]{
        width:180px
    }
    .md\:w-\[190px\]{
        width:190px
    }
    .md\:w-\[194px\]{
        width:194px
    }
    .md\:w-\[200px\]{
        width:200px
    }
    .md\:w-\[220px\]{
        width:220px
    }
    .md\:w-\[34px\]{
        width:34px
    }
    .md\:w-\[350px\]{
        width:350px
    }
    .md\:w-\[45px\]{
        width:45px
    }
    .md\:w-auto{
        width:auto
    }
    .md\:min-w-12{
        min-width:3rem
    }
    .md\:min-w-14{
        min-width:3.5rem
    }
    .md\:max-w-\[475px\]{
        max-width:475px
    }
    .md\:max-w-\[590px\]{
        max-width:590px
    }
    .md\:max-w-\[800px\]{
        max-width:800px
    }
    .md\:basis-1\/2{
        flex-basis:50%
    }
    .md\:translate-x-\[103px\]{
        --tw-translate-x:103px
    }
    .md\:translate-x-\[103px\],.md\:translate-x-\[40px\]{
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:translate-x-\[40px\]{
        --tw-translate-x:40px
    }
    .md\:scale-50{
        --tw-scale-x:.5;
        --tw-scale-y:.5;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .md\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .md\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .md\:flex-col-reverse{
        flex-direction:column-reverse
    }
    .md\:justify-end{
        justify-content:flex-end
    }
    .md\:justify-center{
        justify-content:center
    }
    .md\:gap-\[30px\]{
        gap:30px
    }
    .md\:gap-\[50px\]{
        gap:50px
    }
    .md\:space-x-4>:not([hidden])~:not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(1rem*var(--tw-space-x-reverse));
        margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))
    }
    .md\:p-12{
        padding:3rem
    }
    .md\:px-\[16px\]{
        padding-left:16px;
        padding-right:16px
    }
    .md\:py-16{
        padding-top:4rem
    }
    .md\:pb-16,.md\:py-16{
        padding-bottom:4rem
    }
    .md\:pb-32{
        padding-bottom:8rem
    }
    .md\:pl-16{
        padding-left:4rem
    }
    .md\:pl-8{
        padding-left:2rem
    }
    .md\:pl-\[40px\]{
        padding-left:40px
    }
    .md\:pl-\[70px\]{
        padding-left:70px
    }
    .md\:pr-5{
        padding-right:1.25rem
    }
    .md\:pr-8{
        padding-right:2rem
    }
    .md\:pr-\[70px\]{
        padding-right:70px
    }
    .md\:pt-0{
        padding-top:0
    }
    .md\:pt-16{
        padding-top:4rem
    }
    .md\:pt-24{
        padding-top:6rem
    }
    .md\:pt-32{
        padding-top:8rem
    }
    .md\:pt-36{
        padding-top:9rem
    }
    .md\:pt-8{
        padding-top:2rem
    }
    .md\:pt-\[80px\]{
        padding-top:80px
    }
    .md\:text-right{
        text-align:right
    }
    .md\:text-\[28px\]{
        font-size:28px
    }
    .md\:text-\[30px\]{
        font-size:30px
    }
    .md\:text-md2{
        font-size:var(--font-size-medium-3);
        line-height:48px
    }
    .md\:leading-\[40px\]{
        line-height:40px
    }
}
@media (min-width:1024px){
    .lg\:-bottom-52{
        bottom:-13rem
    }
    .lg\:-right-1{
        right:-.25rem
    }
    .lg\:-top-64{
        top:-16rem
    }
    .lg\:left-24{
        left:6rem
    }
    .lg\:right-24{
        right:6rem
    }
    .lg\:right-40{
        right:10rem
    }
    .lg\:col-span-2{
        grid-column:span 2/span 2
    }
    .lg\:mb-\[50px\]{
        margin-bottom:50px
    }
    .lg\:block{
        display:block
    }
    .lg\:flex{
        display:flex
    }
    .lg\:grid{
        display:grid
    }
    .lg\:hidden{
        display:none
    }
    .lg\:h-\[580px\]{
        height:580px
    }
    .lg\:h-\[630px\]{
        height:630px
    }
    .lg\:h-\[650px\]{
        height:650px
    }
    .lg\:h-\[6px\]{
        height:6px
    }
    .lg\:w-40{
        width:10rem
    }
    .lg\:w-72{
        width:18rem
    }
    .lg\:w-\[160px\]{
        width:160px
    }
    .lg\:w-\[200px\]{
        width:200px
    }
    .lg\:w-\[220px\]{
        width:220px
    }
    .lg\:w-\[230px\]{
        width:230px
    }
    .lg\:w-\[250px\]{
        width:250px
    }
    .lg\:w-\[280px\]{
        width:280px
    }
    .lg\:w-\[400px\]{
        width:400px
    }
    .lg\:max-w-\[447px\]{
        max-width:447px
    }
    .lg\:max-w-\[680px\]{
        max-width:680px
    }
    .lg\:scale-\[\.60\]{
        --tw-scale-x:.60;
        --tw-scale-y:.60;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .lg\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:grid-cols-4{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .lg\:grid-cols-5{
        grid-template-columns:repeat(5,minmax(0,1fr))
    }
    .lg\:flex-row{
        flex-direction:row
    }
    .lg\:gap-\[50px\]{
        gap:50px
    }
    .lg\:p-\[50px\]{
        padding:50px
    }
    .lg\:text-base{
        font-size:var(--font-size-medium);
        line-height:var(--line-spacing-medium)
    }
    .lg\:text-lg3{
        font-size:var(--font-size-large-3);
        line-height:var(--line-spacing-large)
    }
    .lg\:text-xl{
        font-size:var(--font-size-extra-large);
        line-height:var(--line-spacing-extra-large)
    }
}
@media (min-width:1280px){
    .xl\:-bottom-44{
        bottom:-11rem
    }
    .xl\:-left-6{
        left:-1.5rem
    }
    .xl\:-left-8{
        left:-2rem
    }
    .xl\:-right-6{
        right:-1.5rem
    }
    .xl\:-right-8{
        right:-2rem
    }
    .xl\:-top-16{
        top:-4rem
    }
    .xl\:-top-64{
        top:-16rem
    }
    .xl\:-top-72{
        top:-18rem
    }
    .xl\:left-\[56\%\]{
        left:56%
    }
    .xl\:mb-16{
        margin-bottom:4rem
    }
    .xl\:mb-\[30px\]{
        margin-bottom:30px
    }
    .xl\:mb-\[50px\]{
        margin-bottom:50px
    }
    .xl\:mb-\[80px\]{
        margin-bottom:80px
    }
    .xl\:flex{
        display:flex
    }
    .xl\:hidden{
        display:none
    }
    .xl\:h-96{
        height:24rem
    }
    .xl\:h-\[650px\]{
        height:650px
    }
    .xl\:h-\[680px\]{
        height:680px
    }
    .xl\:w-48{
        width:12rem
    }
    .xl\:w-\[200px\]{
        width:200px
    }
    .xl\:w-\[220px\]{
        width:220px
    }
    .xl\:w-\[224px\]{
        width:224px
    }
    .xl\:w-\[250px\]{
        width:250px
    }
    .xl\:w-\[300px\]{
        width:300px
    }
    .xl\:w-\[336px\]{
        width:336px
    }
    .xl\:max-w-\[90\%\]{
        max-width:90%
    }
    .xl\:max-w-\[930px\]{
        max-width:930px
    }
    .xl\:basis-\[56\%\]{
        flex-basis:56%
    }
    .xl\:translate-x-\[133px\]{
        --tw-translate-x:133px
    }
    .xl\:translate-x-\[133px\],.xl\:translate-x-\[70px\]{
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:translate-x-\[70px\]{
        --tw-translate-x:70px
    }
    .xl\:scale-75{
        --tw-scale-x:.75;
        --tw-scale-y:.75;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .xl\:grid-cols-4{
        grid-template-columns:repeat(4,minmax(0,1fr))
    }
    .xl\:gap-6{
        gap:1.5rem
    }
    .xl\:gap-8{
        gap:2rem
    }
    .xl\:gap-\[80px\]{
        gap:80px
    }
    .xl\:px-10{
        padding-left:2.5rem;
        padding-right:2.5rem
    }
    .xl\:px-3{
        padding-left:.75rem;
        padding-right:.75rem
    }
    .xl\:px-4{
        padding-left:1rem;
        padding-right:1rem
    }
    .xl\:px-8{
        padding-left:2rem;
        padding-right:2rem
    }
    .xl\:py-8{
        padding-top:2rem;
        padding-bottom:2rem
    }
    .xl\:pl-\[70px\]{
        padding-left:70px
    }
    .xl\:text-\[15px\]{
        font-size:15px
    }
    .xl\:text-lg{
        font-size:var(--font-size-large);
        line-height:65px
    }
    .xl\:text-lg2{
        font-size:var(--font-size-large-2);
        line-height:65px
    }
}
@media (min-width:1535px){
    .\32xl\:-bottom-36{
        bottom:-9rem
    }

    .md\:-bottom-10{
        bottom:-12.5rem
    }
    
    .\32xl\:-left-8{
        left:-2rem
    }
    .\32xl\:-right-8{
        right:-2rem
    }
    .\32xl\:-top-72{
        top:-18rem
    }
    .\32xl\:right-36{
        right:9rem
    }
    .\32xl\:hidden{
        display:none
    }
    .\32xl\:h-\[255px\]{
        height:255px
    }
    .\32xl\:h-\[380px\]{
        height:380px
    }
    .\32xl\:w-56{
        width:14rem
    }
    .\32xl\:w-80{
        width:20rem
    }
    .\32xl\:w-\[250px\]{
        width:250px
    }
    .\32xl\:w-\[300px\]{
        width:300px
    }
    .\32xl\:w-\[498px\]{
        width:498px
    }
    .\32xl\:max-w-\[1000px\]{
        max-width:1000px
    }
    .\32xl\:max-w-\[800px\]{
        max-width:800px
    }
    .\32xl\:gap-4{
        gap:1rem
    }
    .\32xl\:gap-\[120px\]{
        gap:120px
    }
    .\32xl\:p-20{
        padding:5rem
    }
    .\32xl\:px-16{
        padding-left:4rem;
        padding-right:4rem
    }
    .\32xl\:px-4{
        padding-left:1rem;
        padding-right:1rem
    }
    .\32xl\:py-12{
        padding-top:3rem;
        padding-bottom:3rem
    }
    .\32xl\:text-\[20px\]{
        font-size:20px
    }
    .\32xl\:text-lg2{
        font-size:var(--font-size-large-2);
        line-height:65px
    }
    .\32xl\:text-lg3{
        font-size:var(--font-size-large-3);
        line-height:var(--line-spacing-large)
    }
    .\32xl\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
}
@media (min-width:1700px){
    .\33xl\:-bottom-32{
        bottom:-8rem
    }
    .\33xl\:-bottom-37{
        bottom:-11rem
    }
    .\33xl\:-left-16{
        left:-4rem
    }
    .\33xl\:-right-16{
        right:-4rem
    }
    .\33xl\:-top-20{
        top:-5rem
    }
    .\33xl\:-top-96{
        top:-24rem
    }
    .\33xl\:-top-\[410px\]{
        top:-410px
    }
    .\33xl\:left-14{
        left:3.5rem
    }
    .\33xl\:mb-6{
        margin-bottom:1.5rem
    }
    .\33xl\:mb-\[20px\]{
        margin-bottom:20px
    }
    .\33xl\:mb-\[30px\]{
        margin-bottom:30px
    }
    .\33xl\:mb-\[40px\]{
        margin-bottom:40px
    }
    .\33xl\:mb-\[50px\]{
        margin-bottom:50px
    }
    .\33xl\:mb-\[60px\]{
        margin-bottom:60px
    }
    .\33xl\:mb-\[80px\]{
        margin-bottom:80px
    }
    .\33xl\:mr-10{
        margin-right:2.5rem
    }
    .\33xl\:mr-6{
        margin-right:1.5rem
    }
    .\33xl\:mt-12{
        margin-top:3rem
    }
    .\33xl\:h-5{
        height:1.25rem
    }
    .\33xl\:h-\[34px\]{
        height:34px
    }
    .\33xl\:h-\[395px\]{
        height:395px
    }
    .\33xl\:h-\[400px\]{
        height:400px
    }
    .\33xl\:h-\[450px\]{
        height:450px
    }
    .\33xl\:h-\[500px\]{
        height:500px
    }
    .\33xl\:h-\[750px\]{
        height:750px
    }
    .\33xl\:h-\[800px\]{
        height:800px
    }
    .\33xl\:h-\[986px\]{
        height:986px
    }
    .\33xl\:w-5{
        width:1.25rem
    }
    .\33xl\:w-\[280px\]{
        width:280px
    }
    .\33xl\:w-\[328px\]{
        width:328px
    }
    .\33xl\:w-\[334px\]{
        width:334px
    }
    .\33xl\:w-\[339px\]{
        width:339px
    }
    .\33xl\:w-\[340px\]{
        width:340px
    }
    .\33xl\:w-\[34px\]{
        width:34px
    }
    .\33xl\:w-\[400px\]{
        width:400px
    }
    .\33xl\:w-\[405px\]{
        width:405px
    }
    .\33xl\:w-\[408px\]{
        width:408px
    }
    .\33xl\:w-\[419px\]{
        width:419px
    }
    .\33xl\:w-\[449px\]{
        width:449px
    }
    .\33xl\:max-w-\[1170px\]{
        max-width:1170px
    }
    .\33xl\:scale-100{
        --tw-scale-x:1;
        --tw-scale-y:1;
        transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .\33xl\:justify-around{
        justify-content:space-around
    }
    .\33xl\:py-32{
        padding-top:8rem
    }
    .\33xl\:pb-32,.\33xl\:py-32{
        padding-bottom:8rem
    }
    .\33xl\:pr-8{
        padding-right:2rem
    }
    .\33xl\:pt-16{
        padding-top:4rem
    }
    .\33xl\:pt-64{
        padding-top:16rem
    }
    .\33xl\:text-base{
        font-size:var(--font-size-medium);
        line-height:var(--line-spacing-medium)
    }
    .\33xl\:text-lg3{
        font-size:var(--font-size-large-3);
        line-height:var(--line-spacing-large)
    }
    .\33xl\:text-md{
        font-size:var(--font-size-medium-2);
        line-height:35px
    }
    .\33xl\:text-xl{
        font-size:var(--font-size-extra-large);
        line-height:var(--line-spacing-extra-large)
    }
}
.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.rtl\:space-x-reverse:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:1
}
@media (prefers-color-scheme:dark){
    .dark\:border-gray-600{
        --tw-border-opacity:1;
        border-color:rgb(75 85 99/var(--tw-border-opacity))
    }
    .dark\:border-gray-700{
        --tw-border-opacity:1;
        border-color:rgb(55 65 81/var(--tw-border-opacity))
    }
    .dark\:border-transparent{
        border-color:#0000
    }
    .dark\:bg-gray-600{
        --tw-bg-opacity:1;
        background-color:rgb(75 85 99/var(--tw-bg-opacity))
    }
    .dark\:bg-gray-700{
        --tw-bg-opacity:1;
        background-color:rgb(55 65 81/var(--tw-bg-opacity))
    }
    .dark\:bg-gray-800{
        --tw-bg-opacity:1;
        background-color:rgb(31 41 55/var(--tw-bg-opacity))
    }
    .dark\:bg-gray-800\/50{
        background-color:#1f293780
    }
    .dark\:bg-gray-900\/80{
        background-color:#111827cc
    }
    .dark\:bg-medium-green{
        background-color:var(--medium-green)
    }
    .dark\:bg-primary-color{
        background-color:var(--primary-color)
    }
    .dark\:bg-secondary-color{
        background-color:var(--secondary-color)
    }
    .dark\:bg-transparent{
        background-color:initial
    }
    .dark\:text-gray-400{
        --tw-text-opacity:1;
        color:rgb(156 163 175/var(--tw-text-opacity))
    }
    .dark\:text-white{
        color:var(--white)
    }
    .dark\:hover\:bg-gray-600:hover{
        --tw-bg-opacity:1;
        background-color:rgb(75 85 99/var(--tw-bg-opacity))
    }
    .dark\:hover\:bg-gray-800:hover{
        --tw-bg-opacity:1;
        background-color:rgb(31 41 55/var(--tw-bg-opacity))
    }
    .dark\:hover\:text-gray-300:hover{
        --tw-text-opacity:1;
        color:rgb(209 213 219/var(--tw-text-opacity))
    }
    .dark\:hover\:text-white:hover{
        color:var(--white)
    }
}
.peer:checked~.peer-checked\:\[\&\>\*\]\:opacity-100>*{
    opacity:1
}
.\[\&\>div\>h3\]\:\!text-white>div>h3,.\[\&\>div\>p\]\:\!text-white>div>p{
    color:var(--white)!important
}
.\[\&\>span\]\:\!border-secondary-color>span{
    border-color:var(--secondary-color)!important
}
.\[\&\>span\]\:\!bg-white>span{
    background-color:var(--white)!important
}
.\[\&\>span\]\:\!text-secondary-color>span{
    color:var(--secondary-color)!important
}

.aspect-ratio {
    aspect-ratio: 16 / 9;
}

.text-xs {
    font-size: var(--font-size-extra-small);
    line-height: var(--font-size-extra-small);
}


/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  margin: auto;
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #e32124, -20px 0 #0002;background: #e32124 }
    33% {box-shadow: 20px 0 #e32124, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #e32124; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #e32124; background: #e32124 }
}