/* why.css — EN homepage "Why Oriogo ?" section with the accordion (step 5).
   Rules are verbatim extracts from the captured Webflow shared CSS
   (reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css); each rule carries its
   source line number, media queries are re-grouped per original @media block (only the rules of
   this section from each). A rule is included when its selector can match an element of the
   section markup (group selectors are kept whole). Rules already present in the other CSS files
   (header, hero, about, base) are not repeated. No class renamed.
   The last block ("Rebuild additions") is NOT from the original: it replaces the Webflow IX2
   accordion actions, see assets/js/accordion.js. */

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3086 */
.section.oriogo, .section.team, .section.references {
  margin-top: 40px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3211 */
.text-size-medium {
  color: var(--black);
  letter-spacing: normal;
  text-decoration: none;
  -webkit-text-decoration-color: var(--black);
  text-decoration-color: var(--black);
  -webkit-text-decoration-skip-ink: auto;
  text-decoration-skip-ink: auto;
  font-family: Rethink Sans, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  text-decoration-style: solid;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3232 */
.text-size-medium.faq {
  font-family: Rethink Sans, sans-serif;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3265 */
.uui-faq01_list {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3271 */
.uui-faq01_answer {
  max-width: 100%;
  overflow: hidden;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3276 */
.uui-faq01_accordion {
  border-bottom: 1px solid var(--dark-blue);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3287 */
.uui-faq01_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3296 */
.uui-faq01_icon-wrapper {
  color: var(--untitled-ui--primary600);
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3300 */
.uui-faq01_component {
  width: 100%;
  max-width: none;
  margin-top: 3rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3349 */
.accordion-icon_component {
  border: 1px solid var(--dark-blue);
  background-color: var(--dark-blue);
  width: 1.6rem;
  height: 1.6rem;
  color: var(--untitled-ui--gray400);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3363 */
.accordion-icon_vertical-line {
  background-color: var(--untitled-ui--white);
  border-radius: 1px;
  width: 2px;
  height: .75rem;
  position: absolute;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3371 */
.accordion-icon_horizontal-line {
  background-color: var(--untitled-ui--white);
  border-radius: 1px;
  width: .75rem;
  height: 2px;
  position: absolute;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3384 */
.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3408 */
.uui-faq01_heading {
  color: var(--untitled-ui--gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4961 (hero rules only) */
@media screen and (min-width: 1280px) {
  /* :4983 */
  .uui-faq01_component {
      width: 100%;
      max-width: none;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5015 (hero rules only) */
@media screen and (min-width: 1440px) {
  /* :5077 */
  .uui-faq01_component {
      width: 100%;
      max-width: none;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5174 (hero rules only) */
@media screen and (min-width: 1920px) {
  /* :5290 */
  .uui-faq01_answer {
      max-width: 90rem;
    }

  /* :5294 */
  .uui-faq01_component {
      width: 100%;
      max-width: none;
    }

  /* :5299 */
  .uui-faq01_heading {
      font-size: 1.5rem;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5454 (hero rules only) */
@media screen and (max-width: 991px) {
  /* :5809 */
  .uui-faq01_component {
      max-width: none;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6197 (hero rules only) */
@media screen and (max-width: 767px) {
  /* :6453 */
  .uui-faq01_component {
      margin-top: 3rem;
    }

  /* :6471 */
  .uui-space-medium {
      min-height: 1.5rem;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6751 (hero rules only) */
@media screen and (max-width: 479px) {
  /* :6909 */
  .text-size-medium {
      text-align: center;
      align-self: center;
    }

  /* :6918 */
  .text-size-medium.faq {
      text-align: left;
      font-size: 1rem;
    }

  /* :6923 */
  .uui-faq01_icon-wrapper {
      align-self: flex-start;
    }

  /* :6927 */
  .accordion-icon_component {
      justify-content: center;
      align-items: center;
      width: 1.2rem;
      height: 1.2rem;
    }

  /* :6934 */
  .uui-faq01_heading {
      width: 80%;
      margin-top: -.25rem;
      font-size: 1.1rem;
    }
}

/* ===== Rebuild additions (replace the Webflow IX2 "FAQ01 accordion" actions) ===== */

/* Click-interaction targets get a pointer cursor (live: touch-action stays `auto`) */
.uui-faq01_question {
  cursor: pointer;
}

/* Answers are collapsed only while JavaScript runs (html.w-mod-js, set by the inline script in <head>);
   without JavaScript they stay readable (the original hides them with an inline height:0px).
   accordion.js toggles .is-expanded (logical state, set at click) and .is-animating (while the height
   transition runs); during the transition the height is driven by an inline style. */
html.w-mod-js .uui-faq01_accordion:not(.is-expanded):not(.is-animating) > .uui-faq01_answer {
  height: 0;
}

/* plus -> minus: the vertical bar turns by 90deg (300 ms, ease; same duration when closing) */
.accordion-icon_vertical-line {
  transition: transform .3s ease;
}

.uui-faq01_accordion.is-expanded .accordion-icon_vertical-line {
  transform: rotate(90deg);
}