/* reference.css — EN homepage "Who is behind Oriogo?" section with the logo marquee (step 8).
   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). Rules keep their ORIGINAL ORDER.
   Exception (measured): a rule that is byte-for-byte already present in an earlier CSS file (same media
   query, selector and declarations: .w-embed, .w-container, .w-layout-*, .container-default, .section,
   .heading-default ...) is NOT repeated here. Repeated at the end of the cascade it overrode
   later-in-original rules of other sections (e.g. .w-layout-hflex vs .language-flex at <=479px) and
   changed the Team/About layout. Only the three rules marked "repeated on purpose" are repeated,
   because the :6422 rule (repeated, needed in this section at 480-767px) would otherwise beat later-in-original rules of other sections at <=479px.
   Adding this file changes no computed style outside the section at any of the 12 test widths.
   No class renamed.
   The #w-node-... rules at <=479px belong to the logo images (leftovers of the grid placement in
   Webflow; the images are flex items, so they have no effect) and are kept with their ids.
   The marquee is pure CSS, no JavaScript. The last block of this file is the content of the
   <style> element that was embedded in the original page (Webflow "Embed" inside .logos-container2,
   an empty <div class="w-embed"> stays in the markup). It moved here unchanged (approved
   structural deviation); like in the original it comes after the shared CSS in the cascade. */



/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:709 */
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

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

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

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:729 */
.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:759 */
.w-col-5 {
  width: 41.6667%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:763 */
.w-col-6 {
  width: 50%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:767 */
.w-col-7 {
  width: 58.3333%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:863 (rules of this section only) */
@media screen and (max-width: 767px) {
  /* :872 */
  .w-row, .w-container .w-row {
      margin-left: 0;
      margin-right: 0;
    }

  /* :877 */
  .w-col {
      width: 100%;
      left: auto;
      right: auto;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:932 (rules of this section only) */
@media screen and (max-width: 479px) {

  /* :945 */
  .w-col {
      width: 100%;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3050 */
.container-default.reference {
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3454 */
.reference-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 20px;
  padding: 0;
  overflow: hidden;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3461 */
.reference-image {
  object-fit: cover;
  width: 85%;
  position: relative;
  right: -15%;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3472 */
.reference-image-wrapper {
  right: 0;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3476 */
.reference-text-block {
  max-width: 100%;
  padding-top: 1rem;
  padding-right: 15px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3482 */
.padding-bottom-twenty {
  padding-bottom: 20px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3499 */
.logo {
  width: 100px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3503 */
.logo.aukro {
  width: 70px;
  margin-bottom: 5px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3508 */
.logo.citrix {
  width: 60px;
  margin-bottom: 4px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3513 */
.logo.skoda {
  width: 95px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3517 */
.logo.tepsivo {
  width: 90px;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3929 */
.logos-container2 {
  max-width: 100%;
  overflow: clip;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:3934 */
.logos-row2 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  padding-left: 3rem;
  display: flex;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4633 */
.medium-bold {
  font-family: Rethink Sans, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
}

/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:4961 (rules of this section only) */
@media screen and (min-width: 1280px) {

  /* :4988 */
  .reference-image {
      width: 75%;
      right: -25%;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5015 (rules of this section only) */
@media screen and (min-width: 1440px) {
  /* :5082 */
  .reference-image {
      box-sizing: border-box;
      align-self: flex-end;
      width: 85%;
      right: -15%;
    }

  /* :5089 */
  .reference-image-wrapper {
      padding-left: 20px;
    }

  /* :5093 */
  .reference-text-block {
      padding-top: 3rem;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5174 (rules of this section only) */
@media screen and (min-width: 1920px) {

  /* :5303 */
  .reference-image {
      object-fit: cover;
      align-self: flex-end;
      width: 75%;
      height: auto;
      right: -25%;
    }

  /* :5311 */
  .reference-image-wrapper {
      aspect-ratio: auto;
      object-fit: fill;
      object-position: 100% 50%;
      justify-content: flex-start;
      align-items: flex-end;
      padding-left: 0;
    }

  /* :5320 */
  .reference-text-block {
      font-size: 22px;
      line-height: 1.5;
    }

  /* :5330 */
  .logo {
      width: 130px;
    }

  /* :5334 */
  .logo.aukro {
      width: 90px;
    }

  /* :5338 */
  .logo.citrix {
      width: 85px;
      margin-bottom: 5px;
    }

  /* :5343 */
  .logo.skoda {
      width: 130px;
    }

  /* :5384 */
  .logos-container2 {
      padding-bottom: 40px;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:5454 (rules of this section only) */
@media screen and (max-width: 991px) {

  /* :5818 */
  .reference-wrapper {
      grid-column-gap: 30px;
      margin-left: 0;
      margin-right: 0;
    }

  /* :5824 */
  .reference-image {
      width: 82vw;
      max-width: none;
      right: auto;
    }

  /* :5830 */
  .reference-image-wrapper {
      padding-top: 30px;
    }

  /* :5834 */
  .reference-text-block {
      width: 100%;
      padding-left: 0;
      padding-right: 40px;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6197 (rules of this section only) */
@media screen and (max-width: 767px) {

  /* :6422 (repeated on purpose: the same rule in an earlier file sits before a later-in-original rule that would win) */
  .container-default, .container-default.reference, .container-default.bg-dark-blue.color-white {
      padding-left: 2rem;
      padding-right: 2rem;
    }

  /* :6480 */
  .reference-wrapper {
      margin-left: auto;
      margin-right: auto;
    }

  /* :6490 */
  .padding-bottom-twenty {
      width: 87%;
      margin-left: auto;
      margin-right: auto;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:6751 (rules of this section only) */
@media screen and (max-width: 479px) {

  /* :6873 (repeated on purpose, see the :6422 rule above: it must come back after it to win again at <=479px) */
  .container-default {
      padding: 2rem 1.5rem;
    }

  /* :6877 */
  .container-default.reference {
      margin-left: auto;
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

  /* :6883 (repeated on purpose, same reason as :6873: it follows the :6422 rule in the original) */
  .container-default.bg-dark-blue.color-white {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

  /* :6945 */
  .reference-image {
      box-sizing: border-box;
      width: 100%;
    }

  /* :6950 */
  .reference-image-wrapper {
      padding-left: 0;
      padding-right: 0;
    }

  /* :6955 */
  .reference-text-block {
      padding-right: 0;
    }

  /* :6959 */
  .padding-bottom-twenty {
      margin-left: 0;
      margin-right: 0;
    }

  /* :6979 */
  .logo {
      width: 90px;
    }

  /* :6983 */
  .logo.aukro {
      width: 55px;
    }

  /* :6987 */
  .logo.citrix {
      width: 57px;
    }

  /* :6991 */
  .logo.skoda {
      width: 117px;
    }

  /* :6995 */
  .logo.finance {
      width: 139px;
      padding-left: 0;
    }
}


/* reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:7395 (rules of this section only) */
@media screen and (max-width: 479px) {
  /* :7471 */
  #w-node-_53494dc4-4468-818e-9d57-a5c104499e6c-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }

  /* :7476 */
  #w-node-_53494dc4-4468-818e-9d57-a5c104499e6d-ae8de04e {
      grid-area: 1 / 2 / 2 / 4;
      place-self: center;
    }

  /* :7481 */
  #w-node-_53494dc4-4468-818e-9d57-a5c104499e6e-ae8de04e {
      justify-self: center;
    }

  /* :7485 */
  #w-node-_53494dc4-4468-818e-9d57-a5c104499e6f-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: start;
    }

  /* :7490 */
  #w-node-_1a13d991-a82f-4741-fd0e-ecf297442ca2-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }

  /* :7495 */
  #w-node-_1a13d991-a82f-4741-fd0e-ecf297442ca3-ae8de04e {
      grid-area: 1 / 2 / 2 / 4;
      place-self: center;
    }

  /* :7500 */
  #w-node-_1a13d991-a82f-4741-fd0e-ecf297442ca4-ae8de04e {
      justify-self: center;
    }

  /* :7504 */
  #w-node-_1a13d991-a82f-4741-fd0e-ecf297442ca5-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: start;
    }

  /* :7509 */
  #w-node-f88cdabc-cb60-f694-dba3-07036b2ec9d2-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: end;
    }

  /* :7514 */
  #w-node-f88cdabc-cb60-f694-dba3-07036b2ec9d3-ae8de04e {
      grid-area: 1 / 2 / 2 / 4;
      place-self: center;
    }

  /* :7519 */
  #w-node-f88cdabc-cb60-f694-dba3-07036b2ec9d4-ae8de04e {
      justify-self: center;
    }

  /* :7523 */
  #w-node-f88cdabc-cb60-f694-dba3-07036b2ec9d5-ae8de04e {
      grid-area: span 1 / span 1 / span 1 / span 1;
      justify-self: start;
    }
}


/* embedded <style> of the original section (original page, div.w-embed inside .logos-container2) */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

.logos-row2 {
  animation: scroll 10s linear infinite;
}

.logos-container2:hover .logos-row2 {
  animation-play-state: paused;
}