html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px !important;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Quicksand', sans-serif;
}

section {
  all: unset;
  display: block;
}

.btn {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  font-family: 'Quicksand', sans-serif;
}

.shadow_ {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@keyframes slideInFromRight {
  0% {
      transform: translateX(100%);
      opacity: 0.5;
  }
  100% {
      transform: translateX(0);
      opacity: 1;
  }
}

.animate-slideInFromRight {
  animation: slideInFromRight 0.5s ease-out forwards;
}

.quicksand {
  font-family: 'Quicksand', sans-serif;
}

.roboto {
  font-family: 'Roboto', sans-serif;
}

/* ========================
   Accordion Styles Start
   ======================== */
.accordion {
  background-color: #fff;
  color: #000;
  cursor: pointer;
  padding: 1.1rem 1.99rem;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1rem;
  transition: 0.4s;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0.48rem 0;
  position: relative;
  padding-right: 3rem;
}

.accordion .active,
.accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 1.99rem;
  display: none;
  background-color: #fff;
  overflow: hidden;
}

.panel p {
  font-size: 1.2rem;
}

.accordion_holder {
  width: 100%;
}

button.accordion:before {
  content: '';
  display: inline-block;
  width: 10.65px;
  height: 19.17px;
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy44MjggMjkuODM4Ij48bGluZSB4Mj0iMTUiIHkyPSIxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS40MTQgMS40MTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNCIvPjxwYXRoIGQ9Ik0wLDE0Ljc4MUwxNSwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjQxNCAxMy42MzMpIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iNCIvPjwvc3ZnPg==');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 1.99rem;
  top: 50%;
  transform: translate(0%, -50%);
  transition: transform 0.3s;
}

button.accordion.active:before {
  transform: translate(0%, -50%) rotate(90deg);
}