@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/lato/v17/S6u8w4BMUTPHh30wWw.woff2') format('woff2');
}

@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('https://fonts.gstatic.com/s/lato/v17/S6u9w4BMUTPHh7USew.woff2') format('woff2');
}

body {
    font-family: 'Lato', sans-serif;
}

.__className_fdcb09 {
    font-family: 'Lato', Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
}

@keyframes marquee {
    0% 
    { transform: translateX(100%); }
    100% 
    { transform: translateX(-100%); }
}

.animate-marquee {
    animation: marquee var(--animation-duration,50s) var(--animation-direction,forwards) linear infinite
}

@keyframes scroll {
  50s {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.animate-scroll {
    animation: scroll var(--animation-duration,50s) var(--animation-direction,forwards) linear infinite
}

.cursor-not-allowed {
    cursor: not-allowed
}

.scroller {
    overflow: hidden;
    background-color: #000;
    padding: 20px;
}

.text-orange-500 {
    color: orange;
    
}


.cursor-pointer {
    cursor: pointer
}

.resize {
    resize: both
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.content-center {
    align-content: center
}

.items-start {
    align-items: flex-start
}

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

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

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

.justify-center {
    justify-content: center
}

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

.gap-1 {
    gap: .25rem
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-8 {
    gap: 2rem
}


element.style {
}
@media (min-width: 768px) {
    .md\:gap-\[3rem\] {
        gap: 3rem;
    }
}
@media (min-width: 768px) {
    .md\:flex-nowrap {
        flex-wrap: nowrap;
    }
}
@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row;
    }
}
@media (min-width: 640px) {
    .sm\:flex-wrap {
        flex-wrap: wrap;
    }
}
@media (min-width: 640px) {
    .sm\:flex-row {
        flex-direction: row;
    }
}
.gap-2 {
    gap: .5rem;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex;
}
*, :after, :before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}