main.css

.ml-2{
    margin-left:.5rem
}
.ml-auto{
    margin-left:auto
}
.-mr-1{
    margin-right:-.25rem
}
.mt-6{
    margin-top:1.5rem
}
.mb-10{
    margin-bottom:2.5rem
}
.mb-6{
    margin-bottom:1.5rem
}
.mr-4{
    margin-right:1rem
}
.mb-12{
    margin-bottom:3rem
}
.flex{
    display:flex
}
.inline-flex{
    display:inline-flex
}
.grid{
    display:grid
}
.hidden{
    display:none
}
.h-12{
    height:3rem
}
.h-10{
    height:2.5rem
}
.h-20{
    height:5rem
}
.h-\[50px\]{
    height:50px
}
.w-5{
    width:1.25rem
}
.w-full{
    width:100%
}
.w-20{
    width:5rem
}
.w-4\/5{
    width:80%
}
.max-w-lg{
    max-width:32rem
}
.max-w-sm{
    max-width:24rem
}
.max-w-7xl{
    max-width:80rem
}
.max-w-xl{
    max-width:36rem
}
.max-w-3xl{
    max-width:48rem
}
.flex-1{
    flex:1 1 0%
}
.transform{
    transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.appearance-none{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
}
.grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
}
.flex-col{
    flex-direction:column
}
.items-center{
    align-items:center
}
.justify-center{
    justify-content:center
}
.gap-10{
    gap:2.5rem
}
.space-x-8>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(2rem * var(--tw-space-x-reverse));
    margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))
}
.rounded-global{
    border-radius:5px
}
.rounded{
    border-radius:.25rem
}
.rounded-xl{
    border-radius:.75rem
}
.rounded-full{
    border-radius:9999px
}
.rounded-lg{
    border-radius:.5rem
}
.border{
    border-width:1px
}
.border-t{
    border-top-width:1px
}
.border-none{
    border-style:none
}
.border-gray-200{
    --tw-border-opacity:1;
    border-color:rgb(229 231 235 / var(--tw-border-opacity))
}
.border-gray-600{
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity))
}
.bg-\[\#f9bd86\]{
    --tw-bg-opacity:1;
    background-color:rgb(249 189 134 / var(--tw-bg-opacity))
}
.bg-primary{
    --tw-bg-opacity:1;
    background-color:rgb(246 140 0 / var(--tw-bg-opacity))
}
.bg-transparent{
    background-color:transparent
}
.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity))
}
.bg-primary-500{
    --tw-bg-opacity:1;
    background-color:rgb(229 126 0 / var(--tw-bg-opacity))
}
.bg-blue-100{
    --tw-bg-opacity:1;
    background-color:rgb(219 234 254 / var(--tw-bg-opacity))
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover
}
.p-2{
    padding:.5rem
}
.px-4{
    padding-left:1rem;
    padding-right:1rem
}
.py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem
}
.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
}
.py-16{
    padding-top:4rem;
    padding-bottom:4rem
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem
}
.py-1{
    padding-top:.25rem;
    padding-bottom:.25rem
}
.px-8{
    padding-left:2rem;
    padding-right:2rem
}
.py-28{
    padding-top:7rem;
    padding-bottom:7rem
}
.py-14{
    padding-top:3.5rem;
    padding-bottom:3.5rem
}
.text-center{
    text-align:center
}
.font-body{
    font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
.text-xl{
    font-size:1.25rem;
    line-height:1.75rem
}
.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem
}
.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem
}
.text-lg{
    font-size:1.125rem;
    line-height:1.75rem
}
.text-sm{
    font-size:.875rem;
    line-height:1.25rem
}
.text-6xl{
    font-size:3.75rem;
    line-height:1
}
.font-medium{
    font-weight:500
}
.font-bold{
    font-weight:700
}
.uppercase{
    text-transform:uppercase
}
.normal-case{
    text-transform:none
}
.leading-none{
    line-height:1
}
.leading-5{
    line-height:1.25rem
}
.tracking-wide{
    letter-spacing:.025em
}
.tracking-tight{
    letter-spacing:-.025em
}
.text-\[\#41454c\]{
    --tw-text-opacity:1;
    color:rgb(65 69 76 / var(--tw-text-opacity))
}
.text-gray-900{
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity))
}
.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.text-gray-600{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity))
}
.text-slate-900{
    --tw-text-opacity:1;
    color:rgb(15 23 42 / var(--tw-text-opacity))
}
.text-slate-100{
    --tw-text-opacity:1;
    color:rgb(241 245 249 / var(--tw-text-opacity))
}
.antialiased{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.placeholder-gray-400::-moz-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}
.placeholder-gray-400::placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(156 163 175 / var(--tw-placeholder-opacity))
}
.shadow-md{
    --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.shadow{
    --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)
}
.ring-0{
    --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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.transition-colors{
    transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
    transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:150ms
}
.transition{
    transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-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-text-decoration-color,-webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(0.4,0,0.2,1);
    transition-duration:150ms
}
.duration-200{
    transition-duration:.2s
}
.focus-within\:border-blue-400:focus-within{
    --tw-border-opacity:1;
    border-color:rgb(96 165 250 / var(--tw-border-opacity))
}
.focus-within\:ring:focus-within{
    --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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.focus-within\:ring-blue-300:focus-within{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(147 197 253 / var(--tw-ring-opacity))
}
.focus-within\:ring-opacity-40:focus-within{
    --tw-ring-opacity:0.4
}
.hover\:bg-primary-300:hover{
    --tw-bg-opacity:1;
    background-color:rgb(255 169 47 / var(--tw-bg-opacity))
}
.focus\:bg-blue-400:focus{
    --tw-bg-opacity:1;
    background-color:rgb(96 165 250 / var(--tw-bg-opacity))
}
.focus\:placeholder-transparent:focus::-moz-placeholder{
    color:transparent
}
.focus\:placeholder-transparent:focus::placeholder{
    color:transparent
}
.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px
}
.focus\:ring-0: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)
}
.dark .dark\:border-gray-700{
    --tw-border-opacity:1;
    border-color:rgb(55 65 81 / var(--tw-border-opacity))
}
.dark .dark\:border-gray-600{
    --tw-border-opacity:1;
    border-color:rgb(75 85 99 / var(--tw-border-opacity))
}
.dark .dark\:bg-\[\#e67449\]{
    --tw-bg-opacity:1;
    background-color:rgb(230 116 73 / var(--tw-bg-opacity))
}
.dark .dark\:bg-transparent{
    background-color:transparent
}
.dark .dark\:text-\[\#dce1e8\]{
    --tw-text-opacity:1;
    color:rgb(220 225 232 / var(--tw-text-opacity))
}
.dark .dark\:text-gray-100{
    --tw-text-opacity:1;
    color:rgb(243 244 246 / var(--tw-text-opacity))
}
.dark .dark\:text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity))
}
.dark .dark\:text-slate-100{
    --tw-text-opacity:1;
    color:rgb(241 245 249 / var(--tw-text-opacity))
}
.dark .dark\:focus-within\:border-blue-300:focus-within{
    --tw-border-opacity:1;
    border-color:rgb(147 197 253 / var(--tw-border-opacity))
}
.relative{
    position:relative
}
.m-1{
    margin:.25rem
}
.mx-auto{
    margin-left:auto;
    margin-right:auto
}
.my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem
}

@media (min-width:640px){
    .sm\:max-w-xl{
        max-width:36rem
    }
    .sm\:grid-cols-2{
        grid-template-columns:repeat(2,minmax(0,1fr))
    }
    .sm\:py-14{
        padding-top:3.5rem;
        padding-bottom:3.5rem
    }
    .sm\:text-center{
        text-align:center
    }
    .sm\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem
    }
}
@media (min-width:768px){
    .md\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .md\:mb-12{
        margin-bottom:3rem
    }
    .md\:max-w-full{
        max-width:100%
    }
    .md\:max-w-2xl{
        max-width:42rem
    }
    .md\:flex-row{
        flex-direction:row
    }
    .md\:px-24{
        padding-left:6rem;
        padding-right:6rem
    }
    .md\:py-20{
        padding-top:5rem;
        padding-bottom:5rem
    }
    .md\:text-5xl{
        font-size:3rem;
        line-height:1
    }
    .md\:text-lg{
        font-size:1.125rem;
        line-height:1.75rem
    }
}
@media (min-width:1024px){
    .lg\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .lg\:flex{
        display:flex
    }
    .lg\:hidden{
        display:none
    }
    .lg\:max-w-screen-xl{
        max-width:1280px
    }
    .lg\:max-w-2xl{
        max-width:42rem
    }
    .lg\:max-w-screen-lg{
        max-width:1024px
    }
    .lg\:grid-cols-3{
        grid-template-columns:repeat(3,minmax(0,1fr))
    }
    .lg\:px-8{
        padding-left:2rem;
        padding-right:2rem
    }
    .lg\:py-14{
        padding-top:3.5rem;
        padding-bottom:3.5rem
    }
    .lg\:text-5xl{
        font-size:3rem;
        line-height:1
    }
}
@media (min-width:1280px){
    .xl\:mx-auto{
        margin-left:auto;
        margin-right:auto
    }
    .xl\:h-\[50px\]{
        height:50px
    }
    .xl\:max-w-3xl{
        max-width:48rem
    }
    .xl\:max-w-lg{
        max-width:32rem
    }
    .xl\:max-w-md{
        max-width:28rem
    }
    .xl\:rounded-xl{
        border-radius:.75rem
    }
    .xl\:rounded-lg{
        border-radius:.5rem
    }
    .xl\:border-\[0px\]{
        border-width:0
    }
    .xl\:bg-white{
        --tw-bg-opacity:1;
        background-color:rgb(255 255 255 / var(--tw-bg-opacity))
    }
    .xl\:py-28{
        padding-top:7rem;
        padding-bottom:7rem
    }
    .xl\:text-6xl{
        font-size:3.75rem;
        line-height:1
    }
    .xl\:normal-case{
        text-transform:none
    }
}
h1,h1 *,h2,h2 *,h3,h3 *,h4,h4 *,h5,h5 *,h6,h6 *{
    font-family:Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}