/* about.css — EN homepage "About" section with the tabs (step 4).
   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 base.css / header.css /
   hero.css are not repeated. Includes the Webflow .w-tabs component rules. No class renamed.
   Behaviour (tab switching, ARIA, keyboard) lives in assets/js/tabs.js; the scroll-in effect of the
   section is assets/js/reveal.js (data-reveal), styled by hero.css. */

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1961 */
.w-tabs {
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1965 */
.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1971 */
.w-tabs:after {
  clear: both;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1975 */
.w-tab-menu {
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1979 */
.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1991 */
.w-tab-link.w--current {
  background-color: #c8c8c8;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1995 */
.w-tab-link:focus {
  outline: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:1999 */
.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2005 */
.w-tab-pane {
  display: none;
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2010 */
.w--tab-active {
  display: block;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2014 (hero rules only) */
@media screen and (max-width: 479px) {
  /* :2015 */
  .w-tab-link {
      display: block;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2361 */
.button-primary.bg-lenvander {
  background-color: var(--lavender-blue);
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2374 */
.button-primary.bg-lenvander.tabs {
  text-align: center;
  align-self: flex-start;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 1rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3040 */
.container-default {
  background-color: var(--untitled-ui--white);
  border-radius: 20px;
  width: 100%;
  max-width: 95vw;
  margin-left: auto;
  margin-right: auto;
  padding: 4rem 3.5rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3099 */
.flexbox-accordion {
  padding-bottom: 4rem;
  padding-left: 0;
  padding-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3661 */
.heading-default {
  font-weight: 500;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3665 */
.heading-default.white-color {
  color: var(--white);
  font-size: 2rem;
  font-weight: 400;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4568 */
.tab-headings {
  border-bottom: 2px solid var(--lavender-blue);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.25rem;
  font-weight: 500;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4577 */
.tab-headings.w--current {
  border-bottom-color: var(--dark-blue);
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4584 */
.tab-pane-tab-1 {
  border-radius: 20px;
  margin-top: 40px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4589 */
.div-block {
  width: 90%;
  height: 2px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4594 */
.tabs {
  margin-top: 50px;
  margin-left: 0;
  margin-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4600 */
.tab-menu {
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4608 */
.heading-content {
  background-color: var(--dark-blue);
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 50px 40px;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4620 */
.tabs-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f7f7f7;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
  padding: 50px 20px 50px 50px;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4650 */
.image-block {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-self: stretch;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4665 */
.tabs-image {
  vertical-align: top;
  flex: 0 auto;
  width: 240px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4671 */
.tabs-image.first {
  vertical-align: bottom;
  width: 47%;
  padding-top: 90px;
  padding-bottom: 0;
  padding-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4679 */
.tabs-image.first.work {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4686 */
.tabs-image.first.integration {
  width: 50%;
  padding-top: 30px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4691 */
.tabs-image.sec {
  display: none;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4695 */
.tabs-image.work {
  width: 290px;
  padding-top: 30px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4700 */
.tabs-image.report {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4706 */
.tabs-image.security {
  width: 100%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4710 */
.list-content {
  color: var(--black);
  font-size: 1.2rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4715 */
.list {
  color: var(--dark-blue);
  padding-left: 0;
  font-size: 1.2rem;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4726 */
.tab-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4732 */
.flex-block-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-end;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4741 */
.tab-pane-tab-2, .tab-pane-tab-3, .tab-pane-tab-4, .tab-pane-tab-5, .tab-pane-tab-6 {
  margin-top: 40px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4961 (hero rules only) */
@media screen and (min-width: 1280px) {
  /* :4975 */
  .container-default {
      max-width: 90vw;
    }

  /* :4979 */
  .flexbox-accordion {
      padding-bottom: 4rem;
    }
}

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

  /* :5252 */
  .flexbox-accordion {
      justify-content: center;
      align-items: flex-start;
    }

  /* :5433 */
  .tabs {
      align-self: center;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5454 (hero rules only) */
@media screen and (max-width: 991px) {
  /* :5727 */
  .container-default {
      padding-bottom: 2rem;
    }

  /* :5742 */
  .flexbox-accordion.tabs {
      padding-bottom: 0;
    }

  /* :6134 */
  .tab-menu {
      flex-flow: column;
      justify-content: space-between;
      align-items: flex-start;
    }

  /* :6140 */
  .heading-content {
      border-top-right-radius: 20px;
      border-bottom-left-radius: 0;
    }

  /* :6145 */
  .tabs-content {
      border-radius: 0 0 20px 20px;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6197 (hero rules only) */
@media screen and (max-width: 767px) {
  /* :6422 */
  .container-default, .container-default.reference, .container-default.bg-dark-blue.color-white {
      padding-left: 2rem;
      padding-right: 2rem;
    }

  /* :6671 */
  .tabs-content {
      grid-column-gap: 30px;
      grid-row-gap: 30px;
      padding-left: 40px;
    }

  /* :6677 */
  .tabs-image {
      width: 170px;
    }

  /* :6681 */
  .flex-block-5 {
      grid-column-gap: 45px;
      grid-row-gap: 45px;
      margin-left: 0;
      margin-right: 0;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6751 (hero rules only) */
@media screen and (max-width: 479px) {
  /* :6772 */
  .button-primary.bg-lenvander.tabs {
      width: auto;
    }

  /* :6873 */
  .container-default {
      padding: 2rem 1.5rem;
    }

  /* :6893 */
  .flexbox-accordion {
      padding-bottom: 2rem;
    }

  /* :7043 */
  .heading-default, .heading-3, .heading-4, .heading-6 {
      font-size: 2.3rem;
    }

  /* :7189 */
  .heading-content {
      border-radius: 20px;
      padding-left: 20px;
      padding-right: 20px;
    }

  /* :7195 */
  .tabs-content {
      border-radius: 20px;
      padding-left: 20px;
    }

  /* :7200 */
  .tabs-image.first {
      vertical-align: bottom;
      padding-top: 0;
    }

  /* :7205 */
  .list-content {
      font-size: 1rem;
    }

  /* :7209 */
  .list {
      padding-left: 5px;
    }

  /* :7213 */
  .tab-wrapper {
      grid-column-gap: 15px;
      grid-row-gap: 15px;
    }

  /* :7218 */
  .flex-block-5 {
      grid-column-gap: 25px;
      grid-row-gap: 25px;
      flex-flow: column;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7263 */
#w-node-_944806b9-67ff-df38-65f9-9b9743c998bc-ae8de04e, #w-node-_5de56d61-36b8-ace3-d75f-3c43bc73a8ee-ae8de04e, #w-node-af883803-68b7-92d5-44e8-a09028649976-ae8de04e, #w-node-c5283f87-445c-2283-7ea4-c0388716fcea-ae8de04e, #w-node-b9e42b24-88de-7aaa-340c-b34907660e4a-ae8de04e, #w-node-_12fa38f0-7613-72b3-f385-91a7f4bdddce-ae8de04e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7339 (hero rules only) */
@media screen and (min-width: 1920px) {
  /* :7340 */
  #w-node-_6dda875f-c271-f420-0443-fefa0e51c9c6-14693f99, #w-node-_12fa38f0-7613-72b3-f385-91a7f4bdddce-ae8de04e, #w-node-_1c5b9d63-fbc8-9f16-9a32-4a8358181ab4-dd187ff2, #w-node-f6c9f08d-fdd7-b262-1ac0-873d9d537ea7-ec3b5fef {
      grid-template-rows: auto;
      grid-template-columns: 1fr 2fr;
    }
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7353 (hero rules only) */
@media screen and (max-width: 991px) {
  /* :7369 */
  #w-node-_944806b9-67ff-df38-65f9-9b9743c998bc-ae8de04e, #w-node-_12fa38f0-7613-72b3-f385-91a7f4bdddce-ae8de04e, #w-node-_40fc78c1-dbb1-dc0e-58bc-e6a6ee947f3b-ae8de04e {
      grid-template-rows: auto;
      grid-template-columns: 1fr;
    }
}