:root {
  --white: #FFFFFF;
  --black: #000000;
  --creem: #F5F5FB;
  --higlight: #5A9A95;
  --higlight: #36726d;
}

html {
  scroll-behavior: smooth;
}

.accordion-collapse {
  transition: max-height 0.5s ease-in-out;
  overflow: hidden;
}

.accordion-collapse.collapse {
  max-height: 0;
}

.accordion-collapse.expanded {
  max-height: 500px;
  /* adjust this value based on your content height */
}

.arrow-icon {
  transition: transform 0.3s ease-in-out;
}

.arrow-icon.rotate {
  transform: rotate(180deg);
}

input {
  outline-color: #5A9A95;
}

@media screen and (max-width:600px) {
  .circle {
    display: none;
  }
}