/* add custom cursor */
  .logos-generales{
    max-width: 30%!important;
  }
  .logos-asociados{
    max-width: 19%!important;
  }
  .logos-asociados-small{
    max-width: 50%!important;
  }
  .exponsor-general-image{
    max-width: 90%!important;
  }
  .exponsor-image{
    width: 100%!important;
    
  }

  .section-secondary-sponsors {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .contenedor-grid-nivel-2 {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contenedor-grid-nivel-1 {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .contenedor-grid-nivel-3 {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 32px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    text-align: center;
  }
  .contenedor-grid-nivel-4 {
    display: block;
    width: 100%;
    max-width: 1200px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-auto-columns: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 24px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    text-align: center;
  }
  .grid-nivel-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .grid-nivel-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .grid-nivel-3 {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: center;
  }
  .grid-nivel-4 {
    display: -ms-grid;
    display: grid;
    justify-items: center;
    grid-auto-flow: row;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    text-align: center;
  }
  .enlace-nivel-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 280px;
    margin: 0px;
    padding: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e4ebf3;
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
  }
  
  .imagen-nivel-1 {
    width: 200px;
    height: 200px;
    margin-bottom: 12px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:auto; 
    margin-right:auto;
  }
  
  .nombre-nivel-1 {
    color: #64BD82;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
  }
  .enlace-nivel-2 {
    width: 200px;
    margin: 0px;
    padding: 24px;
    border: 1px solid #e4ebf3;
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
  }
  
  .imagen-nivel-2 {
    width: 150px;
    height: 150px;
    margin-bottom: 12px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:auto; 
    margin-right:auto;
  }
  .nombre-nivel-2 {
    color: #64BD82;
    font-size: 1.3rem;
    font-weight: 600;
    text-decoration: none;
  }
  
  .enlace-nivel-3 {
    width: 180px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px 24px;
    border: 1px solid #c7d5e5;
    border-radius: 16px;
    background-color: #fff;
    text-align: center;
    text-decoration: none;
  }
  
  .imagen-nivel-3 {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:auto; 
    margin-right:auto;
  }
  .nombre-nivel-3 {
    color: #64BD82;
    font-size: 1.2rem;
    font-weight: 600;
    text-decoration: none;
  }
  .enlace-nivel-4 {
    width: 180px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 16px;
    text-align: center;
    text-decoration: none;
  }
  .nombre-nivel-4 {
    color: #64BD82;
    font-size: 1.1rem;
    font-weight: 600;
    text-decoration: none;
  }
  .imagen-nivel-4 {
    width: 100px;
    height: 100px;
    margin-bottom: 12px;
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left:auto; 
    margin-right:auto;
  }
  .section-secondary-sponsors {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .section-main-sponsors {
    position: relative;
    padding-top: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid #e4ebf3;
    background-color: #f5f7fa;
  }
    
  
  @media screen and (max-width: 991px) {
    .section-main-sponsors {
      padding-right: 20px;
      padding-left: 20px;
    }
      .section-secondary-sponsors {
      padding-right: 20px;
      padding-left: 20px;
    }
      .contenedor-grid-nivel-2 {
      display: block;
      margin-bottom: 0px;
    }
    .contenedor-grid-nivel-3 {
      display: block;
      grid-auto-columns: 1fr;
      grid-column-gap: 36px;
      grid-row-gap: 24px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
    .contenedor-grid-nivel-4 {
      display: block;
      grid-auto-columns: 1fr;
      grid-column-gap: 36px;
      grid-row-gap: 24px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
    .grid-nivel-2 {
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
    }
    .grid-nivel-3 {
      display: -ms-grid;
      display: grid;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      grid-auto-flow: row;
      grid-auto-columns: 1fr;
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      text-align: left;
    }
    .grid-nivel-4 {
      display: -ms-grid;
      display: grid;
      -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      grid-auto-flow: row;
      grid-auto-columns: 1fr;
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      -ms-grid-rows: auto;
      grid-template-rows: auto;
      text-align: left;
    }
    .enlace-nivel-1 {
      width: 230px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .imagen-nivel-1 {
      width: 150px;
      height: 150px;
    }
    .enlace-nivel-2 {
      width: 170px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .imagen-nivel-2 {
      width: 120px;
      height: 120px;
    }
  
    .enlace-nivel-3 {
      width: 150px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 10px;
      margin-bottom: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
  
    .imagen-nivel-3 {
      width: 100px;
      height: 100px;
    }
  
    .enlace-nivel-4 {
      width: 150px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin-top: 0px;
      margin-bottom: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
    .imagen-nivel-4 {
      width: 80px;
      height: 80px;
    }
  
  
  }
  
  @media screen and (max-width: 767px) {
    .section-secondary-sponsors {
      padding-top: 32px;
      padding-bottom: 32px;
    }
    .section-main-sponsors {
      padding: 32px 15px;
    }
   
   
    .contenedor-grid-nivel-2 {
      display: block;
      justify-items: center;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
    .contenedor-grid-nivel-1 {
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
    }
  
    .contenedor-grid-nivel-3 {
      justify-items: center;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .contenedor-grid-nivel-4 {
      justify-items: center;
      grid-column-gap: 24px;
      grid-row-gap: 24px;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    .grid-nivel-1 {
      display: -ms-grid;
      display: grid;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
      text-align: center;
    }
  
    .grid-nivel-2 {
      display: -ms-grid;
      display: grid;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
      text-align: center;
    }
  
    .grid-nivel-3 {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
    }
    .grid-nivel-4 {
      -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
    }
  
    .enlace-nivel-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 230px;
      margin-right: auto;
      margin-left: auto;
      padding: 24px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .imagen-nivel-1 {
      width: 140px;
      height: 160px;
    }
  
    .enlace-nivel-2 {
      width: 200px;
      margin-right: auto;
      margin-left: auto;
    }
  
    .imagen-nivel-2 {
      width: 110px;
    }
  
    .enlace-nivel-3 {
      width: 160px;
      margin-top: 0px;
      margin-bottom: 0px;
      padding-right: 16px;
      padding-left: 16px;
    }
  
  
    .enlace-nivel-4 {
      width: 160px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
  }
  
  @media screen and (max-width: 479px) {
    .section-secondary-sponsors {
      padding: 32px 15px;
    }

    .section-main-sponsors {
      padding-top: 32px;
      padding-bottom: 32px;
    }
       .contenedor-grid-nivel-2 {
      max-width: none;
      grid-template-areas: "."
        "."
        "Area";
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-rows: auto auto auto;
    }
    .contenedor-grid-nivel-1 {
      display: block;
      max-width: none;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      grid-auto-columns: 1fr;
      grid-column-gap: 16px;
      grid-row-gap: 16px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
    .contenedor-grid-nivel-3 {
      max-width: none;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
    .contenedor-grid-nivel-4 {
      max-width: none;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
    }
    .grid-nivel-1 {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
  
    .grid-nivel-2 {
      display: -ms-grid;
      display: grid;
      grid-auto-columns: 1fr;
      grid-column-gap: 8px;
      grid-row-gap: 8px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
    }
  
    .grid-nivel-3 {
      grid-column-gap: 4px;
      grid-row-gap: 8px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      text-align: left;
    }
    .grid-nivel-4 {
      grid-column-gap: 4px;
      grid-row-gap: 8px;
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      text-align: left;
    }
    .enlace-nivel-1 {
      width: 230px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      margin: 0px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
    }
  
    .imagen-nivel-1 {
      width: 180px;
      height: 180px;
    }
    .enlace-nivel-2 {
      width: 200px;
      margin: 0px;
      padding: 16px;
    }
  
    .imagen-nivel-2 {
      width: 100px;
      height: 100px;
    }
  
    .enlace-nivel-3 {
      width: 160px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
    .imagen-nivel-3 {
      width: 90px;
      height: 90px;
    }
    .enlace-nivel-4 {
      width: 160px;
      margin-top: 0px;
      margin-bottom: 0px;
    }
  
  
  }
  
  
  
  
  
  
  




.section-header {
  margin-top: 90px!important;
}

.activity-label.todas {
  background-color: #444;
  color: #fff;
}

.activity-label.charlas {
  background-color: #741822;
  color: #fff;
}

.activity-label.concurso {
  background-color: #5a7b30;
  color: #fff;
}

.activity-label.demos {
  background-color: #1f616e;
  color: #fff;
}

.activity-label.firmas {
  background-color: #8a1f6a;
  color: #fff;
}

.activity-label.podcasts {
  background-color: #7da439;
  color: #fff;
}

.activity-label.presentacion {
  background-color: #ac2f3c;
  color: #fff;
}

.activity-label.taller {
  background-color: #64BD82;
  color: #fff;
}

.activity-label.torneo {
  background-color: #d28425;
  color: #fff;
}

.activity-label.otros {
  background-color: #444;
  color: #fff;
}


.chip-label.todas.activa {
  background-color: #444;
  color: #fff;
}

.chip-label.charlas.activa {
  background-color: #741822;
  color: #fff;
}

.chip-label.concurso.activa {
  background-color: #5a7b30;
  color: #fff;
}

.chip-label.demos.activa {
  background-color: #1f616e;
  color: #fff;
}

.chip-label.firmas.activa {
  background-color: #8a1f6a;
  color: #fff;
}

.chip-label.podcasts.activa {
  background-color: #7da439;
  color: #fff;
}

.chip-label.presentacion.activa {
  background-color: #ac2f3c;
  color: #fff;
}

.chip-label.taller.activa {
  background-color: #64BD82;
  color: #fff;
}

.chip-label.torneo.activa {
  background-color: #d28425;
  color: #fff;
}

.chip-label.otros.activa {
  background-color: #444;
  color: #fff;
}



input[type=radio]:checked + label {
	border: 1px solid #ed6905;
  background-color: #b6b6b6;
}

.white-text{
  color: #fff!important;
}  

.typed-words::after {
    content: "|";
    display: inline;
    animation: blink 1s infinite;
  }
  /* custom cursor animation */
  @keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  
/* Make text look crisper and more legible in all browsers */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  /* Focus state style for keyboard navigation for the focusable elements */
  *[tabindex]:focus-visible,
    input[type="file"]:focus-visible {
     outline: 0.125rem solid #4d65ff;
     outline-offset: 0.125rem;
  }
  /* Get rid of top margin on first element in any rich text element */
  .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
    margin-top: 0 !important;
  }
  /* Get rid of bottom margin on last element in any rich text element */
  .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
      margin-bottom: 0 !important;
  }
  /* Prevent all click and hover interaction with an element */
  .pointer-events-off {
      pointer-events: none;
  }
  /* Enables all click and hover interaction with an element */
  .pointer-events-on {
    pointer-events: auto;
  }
  /* Create a class of .div-square which maintains a 1:1 dimension of a div */
  .div-square::after {
      content: "";
      display: block;
      padding-bottom: 100%;
  }
  /* Make sure containers never lose their center alignment */
  .container-medium,.container-small, .container-large {
      margin-right: auto !important;
    margin-left: auto !important;
  }
  /* 
  Make the following elements inherit typography styles from the parent and not have hardcoded values. 
  Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
  Uncomment this CSS to use it in the project. Leave this message for future hand-off.
  */
  /*
  a,
  .w-input,
  .w-select,
  .w-tab-link,
  .w-nav-link,
  .w-dropdown-btn,
  .w-dropdown-toggle,
  .w-dropdown-link {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
  }
  */
  /* Apply "..." after 3 lines of text */
  .text-style-3lines {
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
  }
  /* Apply "..." after 2 lines of text */
  .text-style-2lines {
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
  }
  /* Adds inline flex display */
  .display-inlineflex {
    display: inline-flex;
  }
  /* These classes are never overwritten */
  .hide {
    display: none !important;
  }
  @media screen and (max-width: 991px) 
  {
    .hide, .hide-tablet{
      display: none !important;
    }
  }
  @media screen and (max-width: 767px)
  {
    .hide, .hide-tablet{
      display: none !important;
    }
  }
  @media screen and (max-width: 479px)
    {
      .hide, .hide-tablet{
        display: none !important;
      }
    }
  @media screen and (max-width: 767px)
  {
      .hide-mobile-landscape{
        display: none !important;
      }
  }
  @media screen and (max-width: 479px)
  {
      .hide-mobile{
        display: none !important;
      }
  }

  .margin-0 {
    margin: 0rem !important;
  }
  .padding-0 {
    padding: 0rem !important;
  }
  .spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
  }
  .margin-top {
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }
  .padding-top {
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }
  .margin-right {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
    margin-left: 0rem !important;
  }
  .padding-right {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
    padding-left: 0rem !important;
  }
  .margin-bottom {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }
  .padding-bottom {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }
  .margin-left {
    margin-top: 0rem !important;
    margin-right: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .padding-left {
    padding-top: 0rem !important;
    padding-right: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .margin-horizontal {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .padding-horizontal {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .margin-vertical {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }
  .padding-vertical {
    padding-right: 0rem !important;
    padding-left: 0rem !important;
  }