@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600;700&display=swap');
@import url(https://db.onlinewebfonts.com/c/be167b60b37c7f9cd47a1b0fdb248cf5?family=Arboria-Bold);

html {
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5 {
    font-family: 'Crimson Text', serif;
    font-weight: 600;
}

/* Special styling for SPA text using Arboria Bold */
.spa-text {
    font-family: 'Arboria-Bold', sans-serif;
    color: #6B5429;
}

.bbb {
    border: red solid 1px;
}

.w-timeline {
    width: 1.3px;
}

.accordion {
    cursor: pointer;
    outline: none;

}

.panel {
    display: none;
    overflow: hidden;
  }

  .text-hero {
    color: #f0d690;
  }

  .imgtop .text {
    position: absolute;
    right: 0;
    bottom: 30%;
    left: 0;
    text-align: center;
    z-index: 5;
  }

.arrows-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1em 0;
    /* remove width: 300px; as it might be causing issues */
}