@font-face {
  font-family: 'rubik';
  src: url('/wp-includes/fonts/Rubik-VariableFont_wght.ttf');
}

body{
  font-family: 'rubik',arial;
}

button{
  font-family: inherit;
}

.arrow{
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.arrow-left {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m14 7l-5 5l5 5'/%3E%3C/svg%3E");
}

.arrow-right {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m10 17l5-5l-5-5'/%3E%3C/svg%3E");
}
  @media only screen and (max-width: 600px) {

  .container {
    display: flex;
    width: 100%;
    flex-direction: column-reverse;
  }

  .info-container{
    flex-direction: row;
  }

  .tab-span{
    font-size: 14px;
  }

  .info-container {
    flex-direction: column;
    margin: auto;
    width: 60%;
    gap: 1rem;
}

  .apexcharts-toolbar{
    top: 19px !important;
    right: 15px !important;
  }

}