*, *::after, *::before { box-sizing: border-box; scrollbar-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0); scrollbar-width: thin; }

::-webkit-scrollbar { width: 15px; }

::-webkit-scrollbar-corner { background: transparent; }

::-webkit-scrollbar-thumb { background-clip: content-box; background-color: rgba(120, 120, 120, 0.5); border: 3px solid transparent; border-radius: 20px; }

::-webkit-scrollbar-track { background-color: rgba(0, 0, 0, 0); }

html { background: #242536; }

body { background: #fff; color: rgba(0, 0, 0, 0.7); line-height: 1.5; font-family: "Satoshi-Regular", sans-serif; font-weight: normal; }

input, button, textarea { color: rgba(0, 0, 0, 0.7); font-family: "Satoshi-Regular", sans-serif; font-weight: normal; }

strong, b { font-family: "Satoshi-Bold", sans-serif; font-weight: normal; }

@media (max-width: 425px) { img { max-width: 100%; } }

p a { border-bottom: 1px solid #f49b40; color: #f49b40; text-decoration: none; }

.Bio { margin-bottom: 40px; }
.Bio::after { clear: both; content: ""; display: table; }
.Bio__avatar { border-radius: 100px; float: left; height: 200px; margin-right: 20px; }
@media (max-width: 425px) { .Bio__avatar { float: none; } }
.Bio__desc { margin-top: 0; }

.Button { border: 0; border-radius: 3px; cursor: pointer; display: inline-block; font-size: 0.9rem; font-family: "Satoshi-Bold", sans-serif; font-weight: normal; letter-spacing: 1px; padding: 10px 20px; text-decoration: none; text-transform: uppercase; }
.Button.big { font-size: 1rem; padding: 15px 25px; }
.Button.default { background: #fff; border: 1px solid lightgrey; color: rgba(0, 0, 0, 0.7); }
.Button.small { font-size: 0.8rem; padding: 7px 16px; }
.Button.primary { background-image: linear-gradient(to right, #f46e40, #f49b40); color: #fff; }
.Button:disabled { background: lightgrey; }

.BigTabs { color: rgba(0, 0, 0, 0.7); }
.BigTabsHead { display: flex; background-color: white; border-radius: 5px 5px 0 0; }
.BigTabsHead__item { background: transparent; background: rgba(0, 0, 0, 0.03); border: 2px solid #dfdfdf; border-right: 0; color: rgba(0, 0, 0, 0.3); cursor: pointer; flex: 1; font-family: "Satoshi-Black", sans-serif; font-weight: normal; font-size: 1.2rem; outline: 0; padding: 10px 0; text-transform: uppercase; }
.BigTabsHead__item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.5); }
.BigTabsHead__item.active { background: #fff; border-bottom: 0; color: rgba(0, 0, 0, 0.7); }
.BigTabsHead__item:first-of-type { border-top-left-radius: 5px; }
.BigTabsHead__item:last-of-type { border-right: 2px solid #dfdfdf; border-top-right-radius: 5px; }
.BigTabsBody { background-color: white; border: 2px solid #dfdfdf; border-radius: 0 0 5px 5px; border-top: 0; display: flex; padding: 40px; }
@media (max-width: 425px) { .BigTabsBody { display: block; padding: 20px; } }
.BigTabsBody__content { display: none; flex: 1; list-style: none; margin: 0; padding-left: 0; padding-right: 40px; }
@media (max-width: 425px) { .BigTabsBody__content { padding-right: 0; } }
.BigTabsBody__content.active { display: block; }

.Circle { border: 2px solid #ff9500; border-radius: 50%; display: inline-block; height: 150px; position: relative; width: 150px; }
@media (max-width: 425px) { .Circle { height: 120px; width: 120px; } }
.Circle.linked { background: #fff; border: 2px solid #af1f42; position: relative; z-index: 2; }
.Circle.linked.light { background: #00565f; border: 2px solid rgba(255, 255, 255, 0.6); }
.Circle__icon { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 90px; }
@media (max-width: 425px) { .Circle__icon { width: 70px; } }

.Contact { display: flex; margin: 40px 0; }
@media (max-width: 900px) { .Contact { display: block; } }
.Contact__item { flex: 1; }
.Contact__item:first-of-type { margin-right: 15px; }
@media (max-width: 900px) { .Contact__item:first-of-type { margin-right: 0; } }
.Contact__item:last-of-type { margin-left: 15px; }
@media (max-width: 900px) { .Contact__item:last-of-type { margin-left: 0; } }
.Contact__map { width: 100%; }
.ContactForm { border: 1px solid #ebebeb; border-radius: 3px; padding: 20px; }
.ContactPostal { display: flex; margin-bottom: 30px; }
.ContactPostal__address { flex: 1; }

.Footer { background: #242536; color: rgba(255, 255, 255, 0.8); font-size: .9rem; }
@media (max-width: 425px) { .Footer { text-align: center; } }
.Footer__logo { height: 25px; }
@media (max-width: 425px) { .Footer__logo { margin-bottom: 20px; } }
.Footer__map { line-height: 1; padding: 20px 0; }
.Footer__mentions { color: rgba(255, 255, 255, 0.6); padding: 20px 0; padding-bottom: 60px; text-align: center; }
.Footer__paragraph { margin: 0; margin-bottom: 5px; }

.GridBlocks { color: #fff; display: flex; flex-wrap: wrap; }
@media (max-width: 425px) { .GridBlocks { display: block; } }
.GridBlocks__body { flex: 1; text-align: center; }
.GridBlocks__iconList { display: flex; justify-content: center; }
@media (max-width: 425px) { .GridBlocks__iconList { display: block; } }
.GridBlocks__item { border-radius: 10px; border-style: solid; border-width: 2px; font-size: 1.2rem; margin: 2%; padding: 30px 40px; text-align: center; }
@media (max-width: 425px) { .GridBlocks__item { margin: 0; margin-bottom: 30px; padding: 30px 20px; } }
.GridBlocks__item.bigText { font-family: "Satoshi-Bold", sans-serif; font-weight: normal; font-size: 1.8rem; }
.GridBlocks__item.spaceBetween { display: flex; justify-content: space-between; text-align: left; }
.GridBlocks__item.soloImg { display: flex; justify-content: center; }
.GridBlocks__item.white { background: rgba(255, 255, 255, 0.07); border-color: rgba(255, 255, 255, 0.7); }
.GridBlocks__item.primary { background: rgba(175, 31, 66, 0.2); border-color: #af1f42; }
.GridBlocks__item.secondary { background: rgba(244, 155, 64, 0.2); border-color: #f49b40; }
.GridBlocks__item.size100 { width: 100%; }
.GridBlocks__item.size35 { width: calc(35% - 2% * 2); }
@media (max-width: 425px) { .GridBlocks__item.size35 { width: 100%; } }
.GridBlocks__item.size65 { width: calc(65% - 2% * 2); }
@media (max-width: 425px) { .GridBlocks__item.size65 { width: 100%; } }
.GridBlocks__img { max-height: 100px; }
.GridBlocks__img.left { margin-right: 20px; }

.Header { background: rgba(0, 0, 0, 0); left: 0; padding-top: 30px; position: absolute; right: 0; z-index: 2; }

.Annoucement { color: white; background-color: #00bcc9; padding: 20px 0; }
.Annoucement .content { text-align: center; width: 100%; }
.Annoucement a { color: white; font-weight: bold; }
.Annoucement a:hover { text-decoration: none; }

h2 { margin-top: 40px; font-family: "Satoshi-Black", sans-serif; font-weight: normal; }

h3 { margin-top: 40px; }

.Heading { color: grey; }
.Heading.second { font-family: "Satoshi-Black", sans-serif; font-weight: normal; margin-bottom: 60px; position: relative; text-align: center; text-transform: uppercase; }
.Heading.second::after { background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)); content: ""; height: 3px; left: 50%; position: absolute; top: calc(100% + 20px); transform: translateX(-50%); width: 150px; }
.Heading.third { position: relative; text-align: center; text-transform: uppercase; top: -15px; font-family: "Satoshi-Black", sans-serif; font-weight: normal; }
.Heading.third.light { color: #fff; }
.Heading.light { color: #fff; }
.Heading.light::after { background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0)); }

.Helper.centered { margin: 0 auto; max-width: 1000px; padding-left: 30px; padding-right: 30px; position: relative; }
.Helper.spaceBetween { align-items: center; display: flex; justify-content: space-between; }
@media (max-width: 425px) { .Helper.spaceBetween { display: block; } }

.Hero { color: #fff; line-height: 1.5; overflow: hidden; position: relative; padding-top: 40px; text-shadow: 1px 1px rgba(0, 0, 0, 0.2); background: linear-gradient(120deg, #242536, #af1f42); }
.Hero__content { padding: 130px 0 200px; position: relative; z-index: 1; }
@media (max-width: 425px) { .Hero__content { padding: 80px 0 60px; } }
.Hero__content.page { padding: 70px 0 50px; text-align: center; }
.Hero__illus { bottom: 0; height: 600px; left: 20vw; position: absolute; right: 0; z-index: -1; }
@media (max-width: 425px) { .Hero__illus { display: none; } }
.Hero__paragraph { margin: 20px 0 40px; }
.Hero__txt { width: 50%; }
@media (max-width: 900px) { .Hero__txt { width: 75%; } }
@media (max-width: 425px) { .Hero__txt { width: auto; } }
.Hero__title { font-family: "Satoshi-Black", sans-serif; font-weight: normal; font-size: 2.6rem; text-transform: uppercase; margin: 0; }
@media (max-width: 425px) { .Hero__title { font-size: 1.8rem; } }
.Hero__subtitle { font-size: 2rem; margin: 0; font-family: "Satoshi-Black", sans-serif; font-weight: normal; }

.Input { border: 0; border-bottom: 1px solid #dddddd; color: #000; display: block; margin-bottom: 20px; padding: 10px 15px; transition: border ease .1s; width: 100%; }

.Textarea { border: 1px solid #dddddd; color: #000; display: block; margin-bottom: 20px; padding: 10px 15px; resize: vertical; transition: border ease .1s; width: 100%; }

.List.reset { list-style: none; margin: 0; padding: 0; }

.Link, .Post a { border-bottom: 1px solid #f49b40; color: #f49b40; text-decoration: none; font-family: "Satoshi-Bold", sans-serif; font-weight: normal; }
.Link.footer, .Post a.footer { border: 0; color: rgba(255, 255, 255, 0.8); }
.Link.footer:hover, .Post a.footer:hover { border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: #fff; }

@media (max-width: 900px) { .Logo { clip-path: inset(0 75% 0 0); } }
.Logo.small { height: 25px; }

@media (max-width: 900px) { .Nav { position: absolute; right: 20px; top: 0; } }
.Nav__body { list-style: none; }
@media (max-width: 900px) { .Nav__body { background: #fff; border-radius: 5px; display: none; margin: 0; padding: 0; padding-bottom: 10px; padding-top: 10px; position: absolute; right: 0; top: 100%; } }
.Nav__body.open { display: block; }
.Nav__btn { background: transparent; border: 0; display: none; height: 50px; outline: none; width: 50px; position: relative; top: -10px; }
@media (max-width: 900px) { .Nav__btn { display: block; } }
.Nav__item { display: inline-block; }
@media (max-width: 900px) { .Nav__item { display: block; } }
.NavLang { position: absolute; top: -20px; right: 43px; display: flex; font-weight: bold; font-size: 0.8rem; }
@media (max-width: 425px) { .NavLang { position: relative; top: initial; padding: 5px 15px; right: 0; } }
.NavLang__item { border-radius: 3px; padding: 0 5px; color: white; text-decoration: none; text-transform: uppercase; flex: 1; text-align: center; }
@media (max-width: 425px) { .NavLang__item { border: 1px solid #656565; color: #656565; }
  .NavLang__item:first-of-type { border-radius: 3px 0 0 3px; }
  .NavLang__item:last-of-type { border-radius: 0 3px 3px 0; } }
.NavLang__item.active { background-color: white; color: #656565; }
@media (max-width: 425px) { .NavLang__item.active { background-color: #656565; color: white; } }
.Nav__link { color: rgba(255, 255, 255, 0.6); font-family: "Satoshi-Bold", sans-serif; font-weight: normal; font-size: 0.9rem; padding: 5px 15px; text-decoration: none; text-transform: uppercase; }
@media (max-width: 900px) { .Nav__link { color: rgba(0, 0, 0, 0.6); display: block; text-decoration: none; white-space: nowrap; padding: 10px 45px 10px 15px; } }
.Nav__link:hover { color: #fff; }
@media (max-width: 900px) { .Nav__link:hover { color: #000; } }
.Nav__link.active { color: #fff; }
@media (max-width: 900px) { .Nav__link.active { color: #000; } }

.Paragraph.reset { margin: 0; }

.Section { overflow: hidden; padding-bottom: 60px; padding-top: 60px; position: relative; }
@media (max-width: 425px) { .Section { padding-bottom: 40px; padding-top: 40px; } }
.Section__strongWhite { color: #fff; }
.Section.withWaves { background: linear-gradient(120deg, #242536 30%, #af1f42); color: rgba(255, 255, 255, 0.8); padding-bottom: 160px; }
@media (max-width: 425px) { .Section.withWaves { padding-bottom: 80px; } }
.Section__background { left: 50%; mix-blend-mode: overlay; opacity: .15; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 100%; }
@media (max-width: 425px) { .Section__background { display: none; } }

.SideBlock { align-items: center; display: flex; margin-bottom: 60px; }
@media (max-width: 425px) { .SideBlock { display: block; text-align: center; } }
.SideBlock__illustration.right { order: 2; }
.SideBlock__icon { width: 200px; }
.SideBlock__title { color: #f49b40; font-family: "Satoshi-Bold", sans-serif; font-weight: normal; font-size: 1.3rem; margin-top: 0; }
@media (max-width: 425px) { .SideBlock__title { text-align: left; } }
.SideBlock__body { flex: 1; padding: 0 30px; }
@media (max-width: 425px) { .SideBlock__body { padding: 0; } }
.SideBlockList { margin-bottom: 0; margin-top: 10px; padding-left: 17px; }
@media (max-width: 425px) { .SideBlockList { text-align: left; } }
.SideBlockList__item { margin-bottom: 10px; }
.SideBlockList__item:last-of-type { margin-bottom: 0; }

.Social { background: linear-gradient(120deg, #242536, #af1f42); line-height: 1; padding: 20px 0; }
.Social__icon { height: 25px; margin-left: 5px; opacity: .8; transition: all ease .2s; }
.Social__icon:hover { opacity: 1; transform: scale(1.2); }
@media (max-width: 425px) { .Social__icon { margin-top: 20px; } }
.Social__link { display: inline-block; }

.Tab { display: flex; justify-content: center; }
@media (max-width: 900px) { .Tab { display: block; } }
.TabContent { flex: 1; margin-left: 15px; }
@media (max-width: 900px) { .TabContent { margin-left: 0; } }
.TabContent__item { background: #000; background: rgba(175, 31, 66, 0.3); border: 2px solid #af1f42; border-radius: 15px; display: none; padding: 20px; }
@media (max-width: 900px) { .TabContent__item { transform: translateX(0); } }
.TabContent__item.active { display: block; }
@media (max-width: 900px) { .TabContent__item.active { border-radius: 0 0 15px 15px; } }
.TabContent__title { font-family: "Satoshi-Bold", sans-serif; font-weight: normal; margin: 0; }
.TabHeader { flex: 1; margin-right: 15px; }
@media (max-width: 900px) { .TabHeader { display: flex; margin-right: 0; } }
.TabHeader__icon { height: 70px; margin-right: 15px; }
@media (max-width: 900px) { .TabHeader__icon { height: 45px; margin-right: 0; } }
.TabHeader__item { align-items: center; background: rgba(0, 0, 0, 0.2); border: 2px solid rgba(0, 0, 0, 0); border-radius: 15px; color: rgba(255, 255, 255, 0.5); cursor: pointer; display: flex; margin-bottom: 15px; padding: 20px; transform: scale(0.95); transition: all ease 0.25s; }
.TabHeader__item:hover { background: rgba(0, 0, 0, 0.3); }
.TabHeader__item.active { background: rgba(175, 31, 66, 0.3); border-color: #af1f42; color: #fff; transform: scale(1); }
@media (max-width: 900px) { .TabHeader__item { border-bottom: 0; border-radius: 15px 15px 0 0; justify-content: center; margin-bottom: 0; padding: 10px 0; transform: scale(1); width: 100%; } }
.TabHeader__label { font-family: "Satoshi-Bold", sans-serif; font-weight: normal; }
@media (max-width: 900px) { .TabHeader__label { display: none; } }

table { border: 1px solid lightgrey; border-collapse: collapse; }
table td, table th { border: 1px solid lightgrey; padding: 7px 12px; }
table th { background: rgba(211, 211, 211, 0.2); }

.Team { display: flex; }
@media (max-width: 900px) { .Team { display: block; } }
.Team__item { flex: 1; padding-right: 20px; }
.Team__body { display: flex; }
.Team__avatar { border-radius: 100px; height: 120px; margin-right: 10px; width: auto; }
.Team__desc { margin-top: 0; }

.Waves { bottom: 7px; left: 0; margin-bottom: -7px; max-height: 100px; min-height: 50px; position: absolute; right: 0; width: 100%; z-index: 1; }
@media screen and (min-width: 0\0 ) { .Waves { display: none; } }
@media (max-width: 900px) { .Waves { height: 50px; } }
.Waves__item { animation: moveForever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; fill: #ee617a; }
.Waves__item:nth-child(1) { opacity: .2; }
.Waves__item:nth-child(2) { opacity: .1; }
.Waves__item:nth-child(3) { opacity: .05; }
.Waves__item:nth-child(1) { animation-delay: -2s; animation-duration: 10s; }
.Waves__item:nth-child(2) { animation-delay: -3s; animation-duration: 13s; }
.Waves__item:nth-child(3) { animation-delay: -4s; animation-duration: 16s; }
.Waves__item:nth-child(4) { animation-delay: -5s; animation-duration: 19s; }
.Waves__item.static { animation: none; }
.Waves__item.static:nth-child(2) { transform: translateX(7vw); }
@media (max-width: 900px) { .Waves__item.static:nth-child(2) { transform: translateX(17vw); } }
.Waves__item.static:last-of-type { transform: translateX(4vw); }
@media (max-width: 900px) { .Waves__item.static:last-of-type { transform: translateX(7vw); } }
.Waves__item.staticAlt { animation: none; }
.Waves__item.staticAlt:nth-child(2) { transform: translateX(6vw); }
@media (max-width: 900px) { .Waves__item.staticAlt:nth-child(2) { transform: translateX(25vw); } }
.Waves__item.staticAlt:last-of-type { transform: translateX(2vw); }
@media (max-width: 900px) { .Waves__item.staticAlt:last-of-type { transform: translateX(-5vw); } }
.Waves__item:last-of-type { fill: #fff; }

@keyframes moveForever { 0% { transform: translate3d(-90px, 0, 0); }
  100% { transform: translate3d(85px, 0, 0); } }
.Callbot__illus { bottom: 30px; left: initial; right: -290px; height: 500px; }

.DeploymentHead__logo { height: 60px; }
@media (max-width: 425px) { .DeploymentBody { padding: 0; } }
.DeploymentBody__desc { text-align: center; }
.DeploymentBody__illus { overflow: auto; }
.DeploymentBody__img { width: 100%; }
@media (max-width: 425px) { .DeploymentBody__img { width: inherit; height: 500px; max-width: inherit; } }
.DeploymentBody__list { padding-left: 15px; }

.Plugplay { text-align: center; }

.Home__hero::before { background: url("../../assets/img/homepage/bg-pattern.png"); background-size: cover; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; }

.CookieTabs { position: relative; }
@media (max-width: 900px) { .CookieTabs { padding-bottom: 80px; } }
.CookieTabs__cta { margin-top: 40px; text-align: center; }
.CookieTabs__logo { height: 45px; }
.CookieTabs__top { text-align: center; }

.CollectAndProcess { position: relative; }
.CollectAndProcessList { display: flex; margin-bottom: 80px; text-align: center; }
@media (max-width: 900px) { .CollectAndProcessList { display: block; } }
@media (max-width: 425px) { .CollectAndProcessList { margin-bottom: 0; } }
.CollectAndProcessList__item { flex: 1; padding: 0 20px; }
@media (max-width: 900px) { .CollectAndProcessList__item { display: inline-block; margin-bottom: 30px; padding: 0 5px; vertical-align: top; width: 49%; } }
.CollectAndProcessList__label { margin-top: 10px; text-align: center; }

.Integ { background: linear-gradient(to bottom, rgba(175, 31, 66, 0) 50%, rgba(175, 31, 66, 0.2)); border: 2px solid; border-image: linear-gradient(transparent, transparent, #af1f42, #af1f42) 50; border-top: 0; display: flex; margin-bottom: 80px; padding: 40px 60px; position: relative; }
@media (max-width: 900px) { .Integ { display: block; padding: 10px 20px; } }
.Integ__sectionLogo { width: 150px; }
@media (max-width: 425px) { .Integ__sectionLogo { width: 120px; } }
.IntegConnector { display: flex; flex: 1; }
@media (max-width: 900px) { .IntegConnector { justify-content: center; margin-bottom: 30px; } }
.IntegConnector__item { margin-bottom: 20px; margin-right: 35px; }
@media (max-width: 900px) { .IntegConnector__item { margin: 5vw; } }
@media (max-width: 900px) { .IntegConnector__logo { max-width: 100px; width: 25vw; } }
.IntegPlugAndPlay { flex: 1; text-align: center; }

.Privacy { align-items: center; background: linear-gradient(to bottom, rgba(175, 31, 66, 0) 50%, rgba(175, 31, 66, 0.2)); border: 2px solid; border-image: linear-gradient(transparent, transparent, #af1f42, #af1f42) 50; border-top: 0; display: flex; padding: 40px 60px; text-align: center; }
@media (max-width: 900px) { .Privacy { display: block; } }
.Privacy__logo { margin: 20px; }
@media (max-width: 425px) { .Privacy__logo { max-width: 35vw; } }
.Privacy__authority { align-items: center; display: flex; flex: 2; flex-wrap: wrap; justify-content: center; }
.Privacy__summary { flex: 1; }

.How__content { display: flex; justify-content: space-between; }
@media (max-width: 900px) { .How__content { display: block; } }
.How__item { flex: 1; position: relative; text-align: center; }
@media (max-width: 900px) { .How__item { align-items: center; display: flex; padding: 15px 0px; } }
.How__item::before, .How__item::after { background: #af1f42; content: ""; height: 2px; position: absolute; top: 80px; transform: translateY(-50%); width: 50%; }
@media (max-width: 900px) { .How__item::before, .How__item::after { height: 70%; left: 60px; transform: translateX(-50%); width: 2px; } }
.How__item::before { left: 0; }
@media (max-width: 900px) { .How__item::before { left: 60px; top: 0; } }
.How__item::after { right: 0; }
.How__item:first-of-type::before { display: none; }
.How__item:last-of-type::after { display: none; }
.How__item.light::before, .How__item.light::after { background: rgba(255, 255, 255, 0.6); }
.How__text { padding: 0 15px; }
@media (max-width: 900px) { .How__text { flex: 1; margin: 0; padding-right: 0; text-align: left; } }

.CustomerList { text-align: center; }
.CustomerList__item { display: inline-block; margin: 10px 20px; }
@media (max-width: 425px) { .CustomerList__item { margin: 5px 10px; } }
.Customer__logo { height: 40px; opacity: .3; }

.Press__content { display: flex; flex-wrap: wrap; }
@media (max-width: 425px) { .Press__content { display: block; } }

.Article { border: 1px solid lightgrey; border-radius: 10px; display: flex; flex-direction: column; margin: 15px; padding: 30px 20px; width: calc(50% - 15px); }
.Article:nth-of-type(odd) { margin-left: 0; }
.Article:nth-of-type(even) { margin-right: 0; }
@media (max-width: 900px) { .Article { margin: 0; margin-bottom: 30px; padding: 15px 20px; width: 100%; } }
.Article__content { flex-basis: 50px; text-align: center; }
.Article__foot { text-align: center; }
.Article__head { text-align: center; }
.Article__logo { height: 35px; }

.Rewards { text-align: center; }
.Rewards__cover { background: #fff; border-radius: 10px; display: inline-block; padding: 10px; text-align: center; }
.RewardsList { display: flex; text-align: center; }
@media (max-width: 900px) { .RewardsList { flex-wrap: wrap; } }
.RewardsList__item { flex: 1; margin: 0 15px; }
.RewardsList__item:first-of-type { margin-left: 0; }
@media (max-width: 425px) { .RewardsList__item:first-of-type { margin-left: 15px; } }
.RewardsList__item:last-of-type { margin-right: 0; }
@media (max-width: 425px) { .RewardsList__item:last-of-type { margin-right: 15px; } }
@media (max-width: 900px) { .RewardsList__item { flex: 0 0 23vw; margin: 0 30px 30px 0; } }
@media (max-width: 425px) { .RewardsList__item { flex: 1; margin: 0 15px; } }
.Rewards__logo { display: block; width: 100%; }
@media (max-width: 425px) { .Rewards__logo { width: 30vw; } }

.SolutionsContent { display: flex; gap: 30px; }
@media (max-width: 425px) { .SolutionsContent { flex-direction: column; } }
.SolutionsContent__head { align-content: center; display: flex; height: 60px; justify-content: center; margin-bottom: 30px; text-align: center; }
@media (max-width: 425px) { .SolutionsContent__head { margin-bottom: 0; } }
.SolutionsContent__img { height: 60px; }
@media (max-width: 900px) { .SolutionsContent__img { width: 35vw; } }
@media (max-width: 425px) { .SolutionsContent__img { margin-bottom: 10px; width: 220px; } }
.SolutionsContent__item { flex: 1; }
@media (max-width: 900px) { .SolutionsContent__item { text-align: left; } }
@media (max-width: 425px) { .SolutionsContent__item { margin-left: 0; margin-right: 0; } }
.SolutionsContent__item:first-of-type { margin-left: 0; }
.SolutionsContent__item:last-of-type { margin-right: 0; }

.UseCaseList { display: flex; justify-content: space-between; }
@media (max-width: 900px) { .UseCaseList { display: block; text-align: center; } }
.UseCaseList__item { display: inline-block; flex: 1; margin: 0 15px; text-align: center; }
.UseCaseList__item:first-of-type { margin-left: 0; }
.UseCaseList__item:last-of-type { margin-right: 0; }
@media (max-width: 900px) { .UseCaseList__item { margin: 0; width: 50vw; } }
@media (max-width: 425px) { .UseCaseList__item { width: 100%; } }
.UseCaseList__label { background: #eaeaea; border-radius: 50px; display: inline-block; font-family: "Satoshi-Bold", sans-serif; font-weight: normal; padding: 3px 15px; }

.Trademark { background: white; border: 1px solid #cecece; border-radius: 10px; padding: 20px 15px; }
@media (max-width: 425px) { .Trademark { padding: 10px 15px; } }
.Trademark__logo { display: block; width: 100%; }
@media (max-width: 425px) { .Trademark__logo { display: inline-block; width: 50vw; } }

.Scribr__hero { background: linear-gradient(120deg, #00565f, #24b6c5); }
.Scribr__altColor { background: #00565f; color: rgba(255, 255, 255, 0.8); padding-bottom: 100px; }
.Scribr__wave { fill: #35e1ff; }
.Scribr__illus { bottom: -80px; left: inherit; }
.Scribr__privacy { background: transparent; border: 0; }

.SalesHead { display: flex; }
.SalesHead__item { background: transparent; background: rgba(0, 0, 0, 0.03); border: 2px solid #dfdfdf; border-right: 0; color: rgba(0, 0, 0, 0.3); cursor: pointer; flex: 1; font-family: "Satoshi-Black", sans-serif; font-weight: normal; font-size: 1.2rem; outline: 0; padding: 10px 0; text-transform: uppercase; }
.SalesHead__item:hover { background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.5); }
.SalesHead__item.active { background: #fff; border-bottom: 0; color: rgba(0, 0, 0, 0.7); }
.SalesHead__item:first-of-type { border-top-left-radius: 5px; }
.SalesHead__item:last-of-type { border-right: 2px solid #dfdfdf; border-top-right-radius: 5px; }
.SalesBody { border: 2px solid #dfdfdf; border-radius: 0 0 5px 5px; border-top: 0; display: flex; padding: 40px; }
@media (max-width: 425px) { .SalesBody { display: block; padding: 20px; } }
.SalesBodyList { display: none; flex: 1; list-style: none; margin: 0; padding-left: 0; padding-right: 40px; }
@media (max-width: 425px) { .SalesBodyList { padding-right: 0; } }
.SalesBodyList.active { display: block; }
.SalesBodyList__item { margin-bottom: 15px; }
.SalesBodyList__item:last-of-type { margin-bottom: 0; }
.SalesBodyList__btn { background: transparent; border: 0; border: 1px solid transparent; border-radius: 5px; color: rgba(0, 0, 0, 0.3); cursor: pointer; display: block; font-family: "Satoshi-Black", sans-serif; font-weight: normal; font-size: 0.95rem; outline: 0; padding: 15px 20px; text-align: left; text-transform: uppercase; transition: all ease 0.3s; width: 100%; }
.SalesBodyList__btn.active { border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.7); transform: scale(1.02); }
.SalesBodyList__btn:hover { border: 1px solid rgba(0, 0, 0, 0.1); }
.SalesBodyList__btn.customer { border-left: 5px solid #f49b40; }
.SalesBodyList__btn.operator { border-left: 5px solid #24b6c5; }
.SalesBodyTrancript { display: flex; flex-basis: 200px; }
.SalesBodyTrancript__icon { height: 50px; margin-bottom: 6px; opacity: 0.3; }
.SalesBodyTrancript__icon.active { opacity: 1; }
.SalesBodyTrancript__item { flex: 1; padding: 10px 7px; }
.SalesBodyTrancript__item.right { text-align: right; }

.Trancript { display: flex; flex-direction: column; justify-items: flex-end; opacity: 0.3; transition: all ease 0.3s; }
.Trancript.active { opacity: 1; }
.Trancript__item { border-radius: 5px; height: 5px; margin-bottom: 3px; min-width: 5px; }
.Trancript__item.operator { background: #24b6c5; }
.Trancript__item.customer { background: #f49b40; }
.Trancript__item.right { align-self: flex-end; }

.CallToAction__link { border-bottom: 1px solid rgba(0, 0, 0, 0.3); color: rgba(0, 0, 0, 0.7); text-decoration: none; }
.CallToActionBody { align-items: center; display: flex; }
@media (max-width: 425px) { .CallToActionBody { display: block; text-align: center; } }
.CallToActionBody__item { flex: 1; }
.CallToActionBody__item.right { text-align: right; }
@media (max-width: 425px) { .CallToActionBody__item.right { text-align: center; } }

.FeaturesBody { display: flex; flex-wrap: wrap; }
@media (max-width: 425px) { .FeaturesBody { display: block; } }
.FeaturesBody__item { border-radius: 10px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); flex: 1 1 25%; margin: 20px; padding: 30px; text-align: center; position: relative; }
@media (max-width: 425px) { .FeaturesBody__item { align-items: center; display: grid; grid-template-columns: 100px 1fr; margin: 0; margin-bottom: 20px; padding: 15px; text-align: left; } }
.FeaturesBody__item.light { background-color: white; color: rgba(0, 0, 0, 0.7); }
.FeaturesBody__item.solo { display: flex; place-content: center; }
.FeaturesBody__item.half { flex: 1 1 45%; }
@media (max-width: 425px) { .FeaturesBody__item.with-cta { padding-bottom: 60px; } }
@media (max-width: 425px) { .FeaturesBody__item.with-cta .FeaturesBody__cta { position: absolute; bottom: 10px; left: 10px; right: 10px; text-align: center; } }
.FeaturesBody__desc { margin: 0; margin-top: 10px; }
@media (max-width: 425px) { .FeaturesBody__desc { margin-top: 0; } }
.FeaturesBody__img { height: 120px; max-width: 200px; }
@media (max-width: 425px) { .FeaturesBody__img { height: 90px; left: -10px; position: relative; width: 100%; } }
.FeaturesBody__img.small { height: inherit; width: 100%; max-height: 70px; max-width: 200px; }

.Expertise__illus { bottom: -100px; left: initial; right: -250px; }
.ExpertiseFeatures__img { height: 120px; }
@media (max-width: 425px) { .ExpertiseFeatures__img { height: 70px; } }

.BlogList { display: flex; flex-wrap: wrap; padding-bottom: 40px; padding-top: 40px; }
.BlogList__cover { border-radius: 5px 5px 0 0; max-width: 100%; }
.BlogList__date { font-style: italic; }
.BlogList__post { border-radius: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); display: flex; flex: 1 1 25%; flex-direction: column; margin: 10px; }
@media (max-width: 425px) { .BlogList__post { flex: 1 1 100%; margin: 10px 0; } }
@media (max-width: 900px) { .BlogList__post { flex: 1 1 40%; } }
.BlogList__body { flex: 1; padding: 10px 20px; }
.BlogList__title { font-family: "Satoshi-Black", sans-serif; font-weight: normal; margin: 0 0 10px; text-transform: uppercase; }
.BlogList__link { color: #f49b40; text-decoration: none; }

.Post { padding-bottom: 40px; padding-top: 40px; }
.Post pre { background: #fafafa; border: 1px solid #cccccc; border-radius: 5px; font-size: .9rem; padding: 10px; }
.Post img { max-width: 100%; }