/* ===== CSS Variables (Design System) ===== */
:root {
    /* Colors */
    --color-primary: hsl(142, 76%, 36%);
    --color-primary-foreground: hsl(0, 0%, 100%);
    --color-primary-glow: hsl(142, 70%, 45%);
    
    --color-secondary: hsl(47, 92%, 52%);
    --color-secondary-2: #1987C2;
    --color-secondary-foreground: hsl(220, 15%, 20%);
    
    --color-background: hsl(0, 0%, 100%);
    --color-foreground: hsl(220, 15%, 20%);
    
    --color-muted: hsl(210, 20%, 96%);
    --color-muted-foreground: hsl(220, 10%, 45%);
    
    --color-destructive: hsl(0, 84.2%, 60.2%);
    
    --color-border: hsl(214.3, 20%, 88%);
    
    /* Gradients */
    --gradient-hero: linear-gradient(135deg, hsl(142, 76%, 36%), hsl(142, 70%, 45%));
    
    /* Shadows */
    --shadow-elegant: 0 10px 30px -10px hsl(142, 76%, 36%, 0.2);
    --shadow-glow: 0 0 40px hsl(142, 70%, 45%, 0.15);
    
    /* Typography */
    --font-size-base: 16px;
    --font-size-large: 1rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 1.875rem;
    --font-size-4xl: 1.5rem;
    --font-size-5xl: 3rem;
    --font-size-6xl: 3.75rem;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --spacing-3xl: 4rem;
    
    /* Border Radius */
    --radius: 0.75rem;
    --radius-sm: 0.5rem;
    --radius-lg: 1rem;
    
    /* Transitions */
    --transition-fast: 150ms ease;
    --transition-normal: 300ms ease;
}

/* ===== Reset & Base Styles ===== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: var(--color-foreground);
    background-color: var(--color-background);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

button {
    font-family: inherit;
    cursor: pointer;
    border: none;
    background: none;
}

/* ===== Utility Classes ===== */   
.container {
    width: 90%;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

.container-narrow {
    max-width: 95%;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

@media (max-width: 1023px) {
   
    
    .container-narrow {
        max-width: 100%;
    }
}

.hidden {
    display: none !important;
}

.text-center {
    text-align: center;
}

/* ===== Navigation ===== */
.navigation-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: transparent; /* inicial transparente */
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

/* Quando ativar a classe 'scrolled', aplica o estilo sólido */
.navigation-fixed.scrolled {
    background-color: var(--color-secondary-2);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--color-border);
}

.nav-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 4rem;
}

.logo-wrapper {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    width: 50%;
}

.logo-image {
   width: 25%;
}

.company-name {
    font-weight: 700;
    font-size: var(--font-size-xl);
    color: var(--color-foreground);
}

.menu-desktop {
    display: none;
    align-items: center;
    gap: var(--spacing-lg);
}

.nav-link {
    color: white;
    font-size: var(--font-size-base);
    transition: color var(--transition-fast);
}

.nav-link:hover {
    /* color: var(--color-primary); */
    font-weight: bold;
}

.menu-toggle {
    color: var(--color-foreground);
    display: flex;
    align-items: center;
}

.menu-mobile {
    padding: var(--spacing-md) 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.nav-link-mobile {
    display: block;
    width: 100%;
    text-align: left;
    color: var(--color-foreground);
    padding: var(--spacing-sm) 0;
    transition: color var(--transition-fast);
}

.nav-link-mobile:hover {
    color: var(--color-primary);
}

@media (min-width: 768px) {
    .menu-desktop {
        display: flex;
    }
    
    .menu-toggle {
        display: none;
    }
}


@media (max-width: 768px) {
    .logo-image {
       width: 100%;
    }

    .hero-text-center {
        flex-direction: column;
    }
    
}

/* ===== Icons ===== */
.icon-small {
    width: 1rem;
    height: 1rem;
    margin-right: var(--spacing-sm);
}

.icon-medium {
    width: 1.5rem;
    height: 1.5rem;
}

.icon-large {
    width: 2rem;
    height: 2rem;
}

/* ===== Buttons ===== */
.button-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--gradient-hero);
    color: var(--color-primary-foreground);
    font-weight: 600;
    border-radius: var(--radius);
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-elegant);
}

.button-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-glow);
}

.button-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md) var(--spacing-xl);
    background-color: var(--color-secondary);
    color: var(--color-secondary-foreground);
    font-weight: 600;
    border-radius: var(--radius);
    transition: all var(--transition-normal);
    box-shadow: var(--shadow-elegant);
}

.button-secondary:hover {
    transform: translateY(-2px);
    filter: brightness(0.9);
}

.button-small {
    padding: var(--spacing-sm) var(--spacing-lg);
    font-size: 0.875rem;
}

.button-large {
    padding: var(--spacing-lg) var(--spacing-2xl);
    font-size: var(--font-size-large);
}

.button-full {
    width: 100%;
}

.button-submit {
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-xl);
    background-color: var(--color-primary);
    color: var(--color-secondary-foreground);
    font-weight: 600;
    font-size: var(--font-size-large);
    border-radius: var(--radius);
    transition: all var(--transition-normal);
}

.button-submit:hover {
    filter: brightness(0.9);
}

.button-submit:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* ===== Hero Section ===== */
.hero-section {
    position: relative;
    padding: 8rem var(--spacing-md) 10rem;
    /* margin-top: 4rem; */
    overflow: hidden;
    min-height: 600px;
    height: 100vh;
}

.hero-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 144, 217, 0.7), rgba(0, 166, 81, 1));

}

.hero-content {
    position: relative;
    z-index: 10;
}

.hero-text-center {
    text-align: center;
    max-width: 80%;
    margin: 10% auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-logo {
    width:100%;
}

.hero-title {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    line-height: 1.2;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin-bottom: var(--spacing-xl);
}

.hero-subtitle {
    font-size: var(--font-size-large);
    color: rgba(255, 255, 255, 0.95);
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto var(--spacing-2xl);
    text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.hero-actions {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: center;
}

@media (min-width: 768px) {
    .hero-section {
        /* padding: 10rem var(--spacing-md); */
    }
    
    .hero-title {
        font-size: var(--font-size-2xl);
    }
    
    .hero-actions {
        flex-direction: row;
        justify-content: center;
    }
}

.left-div
{
    width: 20%;
}

/* ===== Sections ===== */
.section-with-background {
    position: relative;
    padding: var(--spacing-3xl) var(--spacing-md);
    overflow: hidden;
}

.section-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    
    z-index: -1;
}

.section-background::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 166, 81, 1), rgba(0, 144, 217, 0.7));
    z-index: -1;
}

.section-background-reverse::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 166, 81, 0.7), rgba(0, 144, 217, 1));
    z-index: -1;
}

.section-title {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: white;
    margin-bottom: var(--spacing-lg);
}

.section-title-black {
    
    color: black;
}

.section-title-white {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: white;
    margin-bottom: var(--spacing-lg);
}

.section-header {
    text-align: center;
    margin-bottom: var(--spacing-3xl);
}

.section-header-white {
    text-align: center;
    margin-bottom: var(--spacing-3xl);
    color: white;
}

.text-large {
    font-size: var(--font-size-large);
    color: white;
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto;
}

.text-large-black
{
    font-size: var(--font-size-xl);
    color: black;
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto;
}

.text-large-white {
    font-size: var(--font-size-xl);
    color: rgba(255, 255, 255, 1);
    line-height: 1.7;
    max-width: 700px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    /* .section-title, .section-title-white {
        font-size: var(--font-size-4xl);
    } */
}

/* ===== Grid Layouts ===== */
.grid-two-columns {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
    align-items: center;
}



@media (min-width: 768px) {
    .grid-two-columns {
        grid-template-columns: 1fr 1fr;
    }

    /* primeira coluna (imagem) */  
    .grid-two-columns > div:first-child {
        flex: 1;
        width: 40%; /* ajuste conforme o necessário */
    }

    /* segunda coluna (texto e ícones) */
    .grid-two-columns > div:last-child {
        flex: 1;
        width: 60%;
    }
    
    .order-mobile-1 {
        order: 1;
    }
    
    .order-mobile-2 {
        order: 2;
    }
}

.content-spacing {
    display: flex;
    gap: var(--spacing-lg);
    align-items: flex-start;
}

.feature-image {
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-elegant);
    width: 100%;
}

@media (max-width: 1023px) {
    .content-spacing {
       flex-direction: column;
    }
}

/* ===== Alert Box ===== */
.alert-box {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: var(--spacing-md);
    background-color: rgba(239, 68, 68, 0.1);
    border: 1px solid rgba(239, 68, 68, 0.2);
    border-radius: var(--radius);
}

.alert-icon {
    color: var(--color-destructive);
    flex-shrink: 0;
    margin-top: var(--spacing-xs);
}

.alert-text {
    color: var(--color-foreground);
    font-weight: 500;
}

/* ===== Features List ===== */
.features-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
}

.check-icon {
    color: var(--color-primary);
    flex-shrink: 0;
    margin-top: var(--spacing-xs);
    width: 15%;
}

.feature-title {
    font-weight: bold;
    color: white;
    margin-bottom: var(--spacing-xs);
}

.feature-description {
    color: white;
}

/* ===== Benefits Grid ===== */
.benefits-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
}

@media (min-width: 768px) {
    .benefits-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.benefit-card {
    padding: var(--spacing-2xl) var(--spacing-lg);
    background: var(--color-background);
    border: 2px solid var(--color-border);
    border-radius: var(--radius-lg);
    text-align: center;
    transition: border-color var(--transition-normal);
    box-shadow: var(--shadow-elegant);
}

.benefit-card:hover {
    border-color: var(--color-primary);
}

.benefit-icon-wrapper {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(34, 139, 87, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--spacing-md);
}

.benefit-icon {
    color: var(--color-primary);
}

.benefit-title {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--color-foreground);
    margin-bottom: var(--spacing-md);
}

.benefit-description {
    color: var(--color-muted-foreground);
    line-height: 1.7;
    margin-bottom: var(--spacing-md);
}

.benefit-image {
    border-radius: var(--radius);
    width: 100%;
    margin-top: var(--spacing-md);
}

/* ===== Stats Grid ===== */
.stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
}

@media (min-width: 768px) {
    .stats-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.stat-item {
    text-align: center;
}

.stat-number {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    color: var(--color-primary);
}

.stat-label {
    color: var(--color-muted-foreground);
}


/* ===== Credibilidade Section ===== */
.credibility-section {
  position: relative;
  padding: 100px 20px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  background-color: #0a0a0a; /* Cor base */
}

.credibility-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: 
    linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), /* camada de cor */
    url('/assets/background-energy.jpg') center/cover no-repeat; /* imagem de fundo */
  opacity: 0.9; /* ajusta transparência geral */
  z-index: 0;
}

.credibility-section .container-narrow {
  position: relative;
  z-index: 1; /* mantém o conteúdo sobre o fundo */
}

.section-title {
  font-size: 2.2rem;
  margin-bottom: 1rem;
  font-weight: 700;
}

.credibility-text {
  max-width: 800px;
  margin: 0 auto;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #f2f2f2;
}


/* ===== FAQ Section ===== */
.faq-section {
    padding: var(--spacing-3xl) var(--spacing-md);
    background-color: var(--color-background);
}

.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    margin-top: var(--spacing-3xl);
}

.faq-item {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 0 var(--spacing-lg);
}

.faq-question {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    padding: var(--spacing-lg) 0;
    font-size: var(--font-size-large);
    font-weight: 600;
    color: var(--color-foreground);
    text-align: left;
    cursor: pointer;
}

.faq-icon {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
    transition: transform var(--transition-normal);
}

.faq-item.active .faq-icon {
    transform: rotate(180deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height var(--transition-normal);
}

.faq-item.active .faq-answer {
    max-height: 500px;
}

.faq-answer p {
    color: var(--color-muted-foreground);
    line-height: 1.7;
    padding-bottom: var(--spacing-lg);
}

/* ===== Contact Section ===== */
.contact-section {
    padding: var(--spacing-3xl) var(--spacing-md);
    background: var(--color-secondary-2);
    color: white;
    position: relative;
    overflow: hidden;
}

/* Imagem de fundo */
.contact-section .contact-bg {
  position: absolute;
  inset: 0;
  background-image: url("/assets/contct-bg.jpg"); /* altere o caminho conforme sua imagem */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.35; /* 🔹 transparência */
  z-index: 0;
}

/* Camada escura adicional opcional para contraste */
.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.4); /* sombra leve sobre a imagem */
  z-index: 1;
}

/* Garante que o conteúdo fique acima do fundo */
.contact-section .container-narrow {
  position: relative;
  z-index: 2;
}

.contact-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl);
}

@media (min-width: 1024px) {
    .contact-grid {
        grid-template-columns: 1fr 1fr;
    }
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
}

.contact-card {
    padding: var(--spacing-lg);
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.contact-icon-wrapper {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--color-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
}



.contact-icon {
    color: white;
}

.contact-card-title {
    font-weight: 700;
    margin-bottom: var(--spacing-xs);
    color: white;
}

.contact-link {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.contact-link:hover {
    color: var(--color-secondary);
}

.contact-address {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.875rem;
    line-height: 1.7;
}

/* ===== Contact Form ===== */
.contact-form-wrapper {
    padding: var(--spacing-2xl);
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--radius-lg);
}

@media (max-width: 768px) {
    .contact-form-wrapper {
        padding: var(--spacing-lg);
    }
}

.contact-form-title {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    margin-bottom: var(--spacing-lg);
    color: white;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.form-label {
    font-weight: 500;
    color: white;
}

.form-input,
.form-textarea {
    padding: var(--spacing-md);
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius);
    color: white;
    font-size: var(--font-size-base);
    transition: border-color var(--transition-fast);
}

.form-input::placeholder,
.form-textarea::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.form-input:focus,
.form-textarea:focus {
    outline: none;
    border-color: var(--color-secondary);
}

.form-textarea {
    resize: vertical;
    min-height: 100px;
}

.form-error {
    color: var(--color-destructive);
    font-size: 0.875rem;
    display: none;
}

.form-error.show {
    display: block;
}

.whatsapp-cta {
    text-align: center;
}

/* Contact Logo */
.contact-logo-wrapper {
  text-align: center;
  margin-top: 2rem;
}

.contact-logo {
  width: 100%;
  opacity: 0.9;
  transition: opacity 0.3s ease;
}

.contact-logo:hover {
  opacity: 1;
}

/* Font Awesome Icons */
.contact-icon {
  font-size: 1.8rem;
  color: white /* Verde solar da A1 Infra */
}


/* ===== Footer ===== */
.footer {
    padding: var(--spacing-2xl) var(--spacing-md);
    background-color: var(--color-muted);
}

.footer-content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .footer-content {
        flex-direction: row;
        justify-content: space-between;
    }
}

.footer-brand {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    width: 70%;
}

.footer-icon {
    color: var(--color-primary);
}

.footer-company-name {
    font-weight: 700;
    font-size: var(--font-size-large);
    color: var(--color-foreground);
}

.footer-links {
    display: flex;
    gap: var(--spacing-2xl);
    font-size: 0.875rem;
    color: black;
}

.footer-links a{
    color: black;
    text-decoration: none;
}

.footer-copyright {
    font-size: 0.875rem;
    color: var(--color-muted-foreground);
    width: 100%;
    text-align: center;
}

/* ===== Toast Notification ===== */
.toast {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: var(--color-foreground);
    color: white;
    border-radius: var(--radius);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    z-index: 2000;
    animation: slideIn 0.3s ease;
}

.toast.success {
    background-color: var(--color-primary);
}

.toast.error {
    background-color: var(--color-destructive);
}

@keyframes slideIn {
    from {
        transform: translateX(400px);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* ===== Smooth Scrolling ===== */
html {
    scroll-behavior: smooth;
}



/* ===== Hero SVG Animation ===== */
/***************************************************
 * Generated by SVG Artista on 10/22/2025, 10:40:44 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 6099.67431640625px;
    stroke-dasharray: 6099.67431640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6099.67431640625px;
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 6099.67431640625px;
    stroke-dasharray: 6099.67431640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 6099.67431640625px;
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
                       animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
          animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
               animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3627.41455078125px;
    stroke-dasharray: 3627.41455078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3627.41455078125px;
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 3627.41455078125px;
    stroke-dasharray: 3627.41455078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 3627.41455078125px;
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
                       animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
          animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
               animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1308.9580078125px;
    stroke-dasharray: 1308.9580078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1308.9580078125px;
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 1308.9580078125px;
    stroke-dasharray: 1308.9580078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1308.9580078125px;
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
                       animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
          animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
               animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1275.1724853515625px;
    stroke-dasharray: 1275.1724853515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.1724853515625px;
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 1275.1724853515625px;
    stroke-dasharray: 1275.1724853515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.1724853515625px;
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
                       animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
          animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
               animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 778.81982421875px;
    stroke-dasharray: 778.81982421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 778.81982421875px;
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 778.81982421875px;
    stroke-dasharray: 778.81982421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 778.81982421875px;
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(69, 198, 72);
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
                       animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
          animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
               animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 720.1197509765625px;
    stroke-dasharray: 720.1197509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 720.1197509765625px;
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 720.1197509765625px;
    stroke-dasharray: 720.1197509765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 720.1197509765625px;
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
                       animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
          animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
               animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1067.5040283203125px;
    stroke-dasharray: 1067.5040283203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1067.5040283203125px;
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 1067.5040283203125px;
    stroke-dasharray: 1067.5040283203125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1067.5040283203125px;
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
                       animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
          animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
               animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1589.7391357421875px;
    stroke-dasharray: 1589.7391357421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1589.7391357421875px;
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 1589.7391357421875px;
    stroke-dasharray: 1589.7391357421875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1589.7391357421875px;
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
                       animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
          animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
               animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 969.4996337890625px;
    stroke-dasharray: 969.4996337890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 969.4996337890625px;
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 969.4996337890625px;
    stroke-dasharray: 969.4996337890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 969.4996337890625px;
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
                       animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
          animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
               animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1411.904296875px;
    stroke-dasharray: 1411.904296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1411.904296875px;
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 1411.904296875px;
    stroke-dasharray: 1411.904296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1411.904296875px;
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
                       animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
          animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
               animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 1275.19580078125px;
    stroke-dasharray: 1275.19580078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.19580078125px;
  }
}

@keyframes animate-svg-stroke-11 {
  0% {
    stroke-dashoffset: 1275.19580078125px;
    stroke-dasharray: 1275.19580078125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.19580078125px;
  }
}

@-webkit-keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-11 {
  -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
                       animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
          animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
               animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 1334.8267822265625px;
    stroke-dasharray: 1334.8267822265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1334.8267822265625px;
  }
}

@keyframes animate-svg-stroke-12 {
  0% {
    stroke-dashoffset: 1334.8267822265625px;
    stroke-dasharray: 1334.8267822265625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1334.8267822265625px;
  }
}

@-webkit-keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-12 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-12 {
  -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
                       animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
          animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
               animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 854.739501953125px;
    stroke-dasharray: 854.739501953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 854.739501953125px;
  }
}

@keyframes animate-svg-stroke-13 {
  0% {
    stroke-dashoffset: 854.739501953125px;
    stroke-dasharray: 854.739501953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 854.739501953125px;
  }
}

@-webkit-keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-13 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-13 {
  -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
                       animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
          animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
               animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 1275.1727294921875px;
    stroke-dasharray: 1275.1727294921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.1727294921875px;
  }
}

@keyframes animate-svg-stroke-14 {
  0% {
    stroke-dashoffset: 1275.1727294921875px;
    stroke-dasharray: 1275.1727294921875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1275.1727294921875px;
  }
}

@-webkit-keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-14 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-14 {
  -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
                       animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
          animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
               animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 1411.904296875px;
    stroke-dasharray: 1411.904296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1411.904296875px;
  }
}

@keyframes animate-svg-stroke-15 {
  0% {
    stroke-dashoffset: 1411.904296875px;
    stroke-dasharray: 1411.904296875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 1411.904296875px;
  }
}

@-webkit-keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-15 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-15 {
  -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
                       animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
          animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
               animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 610.7763671875px;
    stroke-dasharray: 610.7763671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 610.7763671875px;
  }
}

@keyframes animate-svg-stroke-16 {
  0% {
    stroke-dashoffset: 610.7763671875px;
    stroke-dasharray: 610.7763671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 610.7763671875px;
  }
}

@-webkit-keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-16 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-16 {
  -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
                       animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
          animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
               animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 660.7921752929688px;
    stroke-dasharray: 660.7921752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 660.7921752929688px;
  }
}

@keyframes animate-svg-stroke-17 {
  0% {
    stroke-dashoffset: 660.7921752929688px;
    stroke-dasharray: 660.7921752929688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 660.7921752929688px;
  }
}

@-webkit-keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-17 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-17 {
  -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
                       animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
          animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
               animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 717.9498291015625px;
    stroke-dasharray: 717.9498291015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.9498291015625px;
  }
}

@keyframes animate-svg-stroke-18 {
  0% {
    stroke-dashoffset: 717.9498291015625px;
    stroke-dasharray: 717.9498291015625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.9498291015625px;
  }
}

@-webkit-keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-18 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-18 {
  -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
                       animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
          animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
               animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 606.9472045898438px;
    stroke-dasharray: 606.9472045898438px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9472045898438px;
  }
}

@keyframes animate-svg-stroke-19 {
  0% {
    stroke-dashoffset: 606.9472045898438px;
    stroke-dasharray: 606.9472045898438px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9472045898438px;
  }
}

@-webkit-keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-19 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-19 {
  -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
                       animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
          animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
               animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 440.3199462890625px;
    stroke-dasharray: 440.3199462890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 440.3199462890625px;
  }
}

@keyframes animate-svg-stroke-20 {
  0% {
    stroke-dashoffset: 440.3199462890625px;
    stroke-dasharray: 440.3199462890625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 440.3199462890625px;
  }
}

@-webkit-keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-20 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-20 {
  -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
                       animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
          animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
               animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}

@-webkit-keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 635.0130004882812px;
    stroke-dasharray: 635.0130004882812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0130004882812px;
  }
}

@keyframes animate-svg-stroke-21 {
  0% {
    stroke-dashoffset: 635.0130004882812px;
    stroke-dasharray: 635.0130004882812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0130004882812px;
  }
}

@-webkit-keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-21 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-21 {
  -webkit-animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
                       animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
          animation: animate-svg-stroke-21 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4s both,
               animate-svg-fill-21 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s both;
}

@-webkit-keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 579.1181640625px;
    stroke-dasharray: 579.1181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 579.1181640625px;
  }
}

@keyframes animate-svg-stroke-22 {
  0% {
    stroke-dashoffset: 579.1181640625px;
    stroke-dasharray: 579.1181640625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 579.1181640625px;
  }
}

@-webkit-keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-22 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-22 {
  -webkit-animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
                       animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
          animation: animate-svg-stroke-22 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.52s both,
               animate-svg-fill-22 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 284.3599853515625px;
    stroke-dasharray: 284.3599853515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 284.3599853515625px;
  }
}

@keyframes animate-svg-stroke-23 {
  0% {
    stroke-dashoffset: 284.3599853515625px;
    stroke-dasharray: 284.3599853515625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 284.3599853515625px;
  }
}

@-webkit-keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-23 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-23 {
  -webkit-animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
                       animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
          animation: animate-svg-stroke-23 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6399999999999997s both,
               animate-svg-fill-23 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both;
}

@-webkit-keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 635.0286865234375px;
    stroke-dasharray: 635.0286865234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0286865234375px;
  }
}

@keyframes animate-svg-stroke-24 {
  0% {
    stroke-dashoffset: 635.0286865234375px;
    stroke-dasharray: 635.0286865234375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0286865234375px;
  }
}

@-webkit-keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-24 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-24 {
  -webkit-animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
                       animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
          animation: animate-svg-stroke-24 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.76s both,
               animate-svg-fill-24 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 700.7785034179688px;
    stroke-dasharray: 700.7785034179688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 700.7785034179688px;
  }
}

@keyframes animate-svg-stroke-25 {
  0% {
    stroke-dashoffset: 700.7785034179688px;
    stroke-dasharray: 700.7785034179688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 700.7785034179688px;
  }
}

@-webkit-keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-25 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-25 {
  -webkit-animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
                       animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
          animation: animate-svg-stroke-25 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.88s both,
               animate-svg-fill-25 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s both;
}

@-webkit-keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 717.94970703125px;
    stroke-dasharray: 717.94970703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.94970703125px;
  }
}

@keyframes animate-svg-stroke-26 {
  0% {
    stroke-dashoffset: 717.94970703125px;
    stroke-dasharray: 717.94970703125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.94970703125px;
  }
}

@-webkit-keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-26 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-26 {
  -webkit-animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
                       animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
          animation: animate-svg-stroke-26 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3s both,
               animate-svg-fill-26 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s both;
}

@-webkit-keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 660.76953125px;
    stroke-dasharray: 660.76953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 660.76953125px;
  }
}

@keyframes animate-svg-stroke-27 {
  0% {
    stroke-dashoffset: 660.76953125px;
    stroke-dasharray: 660.76953125px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 660.76953125px;
  }
}

@-webkit-keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-27 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-27 {
  -webkit-animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
                       animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
          animation: animate-svg-stroke-27 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.12s both,
               animate-svg-fill-27 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 606.9474487304688px;
    stroke-dasharray: 606.9474487304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9474487304688px;
  }
}

@keyframes animate-svg-stroke-28 {
  0% {
    stroke-dashoffset: 606.9474487304688px;
    stroke-dasharray: 606.9474487304688px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9474487304688px;
  }
}

@-webkit-keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-28 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-28 {
  -webkit-animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
                       animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
          animation: animate-svg-stroke-28 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2399999999999998s both,
               animate-svg-fill-28 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5s both;
}

@-webkit-keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 606.9453735351562px;
    stroke-dasharray: 606.9453735351562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9453735351562px;
  }
}

@keyframes animate-svg-stroke-29 {
  0% {
    stroke-dashoffset: 606.9453735351562px;
    stroke-dasharray: 606.9453735351562px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 606.9453735351562px;
  }
}

@-webkit-keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-29 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-29 {
  -webkit-animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
                       animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
          animation: animate-svg-stroke-29 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.36s both,
               animate-svg-fill-29 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.6000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 585.353759765625px;
    stroke-dasharray: 585.353759765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.353759765625px;
  }
}

@keyframes animate-svg-stroke-30 {
  0% {
    stroke-dashoffset: 585.353759765625px;
    stroke-dasharray: 585.353759765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.353759765625px;
  }
}

@-webkit-keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-30 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-30 {
  -webkit-animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
                       animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
          animation: animate-svg-stroke-30 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.48s both,
               animate-svg-fill-30 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7s both;
}

@-webkit-keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 597.64013671875px;
    stroke-dasharray: 597.64013671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 597.64013671875px;
  }
}

@keyframes animate-svg-stroke-31 {
  0% {
    stroke-dashoffset: 597.64013671875px;
    stroke-dasharray: 597.64013671875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 597.64013671875px;
  }
}

@-webkit-keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-31 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-31 {
  -webkit-animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
                       animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
          animation: animate-svg-stroke-31 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.5999999999999996s both,
               animate-svg-fill-31 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.8s both;
}

@-webkit-keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 717.934326171875px;
    stroke-dasharray: 717.934326171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.934326171875px;
  }
}

@keyframes animate-svg-stroke-32 {
  0% {
    stroke-dashoffset: 717.934326171875px;
    stroke-dasharray: 717.934326171875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 717.934326171875px;
  }
}

@-webkit-keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-32 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-32 {
  -webkit-animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
                       animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
          animation: animate-svg-stroke-32 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.7199999999999998s both,
               animate-svg-fill-32 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.9000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 597.65966796875px;
    stroke-dasharray: 597.65966796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 597.65966796875px;
  }
}

@keyframes animate-svg-stroke-33 {
  0% {
    stroke-dashoffset: 597.65966796875px;
    stroke-dasharray: 597.65966796875px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 597.65966796875px;
  }
}

@-webkit-keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-33 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-33 {
  -webkit-animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
                       animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
          animation: animate-svg-stroke-33 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.84s both,
               animate-svg-fill-33 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4s both;
}

@-webkit-keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 635.0286254882812px;
    stroke-dasharray: 635.0286254882812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0286254882812px;
  }
}

@keyframes animate-svg-stroke-34 {
  0% {
    stroke-dashoffset: 635.0286254882812px;
    stroke-dasharray: 635.0286254882812px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 635.0286254882812px;
  }
}

@-webkit-keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-34 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-34 {
  -webkit-animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
                       animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
          animation: animate-svg-stroke-34 1s cubic-bezier(0.47, 0, 0.745, 0.715) 3.96s both,
               animate-svg-fill-34 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.1000000000000005s both;
}

@-webkit-keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 767.8385009765625px;
    stroke-dasharray: 767.8385009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 767.8385009765625px;
  }
}

@keyframes animate-svg-stroke-35 {
  0% {
    stroke-dashoffset: 767.8385009765625px;
    stroke-dasharray: 767.8385009765625px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 767.8385009765625px;
  }
}

@-webkit-keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-35 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-35 {
  -webkit-animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
                       animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
          animation: animate-svg-stroke-35 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.08s both,
               animate-svg-fill-35 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both;
}

@-webkit-keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 284.33984375px;
    stroke-dasharray: 284.33984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 284.33984375px;
  }
}

@keyframes animate-svg-stroke-36 {
  0% {
    stroke-dashoffset: 284.33984375px;
    stroke-dasharray: 284.33984375px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 284.33984375px;
  }
}

@-webkit-keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-36 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-36 {
  -webkit-animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
                       animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
          animation: animate-svg-stroke-36 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.2s both,
               animate-svg-fill-36 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.3s both;
}

@-webkit-keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 585.3540649414062px;
    stroke-dasharray: 585.3540649414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.3540649414062px;
  }
}

@keyframes animate-svg-stroke-37 {
  0% {
    stroke-dashoffset: 585.3540649414062px;
    stroke-dasharray: 585.3540649414062px;
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 585.3540649414062px;
  }
}

@-webkit-keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

@keyframes animate-svg-fill-37 {
  0% {
    fill: transparent;
  }

  100% {
    fill: rgb(254, 254, 254);
  }
}

.svg-elem-37 {
  -webkit-animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
                       animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
          animation: animate-svg-stroke-37 1s cubic-bezier(0.47, 0, 0.745, 0.715) 4.32s both,
               animate-svg-fill-37 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 4.4s both;
}