@charset "utf-8";
/* Fonts */
/* Common styles */
body .gray_blue_700 {
  color: #202124;
}
body .gray_blue_600 {
  color: #3d4144;
}
body .gray_blue_500 {
  color: #60607a;
}
body .gray_blue_400 {
  color: #6c6c89;
}
body .gray_blue_300 {
  color: #a2a8ad;
}
body .gray_blue_200 {
  color: #ced0d5;
}
body .gray_blue_100 {
  color: #e3e4e9;
}
body .gray_blue_50 {
  color: #f1f3f3;
}
body .gray_400 {
  color: #ebebeb;
}
body .gray_300 {
  color: #f2f2f2;
}
body .gray_200 {
  color: #f8f8f8;
}
body .active_blue_700 {
  color: #0065ae;
}
body .active_blue_600 {
  color: #0081de;
}
body .active_blue_500 {
  color: #0098fd;
}
body .active_blue_400 {
  color: #00c0fd;
}
body .active_blue_200 {
  color: #81d7fc;
}
body .active_blue_100 {
  color: #e3f7ff;
}
body .yellow_500 {
  color: #ffaa00;
}
body .yellow_400 {
  color: #ffc700;
}
body .yellow_300 {
  color: #ffe16b;
}
body .yellow_200 {
  color: #ffeca7;
}
body .yellow_100 {
  color: #fff3c8;
}
body .gold_700 {
  color: #8f5f00;
}
body .gold_600 {
  color: #9b6400;
}
body .gold_500 {
  color: #ca9a43;
}
body .gold_400 {
  color: #e3c77d;
}
body .gold_300 {
  color: #f1deab;
}
body .gold_200 {
  color: #f6efdb;
}
body .gold_100 {
  color: #f8f5ef;
}
body .pro_gold_500 {
  color: #bd944a;
}
body .pro_gold_600 {
  color: #a67516;
}
body .pro_gold_700 {
  color: #8f5f00;
}
body .brand_600 {
  color: #0e44aa;
}
body .brand_500 {
  color: #1b54d6;
}
body .brand_400 {
  color: #2169d8;
}
body .brand_300 {
  color: #00a5ff;
}
body .brand_200 {
  color: #c6d7ff;
}
body .brand_100 {
  color: #e6efff;
}
body .black {
  color: #000;
}
body .black_90 {
  color: #1a1a1a;
}
body .black_80 {
  color: #333;
}
body .black_70 {
  color: #4d4d4d;
}
body .black_50 {
  color: #808080;
}
body .black_20 {
  color: #ccc;
}
body .black_10 {
  color: #e0e0e0;
}
body .ink_500 {
  color: #031647;
}
body .ink_400 {
  color: #4a526e;
}
body .ink_300 {
  color: #757e9a;
}
body .ink_200 {
  color: #929bb2;
}
body .cloud_600 {
  color: #8293aa;
}
body .cloud_500 {
  color: #c3ccd9;
}
body .cloud_400 {
  color: #d7dbe3;
}
body .cloud_300 {
  color: #e9e9e9;
}
body .cloud_200 {
  color: #edeff0;
}
body .cloud_100 {
  color: #f2f3f4;
}
body .white {
  color: #fff;
}
body .green_600 {
  color: #088585;
}
body .green_500 {
  color: #00c0b4;
}
body .green_400 {
  color: #00dccf;
}
body .green_300 {
  color: #bbeadc;
}
body .green_200 {
  color: #daf4e6;
}
body .green_100 {
  color: #e8f9f0;
}
body .persian_green {
  color: #01846e;
}
body .red_600 {
  color: #a5283b;
}
body .red_500 {
  color: #e82140;
}
body .red_400 {
  color: #ff5372;
}
body .red_300 {
  color: #ff8295;
}
body .red_200 {
  color: #ffadba;
}
body .red_100 {
  color: #ffced6;
}
body .ice_100 {
  color: #dbeaee;
}
body .blue_500 {
  color: #056efc;
}
body .blue_500_app {
  color: #006cff;
}
/* Viewports */
/* Additional colors */
html {
  overflow-x: hidden;
}
body {
  text-align: center;
  overflow-x: hidden;
}
.wrap {
  width: 100%;
  position: relative;
}
.wrap .in {
  position: relative;
  padding: 10px 25px 30px 25px;
}
@media only screen and (min-width: 480px) {
  .wrap .in {
    padding: 10px 0 30px 0;
    width: 430px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .wrap .in {
    padding: 10px 0 30px 0;
    width: 700px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1280px) {
  .wrap .in {
    width: 1100px;
  }
}
#header {
  background: #dbeff3;
}
#header .in {
  padding: 0;
  width: auto;
}
#header .banner {
  background: #d8eaf4;
  color: #246380;
}
#header .banner .content {
  padding: 8px 16px;
  font-size: 13px;
  display: flex;
  align-items: center;
  text-align: left;
  justify-content: space-between;
}
#header .banner .content .info {
  padding: 2px 16px 0 28px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/header/icon-ai.png') no-repeat center left;
  background-size: 19px 19px;
  line-height: 120%;
  min-height: 19px;
}
#header .banner .content .nav {
  padding: 0;
  line-height: normal;
}
#header .banner .content .nav span {
  white-space: nowrap;
  cursor: pointer;
  font-family: 'Inter SemiBold', sans-serif;
  transition: background 0.5s;
  display: inline-flex;
  border-radius: 4px;
  padding: 0 8px;
  height: 28px;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid #246380;
}
#header .banner.promo-5m {
  color: #4243a2;
}
#header .banner.promo-5m .content .info {
  padding: 2px 16px 0 16px;
  background: none;
}
#header .banner.promo-5m .content .info a {
  font-family: 'Inter Regular', sans-serif;
  color: #4243a2;
}
#header.full {
  position: static;
}
#header.light {
  background: #f2f3f4;
}
#header.demo {
  background: #101010;
}
#header.demo .in .sui-header-full .logo {
  width: 130px;
}
#header.demo .in .sui-header-full .logo a {
  width: 130px;
}
#header.demo .in .sui-header-full .logo a svg path {
  fill: #fff;
}
#header.demo .in .sui-header-full .nav li.menu-toggle span i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/menu-white.svg') no-repeat center center;
  background-size: 16px 16px;
}
#header.tour {
  background: #d5d8dd;
}
#header.background {
  background: #cee2e9;
}
#header.features {
  background: #ebebeb;
}
#header.analysis {
  background: #dbeaee;
}
#header.responses {
  background: #dff2db;
}
#header.transparent {
  z-index: 1;
  background: transparent;
}
#header.builder {
  background: #fff;
}
#header.reports {
  background: #cadfe9;
}
#header.medical {
  background: #ebf2ff;
}
#header.patient {
  background: #cfe6f0;
}
#header.healthcare {
  background: #d7e5fd;
}
#header.case-study.foodora {
  background: #ffe5e9;
}
#header.case-study.fleetcor {
  background: #f9e1e0;
}
#header.dashboards {
  background: #b0c7d5;
}
#header.compact {
  z-index: 4;
  background: transparent;
}
#header.compact .in .sui-header-full .logo {
  display: none;
}
#header.compact .in .sui-header-full.new {
  justify-content: flex-end;
}
#header.compact .sui-menu-compact .foot .nav .login {
  display: none;
}
#header.home-exp .sui-menu-compact .foot .nav .login .button.outline {
  border-width: 2px;
}
.no-touch #header .banner .content .nav span:hover {
  color: #fff;
  background: #246380;
}
.no-touch #header .banner.promo-5m .content .info a:hover {
  color: #000;
}
@media only screen and (min-width: 768px) {
  #header .in .sui-header-full.new .nav .demo .button.filled.blue {
    background: #ebf2ff;
    border: 1px solid #c9dafb;
    color: #424394;
  }
  #header .sui-menu.new .head .button.filled.blue {
    background: #ebf2ff;
    border: 1px solid #c9dafb;
    color: #424394;
  }
  #header .sui-menu.new .content ul li.demo.blue span {
    color: #2030c2;
  }
  #header.tour {
    background: #d5dade;
  }
  #header.demo .in .sui-header-full .nav li .button {
    color: #fff;
  }
  #header.demo .in .sui-header-full .nav li .button.outline {
    border-color: rgba(255, 255, 255, 0.2);
  }
  #header.demo .in .sui-header-full .nav li.login:after {
    background: rgba(255, 255, 255, 0.1);
  }
  #header.dashboards {
    background: none;
  }
  #header.compact .in .sui-header-full .nav li {
    display: none;
  }
  #header.compact .in .sui-header-full .nav li.menu-toggle {
    display: list-item;
  }
  #header.compact .sui-menu-compact .head .button.simple {
    display: none;
  }
  #header.home-exp .in .sui-header-full .nav li.demo {
    display: none;
  }
  #header.home-exp .in .sui-header-full .nav li.register {
    display: none;
  }
  #header.home-exp .in .sui-header-full .nav li.login {
    display: none;
  }
  #header.home-exp .sui-menu-compact .head .button.outline {
    border-width: 2px;
  }
  #header.light .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.responses .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.analysis .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.reports .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.tour .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.use-cases .in .sui-header-full.new .nav .demo .button.filled.blue,
  #header.case-study .in .sui-header-full.new .nav .demo .button.filled.blue {
    background: none;
    color: #000;
    border-color: rgba(0, 0, 0, 0.1);
  }
  .no-touch #header .in .sui-header-full.new .nav .demo .button.filled.blue:hover {
    border-color: #b5cbf8;
    background: #c9dafb;
  }
  .no-touch #header .in .sui-header-full.new .nav .demo .button.filled.blue:active {
    border-color: #b5cbf8;
    background: #c9dafb;
  }
  .no-touch #header .sui-menu.new .head .button.filled.blue:hover {
    background: #c9dafb;
    border-color: #b5cbf8;
  }
  .no-touch #header .sui-menu.new .head .button.filled.blue:active {
    background: #c9dafb;
    border-color: #b5cbf8;
  }
  .no-touch #header.light .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.responses .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.analysis .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.reports .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.tour .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.use-cases .in .sui-header-full.new .nav .demo .button.filled.blue:hover,
  .no-touch #header.case-study .in .sui-header-full.new .nav .demo .button.filled.blue:hover {
    background: rgba(0, 0, 0, 0.06);
    border-color: transparent;
  }
}
@media only screen and (min-width: 844px) {
  #header .banner .content {
    width: 752px;
    margin: 0 auto;
    justify-content: center;
    padding: 8px 0;
    font-size: 14px;
    height: 48px;
  }
  #header .banner .content .info {
    padding: 0 32px 0 28px;
    display: flex;
    align-items: center;
  }
  #header .banner .content .info strong {
    padding: 0 0 0 4px;
  }
  #header .banner.promo-5m .content {
    width: 100%;
  }
  #header .banner.promo-5m .content .info {
    display: block;
  }
}
@media only screen and (min-width: 1024px) {
  #header.compact {
    position: absolute;
  }
  #header.compact .in {
    background: none;
    overflow: visible;
  }
  #header.compact .sui-menu-compact {
    height: 100vh;
  }
  #header.compact .sui-menu-compact .content {
    flex-flow: column;
  }
}
@media only screen and (min-width: 1080px) {
  #header.home-exp .in .sui-header-full .nav li.register {
    display: block;
  }
  #header.home-exp .in .sui-header-full .nav li.register .button.outline {
    border-width: 2px;
  }
  #header.home-exp .in .sui-header-full .nav li.login {
    display: block;
  }
}
@media only screen and (min-width: 1152px) {
  #header.demo .in .sui-header-full .nav li.language .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down-white.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.demo .in .sui-header-full .nav li.language .button.open {
    color: #000;
  }
  #header.demo .in .sui-header-full .nav li.language .button.open .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.demo .in .sui-header-full.show-submenu .logo a svg path {
    fill: #000;
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.register .button {
    color: #fff;
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.register .button.outline {
    background: #bd944a;
    border-color: #bd944a;
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.login:after {
    background: rgba(0, 0, 0, 0.14);
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.login .button {
    color: #000;
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.language .button {
    color: #000;
  }
  #header.demo .in .sui-header-full.show-submenu .nav li.language .button .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.demo .sui-menu .content ul li a span {
    color: #fff;
  }
  #header.demo .sui-menu .content ul li span span {
    color: #fff;
  }
  #header.demo .sui-menu .content ul li span .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down-white.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.demo .sui-menu .content ul li span.has-submenu.open span {
    color: #000;
  }
  #header.demo .sui-menu .content ul li span.has-submenu.open .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.demo .sui-menu .content ul li.separator:before {
    background: rgba(255, 255, 255, 0.2);
  }
  #header.demo .sui-menu.show-submenu .content ul li a span {
    color: #000;
  }
  #header.demo .sui-menu.show-submenu .content ul li span span {
    color: #000;
  }
  #header.demo .sui-menu.show-submenu .content ul li span .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  #header.compact .in .sui-header-full {
    padding: 0 24px;
  }
  #header.compact .in .sui-header-full .nav li.menu-toggle {
    padding: 0;
  }
  #header.compact .sui-menu-compact {
    z-index: 999;
  }
  #header.home-exp .in .sui-header-full .nav li.menu-toggle {
    display: block;
    padding: 0;
  }
  #header.home-exp .in .sui-header-full .nav li.language {
    display: none;
  }
  #header.home-exp .sui-menu-compact {
    z-index: 100;
  }
  #header.home-exp .sui-menu-compact .head {
    padding: 0 32px 0 0;
  }
  #header.home-exp .sui-menu-compact .head .button.outline {
    border-width: 2px;
  }
  #header.banner .sui-menu {
    top: 48px;
  }
  .fixed-menu #header.demo .in .sui-header-full .logo a svg path {
    fill: #000;
  }
  .fixed-menu #header.demo .in .sui-header-full .nav li.register .button {
    color: #fff;
    border-color: #bd944a;
    background: #bd944a;
  }
  .fixed-menu #header.demo .in .sui-header-full .nav li.login:after {
    background: rgba(0, 0, 0, 0.14);
  }
  .fixed-menu #header.demo .in .sui-header-full .nav li.login .button {
    color: #000;
  }
  .fixed-menu #header.demo .in .sui-header-full .nav li.language .button {
    color: #000;
  }
  .fixed-menu #header.demo .in .sui-header-full .nav li.language .button .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  .fixed-menu #header.demo .sui-menu .content ul li a span {
    color: #000;
  }
  .fixed-menu #header.demo .sui-menu .content ul li span span {
    color: #000;
  }
  .fixed-menu #header.demo .sui-menu .content ul li span .sui-icon-16x16.sui-icon-arrow-down {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/arrow-down.svg') no-repeat center center;
    background-size: 16px 16px;
  }
  .fixed-menu #header.demo .sui-menu .content ul li.separator:before {
    background: rgba(0, 0, 0, 0.2);
  }
  body.fixed-menu {
    padding-top: 80px;
  }
  body.fixed-menu #header {
    position: fixed;
    box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
    transition: box-shadow 0.5s;
    top: 0;
    z-index: 99;
    background: #fff !important;
  }
  body.fixed-menu #header.light .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.responses .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.analysis .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.reports .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.tour .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.use-cases .in .sui-header-full .nav li.demo .button.filled.blue,
  body.fixed-menu #header.case-study .in .sui-header-full .nav li.demo .button.filled.blue {
    background: #e9f0fc;
    color: #424394;
    border-color: #c9dafb;
  }
  body.fixed-menu #header.home-exp .in .sui-header-full .nav li.register .button {
    background: #303181;
    border-color: #303181;
  }
  .no-touch body.fixed-menu #header.light .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.responses .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.analysis .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.reports .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.tour .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.use-cases .in .sui-header-full .nav li.demo .button.filled.blue:hover,
  .no-touch body.fixed-menu #header.case-study .in .sui-header-full .nav li.demo .button.filled.blue:hover {
    background: #c9dafb;
    border-color: #b5cbf8;
  }
  .no-touch body.fixed-menu #header.light .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.responses .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.analysis .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.reports .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.tour .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.use-cases .in .sui-header-full .nav li.demo .button.filled.blue:active,
  .no-touch body.fixed-menu #header.case-study .in .sui-header-full .nav li.demo .button.filled.blue:active {
    background: #c9dafb;
    border-color: #b5cbf8;
  }
  .no-touch body.fixed-menu #header.home-exp .in .sui-header-full .nav li.register .button:hover {
    background: #424394;
    border-color: #424394;
  }
  .no-touch body.fixed-menu #header.home-exp .in .sui-header-full .nav li.register .button:active {
    background: #303181;
    border-color: #303181;
  }
}
@media only screen and (min-width: 1280px) {
  #header.background {
    background: #cee2e9 url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation.jpg') no-repeat center top;
    background-size: auto 708px;
  }
  #header.tour {
    background: #d4dade;
  }
}
#signup {
  background: #dbeff3;
  overflow: hidden;
}
#signup .in {
  padding: 0;
}
#signup .in h1 {
  padding: 17px 25px 0 25px;
}
#signup .in h2 {
  display: none;
}
#signup .in .why {
  display: none;
}
#signup .in .sui-reg-form {
  margin: 30px 0 0 0;
  background: none;
  padding: 0 25px 35px 25px;
  box-shadow: none;
}
#signup .in .sui-reg-form.get-trial,
#signup .in .sui-reg-form.get-trial-inline {
  border-radius: 10px;
}
#signup .in .sui-reg-form.get-trial ul li.email .sui-input,
#signup .in .sui-reg-form.get-trial-inline ul li.email .sui-input {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#signup .in .sui-reg-form.get-trial ul li.email .sui-input:before,
#signup .in .sui-reg-form.get-trial-inline ul li.email .sui-input:before {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#signup .in .sui-reg-form.get-trial ul li.submit .sui-btn,
#signup .in .sui-reg-form.get-trial-inline ul li.submit .sui-btn {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 0 24px;
  letter-spacing: -0.01em;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#signup .in .hand {
  text-align: center;
  position: relative;
}
#signup .in .hand .image {
  display: block;
  height: 300px;
  width: 460px;
  overflow: hidden;
  left: calc((100% - 460px)/2);
  position: relative;
}
#signup .in .hand .title {
  display: block;
  position: absolute;
  top: 120px;
  width: 100%;
}
#signup .in .hand .title span {
  line-height: 120%;
  display: block;
  width: 100px;
  margin: 0 auto;
  font-size: 12px;
}
#signup .in .hand .button {
  display: block;
  position: absolute;
  top: 165px;
  width: 100%;
}
#signup .in .hand .button span {
  display: inline-block;
  margin: 20px auto 0 auto;
  background: #fff;
  font-size: 7px;
  text-transform: uppercase;
  border-radius: 3px;
  padding: 9px 9px 10px 9px;
  box-sizing: border-box;
}
#signup .in .animation-static {
  z-index: 1;
  width: 160px;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 9px 3px 0;
  height: 290px;
  position: relative;
  box-shadow: 30px 54px 42px rgba(24, 58, 69, 0.16);
  color: #323232;
  border-radius: 15px;
}
#signup .in .animation-static:before {
  content: '';
  display: block;
  width: 160px;
  height: 300px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.svg') no-repeat top center;
  background-size: cover;
}
#signup .in .animation-static:after {
  content: '';
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: -4px;
  right: -4px;
  z-index: 2;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-ua.svg') no-repeat top center;
  background-size: cover;
}
#signup .in .animation-static .frames {
  width: 154px;
  height: 300px;
  border-radius: 13px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-static-frame.webp') no-repeat center -15px;
  background-size: cover;
  position: relative;
}
#signup .in .animation-static .frames:before {
  z-index: 3;
  content: '';
  position: absolute;
  width: 134px;
  height: 5px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-phonebar.png') no-repeat center center;
  background-size: cover;
  left: 10px;
  top: 10px;
}
#signup .in .animation-static .frames .frame {
  padding: 0 10px;
  position: relative;
  width: 154px;
  height: 300px;
  display: flex;
  align-items: center;
}
#signup .in .animation-static .frames .frame .content {
  text-align: left;
  position: relative;
  top: -38px;
}
#signup .in .animation-static .frames .frame .content h2 {
  font-size: 12.5px;
  padding: 0 10px 0 0;
  line-height: 120%;
  display: block;
  color: #2b3c42;
  letter-spacing: -0.02em;
  width: auto;
}
#signup .in .animation-static .frames .frame .content p {
  font-size: 6.5px;
}
#signup .in .animation-static .frames .frame .content p.comment {
  color: rgba(43, 60, 66, 0.8);
  line-height: 150%;
  padding: 8px 0 0;
  letter-spacing: -0.01em;
}
#signup .in .animation-static .frames .frame .content p.enter {
  padding: 19px 0 0 0;
}
#signup .in .animation-static .frames .frame .content p .button {
  height: 24px;
  border-radius: 3px;
  display: inline-block;
  color: #333d41;
  background: #fff;
  letter-spacing: -0.01em;
  font-size: 8px;
  box-sizing: border-box;
  padding: 7px 10px 0 10px;
}
#signup .in .animation {
  display: none;
}
#signup .sui-cover {
  position: absolute;
  bottom: -1px;
  z-index: 1;
  height: calc(30px + 2vw);
}
#signup .badge {
  display: none;
}
#signup.background {
  background: #cee2e9;
}
#signup.background:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-static.webp') no-repeat center bottom;
  background-size: auto 684px;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 5px;
}
#signup.go-002 .in h1 {
  color: #000;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
}
#signup.go-002 .in h1 small strong {
  font-family: 'Inter Bold', sans-serif;
}
#signup.go-002 .in .sui-reg-form ul li.submit .sui-btn.light {
  background: #303181;
}
#signup.go-002 .in .sui-reg-form ul li .sui-input.focus:before {
  border-color: #303181;
}
#signup.go-002 .in .sui-reg-form ul li .sui-input.has-val.error:before {
  border-color: #e82140;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li .sui-input:hover:before {
  border-color: #424394 !important;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li .sui-input.error:hover:before {
  border-color: #e82140 !important;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li .sui-input.error.has-val:hover:before {
  border-color: #e82140 !important;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li .sui-input.success:hover:before {
  border-color: #00c0b4 !important;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li.submit .sui-btn.light:hover {
  background: #424394;
}
.no-touch #signup.go-002 .in .sui-reg-form ul li.submit .sui-btn.light:active {
  background: #303181;
}
@media only screen and (min-width: 480px) {
  #signup .in h1 {
    padding: 17px 0 0 0;
  }
  #signup .in .sui-reg-form {
    padding: 0 0 25px 0;
    margin: 35px 0 0 0;
  }
  #signup .in .hand .image {
    height: 290px;
  }
  #signup .in .animation-static {
    margin: 12px auto 0 auto;
    height: 300px;
  }
  #signup .sui-cover {
    height: calc(35px + 2vw);
  }
  #signup .badge {
    display: block;
    position: absolute;
    bottom: 100px;
    right: 0;
  }
  #signup .badge span {
    display: block;
    width: 101px;
    height: 165px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/badge-pcwelt.svg') no-repeat center center;
    background-size: cover;
  }
  #signup.background:before {
    top: -5px;
  }
}
@media only screen and (min-width: 768px) {
  #signup .in h1 {
    position: relative;
    z-index: 1;
    padding: 40px 0 0 0;
  }
  #signup .in h1 span {
    position: relative;
  }
  #signup .in h1 span small {
    position: absolute;
    top: -15px;
    right: 0;
    display: block;
    color: #303181;
    font-size: 22px;
    text-transform: lowercase;
  }
  #signup .in h1 span small strong {
    position: absolute;
    letter-spacing: 0.01em;
    top: -6px;
    left: 7px;
    white-space: nowrap;
  }
  #signup .in h2 {
    display: block;
    position: relative;
    z-index: 1;
    font-size: 20px;
    line-height: 140%;
    padding: 10px 0 0 0;
  }
  #signup .in .why {
    display: block;
    margin: 0 auto;
  }
  #signup .in .why ul {
    padding: 17px 0 0 0;
    display: inline-block;
  }
  #signup .in .why ul li {
    float: left;
    box-sizing: border-box;
    padding: 0 0 0 13px;
    margin: 13px 0 0 0;
    text-align: left;
  }
  #signup .in .why ul li:nth-child(1),
  #signup .in .why ul li:nth-child(3),
  #signup .in .why ul li:nth-child(5) {
    width: 300px;
  }
  #signup .in .why ul li:nth-child(3),
  #signup .in .why ul li:nth-child(5) {
    clear: left;
  }
  #signup .in .why ul li:before {
    width: 3px;
    height: 3px;
    top: 7px;
    content: '';
    background: #031647;
  }
  #signup .in .sui-reg-form {
    max-width: 600px;
    margin: 40px auto 95px auto;
    box-shadow: 0 12px 32px rgba(53, 53, 92, 0.16);
    padding: 0;
  }
  #signup .in .sui-reg-form ul li {
    padding: 0;
  }
  #signup .in .sui-reg-form ul li.password .sui-input {
    border-radius: 0;
  }
  #signup .in .sui-reg-form ul li.password .sui-input:before {
    border-radius: 0;
  }
  #signup .in .sui-reg-form ul li.submit .sui-btn {
    padding-left: 0;
    padding-right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 5px;
  }
  #signup .in .sui-reg-form.get-trial,
  #signup .in .sui-reg-form.get-trial-inline {
    max-width: 433px;
  }
  #signup .in .sui-reg-form.get-trial ul,
  #signup .in .sui-reg-form.get-trial-inline ul {
    display: flex;
    flex-wrap: wrap;
  }
  #signup .in .sui-reg-form.get-trial ul li,
  #signup .in .sui-reg-form.get-trial-inline ul li {
    width: auto;
    float: none;
  }
  #signup .in .sui-reg-form.get-trial ul li.email,
  #signup .in .sui-reg-form.get-trial-inline ul li.email {
    flex: 1;
  }
  #signup .in .sui-reg-form.get-trial ul li.email .sui-input,
  #signup .in .sui-reg-form.get-trial-inline ul li.email .sui-input {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
  #signup .in .sui-reg-form.get-trial ul li.email .sui-input:before,
  #signup .in .sui-reg-form.get-trial-inline ul li.email .sui-input:before {
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
  }
  #signup .in .sui-reg-form.get-trial ul li.email .sui-input:before,
  #signup .in .sui-reg-form.get-trial-inline ul li.email .sui-input:before {
    border-bottom-right-radius: 0;
  }
  #signup .in .sui-reg-form.get-trial ul li.submit,
  #signup .in .sui-reg-form.get-trial-inline ul li.submit {
    min-width: 201px;
  }
  #signup .in .sui-reg-form.get-trial ul li.submit .sui-btn,
  #signup .in .sui-reg-form.get-trial-inline ul li.submit .sui-btn {
    padding: 0 24px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
  }
  #signup .in .hand {
    display: none;
  }
  #signup .in .animation-static {
    display: none;
  }
  #signup .sui-cover {
    height: 40px;
  }
  #signup .badge {
    display: none;
  }
  #signup.background:before {
    display: none;
  }
  #signup.go-002 .in h1 span small {
    color: #424394;
  }
  #signup.go-002 .in h2 {
    color: #202124;
  }
  #signup.go-002 .in .why ul li span {
    color: #202124;
  }
}
@media only screen and (min-width: 1280px) {
  #signup .in {
    text-align: left;
    height: 625px;
  }
  #signup .in h1 {
    left: -3px;
    padding: 85px 0 0 0;
  }
  #signup .in h1 small strong {
    top: -9px;
  }
  #signup .in h2 {
    width: 600px;
    box-sizing: border-box;
    padding: 17px 0 0 0;
  }
  #signup .in .why {
    width: 600px;
    margin: 0;
  }
  #signup .in .why ul {
    padding: 22px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #signup .in .why ul li {
    width: 50%;
    float: none;
  }
  #signup .in .sui-reg-form {
    margin: 65px 0 0 0;
  }
  #signup .in .hand {
    position: absolute;
    right: -110px;
    display: block;
    bottom: 0;
  }
  #signup .in .hand .image {
    left: auto;
    height: 615px;
    width: 700px;
  }
  #signup .in .hand .title {
    top: 180px;
  }
  #signup .in .hand .title span {
    width: 140px;
    font-size: 17px;
  }
  #signup .in .hand .button {
    top: 255px;
  }
  #signup .in .hand .button span {
    font-size: 10px;
    padding: 17px 25px 16px 25px;
  }
  #signup .in .animation-static {
    display: none;
  }
  #signup .in .animation {
    display: block;
    opacity: 0;
    transition: opacity 1s;
    z-index: 1;
    width: 254px;
    box-sizing: border-box;
    padding: 14px 5px 0 5px;
    height: 552px;
    box-shadow: 30px 54px 42px rgba(24, 58, 69, 0.16);
    top: 6px;
    right: 76px;
    position: absolute;
    color: #323232;
    border-radius: 30px;
  }
  #signup .in .animation:before {
    content: '';
    display: block;
    width: 254px;
    height: 552px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.svg') no-repeat center center;
    background-size: cover;
  }
  #signup .in .animation:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 2;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-ua.svg') no-repeat top center;
    background-size: cover;
  }
  #signup .in .animation .frames {
    width: 244px;
    height: 520px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
  }
  #signup .in .animation .frames:before {
    z-index: 3;
    content: '';
    position: absolute;
    width: 215px;
    height: 9px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-phonebar.png') no-repeat center center;
    background-size: cover;
    left: 15px;
    top: 15px;
  }
  #signup .in .animation .frames:after {
    content: '';
    display: none;
    width: 244px;
    z-index: 2;
    height: 67px;
    background: linear-gradient(to bottom, #f4f6f8 75%, rgba(244, 246, 248, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  #signup .in .animation .frames ul {
    padding: 0;
    width: 244px;
    height: 520px;
  }
  #signup .in .animation .frames ul li {
    padding: 0;
    position: relative;
    width: 244px;
    height: 520px;
  }
  #signup .in .animation .frames ul li:before {
    display: none;
  }
  #signup .in .animation .frames ul li .frame {
    padding: 0 13px;
    position: relative;
    width: 244px;
    height: 520px;
    display: flex;
    align-items: center;
  }
  #signup .in .animation .frames ul li .frame .content h2 {
    font-size: 20px;
    padding: 0 10px 0 0;
    line-height: 120%;
    color: #2b3c42;
    letter-spacing: -0.02em;
    width: auto;
  }
  #signup .in .animation .frames ul li .frame .content h3 {
    padding: 0;
    font-size: 24px;
    line-height: 140%;
    width: auto;
  }
  #signup .in .animation .frames ul li .frame .content h4 {
    padding: 10px 0 0 0;
    font-size: 14px;
    line-height: 130%;
    width: auto;
  }
  #signup .in .animation .frames ul li .frame .content p {
    font-size: 10px;
  }
  #signup .in .animation .frames ul li .frame .content p.comment {
    color: rgba(43, 60, 66, 0.8);
    line-height: 150%;
    padding: 13px 0 0 0;
    letter-spacing: -0.01em;
  }
  #signup .in .animation .frames ul li .frame .content p.hint {
    font-size: 9px;
    padding: 4px 0 0 0;
    color: rgba(50, 50, 50, 0.6);
  }
  #signup .in .animation .frames ul li .frame .content p.enter {
    padding: 30px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame .content p .button {
    height: 36px;
    border-radius: 5px;
    display: inline-block;
    color: #333d41;
    background: #fff;
    letter-spacing: -0.01em;
    transition: background 0.1s;
    font-size: 12px;
    box-sizing: border-box;
    padding: 9px 14px 0 14px;
  }
  #signup .in .animation .frames ul li .frame .content p .button.click {
    background: rgba(255, 255, 255, 0.5);
  }
  #signup .in .animation .frames ul li .frame.welcome .content {
    position: relative;
    top: -55px;
  }
  #signup .in .animation .frames ul li .frame.sc .content,
  #signup .in .animation .frames ul li .frame.mc .content {
    padding: 0 0 60px 0;
  }
  #signup .in .animation .frames ul li .frame.sc .content .question ul,
  #signup .in .animation .frames ul li .frame.mc .content .question ul {
    width: auto;
    height: auto;
    padding: 12px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.sc .content .question ul li,
  #signup .in .animation .frames ul li .frame.mc .content .question ul li {
    width: auto;
    height: auto;
    padding: 6px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.sc .content .question ul li span,
  #signup .in .animation .frames ul li .frame.mc .content .question ul li span {
    display: block;
    font-size: 10px;
    line-height: 120%;
    padding: 11px 8px 10px 8px;
    box-sizing: border-box;
    min-height: 34px;
    transition: background 0.5s;
    background: #fff;
    border-radius: 5px;
  }
  #signup .in .animation .frames ul li .frame.sc .content .question ul li:first-child,
  #signup .in .animation .frames ul li .frame.mc .content .question ul li:first-child {
    padding: 0;
  }
  #signup .in .animation .frames ul li .frame.sc .content .question ul li.click span,
  #signup .in .animation .frames ul li .frame.mc .content .question ul li.click span {
    background: rgba(255, 255, 255, 0.5);
  }
  #signup .in .animation .frames ul li .frame.star .content {
    padding: 0 0 115px 0;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul {
    width: 100%;
    height: auto;
    padding: 16px 0 0 0;
    display: flex;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li {
    height: auto;
    padding: 0;
    width: 20%;
    position: relative;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li span {
    display: block;
    padding: 8px 0 0 0;
    text-align: center;
    box-sizing: border-box;
    height: 34px;
    background: #fff;
    transition: background 0.5s;
    border-right: 1px solid #c0d4da;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li span .sui-icon.xxs {
    font-size: 11px;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li small {
    display: block;
    position: absolute;
    width: 100%;
    font-size: 10px;
    text-align: center;
    bottom: -18px;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li:first-child span {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li:last-child span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 0;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li.click span {
    background: #a8bdc4;
  }
  #signup .in .animation .frames ul li .frame.star .content .question ul li.selected span {
    background: #e3edf0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content {
    position: relative;
    top: -55px;
  }
  #signup .in .animation .frames ul li .frame.thanks .content h2 {
    font-size: 18px;
  }
  #signup .in .animation .frames ul li .frame.thanks .content p.comment {
    color: #424242;
  }
  #signup .in .animation .frames ul li .frame.thanks .content p.enter {
    padding: 22px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul {
    width: auto;
    height: auto;
    padding: 16px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li {
    width: auto;
    height: auto;
    padding: 0;
    display: inline-block;
    margin: 0 3px 0 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li span {
    display: block;
    border: 1px solid #323232;
    border-radius: 100%;
    width: 28px;
    height: 28px;
    text-align: center;
    box-sizing: border-box;
    padding: 5px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li span .sui-icon {
    color: #323232;
    font-size: 13px;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li:last-child {
    margin: 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li.more {
    top: -2px;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li.more span {
    padding: 0;
  }
  #signup .in .animation .frames ul li .frame.thanks .content .social ul li.more span .sui-icon {
    font-size: 19px;
    position: relative;
    top: 4px;
  }
  #signup .in .animation .frames ul li .frame.analyze {
    align-items: start;
    background: #f4f6f8;
    border-radius: 20px;
    overflow-y: hidden;
    padding: 0 8px;
    opacity: 0;
    transition: opacity 0.5s;
  }
  #signup .in .animation .frames ul li .frame.analyze .content {
    position: relative;
  }
  #signup .in .animation .frames ul li .frame.analyze .content h2 {
    padding: 60px 5px 0 5px;
    font-size: 18px;
    color: #323232;
  }
  #signup .in .animation .frames ul li .frame.analyze .content p.comment {
    padding: 4px 5px 10px 5px;
    color: rgba(50, 50, 50, 0.6);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question {
    box-shadow: 0 2px 4px rgba(152, 167, 179, 0.42);
    background: #fff;
    border-radius: 8px;
    padding: 20px 15px 15px 15px;
    margin: 16px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question h4 {
    font-size: 12px;
    padding: 5px 0 0;
    line-height: 140%;
    letter-spacing: 0.01em;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 25px 0 0 0;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart {
    flex: 0 0 160px;
    border-bottom: 1px solid #e7ebf4;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol {
    padding: 0 11px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    box-sizing: border-box;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li {
    width: 16px;
    height: 91px;
    display: flex;
    align-items: flex-end;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li span {
    display: block;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 0;
    flex: 0 0 100%;
    transition: height 1.5s;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(1) span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(1) span {
    background: #26659b;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(1).grow span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(1).grow span {
    height: 91px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(2) span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(2) span {
    background: #49a9c2;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(2).grow span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(2).grow span {
    height: 56px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(3) span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(3) span {
    background: #8dd2ca;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(3).grow span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(3).grow span {
    height: 73px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(4) span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(4) span {
    background: #c5e8cc;
    opacity: 0.8;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(4).grow span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(4).grow span {
    height: 39px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(5) span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(5) span {
    background: #fdeeb8;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .chart ol li:nth-child(5).grow span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(5).grow span {
    height: 19px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .scale,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .scale {
    flex: 0 0 30px;
    justify-content: space-between;
    font-size: 9px;
    display: flex;
    flex-direction: column;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.sc .scale span,
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .scale span {
    position: relative;
    bottom: -4px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li {
    width: 19px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(2) span {
    background: #8dd2ca;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(3) span {
    background: #c5e8cc;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(3).grow span {
    height: 38px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(4) span {
    background: #fdeeb8;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.mc .chart ol li:nth-child(4).grow span {
    height: 49px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart {
    flex: 0 0 160px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol {
    padding: 0;
    margin: 0 0 0 10px;
    position: relative;
    width: 110px;
    height: 110px;
    border-radius: 100%;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol:before {
    background: #fff;
    z-index: 1;
    position: absolute;
    top: 15px;
    left: 15px;
    height: 80px;
    width: 80px;
    border-radius: 70px;
    content: '';
    display: block;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li {
    border-radius: 50%;
    clip: rect(0px, 110px, 110px, 55px);
    height: 100%;
    position: absolute;
    width: 100%;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li span {
    border-radius: 50%;
    clip: rect(0px, 55px, 110px, 0px);
    height: 100%;
    position: absolute;
    width: 100%;
    font-family: monospace;
    font-size: 1.5rem;
    display: block;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(1) {
    transform: rotate(0deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(1) span {
    background: #49a9c2;
    transform: rotate(90deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(2) {
    transform: rotate(62deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(2) span {
    background: #8dd2ca;
    transform: rotate(206deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(3) {
    transform: rotate(200deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(3) span {
    background: #c5e8cc;
    transform: rotate(45deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(4) {
    transform: rotate(-120deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(4) span {
    background: #26659b;
    transform: rotate(120deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(5) {
    transform: rotate(-124deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .chart ol li:nth-child(5) span {
    background: #fdeeb8;
    transform: rotate(28deg);
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale {
    flex: 0 0 30px;
    justify-content: space-between;
    font-size: 9px;
    display: flex;
    flex-direction: column;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span {
    position: relative;
    padding: 0 0 0 20px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:before {
    display: block;
    content: '';
    width: 12px;
    top: -1px;
    left: 0;
    height: 12px;
    border-radius: 4px;
    position: absolute;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:nth-child(1):before {
    background: #26659b;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:nth-child(2):before {
    background: #49a9c2;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:nth-child(3):before {
    background: #8dd2ca;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:nth-child(4):before {
    background: #c5e8cc;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .graph.star .scale span:nth-child(5):before {
    background: #fdeeb8;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .details {
    margin: 30px 0 0 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
    color: #73777b;
    font-size: 9px;
    position: relative;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .question .details:before {
    display: block;
    width: 12px;
    height: 12px;
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-config.svg') no-repeat center center;
    background-size: cover;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer {
    padding: 45px 5px 40px 5px;
    text-align: center;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer ul {
    padding: 0;
    width: auto;
    height: auto;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer ul li {
    width: auto;
    height: auto;
    font-size: 9px;
    color: #73777b;
    letter-spacing: -0.01em;
    line-height: 140%;
    position: relative;
    margin: 0 20px 0 0;
    display: inline-block;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer ul li:after {
    content: '';
    display: block;
    border-radius: 100%;
    top: 4px;
    width: 3px;
    height: 3px;
    position: absolute;
    background: #73777b;
    right: -13px;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer ul li:last-child {
    margin: 0;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer ul li:last-child:after {
    display: none;
  }
  #signup .in .animation .frames ul li .frame.analyze .content .footer p {
    font-size: 9px;
    color: #73777b;
    letter-spacing: -0.01em;
    line-height: 140%;
    padding: 7px 0 0 0;
  }
  #signup .in .animation .frames .bx-wrapper {
    z-index: 1;
    position: relative;
  }
  #signup .in .animation .frames .nav {
    padding: 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    bottom: 20px;
    right: 13px;
  }
  #signup .in .animation .frames .nav .button {
    height: 36px;
    text-align: center;
    width: 36px;
    border-radius: 5px;
    display: inline-block;
    color: #333d41;
    background: none;
    transition: background 0.1s;
    box-sizing: border-box;
    padding: 7px 0 0 0;
    transform: rotate(-90deg);
  }
  #signup .in .animation .frames .nav .button.active {
    background: #fff;
  }
  #signup .in .animation .frames .nav .button .sui-icon {
    color: #323232;
  }
  #signup .in .animation .frames .blur {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame-blur.jpg') no-repeat center center;
    background-size: cover;
    width: 244px;
    height: 520px;
    content: '';
    transition: opacity 0.24s;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
  }
  #signup .in .animation .frames.last:after {
    display: block;
  }
  #signup .in .animation .badge {
    width: 108px;
    display: block;
    height: 108px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/badge-crozdesk-quality-choice-2022.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -32px;
    left: -64px;
    z-index: 1;
  }
  #signup .sui-cover {
    height: calc(45px + 1vw);
    z-index: 1;
  }
  #signup .badge {
    bottom: 310px;
    display: block;
  }
  #signup.background {
    background: #cee2e9;
  }
  #signup.background:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation.jpg') no-repeat center bottom;
    background-size: auto 708px;
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: opacity 0.3s;
    left: 0;
    top: 0;
  }
  #signup.background .in {
    height: 630px;
  }
  #signup.background.light:before {
    opacity: 0.4;
  }
}
#forgotten {
  background: #dbeff3;
}
#forgotten .in {
  padding: 0 20px 110px 20px;
}
#forgotten .in h1 {
  font-size: 30px;
  padding: 12px 20px 0 20px;
}
#forgotten .in p {
  padding: 0;
}
#forgotten .in .content {
  background: #fff;
  padding: 10px 20px 40px 20px;
  margin: 0 auto;
  border-radius: 7px;
  text-align: left;
}
#forgotten .in .content h1 {
  padding: 85px 0 0 0;
  font-size: 25px;
  color: #000;
}
#forgotten .in .content p.common {
  padding: 10px 0 0 0;
}
#forgotten .in .content p.common .contact-us-forgotten {
  color: #303181;
  cursor: pointer;
  transition: color 0.5s;
  text-decoration: underline;
  font-family: 'Inter SemiBold', sans-serif;
}
#forgotten .in .content ul {
  padding: 13px 0 0 0;
}
#forgotten .in .content ul li {
  padding: 15px 0 0 0;
  text-align: left;
}
#forgotten .in .content ul li:before {
  display: none;
}
#forgotten .in .content ul li.email .sui-input.error-focus:before {
  border: 2px solid #e82140;
}
#forgotten .in .content ul li.password .sui-input input,
#forgotten .in .content ul li.password-confirm .sui-input input {
  padding-right: 42px;
}
#forgotten .in .content ul li.password .sui-input label,
#forgotten .in .content ul li.password-confirm .sui-input label {
  padding-right: 42px;
}
#forgotten .in .content ul li.password .sui-input .toggle,
#forgotten .in .content ul li.password-confirm .sui-input .toggle {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: 15px;
  right: 10px;
}
#forgotten .in .content ul li.password .sui-input .toggle i,
#forgotten .in .content ul li.password-confirm .sui-input .toggle i {
  display: block;
  width: 24px;
  height: 24px;
}
#forgotten .in .content ul li.password .sui-input .toggle i.hidden,
#forgotten .in .content ul li.password-confirm .sui-input .toggle i.hidden {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pass-hidden.svg') no-repeat center center;
  background-size: 24px auto;
}
#forgotten .in .content ul li.password .sui-input .toggle i.visible,
#forgotten .in .content ul li.password-confirm .sui-input .toggle i.visible {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pass-visible.svg') no-repeat center center;
  background-size: 24px auto;
}
#forgotten .in .content.request h1 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-lock.svg') no-repeat left 14px;
  background-size: 40px auto;
}
#forgotten .in .content.sent {
  text-align: center;
  padding: 100px 20px 105px 20px;
}
#forgotten .in .content.sent .confirm {
  padding: 90px 0 0 0;
  text-align: center;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-sent.svg') no-repeat center top;
  background-size: 80px 80px;
}
#forgotten .in .content.sent .email {
  line-height: normal;
  padding: 30px 0 0 0;
}
#forgotten .in .content.sent .email span {
  background: #e9e9e9;
  height: 33px;
  border-radius: calc(33px / 2);
  padding: 0 16px;
  line-height: 33px;
  display: inline-block;
  margin: 0 auto;
  color: #000;
}
#forgotten .in .content.set h1 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-key.svg') no-repeat left 16px;
  background-size: 48px auto;
}
#forgotten .in .content.confirm {
  text-align: center;
  padding: 100px 20px 105px 20px;
}
#forgotten .in .content.confirm .confirm {
  padding: 80px 0 0 0;
  text-align: center;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-confirm.svg') no-repeat center top;
  background-size: 48px 48px;
}
#forgotten .in .content.confirm .confirm span {
  color: #000;
  display: block;
  cursor: pointer;
  padding: 3px 0 0 0;
  transition: color 0.5s;
  text-decoration: underline;
  font-family: 'Inter SemiBold', sans-serif;
}
#forgotten .in .content.confirm .denied {
  padding: 80px 0 0 0;
  text-align: center;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-lock.svg') no-repeat center top;
}
#forgotten .in .content.confirm .denied span {
  color: #000;
  display: block;
  cursor: pointer;
  padding: 3px 0 0 0;
  transition: color 0.5s;
  text-decoration: underline;
  font-family: 'Inter SemiBold', sans-serif;
}
#forgotten .sui-cover {
  position: absolute;
  bottom: -1px;
  height: calc(30px + 2vw);
}
#sui-forgotten #footer .in .sui-divider.first {
  display: none;
}
.no-touch #forgotten .in .content p.common .contact-us-forgotten:hover {
  color: #000;
}
.no-touch #forgotten .in .content.confirm .confirm span:hover {
  color: #303181;
}
@media only screen and (min-width: 480px) {
  #forgotten .in {
    padding: 30px 0 110px 0;
  }
  #forgotten .in .content {
    padding: 10px 32px 40px 32px;
  }
  #forgotten .in .content h1 {
    padding: 110px 0 0 0;
    background-position: left 28px;
  }
  #forgotten .in .content.request h1 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-lock.svg') no-repeat left 27px;
  }
  #forgotten .in .content.set h1 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-key.svg') no-repeat left 27px;
  }
  #forgotten .sui-cover {
    height: calc(35px + 2vw);
  }
}
@media only screen and (min-width: 768px) {
  #forgotten .in .content {
    padding: 10px 48px 55px 48px;
    width: 512px;
    box-sizing: border-box;
  }
  #forgotten .in .content ul li.submit .sui-btn {
    display: block;
  }
  #forgotten .in .content.sent .confirm {
    font-size: 16.5px;
  }
  #forgotten .in .content.sent .confirm strong {
    display: block;
    padding: 3px 0 0 0;
  }
  #forgotten .sui-cover {
    height: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  #forgotten .sui-cover {
    height: calc(45px + 1vw);
  }
}
#headline {
  background: #f2f3f4;
}
#headline .in {
  padding: 10px 25px 60px 25px;
}
#headline .in h1 {
  padding: 0;
  color: #000;
}
#headline .in p {
  padding: 20px 0 0 0;
}
#headline .sui-cover {
  position: absolute;
  bottom: -1px;
  height: calc(30px + 2vw);
}
#headline.demo,
#headline.demo-form {
  background: #101010;
}
#headline.demo .in .content h1,
#headline.demo-form .in .content h1 {
  font-family: 'Inter Bold', sans-serif;
  color: #fff;
}
#headline.demo .in .content h1 strong,
#headline.demo-form .in .content h1 strong {
  font-family: 'Inter Bold', sans-serif;
  color: #bd944a;
}
#headline.demo .in .content p,
#headline.demo-form .in .content p {
  color: #ccc;
}
#headline.demo .in .content p .sui-btn,
#headline.demo-form .in .content p .sui-btn {
  width: auto;
}
#headline.demo .in .content p .sui-btn.lg,
#headline.demo-form .in .content p .sui-btn.lg {
  padding-left: 28px;
  padding-right: 28px;
}
#headline.demo .in .content ul,
#headline.demo-form .in .content ul {
  display: none;
}
#headline.demo .in .content .benefits,
#headline.demo-form .in .content .benefits {
  display: none;
}
#headline.demo .in .screen,
#headline.demo-form .in .screen {
  display: none;
}
#headline.demo .in .form,
#headline.demo-form .in .form {
  margin: calc(30px + 2vw) 0 0 0;
  background: #fff;
  padding: 0 25px 25px 25px;
  left: -25px;
  position: relative;
  text-align: left;
  width: calc(100% + 50px);
  box-sizing: border-box;
}
#headline.demo .in .form h2,
#headline.demo-form .in .form h2 {
  display: none;
}
#headline.demo .in .form ul,
#headline.demo-form .in .form ul {
  padding: 0;
}
#headline.demo .in .form ul li,
#headline.demo-form .in .form ul li {
  padding: 16px 0 0 0;
  text-align: left;
}
#headline.demo .in .form ul li:before,
#headline.demo-form .in .form ul li:before {
  display: none;
}
#headline.demo .in .form ul li .sui-input,
#headline.demo-form .in .form ul li .sui-input,
#headline.demo .in .form ul li .sui-select,
#headline.demo-form .in .form ul li .sui-select,
#headline.demo .in .form ul li .sui-textarea,
#headline.demo-form .in .form ul li .sui-textarea {
  height: 40px;
  font-size: 12px;
}
#headline.demo .in .form ul li .sui-input label,
#headline.demo-form .in .form ul li .sui-input label,
#headline.demo .in .form ul li .sui-select label,
#headline.demo-form .in .form ul li .sui-select label,
#headline.demo .in .form ul li .sui-textarea label,
#headline.demo-form .in .form ul li .sui-textarea label,
#headline.demo .in .form ul li .sui-input .selected,
#headline.demo-form .in .form ul li .sui-input .selected,
#headline.demo .in .form ul li .sui-select .selected,
#headline.demo-form .in .form ul li .sui-select .selected,
#headline.demo .in .form ul li .sui-textarea .selected,
#headline.demo-form .in .form ul li .sui-textarea .selected {
  padding: 12px 14px 0 14px;
  font-size: 12px;
  font-family: 'Inter Regular', sans-serif;
  color: rgba(0, 0, 0, 0.7);
}
#headline.demo .in .form ul li .sui-input label i,
#headline.demo-form .in .form ul li .sui-input label i,
#headline.demo .in .form ul li .sui-select label i,
#headline.demo-form .in .form ul li .sui-select label i,
#headline.demo .in .form ul li .sui-textarea label i,
#headline.demo-form .in .form ul li .sui-textarea label i,
#headline.demo .in .form ul li .sui-input .selected i,
#headline.demo-form .in .form ul li .sui-input .selected i,
#headline.demo .in .form ul li .sui-select .selected i,
#headline.demo-form .in .form ul li .sui-select .selected i,
#headline.demo .in .form ul li .sui-textarea .selected i,
#headline.demo-form .in .form ul li .sui-textarea .selected i {
  right: 13px;
  top: 13px;
}
#headline.demo .in .form ul li .sui-input .list,
#headline.demo-form .in .form ul li .sui-input .list,
#headline.demo .in .form ul li .sui-select .list,
#headline.demo-form .in .form ul li .sui-select .list,
#headline.demo .in .form ul li .sui-textarea .list,
#headline.demo-form .in .form ul li .sui-textarea .list {
  top: 45px;
  padding: 8px 0;
  border: 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
#headline.demo .in .form ul li .sui-input .list li,
#headline.demo-form .in .form ul li .sui-input .list li,
#headline.demo .in .form ul li .sui-select .list li,
#headline.demo-form .in .form ul li .sui-select .list li,
#headline.demo .in .form ul li .sui-textarea .list li,
#headline.demo-form .in .form ul li .sui-textarea .list li {
  padding: 0 14px;
  min-height: 40px;
  align-items: center;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  justify-content: flex-start;
  border-radius: 0;
  margin: 0;
}
#headline.demo .in .form ul li .sui-input.has-val label,
#headline.demo-form .in .form ul li .sui-input.has-val label,
#headline.demo .in .form ul li .sui-select.has-val label,
#headline.demo-form .in .form ul li .sui-select.has-val label,
#headline.demo .in .form ul li .sui-textarea.has-val label,
#headline.demo-form .in .form ul li .sui-textarea.has-val label,
#headline.demo .in .form ul li .sui-input.focus label,
#headline.demo-form .in .form ul li .sui-input.focus label,
#headline.demo .in .form ul li .sui-select.focus label,
#headline.demo-form .in .form ul li .sui-select.focus label,
#headline.demo .in .form ul li .sui-textarea.focus label,
#headline.demo-form .in .form ul li .sui-textarea.focus label {
  top: -7px;
  padding: 0 5px;
  font-family: 'Inter SemiBold', sans-serif;
  color: rgba(0, 0, 0, 0.7);
}
#headline.demo .in .form ul li .sui-input.md.has-val input,
#headline.demo-form .in .form ul li .sui-input.md.has-val input,
#headline.demo .in .form ul li .sui-select.md.has-val input,
#headline.demo-form .in .form ul li .sui-select.md.has-val input,
#headline.demo .in .form ul li .sui-textarea.md.has-val input,
#headline.demo-form .in .form ul li .sui-textarea.md.has-val input,
#headline.demo .in .form ul li .sui-input.md.focus input,
#headline.demo-form .in .form ul li .sui-input.md.focus input,
#headline.demo .in .form ul li .sui-select.md.focus input,
#headline.demo-form .in .form ul li .sui-select.md.focus input,
#headline.demo .in .form ul li .sui-textarea.md.focus input,
#headline.demo-form .in .form ul li .sui-textarea.md.focus input,
#headline.demo .in .form ul li .sui-input.md.has-val textarea,
#headline.demo-form .in .form ul li .sui-input.md.has-val textarea,
#headline.demo .in .form ul li .sui-select.md.has-val textarea,
#headline.demo-form .in .form ul li .sui-select.md.has-val textarea,
#headline.demo .in .form ul li .sui-textarea.md.has-val textarea,
#headline.demo-form .in .form ul li .sui-textarea.md.has-val textarea,
#headline.demo .in .form ul li .sui-input.md.focus textarea,
#headline.demo-form .in .form ul li .sui-input.md.focus textarea,
#headline.demo .in .form ul li .sui-select.md.focus textarea,
#headline.demo-form .in .form ul li .sui-select.md.focus textarea,
#headline.demo .in .form ul li .sui-textarea.md.focus textarea,
#headline.demo-form .in .form ul li .sui-textarea.md.focus textarea {
  top: 6px;
  height: 30px;
  font-family: 'Inter Regular', sans-serif;
  color: #000;
  font-size: 12px;
}
#headline.demo .in .form ul li .sui-input.md.error .msg,
#headline.demo-form .in .form ul li .sui-input.md.error .msg,
#headline.demo .in .form ul li .sui-select.md.error .msg,
#headline.demo-form .in .form ul li .sui-select.md.error .msg,
#headline.demo .in .form ul li .sui-textarea.md.error .msg,
#headline.demo-form .in .form ul li .sui-textarea.md.error .msg {
  padding: 0 0 4px 0;
}
#headline.demo .in .form ul li .sui-input.focus:before,
#headline.demo-form .in .form ul li .sui-input.focus:before,
#headline.demo .in .form ul li .sui-select.focus:before,
#headline.demo-form .in .form ul li .sui-select.focus:before,
#headline.demo .in .form ul li .sui-textarea.focus:before,
#headline.demo-form .in .form ul li .sui-textarea.focus:before {
  border: 1px solid #bd944a;
}
#headline.demo .in .form ul li .sui-input.error:before,
#headline.demo-form .in .form ul li .sui-input.error:before,
#headline.demo .in .form ul li .sui-select.error:before,
#headline.demo-form .in .form ul li .sui-select.error:before,
#headline.demo .in .form ul li .sui-textarea.error:before,
#headline.demo-form .in .form ul li .sui-textarea.error:before {
  border: 1px solid #e02e23;
}
#headline.demo .in .form ul li .sui-input.error .msg,
#headline.demo-form .in .form ul li .sui-input.error .msg,
#headline.demo .in .form ul li .sui-select.error .msg,
#headline.demo-form .in .form ul li .sui-select.error .msg,
#headline.demo .in .form ul li .sui-textarea.error .msg,
#headline.demo-form .in .form ul li .sui-textarea.error .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#headline.demo .in .form ul li .sui-select .selected,
#headline.demo-form .in .form ul li .sui-select .selected {
  color: rgba(0, 0, 0, 0.7);
}
#headline.demo .in .form ul li .sui-select.real-value .selected,
#headline.demo-form .in .form ul li .sui-select.real-value .selected {
  color: #000;
}
#headline.demo .in .form ul li .sui-textarea,
#headline.demo-form .in .form ul li .sui-textarea {
  height: 88px;
}
#headline.demo .in .form ul li .sui-textarea textarea,
#headline.demo-form .in .form ul li .sui-textarea textarea {
  padding: 0 13px;
}
#headline.demo .in .form .badges ul,
#headline.demo-form .in .form .badges ul {
  display: flex;
  padding: 8px 0 0 0;
  justify-content: space-between;
}
#headline.demo .in .form .badges ul li,
#headline.demo-form .in .form .badges ul li {
  padding: 0;
}
#headline.demo .in .form .badges ul li:before,
#headline.demo-form .in .form .badges ul li:before {
  display: none;
}
#headline.demo .in .form .badges ul li img,
#headline.demo-form .in .form .badges ul li img {
  width: auto;
  height: 72px;
}
#headline.demo .in .form .terms,
#headline.demo-form .in .form .terms {
  padding: 15px 0 0 0;
  line-height: 130%;
}
#headline.demo .in .form .terms span,
#headline.demo-form .in .form .terms span {
  font-size: 12px;
  color: #6c6c89;
}
#headline.demo .in .form .terms span a,
#headline.demo-form .in .form .terms span a {
  color: #6c6c89;
  font-family: 'Inter Regular', sans-serif;
}
#headline.demo .in .form .submit,
#headline.demo-form .in .form .submit {
  display: flex;
  z-index: 2;
  position: relative;
}
#headline.demo .in .form .submit .sui-btn.light,
#headline.demo-form .in .form .submit .sui-btn.light {
  background: #bd944a;
}
#headline.demo .in .form .lock,
#headline.demo-form .in .form .lock {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 1;
  opacity: 0.7;
}
#headline.demo .in .form .user-data-sent,
#headline.demo-form .in .form .user-data-sent {
  display: none;
  text-align: center;
}
#headline.demo .in .form .user-data-sent p,
#headline.demo-form .in .form .user-data-sent p {
  padding: 100px 0 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-sent.svg') no-repeat center 25px;
  background-size: 80px 80px;
}
#headline.demo .in .form .sui-cover,
#headline.demo-form .in .form .sui-cover {
  display: block;
  left: -25px;
  top: calc((30px + 2vw) * -1);
  bottom: auto;
  width: calc(100% + 50px);
}
#headline.demo-form .in {
  padding-bottom: 0;
}
#headline.demo-form .in .content p span {
  display: none;
}
#headline.demo-form .in .content p.list-title {
  display: none;
}
#headline.demo-form .sui-cover {
  display: none;
}
#headline.demo-form.external .in {
  padding-bottom: 60px;
}
#headline.demo-form.external .in .content .submit {
  padding: 32px 0 0 0;
}
#headline.demo-form.external .in .content .submit .sui-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  height: 56px;
  border-radius: 12px;
  padding: 0 24px;
}
#headline.demo-form.external .in .content .submit .sui-btn.light {
  background: #bd944a;
}
#headline.demo-form.external .in .screen {
  display: none;
}
#headline.demo-form.external .sui-cover {
  display: block;
}
#headline.use-case .in h1 {
  font-size: 30px;
}
#headline.use-case .in .category {
  position: relative;
  z-index: 1;
  padding: 5px 0 0 0;
}
#headline.use-case .in .category span a {
  font-family: 'Inter Regular', sans-serif;
}
#headline.customers {
  background: #fff;
}
#headline.customers:before {
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-customers-header-mobile.jpg') no-repeat left top;
  background-size: contain;
  width: 479px;
  height: 352px;
  content: '';
  position: absolute;
  left: 0;
  top: -78px;
}
#headline.customers .in {
  text-align: left;
  padding: 47px 24px 65px 48px;
  color: #000;
}
#headline.customers .in .content h1 {
  padding: 145px 0 0 0;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.03em;
  font-size: 37px;
  line-height: 108%;
  position: relative;
}
#headline.customers .in .content h1:before {
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/customers-head-min.jpg') no-repeat left top;
  background-size: contain !important;
  border-radius: 24px;
  width: 112px;
  content: '';
  height: 112px;
  position: absolute;
  top: 0;
  left: 0;
}
#headline.customers .in .content p {
  font-size: 16px;
  line-height: 150%;
}
#headline.customers .in .content ul {
  padding: 15px 0 0 0;
}
#headline.customers .in .content ul li {
  padding: 24px 0 0 0;
  font-size: 13px;
}
#headline.customers .in .content ul li:before {
  display: none;
}
#headline.customers .in .content ul li a {
  align-items: center;
  display: flex;
  font-family: 'Inter Regular', sans-serif;
  text-decoration: none;
  color: #000;
}
#headline.customers .in .content ul li a i {
  margin: 0 13px 0 0;
}
#headline.customers .in .content ul li a span {
  display: flex;
  flex-wrap: wrap;
}
#headline.customers .in .content ul li a span strong {
  font-size: 13px;
  line-height: 154%;
  flex: 0 1 100%;
}
#headline.customers .in .content ul li a span span {
  font-size: 12px;
  line-height: 133%;
  flex: 0 1 100%;
}
#headline.customers .in .image {
  display: none;
}
#headline.features {
  background: #ebebeb;
  margin: 0 0 24px 0;
}
#headline.features .in {
  color: #000;
}
#headline.features .in h1 {
  font-size: 32px;
  line-height: 119%;
  font-family: 'Inter Bold', sans-serif;
}
#headline.features .in p {
  font-size: 16px;
  line-height: 150%;
  padding: 10px 0 0 0;
}
#headline.affiliate .in .image {
  width: 136px;
  height: 136px;
  margin: 0 auto;
}
#headline.affiliate .in .image picture,
#headline.affiliate .in .image img {
  display: block;
  border-radius: 100%;
}
#headline.affiliate .in .image .grid {
  display: none;
}
#headline.affiliate .in .content h1 {
  padding: 17px 0 0 0;
}
#headline.affiliate .in .content p {
  font-size: 15px;
  line-height: 150%;
  padding: 10px 0 0 0;
}
#headline.affiliate .in .content p.more {
  padding: 15px 0 0 0;
}
#headline.affiliate .in .content p.more .sui-btn {
  background: #f8ce1c;
  color: #000;
}
#headline.analysis {
  background: #dbeaee;
}
#headline.analysis .in {
  padding: 56px 24px 68px 48px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  color: #3d4144;
}
#headline.analysis .in .content h1 {
  padding: 36px 0 0 0;
  color: #000;
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  line-height: 108%;
  letter-spacing: -0.03em;
}
#headline.analysis .in .content p {
  padding: 16px 0 0 0;
  font-size: 16px;
  line-height: 150%;
}
#headline.analysis .in .content a {
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#headline.analysis .in .content ul {
  padding: 16px 0 0 0;
}
#headline.analysis .in .content ul li {
  font-size: 14px;
  margin: 8px 0 0 0;
  padding: 0 0 0 32px;
  line-height: 143%;
}
#headline.analysis .in .content ul li:before {
  display: block;
  top: 1px;
  width: 16px;
  height: 16px;
  content: '';
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .content .more {
  padding: 24px 24px 0 0;
}
#headline.analysis .in .content .more .sui-btn {
  height: 56px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 16px 0 0 0;
  line-height: 100%;
  border-radius: 10px;
  letter-spacing: -0.01em;
  white-space: nowrap;
  width: 100%;
  font-size: 16px;
  background: #303181;
  padding: 0 24px;
}
#headline.analysis .in .content .more .sui-btn.demo {
  background: #e9f0fc;
  color: #303181;
}
#headline.analysis .in .image {
  width: 112px;
  height: 112px;
  position: relative;
}
#headline.analysis .in .image picture {
  display: block;
}
#headline.analysis .in .image picture img {
  border-radius: 24px;
}
#headline.analysis .in .image .graph {
  position: absolute;
  width: 64px;
  height: 52px;
  top: calc((100% - 52px) / 2);
  left: -16px;
}
#headline.analysis .in .image .graph.cs {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-cs.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.en {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-en.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.de {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-de.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.es {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-es.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.fr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-fr.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.pl {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-pl.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.no {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-no.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.nl {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-nl.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.it {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-it.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.fi {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-fi.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.sv {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-sv.png') no-repeat center center;
  background-size: cover;
}
#headline.analysis .in .image .graph.br {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-analysis-graph-br.png') no-repeat center center;
  background-size: cover;
}
#headline.responses {
  background: #dff2db;
}
#headline.responses .in {
  padding: 52px 24px 0 48px;
  text-align: left;
  color: #000;
}
#headline.responses .in .content h1 {
  padding: 0;
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  line-height: 108%;
  letter-spacing: -0.03em;
}
#headline.responses .in .content p {
  padding: 16px 0 0 0;
  font-size: 16px;
  line-height: 150%;
  font-family: 'Inter Medium', sans-serif;
}
#headline.responses .in .content ul {
  padding: 8px 0 0 0;
}
#headline.responses .in .content ul li {
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
  line-height: 157%;
}
#headline.responses .in .content ul li:before {
  display: block;
  top: 3px;
  width: 16px;
  height: 16px;
  content: '';
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#headline.responses .in .content ul li strong {
  display: block;
  padding: 0 0 4px 0;
}
#headline.responses .in .content .more {
  padding: 16px 24px 0 0;
}
#headline.responses .in .content .more .sui-btn {
  height: 56px;
  justify-content: center;
  color: #fff;
  margin: 16px 0 0 0;
  display: inline-flex;
  align-items: center;
  line-height: 100%;
  border-radius: 10px;
  letter-spacing: -0.01em;
  width: 100%;
  white-space: nowrap;
  font-size: 16px;
  background: #303181;
  padding: 0 24px;
}
#headline.responses .in .content .more .sui-btn.demo {
  background: #c7e9e2;
  color: #086452;
}
#headline.responses .in .image {
  width: 360px;
  height: 360px;
  position: relative;
  left: calc((100% - 384px) / 2);
}
#headline.responses .in .image picture {
  display: block;
}
#headline.article .in {
  padding: 16px 25px 48px 25px;
}
#headline.article .in .image {
  width: 112px;
  text-align: left;
  height: 112px;
}
#headline.article .in .image picture,
#headline.article .in .image img {
  display: block;
  border-radius: 16px;
}
#headline.article .in .content {
  text-align: left;
}
#headline.article .in .content h1 {
  padding: 24px 0 0 0;
  font-family: 'Inter Bold', sans-serif;
  font-size: 32px;
}
#headline.article .in .content p {
  padding: 16px 0 0 0;
}
#headline.article .in .content p.more {
  padding: 32px 0 0 0;
}
#headline.article .in .content p.more .cta {
  display: inline-flex;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
  padding: 0 24px;
  height: 56px;
  align-items: center;
  font-family: 'Inter SemiBold', sans-serif;
}
#headline.article .in .content ul {
  padding: 16px 0 0 0;
  font-size: 14px;
}
#headline.article .in .content ul li {
  padding: 8px 0 0 32px;
  line-height: 150%;
}
#headline.article .in .content ul li:before {
  content: '';
  width: 16px;
  top: 11px;
  height: 16px;
  display: block;
}
#headline.use-cases,
#headline.case-studies {
  background: #dbeff3;
}
#headline.use-cases .in,
#headline.case-studies .in {
  padding-top: 16px;
  padding-bottom: 40px;
}
#headline.use-cases .in h1,
#headline.case-studies .in h1 {
  font-size: 38px;
  color: #000;
}
#headline.use-cases .in p,
#headline.case-studies .in p {
  color: #000;
  padding: 8px 0 0 0;
}
#headline.builder,
#headline.reports,
#headline.medical,
#headline.patient {
  background: #fff;
}
#headline.builder .in,
#headline.reports .in,
#headline.medical .in,
#headline.patient .in {
  text-align: left;
  padding: 0 24px 56px 48px;
  color: #000;
}
#headline.builder .in .content h1,
#headline.reports .in .content h1,
#headline.medical .in .content h1,
#headline.patient .in .content h1 {
  padding: 52px 0 0 0;
  font-size: 37px;
  line-height: 108%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
}
#headline.builder .in .content a,
#headline.reports .in .content a,
#headline.medical .in .content a,
#headline.patient .in .content a {
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#headline.builder .in .content p,
#headline.reports .in .content p,
#headline.medical .in .content p,
#headline.patient .in .content p {
  font-size: 16px;
  line-height: 175%;
  padding: 24px 0 0 0;
}
#headline.builder .in .content p.more,
#headline.reports .in .content p.more,
#headline.medical .in .content p.more,
#headline.patient .in .content p.more {
  padding: 24px 24px 0 0;
  display: flex;
  flex-wrap: wrap;
}
#headline.builder .in .content p.more .sui-btn,
#headline.reports .in .content p.more .sui-btn,
#headline.medical .in .content p.more .sui-btn,
#headline.patient .in .content p.more .sui-btn {
  color: #fff;
  margin: 16px 0 0 0;
  letter-spacing: -0.01em;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: 100%;
  justify-content: center;
  text-align: center;
  height: 56px;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 10px;
  background: #303181;
}
#headline.builder .in .content p.more .sui-btn.demo,
#headline.reports .in .content p.more .sui-btn.demo,
#headline.medical .in .content p.more .sui-btn.demo,
#headline.patient .in .content p.more .sui-btn.demo {
  background: #e9f0fc;
  color: #303181;
  margin-right: 0;
}
#headline.builder .in .content ul,
#headline.reports .in .content ul,
#headline.medical .in .content ul,
#headline.patient .in .content ul {
  padding: 8px 0 0 0;
}
#headline.builder .in .content ul li,
#headline.reports .in .content ul li,
#headline.medical .in .content ul li,
#headline.patient .in .content ul li {
  line-height: 150%;
  font-size: 16px;
  padding: 16px 0 0 40px;
}
#headline.builder .in .content ul li:before,
#headline.reports .in .content ul li:before,
#headline.medical .in .content ul li:before,
#headline.patient .in .content ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#headline.builder .in .image,
#headline.reports .in .image,
#headline.medical .in .image,
#headline.patient .in .image {
  margin: 24px 0 0 0;
}
#headline.builder .in .image picture,
#headline.reports .in .image picture,
#headline.medical .in .image picture,
#headline.patient .in .image picture {
  display: block;
  width: calc(100% + 64px);
  position: relative;
  left: -40px;
}
#headline.reports,
#headline.medical,
#headline.patient {
  background: #cadfe9;
}
#headline.reports .in,
#headline.medical .in,
#headline.patient .in {
  padding-bottom: 0;
}
#headline.reports .in .content ul,
#headline.medical .in .content ul,
#headline.patient .in .content ul {
  padding: 16px 0 0 0;
}
#headline.reports .in .content ul li:before,
#headline.medical .in .content ul li:before,
#headline.patient .in .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#headline.reports .in .image,
#headline.medical .in .image,
#headline.patient .in .image {
  margin: 0;
}
#headline.reports .in .image picture,
#headline.medical .in .image picture,
#headline.patient .in .image picture {
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% + 56px);
  left: -40px;
  bottom: -48px;
}
#headline.reports .sui-cover,
#headline.medical .sui-cover,
#headline.patient .sui-cover {
  display: none;
}
#headline.medical,
#headline.patient {
  background: #ebf2ff;
}
#headline.medical .in .content,
#headline.patient .in .content {
  color: #1f1f49;
}
#headline.medical .in .content h1,
#headline.patient .in .content h1 {
  color: #1f1f49;
}
#headline.medical .in .content p.more,
#headline.patient .in .content p.more {
  padding: 21px 24px 0 0;
}
#headline.medical .in .content p.more .sui-btn,
#headline.patient .in .content p.more .sui-btn {
  font-family: 'Inter Medium', sans-serif;
}
#headline.medical .in .content ul,
#headline.patient .in .content ul {
  padding: 18px 0 0 0;
}
#headline.medical .in .content ul li,
#headline.patient .in .content ul li {
  padding: 12px 0 0 40px;
}
#headline.medical .in .content ul li:before,
#headline.patient .in .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-check.svg') no-repeat center center;
  background-size: cover;
  top: 9px;
}
#headline.medical .in .image picture,
#headline.patient .in .image picture {
  border-radius: 16px;
  display: flex;
}
#headline.patient {
  background: #cfe6f0;
}
#headline.patient .in .content p span {
  white-space: nowrap;
}
.no-touch #headline.demo .in .form ul li .sui-input .list li:hover,
.no-touch #headline.demo-form .in .form ul li .sui-input .list li:hover,
.no-touch #headline.demo .in .form ul li .sui-select .list li:hover,
.no-touch #headline.demo-form .in .form ul li .sui-select .list li:hover,
.no-touch #headline.demo .in .form ul li .sui-textarea .list li:hover,
.no-touch #headline.demo-form .in .form ul li .sui-textarea .list li:hover {
  background: #ebebeb;
  color: #000;
}
.no-touch #headline.demo .in .form ul li .sui-input:hover:before,
.no-touch #headline.demo-form .in .form ul li .sui-input:hover:before {
  border-color: #bd944a;
}
.no-touch #headline.demo .in .form ul li .sui-select:hover:before,
.no-touch #headline.demo-form .in .form ul li .sui-select:hover:before {
  border-color: #bd944a;
}
.no-touch #headline.demo .in .form ul li .sui-textarea:hover:before,
.no-touch #headline.demo-form .in .form ul li .sui-textarea:hover:before {
  border-color: #bd944a;
}
.no-touch #headline.demo .in .form .terms span a:hover,
.no-touch #headline.demo-form .in .form .terms span a:hover {
  color: #bd944a;
}
.no-touch #headline.demo .in .form .submit .sui-btn.light:hover,
.no-touch #headline.demo-form .in .form .submit .sui-btn.light:hover {
  background: #ae873f;
}
.no-touch #headline.demo-form.external .in .content .submit .sui-btn.light:hover {
  background: #a67516;
}
.no-touch #headline.demo-form.external .in .content .submit .sui-btn.light:active {
  background: #8f5f00;
}
.no-touch #headline.affiliate .in .content p.more .sui-btn:hover {
  background: #eec207;
}
.no-touch #headline.affiliate .in .content p.more .sui-btn:active {
  background: #dab207;
}
.no-touch #headline.analysis .in .content a:hover {
  color: #2030c2;
}
.no-touch #headline.analysis .in .content .more .sui-btn:hover {
  background: #424394;
}
.no-touch #headline.analysis .in .content .more .sui-btn:active {
  background: #303181;
}
.no-touch #headline.analysis .in .content .more .sui-btn.demo:hover {
  background: #d3e1f9;
}
.no-touch #headline.analysis .in .content .more .sui-btn.demo:active {
  background: #bcd1f6;
}
.no-touch #headline.responses .in .content .more .sui-btn:hover {
  background: #424394;
}
.no-touch #headline.responses .in .content .more .sui-btn:active {
  background: #303181;
}
.no-touch #headline.responses .in .content .more .sui-btn.demo:hover {
  background: #b5e2d9;
}
.no-touch #headline.responses .in .content .more .sui-btn.demo:active {
  background: #a2dbcf;
}
.no-touch #headline.builder .in .content a:hover,
.no-touch #headline.reports .in .content a:hover,
.no-touch #headline.medical .in .content a:hover,
.no-touch #headline.patient .in .content a:hover {
  color: #2030c2;
}
.no-touch #headline.builder .in .content p.more .sui-btn:hover,
.no-touch #headline.reports .in .content p.more .sui-btn:hover,
.no-touch #headline.medical .in .content p.more .sui-btn:hover,
.no-touch #headline.patient .in .content p.more .sui-btn:hover {
  background: #424394;
}
.no-touch #headline.builder .in .content p.more .sui-btn:active,
.no-touch #headline.reports .in .content p.more .sui-btn:active,
.no-touch #headline.medical .in .content p.more .sui-btn:active,
.no-touch #headline.patient .in .content p.more .sui-btn:active {
  background: #303181;
}
.no-touch #headline.builder .in .content p.more .sui-btn.demo:hover,
.no-touch #headline.reports .in .content p.more .sui-btn.demo:hover,
.no-touch #headline.medical .in .content p.more .sui-btn.demo:hover,
.no-touch #headline.patient .in .content p.more .sui-btn.demo:hover {
  background: #d3e1f9;
}
.no-touch #headline.builder .in .content p.more .sui-btn.demo:active,
.no-touch #headline.reports .in .content p.more .sui-btn.demo:active,
.no-touch #headline.medical .in .content p.more .sui-btn.demo:active,
.no-touch #headline.patient .in .content p.more .sui-btn.demo:active {
  background: #bcd1f6;
}
@media only screen and (min-width: 480px) {
  #headline.demo .in .form,
  #headline.demo-form .in .form {
    width: calc(100% + 14px);
    left: -7px;
    margin: 45px 0 0 0;
    padding: 60px 40px 48px 40px;
    box-shadow: 0 4px 44px rgba(0, 0, 0, 0.07);
    border-radius: 16px;
  }
  #headline.demo .in .form h2,
  #headline.demo-form .in .form h2 {
    display: block;
    text-align: center;
    padding: 0 17%;
    font-size: 18px;
    line-height: 120%;
    color: #000;
  }
  #headline.demo .in .form ul,
  #headline.demo-form .in .form ul {
    padding: 10px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #headline.demo .in .form ul li,
  #headline.demo-form .in .form ul li {
    flex: 0 1 100%;
  }
  #headline.demo .in .form ul li.half,
  #headline.demo-form .in .form ul li.half {
    flex: 0 1 48%;
  }
  #headline.demo .in .form ul li .sui-select .list,
  #headline.demo-form .in .form ul li .sui-select .list {
    display: none;
  }
  #headline.demo .in .form .badges,
  #headline.demo-form .in .form .badges {
    width: calc(100% - 80px);
    position: absolute;
    top: -23px;
  }
  #headline.demo .in .form .badges ul,
  #headline.demo-form .in .form .badges ul {
    flex-wrap: nowrap;
    padding: 0;
  }
  #headline.demo .in .form .badges ul li,
  #headline.demo-form .in .form .badges ul li {
    flex: 0 1 auto;
  }
  #headline.demo .in .form .badges ul li img,
  #headline.demo-form .in .form .badges ul li img {
    height: 80px;
  }
  #headline.demo .in .form .lock,
  #headline.demo-form .in .form .lock {
    border-radius: 16px;
  }
  #headline.demo .in .form .user-data-sent p,
  #headline.demo-form .in .form .user-data-sent p {
    padding: 80px 0 0 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-sent.svg') no-repeat center 0;
    background-size: 80px 80px;
  }
  #headline.demo .in .form .sui-cover,
  #headline.demo-form .in .form .sui-cover {
    display: none;
  }
  #headline.demo-form .in {
    padding: 10px 0 70px 0;
  }
  #headline.demo-form .sui-cover {
    display: block;
  }
  #headline.use-case .in {
    width: 416px;
    padding: 20px 0 60px 0;
  }
  #headline.customers:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-customers-header-mobile-large.jpg') no-repeat left top;
    background-size: contain;
    width: 767px;
    height: 320px;
    left: calc((100% - 767px) / 2);
  }
  #headline.customers .in {
    width: 384px;
    padding: 47px 0 85px 0;
  }
  #headline.customers .in ul {
    display: flex;
  }
  #headline.customers .in ul li {
    flex: 1;
    white-space: nowrap;
  }
  #headline.customers .in ul li:first-child {
    padding-right: 32px;
    margin: 0 24px 0 0;
  }
  #headline.customers .in ul li:first-child:before {
    display: block;
    content: '';
    height: 40px;
    width: 1px;
    background: #e3e4e9;
    position: absolute;
    left: auto;
    bottom: 0;
    top: auto;
    right: 0;
  }
  #headline.customers .in ul li:first-child a i {
    flex: 0 1 40px;
  }
  #headline.customers .in ul li:first-child a span {
    flex: 0 1 calc(100% - 53px);
  }
  #headline.features .in {
    padding-right: 0;
    padding-left: 0;
    width: 464px;
  }
  #headline.affiliate .in p.more .sui-btn {
    width: auto;
    padding-left: 28px;
    padding-right: 28px;
  }
  #headline.analysis .in {
    padding: 56px 0 68px 0;
    width: 400px;
  }
  #headline.analysis .in .content .more {
    padding-right: 0;
  }
  #headline.responses .in {
    padding: 52px 0 0 0;
    width: 400px;
  }
  #headline.responses .in .content .more {
    padding-right: 0;
  }
  #headline.responses .in .image {
    left: auto;
    margin: 0 auto;
  }
  #headline.article .in {
    padding: 16px 0 48px 0;
  }
  #headline.builder .in,
  #headline.reports .in,
  #headline.medical .in,
  #headline.patient .in {
    padding: 0 0 48px 0;
    width: 400px;
  }
  #headline.builder .in .content p.more,
  #headline.reports .in .content p.more,
  #headline.medical .in .content p.more,
  #headline.patient .in .content p.more {
    padding-right: 0;
  }
  #headline.builder .in .image picture,
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    left: 0;
    width: calc(100% + 9px);
  }
  #headline.reports .in,
  #headline.medical .in,
  #headline.patient .in {
    padding: 0;
  }
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #headline.demo .in,
  #headline.demo-form .in {
    padding: 45px 66px 100px 66px;
  }
  #headline.demo .in .content h1,
  #headline.demo-form .in .content h1 {
    font-size: 31px;
  }
  #headline.demo .in .content ul,
  #headline.demo-form .in .content ul {
    display: block;
    padding: 10px 0 15px 0;
    color: #ccc;
  }
  #headline.demo .in .content ul li,
  #headline.demo-form .in .content ul li {
    padding: 16px 0 0 0;
  }
  #headline.demo .in .content ul li:before,
  #headline.demo-form .in .content ul li:before {
    position: relative;
    top: 0;
    left: 0;
    color: #bd944a;
    font-size: 12px;
    margin: 0 10px 0 0;
  }
  #headline.demo .in .form,
  #headline.demo-form .in .form {
    margin: 45px 0 0 0;
    padding: 60px 48px 48px 48px;
    width: 100%;
    left: 0;
  }
  #headline.demo .in .form ul,
  #headline.demo-form .in .form ul {
    padding: 14px 0 0 0;
  }
  #headline.demo .in .form ul li.inline,
  #headline.demo-form .in .form ul li.inline {
    flex: 0 1 48%;
  }
  #headline.demo .in .form .badges,
  #headline.demo-form .in .form .badges {
    width: calc(100% - 96px);
  }
  #headline.demo .in .form .badges ul,
  #headline.demo-form .in .form .badges ul {
    padding: 0 50px;
  }
  #headline.demo .in .form .submit .sui-btn,
  #headline.demo-form .in .form .submit .sui-btn {
    width: 100%;
  }
  #headline.demo-form .in .content {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0;
  }
  #headline.demo-form .in .content h1 {
    flex: 0 1 100%;
  }
  #headline.demo-form .in .content p {
    flex: 0 1 100%;
  }
  #headline.demo-form .in .content ul {
    flex: 0 1 100%;
    display: none;
    padding: 20px 0 0 0;
  }
  #headline.use-case .in {
    padding-bottom: 56px;
    width: 700px;
  }
  #headline.use-case .in h1 {
    font-size: 46px;
  }
  #headline.use-case .in .category {
    padding: 8px 0 0 0;
  }
  #headline.customers:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-customers-header-tablet.jpg') no-repeat left top;
    background-size: contain;
    width: 1278px;
    height: 568px;
    left: calc((100% - 1278px) / 2);
  }
  #headline.customers .in {
    width: 688px;
    padding: 47px 0 115px 0;
    display: flex;
    justify-content: space-between;
  }
  #headline.customers .in .content {
    flex: 0 1 328px;
  }
  #headline.customers .in .content h1 {
    padding: 0;
    font-size: 42px;
    line-height: 114%;
  }
  #headline.customers .in .content h1:before {
    display: none;
  }
  #headline.customers .in .content ul {
    display: block;
  }
  #headline.customers .in .content ul li:first-child {
    padding-right: 0;
    margin: 0;
  }
  #headline.customers .in .content ul li:first-child:before {
    display: none;
  }
  #headline.customers .in .image {
    display: block;
    flex: 0 1 328px;
    position: relative;
    top: -10px;
  }
  #headline.customers .in .image:before {
    content: '';
    display: block;
    width: 328px;
    height: 328px;
    position: relative;
    z-index: 1;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/customers-head.jpg') no-repeat center center;
    background-size: contain;
    border-radius: 24px;
  }
  #headline.customers .in .image .stars {
    display: none;
  }
  #headline.customers .in .image .grid {
    position: absolute;
    right: -60px;
    bottom: -60px;
  }
  #headline.customers .in .image .grid svg path {
    fill: #d1c19c;
  }
  #headline.features {
    margin: 0 0 32px 0;
  }
  #headline.features .in {
    width: 720px;
    padding: 30px 0 75px 0;
  }
  #headline.features .in h1 {
    font-size: 42px;
    line-height: 114%;
  }
  #headline.affiliate .in {
    padding: 0;
    display: flex;
    min-height: 398px;
    justify-content: flex-start;
  }
  #headline.affiliate .in .image {
    height: 384px;
    right: -34px;
    margin: 0;
    position: absolute;
    width: 384px;
    bottom: -10px;
    z-index: 1;
  }
  #headline.affiliate .in .image img {
    border-radius: 16px;
  }
  #headline.affiliate .in .content {
    flex: 0 1 50%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0 50px 34px 0;
  }
  #headline.affiliate .in .content h1 {
    padding: 0;
  }
  #headline.affiliate .in .content p {
    font-size: 16px;
  }
  #headline.affiliate .in .content p.more {
    padding: 30px 0 0 0;
  }
  #headline.analysis .in {
    padding: 26px 0 88px 0;
    width: 700px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #headline.analysis .in .content {
    flex: 0 1 50%;
  }
  #headline.analysis .in .content h1 {
    padding: 0;
    font-size: 50px;
  }
  #headline.analysis .in .content .more {
    width: 148%;
  }
  #headline.analysis .in .content .more .sui-btn {
    width: auto;
    margin-right: 16px;
  }
  #headline.analysis .in .content .more .sui-btn.demo {
    margin-right: 0;
  }
  #headline.analysis .in .image {
    flex: 0 1 48%;
    width: 350px;
    height: 352px;
    right: -54px;
    position: relative;
  }
  #headline.analysis .in .image .graph {
    width: 192px;
    left: -48px;
    height: 156px;
    top: calc((100% - 156px) / 2);
  }
  #headline.responses .in {
    padding: 42px 0 102px 0;
    width: 700px;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #headline.responses .in .content {
    flex: 0 1 50%;
  }
  #headline.responses .in .content h1 {
    padding: 0;
    font-size: 52px;
  }
  #headline.responses .in .content p {
    font-size: 18px;
    line-height: 167%;
  }
  #headline.responses .in .content .more {
    display: flex;
    z-index: 1;
    position: relative;
    width: 128%;
  }
  #headline.responses .in .content .more .sui-btn {
    width: auto;
    margin-right: 16px;
  }
  #headline.responses .in .content .more .sui-btn.demo {
    margin-right: 0;
  }
  #headline.responses .in .image {
    width: 400px;
    height: 400px;
    position: absolute;
    right: -54px;
    bottom: 62px;
  }
  #headline.article .in {
    padding: 0;
    display: flex;
    min-height: 398px;
    justify-content: flex-start;
  }
  #headline.article .in .image {
    height: 384px;
    right: -34px;
    margin: 0;
    position: absolute;
    width: 384px;
    bottom: -10px;
    z-index: 1;
  }
  #headline.article .in .image img {
    border-radius: 16px;
  }
  #headline.article .in .content {
    flex: 0 1 50%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: 0 50px 56px 0;
  }
  #headline.article .in .content p,
  #headline.article .in .content ul {
    flex: 0 1 100%;
  }
  #headline.use-cases .in,
  #headline.case-studies .in {
    padding-top: 24px;
    padding-bottom: 56px;
  }
  #headline.use-cases .in h1,
  #headline.case-studies .in h1 {
    font-size: 48px;
  }
  #headline.use-cases .in p,
  #headline.case-studies .in p {
    font-size: 16px;
  }
  #headline.builder .in,
  #headline.reports .in,
  #headline.medical .in,
  #headline.patient .in {
    display: flex;
    padding: 24px 0 88px 0;
    width: 700px;
    justify-content: space-between;
    align-items: center;
  }
  #headline.builder .in .content,
  #headline.reports .in .content,
  #headline.medical .in .content,
  #headline.patient .in .content {
    flex: 0 1 48%;
  }
  #headline.builder .in .content h1,
  #headline.reports .in .content h1,
  #headline.medical .in .content h1,
  #headline.patient .in .content h1 {
    padding: 0;
    font-size: 42px;
  }
  #headline.builder .in .content p.more,
  #headline.reports .in .content p.more,
  #headline.medical .in .content p.more,
  #headline.patient .in .content p.more {
    width: 164%;
  }
  #headline.builder .in .content p.more .sui-btn,
  #headline.reports .in .content p.more .sui-btn,
  #headline.medical .in .content p.more .sui-btn,
  #headline.patient .in .content p.more .sui-btn {
    margin-right: 16px;
    width: auto;
  }
  #headline.builder .in .content p.more .sui-btn.demo,
  #headline.reports .in .content p.more .sui-btn.demo,
  #headline.medical .in .content p.more .sui-btn.demo,
  #headline.patient .in .content p.more .sui-btn.demo {
    margin-right: 0;
  }
  #headline.builder .in .image,
  #headline.reports .in .image,
  #headline.medical .in .image,
  #headline.patient .in .image {
    margin: 0;
    flex: 0 1 48%;
  }
  #headline.builder .in .image picture,
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    width: calc(100% + 16px);
  }
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    bottom: auto;
    width: 100%;
  }
  #headline.reports .sui-cover,
  #headline.medical .sui-cover,
  #headline.patient .sui-cover {
    display: block;
  }
  #headline.medical .in,
  #headline.patient .in {
    padding: 24px 0 64px 0;
  }
}
@media only screen and (min-width: 1150px) {
  #headline.analysis .in {
    width: 1096px;
    padding: 32px 0 92px 0;
  }
  #headline.analysis .in .content {
    flex: 0 1 39%;
  }
  #headline.analysis .in .content p {
    font-size: 18px;
    padding: 24px 0 0 0;
  }
  #headline.analysis .in .content ul {
    padding: 20px 0 0 0;
  }
  #headline.analysis .in .content ul li {
    margin: 12px 0 0 0;
  }
  #headline.analysis .in .image {
    width: 548px;
    right: auto;
    flex: 0 1 548px;
    height: 548px;
  }
  #headline.analysis .in .image .graph {
    width: 312px;
    left: -80px;
    height: 255px;
    top: calc((100% - 275px) / 2);
  }
}
@media only screen and (min-width: 1152px) {
  #headline.article .in {
    width: 1100px;
    min-height: 498px;
  }
  #headline.article .in .image {
    width: 489px;
    height: 489px;
    right: 0;
    bottom: -12px;
  }
  #headline.article .in .image img {
    border-radius: 24px;
  }
  #headline.article .in .content {
    padding: 24px 32px 72px 0;
  }
  #headline.article .in .content h1 {
    font-size: 44px;
    line-height: 118%;
    padding-bottom: 8px;
    width: 115%;
  }
  #headline.article .in .content p {
    padding-right: 32px;
  }
  #headline.builder .in,
  #headline.reports .in,
  #headline.medical .in,
  #headline.patient .in {
    width: 1100px;
  }
  #headline.builder .in .content,
  #headline.reports .in .content,
  #headline.medical .in .content,
  #headline.patient .in .content {
    flex: 0 1 448px;
  }
  #headline.builder .in .content h1,
  #headline.reports .in .content h1,
  #headline.medical .in .content h1,
  #headline.patient .in .content h1 {
    font-size: 50px;
    line-height: 112%;
  }
  #headline.builder .in .content p.more,
  #headline.reports .in .content p.more,
  #headline.medical .in .content p.more,
  #headline.patient .in .content p.more {
    width: 156%;
    z-index: 1;
    position: relative;
    padding: 32px 0 0 0;
  }
  #headline.builder .in .image,
  #headline.reports .in .image,
  #headline.medical .in .image,
  #headline.patient .in .image {
    flex: 0 1 576px;
  }
  #headline.builder .in .image picture,
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    width: calc(100% + 29px);
  }
  #headline.reports .in .image picture,
  #headline.medical .in .image picture,
  #headline.patient .in .image picture {
    width: 100%;
  }
  #headline.medical .in,
  #headline.patient .in {
    padding: 24px 0 80px 0;
    width: 1120px;
  }
  #headline.medical .in .content,
  #headline.patient .in .content {
    flex: 0 1 480px;
  }
}
@media only screen and (min-width: 1280px) {
  #headline.demo .in,
  #headline.demo-form .in {
    display: flex;
    justify-content: space-between;
    padding: 65px 36px 0 36px;
  }
  #headline.demo .in .content,
  #headline.demo-form .in .content {
    text-align: left;
    flex: 0 1 515px;
  }
  #headline.demo .in .content h1,
  #headline.demo-form .in .content h1 {
    font-size: 38px;
  }
  #headline.demo .in .content p,
  #headline.demo-form .in .content p {
    font-size: 16.5px;
  }
  #headline.demo .in .content ul li,
  #headline.demo-form .in .content ul li {
    padding-left: 24px;
    line-height: 140%;
  }
  #headline.demo .in .content ul li:before,
  #headline.demo-form .in .content ul li:before {
    top: 16px;
    position: absolute;
  }
  #headline.demo .in .content .benefits,
  #headline.demo-form .in .content .benefits {
    display: block;
    padding: 50px 0 0 0;
    flex: 0 1 100%;
  }
  #headline.demo .in .content .benefits ul,
  #headline.demo-form .in .content .benefits ul {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
  }
  #headline.demo .in .content .benefits ul li,
  #headline.demo-form .in .content .benefits ul li {
    border-left: 1px solid #3d4144;
    color: #ccc;
    box-sizing: border-box;
    padding: 0 24px;
    line-height: 110%;
  }
  #headline.demo .in .content .benefits ul li:before,
  #headline.demo-form .in .content .benefits ul li:before {
    display: none;
  }
  #headline.demo .in .content .benefits ul li:first-child,
  #headline.demo-form .in .content .benefits ul li:first-child {
    padding: 0 24px 0 0;
    border: 0;
  }
  #headline.demo .in .content .benefits ul li:last-child,
  #headline.demo-form .in .content .benefits ul li:last-child {
    padding: 0 0 0 24px;
  }
  #headline.demo .in .content .benefits ul li strong,
  #headline.demo-form .in .content .benefits ul li strong {
    display: flex;
    height: 24px;
    align-items: center;
  }
  #headline.demo .in .content .benefits ul li strong .trust,
  #headline.demo-form .in .content .benefits ul li strong .trust,
  #headline.demo .in .content .benefits ul li strong .secure,
  #headline.demo-form .in .content .benefits ul li strong .secure,
  #headline.demo .in .content .benefits ul li strong .users,
  #headline.demo-form .in .content .benefits ul li strong .users {
    display: block;
    width: 24px;
    height: 24px;
  }
  #headline.demo .in .content .benefits ul li strong .trust,
  #headline.demo-form .in .content .benefits ul li strong .trust {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/icon-trust.svg') no-repeat center center;
    background-size: contain;
  }
  #headline.demo .in .content .benefits ul li strong .secure,
  #headline.demo-form .in .content .benefits ul li strong .secure {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/icon-secure.svg') no-repeat center center;
    background-size: contain;
  }
  #headline.demo .in .content .benefits ul li strong .users,
  #headline.demo-form .in .content .benefits ul li strong .users {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo/icon-users.svg') no-repeat center center;
    background-size: contain;
  }
  #headline.demo .in .content .benefits ul li span,
  #headline.demo-form .in .content .benefits ul li span {
    display: block;
    font-size: 12px;
    padding: 12px 0 4px 0;
  }
  #headline.demo .in .screen,
  #headline.demo-form .in .screen {
    display: block;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/get-demo-screen.png') no-repeat center top;
    background-size: contain;
    position: relative;
    right: -80px;
    top: -24px;
    width: 646px;
    height: 550px;
  }
  #headline.demo .in .form,
  #headline.demo-form .in .form {
    flex: 0 1 460px;
    margin: 0;
  }
  #headline.demo .in .form ul,
  #headline.demo-form .in .form ul {
    padding: 10px 0 0 0;
  }
  #headline.demo .in .form .badges,
  #headline.demo-form .in .form .badges {
    top: -25px;
  }
  #headline.demo .in .form .badges ul,
  #headline.demo-form .in .form .badges ul {
    padding: 0;
  }
  #headline.demo .in .form .badges ul li img,
  #headline.demo-form .in .form .badges ul li img {
    height: 86px;
  }
  #headline.demo .in .user-data-sent,
  #headline.demo-form .in .user-data-sent {
    height: 100%;
    width: 100%;
    align-items: center;
  }
  #headline.demo .in .user-data-sent p,
  #headline.demo-form .in .user-data-sent p {
    position: relative;
    top: -12px;
  }
  #headline.demo-form .in {
    padding: 40px 36px 100px 36px;
  }
  #headline.demo-form .in .content {
    padding: 0;
  }
  #headline.demo-form .in .content p span {
    display: inline;
  }
  #headline.demo-form .in .content p.list-title {
    display: block;
  }
  #headline.demo-form .in .content ul {
    display: block;
    padding: 10px 0 0 0;
    color: #ccc;
  }
  #headline.demo-form.external .in {
    padding-bottom: 100px;
  }
  #headline.demo-form.external .in .content .submit {
    padding: 40px 0 0 0;
  }
  #headline.demo-form.external .in .content .submit .sui-btn {
    padding: 0 32px;
    font-size: 18px;
    height: 64px;
  }
  #headline.demo-form.external .in .screen {
    display: flex;
    flex: 0 1 460px;
    right: auto;
    top: auto;
    width: auto;
    background: none;
    align-items: center;
    height: auto;
  }
  #headline.demo-form.external .in .screen img {
    left: -4px;
    top: 30px;
    width: 544px;
    position: absolute;
  }
  #headline.use-case .in {
    padding-bottom: 60px;
    width: 900px;
  }
  #headline.customers:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-customers-header-desktop.jpg') no-repeat left top;
    background-size: contain;
    width: 1280px;
    height: 775px;
    left: calc((100% - 1280px) / 2);
  }
  #headline.customers .in {
    width: 976px;
  }
  #headline.customers .in .content {
    flex: 0 1 432px;
  }
  #headline.customers .in .content h1 {
    font-size: 50px;
    padding: 40px 0 0 0;
    line-height: 112%;
  }
  #headline.customers .in .content p {
    font-size: 18px;
    line-height: 144%;
  }
  #headline.customers .in .content ul {
    display: flex;
    padding: 40px 0 0 0;
  }
  #headline.customers .in .content ul li {
    flex: 1;
    white-space: nowrap;
  }
  #headline.customers .in .content ul li:first-child {
    padding-right: 32px;
    margin: 0 24px 0 0;
  }
  #headline.customers .in .content ul li:first-child:before {
    display: block;
    content: '';
    height: 40px;
    width: 1px;
    background: #e3e4e9;
    position: absolute;
    left: auto;
    bottom: 0;
    top: auto;
    right: 0;
  }
  #headline.customers .in .content ul li:first-child a i {
    flex: 0 1 40px;
  }
  #headline.customers .in .content ul li:first-child a span {
    flex: 0 1 calc(100% - 53px);
  }
  #headline.customers .in .image:before {
    width: 432px;
    height: 432px;
  }
  #headline.customers .in .image .stars {
    display: flex;
    position: absolute;
    background: #e0c895;
    width: 80px;
    height: 80px;
    flex-wrap: wrap;
    z-index: 1;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 16px;
    text-align: center;
    color: #000;
    bottom: 49px;
    left: -40px;
  }
  #headline.customers .in .image .stars strong {
    flex: 0 1 100%;
    padding: 0 0 5px 0;
    font-size: 16px;
  }
  #headline.customers .in .image .stars strong small {
    font-size: 12px;
    font-family: 'Inter Regular', sans-serif;
  }
  #headline.customers .in .image .stars i {
    margin: 5px 0 0 0;
    flex: 0 1 100%;
    font-size: 12px;
  }
  #headline.features {
    margin: 0 0 40px 0;
  }
  #headline.features .in {
    padding: 40px 0 80px 0;
    width: 1100px;
  }
  #headline.features .in h1 {
    font-size: 50px;
    line-height: 112%;
  }
  #headline.features .in p {
    font-size: 18px;
  }
  #headline.affiliate .in {
    min-height: 498px;
  }
  #headline.affiliate .in .image {
    width: 489px;
    height: 489px;
    right: 0;
    bottom: -12px;
  }
  #headline.affiliate .in .image img {
    border-radius: 24px;
  }
  #headline.affiliate .in .image .grid {
    display: block;
    position: absolute;
    top: 270px;
    left: -40px;
  }
  #headline.affiliate .in .image .grid svg path {
    fill: #b57d10;
  }
  #headline.affiliate .in .content {
    padding: 0 70px 54px 0;
  }
  #headline.responses .in {
    padding: 0 0 32px 0;
    width: 1120px;
  }
  #headline.responses .in .content {
    flex: 0 1 480px;
    position: relative;
    top: -24px;
  }
  #headline.responses .in .content h1 {
    font-size: 58px;
  }
  #headline.responses .in .image {
    width: 640px;
    bottom: auto;
    right: auto;
    position: relative;
    flex: 0 1 640px;
    height: 640px;
  }
  #headline.use-cases .in,
  #headline.case-studies .in {
    padding-top: 32px;
    padding-bottom: 72px;
  }
  #headline.use-cases .in h1,
  #headline.case-studies .in h1 {
    font-size: 56px;
  }
}
#home-header .in,
#home-signup .in,
#home-badge .in,
#home-steps .in,
#home-create .in,
#home-features .in,
#home-why .in,
#home-right .in,
#home-use-cases .in,
#home-review .in,
#home-helping .in {
  text-align: left;
  color: #000;
  padding: 0 24px 0 48px;
  font-size: 16px;
}
#home-header .in h1,
#home-signup .in h1,
#home-badge .in h1,
#home-steps .in h1,
#home-create .in h1,
#home-features .in h1,
#home-why .in h1,
#home-right .in h1,
#home-use-cases .in h1,
#home-review .in h1,
#home-helping .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 42px;
  line-height: 114%;
  letter-spacing: -0.03em;
  padding: 0;
  text-align: center;
  color: #000;
}
#home-header .in h1 span,
#home-signup .in h1 span,
#home-badge .in h1 span,
#home-steps .in h1 span,
#home-create .in h1 span,
#home-features .in h1 span,
#home-why .in h1 span,
#home-right .in h1 span,
#home-use-cases .in h1 span,
#home-review .in h1 span,
#home-helping .in h1 span {
  display: block;
}
#home-header .in h2,
#home-signup .in h2,
#home-badge .in h2,
#home-steps .in h2,
#home-create .in h2,
#home-features .in h2,
#home-why .in h2,
#home-right .in h2,
#home-use-cases .in h2,
#home-review .in h2,
#home-helping .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#home-header .in h3,
#home-signup .in h3,
#home-badge .in h3,
#home-steps .in h3,
#home-create .in h3,
#home-features .in h3,
#home-why .in h3,
#home-right .in h3,
#home-use-cases .in h3,
#home-review .in h3,
#home-helping .in h3 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  padding: 0;
  color: #000;
  line-height: 125%;
  letter-spacing: -0.02em;
}
#home-header .in p,
#home-signup .in p,
#home-badge .in p,
#home-steps .in p,
#home-create .in p,
#home-features .in p,
#home-why .in p,
#home-right .in p,
#home-use-cases .in p,
#home-review .in p,
#home-helping .in p {
  line-height: 175%;
  padding: 16px 0 0 0;
}
#home-header .in ul,
#home-signup .in ul,
#home-badge .in ul,
#home-steps .in ul,
#home-create .in ul,
#home-features .in ul,
#home-why .in ul,
#home-right .in ul,
#home-use-cases .in ul,
#home-review .in ul,
#home-helping .in ul {
  padding: 16px 0 0 0;
}
#home-header .in ul li,
#home-signup .in ul li,
#home-badge .in ul li,
#home-steps .in ul li,
#home-create .in ul li,
#home-features .in ul li,
#home-why .in ul li,
#home-right .in ul li,
#home-use-cases .in ul li,
#home-review .in ul li,
#home-helping .in ul li {
  line-height: 150%;
  padding: 16px 0 0 40px;
}
#home-header .in ul li:before,
#home-signup .in ul li:before,
#home-badge .in ul li:before,
#home-steps .in ul li:before,
#home-create .in ul li:before,
#home-features .in ul li:before,
#home-why .in ul li:before,
#home-right .in ul li:before,
#home-use-cases .in ul li:before,
#home-review .in ul li:before,
#home-helping .in ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#home-header .in .more,
#home-signup .in .more,
#home-badge .in .more,
#home-steps .in .more,
#home-create .in .more,
#home-features .in .more,
#home-why .in .more,
#home-right .in .more,
#home-use-cases .in .more,
#home-review .in .more,
#home-helping .in .more {
  padding: 24px 0 0 0;
}
#home-header .in .more a,
#home-signup .in .more a,
#home-badge .in .more a,
#home-steps .in .more a,
#home-create .in .more a,
#home-features .in .more a,
#home-why .in .more a,
#home-right .in .more a,
#home-use-cases .in .more a,
#home-review .in .more a,
#home-helping .in .more a {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #3d4144;
  line-height: 133%;
  cursor: pointer;
  padding: 0 32px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#home-header .in .more a:before,
#home-signup .in .more a:before,
#home-badge .in .more a:before,
#home-steps .in .more a:before,
#home-create .in .more a:before,
#home-features .in .more a:before,
#home-why .in .more a:before,
#home-right .in .more a:before,
#home-use-cases .in .more a:before,
#home-review .in .more a:before,
#home-helping .in .more a:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 24px;
  transition: right 0.2s;
  height: 24px;
  display: block;
}
#home-header .in .cta,
#home-signup .in .cta,
#home-badge .in .cta,
#home-steps .in .cta,
#home-create .in .cta,
#home-features .in .cta,
#home-why .in .cta,
#home-right .in .cta,
#home-use-cases .in .cta,
#home-review .in .cta,
#home-helping .in .cta {
  padding: 32px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
  text-align: center;
}
#home-header .in .cta span,
#home-signup .in .cta span,
#home-badge .in .cta span,
#home-steps .in .cta span,
#home-create .in .cta span,
#home-features .in .cta span,
#home-why .in .cta span,
#home-right .in .cta span,
#home-use-cases .in .cta span,
#home-review .in .cta span,
#home-helping .in .cta span {
  height: 64px;
  transition: background-color 0.5s;
  display: inline-flex;
  line-height: normal;
  cursor: pointer;
  border: 0;
  box-sizing: border-box;
  border-radius: 16px;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  align-items: center;
  padding: 0 32px;
  color: #fff;
  background: #303181;
  letter-spacing: -0.01em;
}
#home-header .in {
  padding: 40px 24px 0 24px;
  text-align: center;
}
#home-header .in .headline h1 {
  font-size: 37px;
  line-height: 108%;
}
#home-header .in .headline h1 span {
  display: block;
}
#home-header .in .headline .subtitle {
  color: #3d4144;
  line-height: normal;
}
#home-header .in .headline .subtitle span {
  display: block;
  line-height: 150%;
}
#home-header .in .headline .signup {
  margin: 32px 0 0 0;
}
#home-header .in .headline .signup ul {
  padding: 0;
}
#home-header .in .headline .signup ul li {
  padding: 0;
}
#home-header .in .headline .signup ul li:before {
  display: none;
}
#home-header .in .headline .signup ul li button {
  height: 64px;
  transition: background-color 0.5s;
  display: inline-flex;
  line-height: normal;
  cursor: pointer;
  border: 0;
  box-sizing: border-box;
  background-color: #303181;
  border-radius: 16px;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  align-items: center;
  padding: 0 32px 0 56px;
  color: #fff;
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-plus.svg');
  background-repeat: no-repeat;
  background-position: 20px center;
  background-size: 24px 24px;
  letter-spacing: -0.01em;
}
#home-header .in .headline .signup ul li button span.mirror {
  display: none;
}
#home-header .in .headline .signup ul li.email {
  display: none;
}
#home-header .in .image {
  width: calc(100% + 32px);
  margin: 48px auto 0 auto;
  position: relative;
}
#home-header .in .image .holder {
  width: 100%;
  border-radius: 32px;
  overflow: hidden;
  position: relative;
  left: -16px;
}
#home-header .in .image .holder picture {
  display: flex;
}
#home-header .in.list {
  padding: 24px 24px 0 48px;
  text-align: left;
}
#home-header .in.list ul {
  padding: 0;
}
#home-header .in.list ul li {
  padding: 17px 0;
  display: flex;
  border-top: 1px solid #e3e4e9;
  justify-content: space-between;
  align-items: center;
}
#home-header .in.list ul li:before {
  display: none;
}
#home-header .in.list ul li:first-child {
  border: 0;
}
#home-header .in.list ul li:last-child {
  padding-bottom: 8px;
}
#home-header .in.list ul li strong {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  flex: 0 1 72px;
  line-height: 133%;
  letter-spacing: -0.01em;
}
#home-header .in.list ul li span {
  font-family: 'Inter Medium', sans-serif;
  font-size: 14px;
  flex: 0 1 calc(100% - 88px);
  color: #60607a;
}
#home-signup .in {
  padding: 48px 16px 0 16px;
}
#home-signup .in .content p {
  display: none;
}
#home-signup .in .content .form {
  margin: 32px 0 0 0;
  border-radius: 18px;
  background: #f2f2f2;
  box-sizing: border-box;
  width: 100%;
  position: relative;
  transition: background 0.5s;
  padding: 8px;
  border: 1px solid #f2f2f2;
}
#home-signup .in .content .form ul {
  padding: 0;
}
#home-signup .in .content .form ul li {
  padding: 0;
}
#home-signup .in .content .form ul li:before {
  display: none;
}
#home-signup .in .content .form ul li .input {
  height: 56px;
  display: block;
  position: relative;
}
#home-signup .in .content .form ul li .input input {
  display: block;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
  width: 100%;
  height: 100%;
  color: #000;
  padding: 0 16px;
  resize: none;
  margin: 0;
  box-sizing: border-box;
  border: 0;
  outline: none;
  background: none;
  line-height: normal;
  position: relative;
  border-radius: 0;
  box-shadow: none;
  z-index: 1;
}
#home-signup .in .content .form ul li .input label {
  width: 100%;
  font-size: 14px;
  color: #000;
  padding: 0 16px;
  box-sizing: border-box;
  opacity: 0.6;
  display: flex;
  line-height: normal;
  transition: font-size 0.2s, top 0.2s;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  font-family: 'Inter Medium', sans-serif;
}
#home-signup .in .content .form ul li .input.focus input,
#home-signup .in .content .form ul li .input.has-val input {
  top: 27px;
  height: 20px;
  line-height: 20px;
}
#home-signup .in .content .form ul li .input.focus label,
#home-signup .in .content .form ul li .input.has-val label {
  font-size: 11px;
  opacity: 1;
  padding-top: 9px;
  height: auto;
  line-height: 127%;
  color: #60607a;
}
#home-signup .in .content .form ul li.password {
  padding: 1px 0 0 0;
}
#home-signup .in .content .form ul li.password:before {
  background: #ced0d5;
  height: 1px;
  content: '';
  top: 0;
  display: block;
  position: absolute;
  width: calc(100% - 32px);
  left: 16px;
}
#home-signup .in .content .form ul li.submit .button {
  display: flex;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  align-items: center;
  padding: 0 24px;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 16px;
  height: 56px;
  background: #303181;
  letter-spacing: -0.01em;
}
#home-signup .in .content .form ul li.submit .button .loader {
  display: none;
  width: 48px;
  height: 48px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/loader.svg') no-repeat center center;
  background-size: cover;
  position: absolute;
}
#home-signup .in .content .form ul li.submit .button.loader span {
  opacity: 0;
}
#home-signup .in .content .form ul li.submit .button.loader .loader {
  display: block;
}
#home-signup .in .content .form .msg {
  font-size: 11px;
  position: absolute;
  line-height: 127%;
  font-family: 'Inter Medium', sans-serif;
  color: #e02e23;
  bottom: -23px;
  left: 0;
  width: 100%;
  display: block;
}
#home-signup .in .content .form.error {
  border-color: #e02e23;
}
#home-signup .in .content .rating {
  display: none;
}
#home-signup .in .video,
#home-signup .in .image {
  margin: 32px 0 0 0;
  display: flex;
  border-radius: 16px;
  overflow: hidden;
}
#home-signup .in .video .holder video,
#home-signup .in .image .holder video,
#home-signup .in .video .holder picture,
#home-signup .in .image .holder picture {
  display: block;
  width: 100%;
  border-radius: 16px;
  height: auto;
}
#home-signup .in .stats {
  padding: 32px 8px 0 32px;
}
#home-signup .in .stats ul {
  padding: 0;
}
#home-signup .in .stats ul li {
  padding: 17px 0;
  display: flex;
  border-bottom: 1px solid #e3e4e9;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
}
#home-signup .in .stats ul li:before {
  display: none;
}
#home-signup .in .stats ul li strong {
  width: 72px;
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  color: #303181;
  line-height: 125%;
  display: inline-block;
  padding: 0 16px 0 0;
  letter-spacing: -0.02em;
}
#home-signup .in .stats ul li span {
  font-family: 'Inter Medium', sans-serif;
  font-size: 14px;
  line-height: 143%;
  color: #60607a;
}
#home-signup .in .stats ul li:last-child {
  border: 0;
}
#home-signup .badge {
  display: none;
}
#home-signup.home-go-006 .in .content,
#home-signup.home-go-007 .in .content {
  display: flex;
  flex-wrap: wrap;
}
#home-signup.home-go-006 .in .content h1,
#home-signup.home-go-007 .in .content h1 {
  flex: 0 1 100%;
  text-align: left;
  order: 1;
}
#home-signup.home-go-006 .in .content p,
#home-signup.home-go-007 .in .content p {
  display: block;
  flex: 0 1 100%;
  font-size: 16px;
  order: 2;
}
#home-signup.home-go-006 .in .content .form,
#home-signup.home-go-007 .in .content .form {
  order: 3;
  flex: 0 1 100%;
  margin: 24px 0 0 0;
}
#home-signup.home-go-006 .in .content .form ul li.submit .button,
#home-signup.home-go-007 .in .content .form ul li.submit .button {
  background: #303181;
}
#home-signup.home-go-006 .in .content .signup-demo,
#home-signup.home-go-007 .in .content .signup-demo {
  order: 3;
  flex: 0 1 100%;
  margin: 8px 0 0 0;
}
#home-signup.home-go-006 .in .content .signup-demo ul,
#home-signup.home-go-007 .in .content .signup-demo ul {
  padding: 0;
}
#home-signup.home-go-006 .in .content .signup-demo ul li,
#home-signup.home-go-007 .in .content .signup-demo ul li {
  padding: 16px 0 0 0;
}
#home-signup.home-go-006 .in .content .signup-demo ul li:before,
#home-signup.home-go-007 .in .content .signup-demo ul li:before {
  display: none;
}
#home-signup.home-go-006 .in .content .signup-demo ul li .button,
#home-signup.home-go-007 .in .content .signup-demo ul li .button {
  display: flex;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  align-items: center;
  padding: 0 32px;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 16px;
  height: 56px;
  background: #303181;
  letter-spacing: -0.01em;
}
#home-signup.home-go-006 .in .content .signup-demo ul li .button.outline,
#home-signup.home-go-007 .in .content .signup-demo ul li .button.outline {
  background: #ebf2ff;
  border: 1px solid #c9dafb;
  color: #424394;
}
#home-signup.home-go-006 .in .content .signup-demo ul li .button.dark,
#home-signup.home-go-007 .in .content .signup-demo ul li .button.dark {
  background: #303181;
}
#home-signup.home-go-006 .in .content .signup-demo ul li .button.light,
#home-signup.home-go-007 .in .content .signup-demo ul li .button.light {
  background: #2169d8;
}
#home-signup.home-go-006 .in .content .signup-demo ul li .button.orange,
#home-signup.home-go-007 .in .content .signup-demo ul li .button.orange {
  background: #e1300f;
}
#home-signup.home-go-006 .in .content .points,
#home-signup.home-go-007 .in .content .points {
  order: 4;
  flex: 0 1 100%;
  padding: 24px 0 0 0;
}
#home-signup.home-go-006 .in .content .points ul,
#home-signup.home-go-007 .in .content .points ul {
  padding: 0;
}
#home-signup.home-go-006 .in .content .points ul li,
#home-signup.home-go-007 .in .content .points ul li {
  color: #3d4144;
  font-size: 14px;
  padding: 4px 0 0 16px;
}
#home-signup.home-go-006 .in .content .points ul li:before,
#home-signup.home-go-007 .in .content .points ul li:before {
  background: #3d4144;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  top: 13px;
}
#home-signup.home-go-006 .in .image .holder .badge,
#home-signup.home-go-007 .in .image .holder .badge {
  display: none;
}
#home-signup.home-go-007 .in .content .form ul li.submit .button {
  background: #303181;
}
#home-badge .in {
  padding: 16px 16px 0 16px;
}
#home-badge .in .list ul {
  width: 100%;
  justify-content: center;
  display: flex;
}
#home-badge .in .list ul li {
  line-height: normal;
  padding: 0;
  box-sizing: border-box;
}
#home-badge .in .list ul li:before {
  display: none;
}
#home-badge .in .list ul li .item {
  text-align: right;
  display: inline-block;
}
#home-badge .in .list ul li .item .logo {
  padding: 0 0 3px 0;
}
#home-badge .in .list ul li .item .logo span {
  display: block;
  height: 29px;
}
#home-badge .in .list ul li .item .logo span img {
  width: 118px;
}
#home-badge .in .list ul li .item .rate {
  padding: 3px 0 0 0;
}
#home-badge .in .list ul li .item .rate .sui-rating .sui-icon {
  position: relative;
  font-size: 12px;
  margin: 0 5px 0 0;
  color: #000;
  opacity: 1;
}
#home-badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child {
  margin: 0;
}
#home-badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child:before {
  opacity: 0.2;
}
#home-badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child.highlight:before {
  opacity: 1;
}
#home-badge .in .list ul li .item .rate .sui-rating .sui-icon .sui-icon {
  position: absolute;
  top: 0;
  left: 0;
}
#home-badge .in .list ul li .item .rate .title {
  color: #3d4144;
  transition: color 0.5s;
  padding: 6px 0 0 0;
  font-size: 13px;
}
#home-badge .in .list ul li.trustpilot .item .logo span {
  top: -2px;
  position: relative;
}
#home-badge .in .list ul li.g2 {
  padding: 0 32px 0 0;
}
#home-badge .in .list ul li.g2 .item .logo {
  display: inline-block;
}
#home-badge .in .list ul li.g2 .item .logo span img {
  width: 93px;
}
#home-badge .in .list ul li.capterra {
  display: none;
}
#home-badge .in .list ul li.iso {
  display: none;
}
#home-badge .in .list ul li.gdpr {
  display: none;
}
#home-steps .in,
#home-features .in,
#home-create .in {
  padding-top: 64px;
}
#home-steps .in .item,
#home-features .in .item,
#home-create .in .item {
  padding: 72px 0 0 0;
}
#home-steps .in .item .content h3,
#home-features .in .item .content h3,
#home-create .in .item .content h3 {
  padding: 80px 0 0 0;
  position: relative;
}
#home-steps .in .item .content h3:before,
#home-features .in .item .content h3:before,
#home-create .in .item .content h3:before {
  font-family: 'Inter Bold', sans-serif;
  font-size: 50px;
  letter-spacing: -0.03em;
  line-height: 112%;
  position: absolute;
  top: 0;
  left: 0;
}
#home-steps .in .item .content p,
#home-features .in .item .content p,
#home-create .in .item .content p {
  padding: 8px 0 0 0;
}
#home-steps .in .item .content p.more,
#home-features .in .item .content p.more,
#home-create .in .item .content p.more {
  padding: 24px 0 0 0;
}
#home-steps .in .item .image,
#home-features .in .item .image,
#home-create .in .item .image {
  margin: 56px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#home-steps .in .item .image .holder picture,
#home-features .in .item .image .holder picture,
#home-create .in .item .image .holder picture {
  display: flex;
  flex-direction: column;
}
#home-steps .in .item .image .holder picture img,
#home-features .in .item .image .holder picture img,
#home-create .in .item .image .holder picture img {
  border-radius: 24px;
}
#home-steps .in .item.build,
#home-features .in .item.build,
#home-create .in .item.build,
#home-steps .in .item.integrations,
#home-features .in .item.integrations,
#home-create .in .item.integrations {
  padding: 48px 0 0 0;
}
#home-steps .in .item.build .content h3:before,
#home-features .in .item.build .content h3:before,
#home-create .in .item.build .content h3:before,
#home-steps .in .item.integrations .content h3:before,
#home-features .in .item.integrations .content h3:before,
#home-create .in .item.integrations .content h3:before {
  content: '01';
  color: #303181;
}
#home-steps .in .item.build .content p.more a,
#home-features .in .item.build .content p.more a,
#home-create .in .item.build .content p.more a,
#home-steps .in .item.integrations .content p.more a,
#home-features .in .item.integrations .content p.more a,
#home-create .in .item.integrations .content p.more a {
  color: #2030c2;
}
#home-steps .in .item.build .content p.more a:before,
#home-features .in .item.build .content p.more a:before,
#home-create .in .item.build .content p.more a:before,
#home-steps .in .item.integrations .content p.more a:before,
#home-features .in .item.integrations .content p.more a:before,
#home-create .in .item.integrations .content p.more a:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right-blueberry.svg') no-repeat center center;
  background-size: 24px 24px;
}
#home-steps .in .item.build .content ul li:before,
#home-features .in .item.build .content ul li:before,
#home-create .in .item.build .content ul li:before,
#home-steps .in .item.integrations .content ul li:before,
#home-features .in .item.integrations .content ul li:before,
#home-create .in .item.integrations .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check-blueberry.svg') no-repeat center center;
  background-size: cover;
}
#home-steps .in .item.collect .content h3:before,
#home-features .in .item.collect .content h3:before,
#home-create .in .item.collect .content h3:before,
#home-steps .in .item.teams .content h3:before,
#home-features .in .item.teams .content h3:before,
#home-create .in .item.teams .content h3:before {
  content: '02';
  color: #e1300f;
}
#home-steps .in .item.collect .content p.more a,
#home-features .in .item.collect .content p.more a,
#home-create .in .item.collect .content p.more a,
#home-steps .in .item.teams .content p.more a,
#home-features .in .item.teams .content p.more a,
#home-create .in .item.teams .content p.more a {
  color: #e1300f;
}
#home-steps .in .item.collect .content p.more a:before,
#home-features .in .item.collect .content p.more a:before,
#home-create .in .item.collect .content p.more a:before,
#home-steps .in .item.teams .content p.more a:before,
#home-features .in .item.teams .content p.more a:before,
#home-create .in .item.teams .content p.more a:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right-upgrade.svg') no-repeat center center;
  background-size: 24px 24px;
}
#home-steps .in .item.collect .content ul li:before,
#home-features .in .item.collect .content ul li:before,
#home-create .in .item.collect .content ul li:before,
#home-steps .in .item.teams .content ul li:before,
#home-features .in .item.teams .content ul li:before,
#home-create .in .item.teams .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check-upgrade.svg') no-repeat center center;
  background-size: cover;
}
#home-steps .in .item.analyze .content h3:before,
#home-features .in .item.analyze .content h3:before,
#home-create .in .item.analyze .content h3:before,
#home-steps .in .item.dashboards .content h3:before,
#home-features .in .item.dashboards .content h3:before,
#home-create .in .item.dashboards .content h3:before {
  content: '03';
  color: #327da6;
}
#home-steps .in .item.analyze .content p.more a,
#home-features .in .item.analyze .content p.more a,
#home-create .in .item.analyze .content p.more a,
#home-steps .in .item.dashboards .content p.more a,
#home-features .in .item.dashboards .content p.more a,
#home-create .in .item.dashboards .content p.more a {
  color: #327da6;
}
#home-steps .in .item.analyze .content p.more a:before,
#home-features .in .item.analyze .content p.more a:before,
#home-create .in .item.analyze .content p.more a:before,
#home-steps .in .item.dashboards .content p.more a:before,
#home-features .in .item.dashboards .content p.more a:before,
#home-create .in .item.dashboards .content p.more a:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right-steel.svg') no-repeat center center;
  background-size: 24px 24px;
}
#home-steps .in .item.analyze .content ul li:before,
#home-features .in .item.analyze .content ul li:before,
#home-create .in .item.analyze .content ul li:before,
#home-steps .in .item.dashboards .content ul li:before,
#home-features .in .item.dashboards .content ul li:before,
#home-create .in .item.dashboards .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check-steel.svg') no-repeat center center;
  background-size: cover;
}
#home-steps .in .basic .content,
#home-features .in .basic .content,
#home-create .in .basic .content {
  background: #1f1f49;
  color: #fff;
  box-sizing: border-box;
  padding: 72px 32px;
  text-align: center;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  margin: 8px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#home-steps .in .basic .content p.title,
#home-features .in .basic .content p.title,
#home-create .in .basic .content p.title {
  padding: 0;
}
#home-steps .in .basic .content p.title strong,
#home-features .in .basic .content p.title strong,
#home-create .in .basic .content p.title strong {
  font-family: 'Inter Bold', sans-serif;
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#home-steps .in .basic .content p.title strong span,
#home-features .in .basic .content p.title strong span,
#home-create .in .basic .content p.title strong span {
  color: #c2d9e3;
}
#home-steps .in .basic .content p.more,
#home-features .in .basic .content p.more,
#home-create .in .basic .content p.more {
  padding: 40px 0 0 0;
  line-height: normal;
}
#home-steps .in .basic .content p.more a,
#home-features .in .basic .content p.more a,
#home-create .in .basic .content p.more a {
  display: inline-flex;
  background: #c2d9e3;
  cursor: pointer;
  border-radius: 10px;
  align-items: center;
  transition: background 0.5s;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #000;
  font-size: 16px;
  height: 56px;
  letter-spacing: -0.01em;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
}
#home-steps .in .basic .content p.more a:before,
#home-features .in .basic .content p.more a:before,
#home-create .in .basic .content p.more a:before {
  display: none;
}
#home-steps .in .basic .image,
#home-features .in .basic .image,
#home-create .in .basic .image {
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#home-steps .in .basic .image .holder picture,
#home-features .in .basic .image .holder picture,
#home-create .in .basic .image .holder picture {
  display: flex;
  flex-direction: column;
}
#home-steps .in .basic .image .holder picture img,
#home-features .in .basic .image .holder picture img,
#home-create .in .basic .image .holder picture img {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}
#home-create .in {
  padding-bottom: 64px;
}
#home-create .in .basic .content {
  margin: 0;
}
#home-features .in .item .content h2 {
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.02em;
}
#home-features .in .item .image {
  margin: 40px 0 0 0;
}
#home-features .in .item.build,
#home-features .in .item.integrations {
  padding: 0;
}
#home-why .in {
  padding-top: 72px;
}
#home-why .in .title {
  padding: 0 0 24px 0;
}
#home-why .in .title p {
  padding: 16px 0 0 0;
}
#home-why .in .item {
  margin: 8px 0 0 0;
  box-sizing: border-box;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
  border-radius: 32px;
}
#home-why .in .item .content {
  padding: 40px 24px 0 40px;
}
#home-why .in .item .content h3 {
  font-size: 21px;
  line-height: 124%;
}
#home-why .in .item .content ul {
  padding: 8px 0 0 0;
}
#home-why .in .item .image {
  border-bottom-left-radius: 32px;
  border-bottom-right-radius: 32px;
  overflow: hidden;
}
#home-why .in .item .image picture {
  display: flex;
}
#home-why .in .item.common {
  background: #fabda8;
}
#home-why .in .item.common .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check-upgrade-600.svg') no-repeat center center;
  background-size: cover;
}
#home-why .in .item.solution {
  background: #ecedf1;
}
#home-why .in .item.solution .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-check-steel.svg') no-repeat center center;
  background-size: cover;
}
#home-right {
  border-bottom: 1px solid #f1f3f3;
}
#home-right .in {
  padding-top: 72px;
  padding-bottom: 64px;
}
#home-right .in .list .item {
  padding: 40px 0 0 0;
}
#home-right .in .list .item h3 {
  padding: 64px 0 0 0;
  font-size: 21px;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
  line-height: 133%;
}
#home-right .in .list .item ul li {
  padding: 4px 0 0 0;
}
#home-right .in .list .item ul li:before {
  display: none;
}
#home-right .in .list .item.free h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-free.svg') no-repeat top left;
  background-size: 40px 40px;
}
#home-right .in .list .item.support h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-support.svg') no-repeat top left;
  background-size: 40px 40px;
}
#home-right .in .list .item.templates h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-templates.svg') no-repeat top left;
  background-size: 40px 40px;
}
#home-right .in .list .item.security h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-security.svg') no-repeat top left;
  background-size: 40px 40px;
}
#home-use-cases .in {
  padding-top: 72px;
}
#home-use-cases .in p {
  padding: 24px 0 0 0;
}
#home-use-cases .in .list {
  padding: 32px 0 0 0;
  margin: 8px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#home-use-cases .in .list .item {
  box-sizing: border-box;
  padding: 40px;
  background: #f2f2f2;
  margin: 8px 0 0 0;
  border-radius: 20px;
}
#home-use-cases .in .list .item h3 {
  padding: 32px 0 0 0;
  font-size: 21px;
}
#home-use-cases .in .list .item ul {
  padding: 24px 0 0 0;
}
#home-use-cases .in .list .item ul li {
  padding: 4px 0;
  font-size: 14px;
  line-height: 186%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
#home-use-cases .in .list .item ul li:before {
  display: none;
}
#home-use-cases .in .list .item ul li:first-child {
  border: 0;
  padding-top: 0;
}
#home-use-cases .in .list .item ul li:last-child {
  padding-bottom: 0;
}
#home-use-cases .in .list .item .image {
  width: 80px;
  height: 80px;
}
#home-use-cases .in .list .item .image picture {
  display: flex;
  flex-direction: column;
}
#home-use-cases .in .list .item .image picture img {
  border-radius: 100%;
}
#home-use-cases .in .list .item .more {
  padding: 40px 0 0 0;
}
#home-use-cases .in .list .item .more a {
  overflow: hidden;
  height: 48px;
  width: 80px;
  box-sizing: border-box;
  transition: background 0.5s, border-color 0.5s;
  padding: 0;
  justify-content: center;
  border-radius: 24px;
  border: 2px solid rgba(0, 0, 0, 0.1);
}
#home-use-cases .in .list .item .more a:before {
  position: relative;
}
#home-use-cases .in .list .item .more a span {
  text-indent: -10000px;
}
#home-review .in {
  padding-top: 80px;
}
#home-review .in h2 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#home-review .in .image {
  margin: 40px 0 0 0;
}
#home-review .in .image picture {
  display: flex;
  flex-direction: column;
}
#home-review .in .slides {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-quote.svg') no-repeat left 9px;
  background-size: 40px 40px;
}
#home-review .in .slides .list .item .content {
  padding: 72px 0 0 0;
}
#home-review .in .slides .list .item .content p {
  font-size: 18px;
  padding: 0;
  line-height: 167%;
  color: #202124;
}
#home-review .in .slides .list .item .author {
  padding: 24px 0 0 0;
  font-size: 14px;
}
#home-review .in .slides .list .item .author strong {
  display: inline-block;
  margin: 0 24px 0 0;
}
#home-review .in .slides .list .item .author span {
  color: #60607a;
}
#home-review .in .slides .nav {
  display: flex;
  padding: 40px 0 0 0;
  justify-content: flex-end;
}
#home-review .in .slides .nav span {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
#home-review .in .slides .nav span span {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: background 0.5s, border-color 0.5s;
  height: 100%;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
#home-review .in .slides .nav span.prev span {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-arrow-left-black.svg');
  background-size: 16px 16px;
}
#home-review .in .slides .nav span.next {
  margin: 0 0 0 8px;
}
#home-review .in .slides .nav span.next span {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-arrow-right-black.svg');
  background-size: 16px 16px;
}
#home-helping {
  border-top: 1px solid #f1f3f3;
  margin: 64px 0 0 0;
}
#home-helping .in {
  text-align: center;
  padding: 64px 24px 42px 24px;
}
#home-helping .in h2 {
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
}
#home-helping .in .list {
  position: relative;
  padding: 0 0 64px 0;
}
#home-helping .in .list:before {
  content: '';
  background: #f1f3f3;
  width: 10000px;
  left: -5000px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
}
#home-helping .in .list ul {
  padding: 8px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#home-helping .in .list ul li {
  padding: 32px 0 0 0;
  flex: 0 1 calc(100% / 3);
}
#home-helping .in .list ul li:before {
  display: none;
}
#home-helping .in .list ul li img {
  width: 80px;
}
#home-helping .in .list ul li:nth-child(4),
#home-helping .in .list ul li:nth-child(5),
#home-helping .in .list ul li:nth-child(6),
#home-helping .in .list ul li:nth-child(10),
#home-helping .in .list ul li:nth-child(11),
#home-helping .in .list ul li:nth-child(15) {
  display: none;
}
#home-helping .in .list ul li:nth-child(1),
#home-helping .in .list ul li:nth-child(7),
#home-helping .in .list ul li:nth-child(12) {
  text-align: left;
}
#home-helping .in .list ul li:nth-child(3),
#home-helping .in .list ul li:nth-child(9),
#home-helping .in .list ul li:nth-child(14) {
  text-align: right;
}
#home-helping .in .cta {
  padding: 32px 0 0 0;
}
#home-helping .in .cta p {
  padding: 32px 0 0 0;
}
#home-helping .in .cta p .button {
  display: flex;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  border-radius: 12px;
  align-items: center;
  padding: 0 24px;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 18px;
  height: 64px;
  letter-spacing: -0.01em;
}
#home-helping .in .cta p .button.blueberry {
  background: #303181;
}
#home-helping .in .cta p .button.black {
  background: #000;
}
#home-helping .in .cta p .desc {
  font-family: 'Inter Medium', sans-serif;
  font-size: 13px;
  padding: 8px 0 0 0;
  line-height: 154%;
  display: block;
  color: #3d4144;
}
#home-helping.home-go-005,
#home-helping.home-go-006,
#home-helping.home-go-007 {
  border: 0;
  margin: 0;
}
#home-helping.home-go-005 .in,
#home-helping.home-go-006 .in,
#home-helping.home-go-007 .in {
  padding-bottom: 0;
}
#home-helping.home-go-005 .in .list,
#home-helping.home-go-006 .in .list,
#home-helping.home-go-007 .in .list {
  padding: 0;
}
#home-helping.home-go-005 .in .list:before,
#home-helping.home-go-006 .in .list:before,
#home-helping.home-go-007 .in .list:before {
  display: none;
}
.no-touch #home-header .in .more a:hover:before,
.no-touch #home-signup .in .more a:hover:before,
.no-touch #home-badge .in .more a:hover:before,
.no-touch #home-steps .in .more a:hover:before,
.no-touch #home-create .in .more a:hover:before,
.no-touch #home-features .in .more a:hover:before,
.no-touch #home-why .in .more a:hover:before,
.no-touch #home-right .in .more a:hover:before,
.no-touch #home-use-cases .in .more a:hover:before,
.no-touch #home-review .in .more a:hover:before,
.no-touch #home-helping .in .more a:hover:before {
  right: -8px;
}
.no-touch #home-header .in .cta span:hover,
.no-touch #home-signup .in .cta span:hover,
.no-touch #home-badge .in .cta span:hover,
.no-touch #home-steps .in .cta span:hover,
.no-touch #home-create .in .cta span:hover,
.no-touch #home-features .in .cta span:hover,
.no-touch #home-why .in .cta span:hover,
.no-touch #home-right .in .cta span:hover,
.no-touch #home-use-cases .in .cta span:hover,
.no-touch #home-review .in .cta span:hover,
.no-touch #home-helping .in .cta span:hover {
  background: #424394;
}
.no-touch #home-header .in .cta span:active,
.no-touch #home-signup .in .cta span:active,
.no-touch #home-badge .in .cta span:active,
.no-touch #home-steps .in .cta span:active,
.no-touch #home-create .in .cta span:active,
.no-touch #home-features .in .cta span:active,
.no-touch #home-why .in .cta span:active,
.no-touch #home-right .in .cta span:active,
.no-touch #home-use-cases .in .cta span:active,
.no-touch #home-review .in .cta span:active,
.no-touch #home-helping .in .cta span:active {
  background: #303181;
}
.no-touch #home-header .in .headline .signup ul li button:hover {
  background-color: #424394;
}
.no-touch #home-header .in .headline .signup ul li button:active {
  background-color: #303181;
}
.no-touch #home-signup .in .content .form:hover {
  background: #e0e0e0;
}
.no-touch #home-signup .in .content .form ul li.submit .button:hover {
  background: #424394;
}
.no-touch #home-signup .in .content .form ul li.submit .button:active {
  background: #303181;
}
.no-touch #home-signup.home-go-006 .in .content .form ul li.submit .button:hover,
.no-touch #home-signup.home-go-007 .in .content .form ul li.submit .button:hover {
  background: #1b54d6;
}
.no-touch #home-signup.home-go-006 .in .content .form ul li.submit .button:active,
.no-touch #home-signup.home-go-007 .in .content .form ul li.submit .button:active {
  background: #0e44aa;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button:hover,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button:hover {
  background: #424394;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button:active,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button:active {
  background: #303181;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.outline:hover,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.outline:hover {
  border-color: #b5cbf8;
  background: #c9dafb;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.outline:active,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.outline:active {
  border-color: #b5cbf8;
  background: #c9dafb;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.dark:hover,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.dark:hover {
  background: #424394;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.dark:active,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.dark:active {
  background: #303181;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.light:hover,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.light:hover {
  background: #1b54d6;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.light:active,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.light:active {
  background: #2169d8;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.orange:hover,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.orange:hover {
  background: #f14b24;
}
.no-touch #home-signup.home-go-006 .in .content .signup-demo ul li .button.orange:active,
.no-touch #home-signup.home-go-007 .in .content .signup-demo ul li .button.orange:active {
  background: #ba3516;
}
.no-touch #home-signup.home-go-007 .in .content .form ul li.submit .button:hover {
  background: #424394;
}
.no-touch #home-signup.home-go-007 .in .content .form ul li.submit .button:active {
  background: #303181;
}
.no-touch #home-steps .in .basic .content p.more a:hover,
.no-touch #home-features .in .basic .content p.more a:hover,
.no-touch #home-create .in .basic .content p.more a:hover {
  background: #8cafc3;
}
.no-touch #home-steps .in .basic .content p.more a:active,
.no-touch #home-features .in .basic .content p.more a:active,
.no-touch #home-create .in .basic .content p.more a:active {
  background: #327da6;
}
.no-touch #home-use-cases .in .list .item .more a:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.no-touch #home-use-cases .in .list .item .more a:hover:before {
  right: auto;
}
.no-touch #home-use-cases .in .list .item .more a:active {
  background: rgba(0, 0, 0, 0.1);
}
.no-touch #home-review .in .slides .nav span:hover span {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #home-review .in .slides .nav span:active span {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #home-helping .in .cta p .button.blueberry:hover {
  background: #424394;
}
.no-touch #home-helping .in .cta p .button.blueberry:active {
  background: #303181;
}
.no-touch #home-helping .in .cta p .button.black:hover {
  background: #3d4144;
}
.no-touch #home-helping .in .cta p .button.black:active {
  background: #000;
}
@media only screen and (min-width: 480px) {
  #home-header .in,
  #home-signup .in,
  #home-badge .in,
  #home-steps .in,
  #home-create .in,
  #home-features .in,
  #home-why .in,
  #home-right .in,
  #home-use-cases .in,
  #home-review .in,
  #home-helping .in {
    padding: 0;
    width: 432px;
    margin: 0 auto;
  }
  #home-header .in .cta,
  #home-signup .in .cta,
  #home-badge .in .cta,
  #home-steps .in .cta,
  #home-create .in .cta,
  #home-features .in .cta,
  #home-why .in .cta,
  #home-right .in .cta,
  #home-use-cases .in .cta,
  #home-review .in .cta,
  #home-helping .in .cta {
    width: 100%;
    left: auto;
  }
  #home-header .in {
    padding: 40px 0 0 0;
  }
  #home-header .in .headline h1 {
    font-size: 42px;
    line-height: 114%;
  }
  #home-header .in .headline h1 span {
    display: inline;
  }
  #home-header .in .headline .subtitle {
    padding: 8px 0 0 0;
  }
  #home-header .in .headline .subtitle span {
    display: inline;
  }
  #home-header .in.list {
    padding: 24px 0 0 0;
  }
  #home-signup .in {
    padding: 48px 0 0 0;
  }
  #home-signup .in .stats {
    padding: 32px 0 0 0;
  }
  #home-badge .in {
    padding: 32px 0 0 0;
  }
  #home-badge .in .list ul li.g2 {
    padding: 0 48px 0 0;
  }
  #home-steps .in,
  #home-features .in,
  #home-create .in {
    padding: 64px 0 0 0;
  }
  #home-steps .in .item .image,
  #home-features .in .item .image,
  #home-create .in .item .image {
    left: auto;
    width: 100%;
  }
  #home-steps .in .basic .content,
  #home-features .in .basic .content,
  #home-create .in .basic .content {
    left: auto;
    margin: 24px 0 0 0;
    width: 100%;
  }
  #home-steps .in .basic .content p.title,
  #home-features .in .basic .content p.title,
  #home-create .in .basic .content p.title {
    padding: 0;
  }
  #home-steps .in .basic .content p.title strong,
  #home-features .in .basic .content p.title strong,
  #home-create .in .basic .content p.title strong {
    font-family: 'Inter Bold', sans-serif;
    font-size: 28px;
    line-height: 121%;
    letter-spacing: -0.02em;
  }
  #home-steps .in .basic .content p.title strong span,
  #home-features .in .basic .content p.title strong span,
  #home-create .in .basic .content p.title strong span {
    color: #c2d9e3;
  }
  #home-steps .in .basic .content p.more a,
  #home-features .in .basic .content p.more a,
  #home-create .in .basic .content p.more a {
    padding: 0 24px;
    width: auto;
  }
  #home-steps .in .basic .image,
  #home-features .in .basic .image,
  #home-create .in .basic .image {
    left: auto;
    width: 100%;
  }
  #home-create .in {
    padding-bottom: 64px;
  }
  #home-create .in .basic .content {
    margin: 0;
  }
  #home-why {
    margin: 104px 0 0 0;
  }
  #home-why .in {
    padding-top: 72px;
    border-top: 1px solid #f1f3f3;
  }
  #home-why .in .title {
    padding: 0 0 8px 0;
  }
  #home-why .in .item {
    margin: 24px 0 0 0;
    left: auto;
    width: 100%;
  }
  #home-why .in .item .content {
    padding: 40px 40px 0 40px;
  }
  #home-why.home-go-005,
  #home-why.home-go-006,
  #home-why.home-go-007 {
    margin: 72px 0 0 0;
  }
  #home-right {
    border-bottom: 0;
  }
  #home-right .in {
    padding: 72px 0 64px 0;
    border-bottom: 1px solid #f1f3f3;
  }
  #home-right.home-go-005 .in,
  #home-right.home-go-006 .in,
  #home-right.home-go-007 .in {
    border-bottom: 0;
    padding-bottom: 0;
  }
  #home-use-cases .in {
    padding: 72px 0 0 0;
  }
  #home-use-cases .in .list {
    left: auto;
    width: 100%;
  }
  #home-review .in {
    padding: 80px 0 0 0;
  }
  #home-helping {
    border: 0;
  }
  #home-helping .in {
    border-top: 1px solid #f1f3f3;
    padding: 64px 0 42px 0;
  }
  #home-helping .in .list:before {
    display: none;
  }
  #home-helping .in .list ul {
    padding: 32px 0 0 0;
  }
  #home-helping .in .cta {
    border-top: 1px solid #f1f3f3;
  }
  #home-helping.home-go-005 .in,
  #home-helping.home-go-006 .in,
  #home-helping.home-go-007 .in {
    border-top: 0;
  }
}
@media only screen and (min-width: 844px) {
  #home-header .in,
  #home-signup .in,
  #home-badge .in,
  #home-steps .in,
  #home-create .in,
  #home-features .in,
  #home-why .in,
  #home-right .in,
  #home-use-cases .in,
  #home-review .in,
  #home-helping .in {
    width: 752px;
  }
  #home-header .in h1,
  #home-signup .in h1,
  #home-badge .in h1,
  #home-steps .in h1,
  #home-create .in h1,
  #home-features .in h1,
  #home-why .in h1,
  #home-right .in h1,
  #home-use-cases .in h1,
  #home-review .in h1,
  #home-helping .in h1 {
    font-size: 58px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    line-height: 110%;
  }
  #home-header .in h1 span,
  #home-signup .in h1 span,
  #home-badge .in h1 span,
  #home-steps .in h1 span,
  #home-create .in h1 span,
  #home-features .in h1 span,
  #home-why .in h1 span,
  #home-right .in h1 span,
  #home-use-cases .in h1 span,
  #home-review .in h1 span,
  #home-helping .in h1 span {
    display: inline;
  }
  #home-header .in h1 span small,
  #home-signup .in h1 span small,
  #home-badge .in h1 span small,
  #home-steps .in h1 span small,
  #home-create .in h1 span small,
  #home-features .in h1 span small,
  #home-why .in h1 span small,
  #home-right .in h1 span small,
  #home-use-cases .in h1 span small,
  #home-review .in h1 span small,
  #home-helping .in h1 span small {
    font-size: 24px;
    line-height: 125%;
    letter-spacing: -0.02em;
    position: absolute;
    top: -1px;
    padding: 0 0 0 6px;
  }
  #home-header .in h2,
  #home-signup .in h2,
  #home-badge .in h2,
  #home-steps .in h2,
  #home-create .in h2,
  #home-features .in h2,
  #home-why .in h2,
  #home-right .in h2,
  #home-use-cases .in h2,
  #home-review .in h2,
  #home-helping .in h2 {
    text-align: center;
  }
  #home-header .in .headline h1 {
    font-size: 58px;
    line-height: 110%;
  }
  #home-header .in .headline .subtitle {
    font-size: 18px;
  }
  #home-header .in .headline .subtitle span {
    line-height: 167%;
  }
  #home-header .in .headline .signup {
    width: 464px;
    margin: 32px auto 0 auto;
    height: 68px;
    border-radius: 19px;
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    transition: background 0.5s, border-color 0.5s;
    box-sizing: border-box;
    padding: 5px;
  }
  #home-header .in .headline .signup ul {
    display: flex;
    justify-content: space-between;
  }
  #home-header .in .headline .signup ul li button {
    height: 56px;
    border-radius: 14px;
    background-image: none;
    padding: 0 32px;
    font-size: 16px;
  }
  #home-header .in .headline .signup ul li.email {
    display: block;
    flex: 1;
  }
  #home-header .in .headline .signup ul li.email label {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    display: flex;
    padding: 0 16px 0 52px;
    box-sizing: border-box;
    align-items: center;
    font-family: 'Inter SemiBold', sans-serif;
    color: #3d4144;
    font-size: 14px;
    width: 100%;
    height: 100%;
  }
  #home-header .in .headline .signup ul li.email input {
    border: 0;
    border-radius: 14px;
    width: 100%;
    height: 56px;
    background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-email.svg');
    background-repeat: no-repeat;
    background-position: 16px center;
    background-size: 24px 24px;
    padding: 0 16px 0 52px;
    outline: none;
    font-family: 'Inter SemiBold', sans-serif;
    color: #000;
    font-size: 14px;
    box-sizing: border-box;
    margin: 0;
    background-color: transparent;
  }
  #home-header .in .headline .signup ul li.email input::-webkit-input-placeholder {
    color: transparent;
    line-height: normal;
  }
  #home-header .in .headline .signup ul li.email input::-moz-placeholder {
    color: transparent;
    line-height: normal;
  }
  #home-header .in .headline .signup ul li.email input:-ms-input-placeholder {
    color: transparent;
    line-height: normal;
  }
  #home-header .in .headline .signup ul li.email input:-moz-placeholder {
    color: transparent;
    line-height: normal;
  }
  #home-header .in .headline .signup ul li.email.focus label,
  #home-header .in .headline .signup ul li.email.has-val label {
    display: none;
  }
  #home-header .in .headline .signup ul li.email.focus input::-webkit-input-placeholder,
  #home-header .in .headline .signup ul li.email.has-val input::-webkit-input-placeholder {
    color: #a2a8ad;
  }
  #home-header .in .headline .signup ul li.email.focus input::-moz-placeholder,
  #home-header .in .headline .signup ul li.email.has-val input::-moz-placeholder {
    color: #a2a8ad;
  }
  #home-header .in .headline .signup ul li.email.focus input:-ms-input-placeholder,
  #home-header .in .headline .signup ul li.email.has-val input:-ms-input-placeholder {
    color: #a2a8ad;
  }
  #home-header .in .headline .signup ul li.email.focus input:-moz-placeholder,
  #home-header .in .headline .signup ul li.email.has-val input:-moz-placeholder {
    color: #a2a8ad;
  }
  #home-header .in .image {
    margin: 72px auto 0 auto;
    width: 100%;
  }
  #home-header .in .image .holder {
    left: auto;
  }
  #home-header .in.list {
    padding: 40px 0 0 0;
  }
  #home-header .in.list ul {
    display: flex;
    padding: 0 80px;
    justify-content: space-between;
  }
  #home-header .in.list ul li {
    flex: 0 1 176px;
    border: 0;
    padding: 0;
    flex-wrap: wrap;
    text-align: center;
  }
  #home-header .in.list ul li:before {
    position: absolute;
    top: 0;
    left: -16px;
    background: #ebebeb;
    width: 1px;
    content: '';
    display: block;
    height: 100%;
  }
  #home-header .in.list ul li:first-child:before {
    display: none;
  }
  #home-header .in.list ul li:nth-last-child(-n+2) {
    display: none;
  }
  #home-header .in.list ul li strong {
    flex: 0 1 100%;
    font-size: 24px;
  }
  #home-header .in.list ul li span {
    padding: 4px 0 0 0;
    flex: 0 1 100%;
    font-family: 'Inter Regular', sans-serif;
    color: #000;
  }
  #home-signup .in {
    padding: 40px 0 0 0;
    width: 624px;
  }
  #home-signup .in .content {
    text-align: center;
  }
  #home-signup .in .content p {
    display: block;
    font-size: 18px;
    line-height: 167%;
    text-align: center;
    color: #3d4144;
  }
  #home-signup .in .content .form {
    margin: 40px 0 0 0;
  }
  #home-signup .in .content .form ul {
    display: flex;
  }
  #home-signup .in .content .form ul li .input .msg {
    text-align: left;
    box-sizing: border-box;
    padding: 0 0 0 16px;
    bottom: auto;
    top: 71px;
  }
  #home-signup .in .content .form ul li.email {
    flex: 1;
  }
  #home-signup .in .content .form ul li.password {
    flex: 1;
    padding: 0 0 0 1px;
  }
  #home-signup .in .content .form ul li.password:before {
    width: 1px;
    left: 0;
    top: calc((100% - 32px) / 2);
    height: 32px;
  }
  #home-signup .in .content .form ul li.submit {
    min-width: 188px;
  }
  #home-signup .in .video,
  #home-signup .in .image {
    margin: 40px 0 0 0;
  }
  #home-signup .in .stats {
    padding: 48px 0 0 0;
    width: 704px;
    position: relative;
    left: -40px;
  }
  #home-signup .in .stats ul {
    display: flex;
    justify-content: space-between;
  }
  #home-signup .in .stats ul li {
    flex: 0 1 224px;
    display: block;
    padding: 0;
    text-align: center;
    border-bottom: 0;
    position: relative;
  }
  #home-signup .in .stats ul li:before {
    display: block;
    content: '';
    left: -8px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e3e4e9;
  }
  #home-signup .in .stats ul li strong {
    letter-spacing: -0.03em;
    padding: 0;
    font-size: 32px;
    width: 100%;
  }
  #home-signup .in .stats ul li span {
    padding: 12px 0 0 0;
    display: block;
  }
  #home-signup .in .stats ul li:first-child:before {
    display: none;
  }
  #home-signup .in .stats ul li:last-child {
    border: 0;
    display: none;
  }
  #home-signup.home-go-006 .in .content,
  #home-signup.home-go-007 .in .content {
    display: block;
  }
  #home-signup.home-go-006 .in .content h1,
  #home-signup.home-go-007 .in .content h1 {
    text-align: center;
  }
  #home-signup.home-go-006 .in .content p,
  #home-signup.home-go-007 .in .content p {
    font-size: 18px;
  }
  #home-signup.home-go-006 .in .content .signup-demo,
  #home-signup.home-go-007 .in .content .signup-demo {
    margin: 24px 0 0 0;
  }
  #home-signup.home-go-006 .in .content .signup-demo ul,
  #home-signup.home-go-007 .in .content .signup-demo ul {
    display: flex;
    justify-content: center;
  }
  #home-signup.home-go-006 .in .content .signup-demo ul li,
  #home-signup.home-go-007 .in .content .signup-demo ul li {
    padding: 0 16px 0 0;
  }
  #home-signup.home-go-006 .in .content .signup-demo ul li:last-child,
  #home-signup.home-go-007 .in .content .signup-demo ul li:last-child {
    padding: 0;
  }
  #home-signup.home-go-006 .in .content .points,
  #home-signup.home-go-007 .in .content .points {
    display: flex;
    justify-content: center;
  }
  #home-signup.home-go-006 .in .content .points ul li,
  #home-signup.home-go-007 .in .content .points ul li {
    text-align: left;
  }
  #home-signup.home-go-006 .in .content .points ul:first-child,
  #home-signup.home-go-007 .in .content .points ul:first-child {
    padding-right: 72px;
  }
  #home-badge .in .list ul {
    justify-content: space-between;
  }
  #home-badge .in .list ul li .item .rate {
    padding: 2px 0 0 0;
  }
  #home-badge .in .list ul li .item .rate .title {
    padding: 3px 0 0 0;
  }
  #home-badge .in .list ul li.capterra {
    display: list-item;
  }
  #home-badge .in .list ul li.g2 {
    padding: 0;
  }
  #home-badge .in .list ul li.iso {
    display: list-item;
  }
  #home-badge .in .list ul li.iso .item {
    text-decoration: none;
  }
  #home-badge .in .list ul li.iso .item .logo {
    display: inline-block;
  }
  #home-badge .in .list ul li.iso .item .logo span {
    height: 44px;
  }
  #home-badge .in .list ul li.iso .item .logo span img {
    width: 120px;
  }
  #home-badge .in .list ul li.iso .item .rate {
    padding: 3px 0 0 0;
  }
  #home-badge .in .list ul li.iso .item .rate .title {
    padding: 6px 0 0 0;
  }
  #home-steps .in,
  #home-features .in,
  #home-create .in {
    padding: 80px 0 0 0;
  }
  #home-steps .in h2,
  #home-features .in h2,
  #home-create .in h2 {
    width: 496px;
    margin: 0 auto;
  }
  #home-steps .in .item,
  #home-features .in .item,
  #home-create .in .item {
    display: flex;
    padding: 0;
    min-height: 368px;
    margin: 120px 0 0 0;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
  }
  #home-steps .in .item .content,
  #home-features .in .item .content,
  #home-create .in .item .content {
    flex: 0 1 304px;
    width: 304px;
  }
  #home-steps .in .item .content ul,
  #home-features .in .item .content ul,
  #home-create .in .item .content ul {
    display: none;
  }
  #home-steps .in .item .image,
  #home-features .in .item .image,
  #home-create .in .item .image {
    flex: 0 1 368px;
    height: 368px;
    margin: 0;
  }
  #home-steps .in .item.build,
  #home-features .in .item.build,
  #home-create .in .item.build {
    padding: 0;
    margin: 80px 0 0 0;
  }
  #home-steps .in .item.collect,
  #home-features .in .item.collect,
  #home-create .in .item.collect {
    flex-direction: row;
  }
  #home-steps .in .basic,
  #home-features .in .basic,
  #home-create .in .basic {
    display: flex;
    margin: 120px 0 0 0;
  }
  #home-steps .in .basic .content,
  #home-features .in .basic .content,
  #home-create .in .basic .content {
    margin: 0;
    align-content: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: left;
    padding: 0 52px;
    border-top-right-radius: 0;
    border-top-left-radius: 24px;
    border-bottom-left-radius: 24px;
    flex: 0 1 376px;
  }
  #home-steps .in .basic .content p.more,
  #home-features .in .basic .content p.more,
  #home-create .in .basic .content p.more {
    flex: 0 1 100%;
  }
  #home-steps .in .basic .content p.more a,
  #home-features .in .basic .content p.more a,
  #home-create .in .basic .content p.more a {
    padding: 0;
    width: 100%;
  }
  #home-steps .in .basic .image,
  #home-features .in .basic .image,
  #home-create .in .basic .image {
    flex: 0 1 376px;
  }
  #home-steps .in .basic .image .holder picture img,
  #home-features .in .basic .image .holder picture img,
  #home-create .in .basic .image .holder picture img {
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  #home-steps .in .cta,
  #home-features .in .cta,
  #home-create .in .cta {
    padding: 64px 0 0 0;
  }
  #home-create .in {
    padding-bottom: 86px;
  }
  #home-create .in .basic {
    margin: 0;
  }
  #home-features .in {
    padding: 0;
  }
  #home-features .in .item .content h2 {
    width: auto;
    text-align: left;
  }
  #home-features .in .item.integrations,
  #home-features .in .item.dashboards {
    flex-direction: row;
  }
  #home-why {
    margin: 88px 0 0 0;
  }
  #home-why .in {
    display: flex;
    padding-top: 88px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #home-why .in .title {
    padding: 0;
    flex: 0 1 100%;
  }
  #home-why .in .title p {
    width: 544px;
    text-align: center;
    margin: 0 auto;
  }
  #home-why .in .item {
    flex: 0 1 368px;
    padding-bottom: 248px;
    position: relative;
    margin: 64px 0 0 0;
  }
  #home-why .in .item .image {
    position: absolute;
    bottom: 0;
  }
  #home-right .in {
    padding: 80px 0;
  }
  #home-right .in .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #home-right .in .list .item {
    padding: 56px 0 0 0;
    flex: 0 1 304px;
    text-align: center;
  }
  #home-right .in .list .item.free h3 {
    background-position: center top;
  }
  #home-right .in .list .item.support h3 {
    background-position: center top;
  }
  #home-right .in .list .item.templates h3 {
    background-position: center top;
  }
  #home-right .in .list .item.security h3 {
    background-position: center top;
  }
  #home-use-cases .in {
    padding: 88px 0 0 0;
  }
  #home-use-cases .in h2 {
    width: 544px;
    margin: 0 auto;
  }
  #home-use-cases .in p {
    width: 544px;
    margin: 0 auto;
    text-align: center;
  }
  #home-use-cases .in .list {
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #home-use-cases .in .list .item {
    margin: 16px 0 0 0;
    flex: 0 1 368px;
    padding-bottom: 154px;
    position: relative;
    width: 368px;
  }
  #home-use-cases .in .list .item .more {
    width: auto;
    margin: 0;
    padding: 0;
    text-align: left;
    position: absolute;
    bottom: 40px;
  }
  #home-review .in {
    display: flex;
    padding: 88px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  #home-review .in h2 {
    flex: 0 1 100%;
    padding: 0 0 72px 0;
  }
  #home-review .in .image {
    flex: 0 1 368px;
    margin: 0;
  }
  #home-review .in .slides {
    flex: 0 1 304px;
    text-align: left;
  }
  #home-helping .in {
    padding: 72px 0 56px 0;
  }
  #home-helping .in h2 {
    font-size: 24px;
    line-height: 125%;
    width: 496px;
    margin: 0 auto;
  }
  #home-helping .in .list {
    padding: 0 0 72px 0;
  }
  #home-helping .in .list ul {
    padding: 0;
  }
  #home-helping .in .list ul li {
    padding: 48px 0 0 0;
    flex: 0 1 calc(100% / 5);
  }
  #home-helping .in .list ul li:nth-child(4),
  #home-helping .in .list ul li:nth-child(5),
  #home-helping .in .list ul li:nth-child(6),
  #home-helping .in .list ul li:nth-child(10),
  #home-helping .in .list ul li:nth-child(11),
  #home-helping .in .list ul li:nth-child(15) {
    display: list-item;
  }
  #home-helping .in .list ul li:nth-child(6),
  #home-helping .in .list ul li:nth-child(12),
  #home-helping .in .list ul li:nth-child(13),
  #home-helping .in .list ul li:nth-child(14),
  #home-helping .in .list ul li:nth-child(15) {
    display: none;
  }
  #home-helping .in .list ul li:nth-child(1),
  #home-helping .in .list ul li:nth-child(7),
  #home-helping .in .list ul li:nth-child(12) {
    text-align: center;
  }
  #home-helping .in .list ul li:nth-child(3),
  #home-helping .in .list ul li:nth-child(9),
  #home-helping .in .list ul li:nth-child(14) {
    text-align: center;
  }
  #home-helping .in .list ul li img {
    width: 104px;
  }
  #home-helping .in .cta {
    padding: 104px 0 0 0;
    display: flex;
    justify-content: center;
  }
  #home-helping .in .cta p {
    padding: 0;
  }
  #home-helping .in .cta p .button {
    min-width: 256px;
  }
  #home-helping .in .cta p:first-child {
    margin: 0 16px 0 0;
  }
  .lp-content #home-use-cases .in .list .item {
    padding-bottom: 40px;
  }
  .no-touch #home-header .in .headline .signup:hover {
    background: #ebebeb;
    border-color: #ebebeb;
  }
  .no-touch #home-header .in .headline .signup:focus-within {
    background: #f2f2f2;
    border-color: #2030c2;
  }
}
@media only screen and (min-width: 1080px) {
  #home-header .in,
  #home-signup .in,
  #home-badge .in,
  #home-steps .in,
  #home-create .in,
  #home-features .in,
  #home-why .in,
  #home-right .in,
  #home-use-cases .in,
  #home-review .in,
  #home-helping .in {
    width: 1032px;
    padding: 32px 0 0 0;
  }
  #home-header .in h1,
  #home-signup .in h1,
  #home-badge .in h1,
  #home-steps .in h1,
  #home-create .in h1,
  #home-features .in h1,
  #home-why .in h1,
  #home-right .in h1,
  #home-use-cases .in h1,
  #home-review .in h1,
  #home-helping .in h1 {
    font-size: 68px;
    line-height: 100%;
    letter-spacing: -0.04em;
    text-align: left;
  }
  #home-header .in h1 span,
  #home-signup .in h1 span,
  #home-badge .in h1 span,
  #home-steps .in h1 span,
  #home-create .in h1 span,
  #home-features .in h1 span,
  #home-why .in h1 span,
  #home-right .in h1 span,
  #home-use-cases .in h1 span,
  #home-review .in h1 span,
  #home-helping .in h1 span {
    display: block;
  }
  #home-header .in h1 span small,
  #home-signup .in h1 span small,
  #home-badge .in h1 span small,
  #home-steps .in h1 span small,
  #home-create .in h1 span small,
  #home-features .in h1 span small,
  #home-why .in h1 span small,
  #home-right .in h1 span small,
  #home-use-cases .in h1 span small,
  #home-review .in h1 span small,
  #home-helping .in h1 span small {
    top: auto;
    bottom: 40px;
  }
  #home-header .in h2,
  #home-signup .in h2,
  #home-badge .in h2,
  #home-steps .in h2,
  #home-create .in h2,
  #home-features .in h2,
  #home-why .in h2,
  #home-right .in h2,
  #home-use-cases .in h2,
  #home-review .in h2,
  #home-helping .in h2 {
    font-size: 42px;
    line-height: 114%;
  }
  #home-header .in h3,
  #home-signup .in h3,
  #home-badge .in h3,
  #home-steps .in h3,
  #home-create .in h3,
  #home-features .in h3,
  #home-why .in h3,
  #home-right .in h3,
  #home-use-cases .in h3,
  #home-review .in h3,
  #home-helping .in h3 {
    font-size: 42px;
    line-height: 114%;
    letter-spacing: -0.03em;
  }
  #home-header .in .more,
  #home-signup .in .more,
  #home-badge .in .more,
  #home-steps .in .more,
  #home-create .in .more,
  #home-features .in .more,
  #home-why .in .more,
  #home-right .in .more,
  #home-use-cases .in .more,
  #home-review .in .more,
  #home-helping .in .more {
    padding: 24px 0 0 0;
  }
  #home-header .in .more a,
  #home-signup .in .more a,
  #home-badge .in .more a,
  #home-steps .in .more a,
  #home-create .in .more a,
  #home-features .in .more a,
  #home-why .in .more a,
  #home-right .in .more a,
  #home-use-cases .in .more a,
  #home-review .in .more a,
  #home-helping .in .more a {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 125%;
    padding: 0 40px 0 0;
  }
  #home-header .in .more a:before,
  #home-signup .in .more a:before,
  #home-badge .in .more a:before,
  #home-steps .in .more a:before,
  #home-create .in .more a:before,
  #home-features .in .more a:before,
  #home-why .in .more a:before,
  #home-right .in .more a:before,
  #home-use-cases .in .more a:before,
  #home-review .in .more a:before,
  #home-helping .in .more a:before {
    width: 32px;
    height: 32px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right.svg') no-repeat center center;
    background-size: cover;
  }
  #home-header .in {
    width: auto;
    padding: 0 24px;
  }
  #home-header .in .headline {
    position: absolute;
    width: 100%;
    top: 0;
    padding: 0 0 0 77px;
    box-sizing: border-box;
    left: 0;
    z-index: 1;
    text-align: left;
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
  }
  #home-header .in .headline h1 {
    color: #fff;
    flex: 0 1 100%;
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.04em;
  }
  #home-header .in .headline h1 span {
    display: block;
  }
  #home-header .in .headline .subtitle {
    display: none;
  }
  #home-header .in .headline .signup {
    position: relative;
    background: #fff;
    width: 468px;
    box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
    margin: 40px 0 0 0;
  }
  #home-header .in .headline .signup:before {
    opacity: 0;
    transition: opacity 0.5s;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    border-radius: 21px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    top: -5px;
    left: -5px;
    content: '';
    display: block;
  }
  #home-header .in .headline .signup ul li button {
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  #home-header .in .headline .signup ul li button span {
    position: relative;
    display: flex;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    height: 56px;
    padding: 0 32px;
    top: 0;
    transition: top 0.2s;
  }
  #home-header .in .headline .signup ul li button span.mirror {
    display: flex;
    position: absolute;
    top: -56px;
  }
  #home-header .in .image {
    margin: 0 auto;
  }
  #home-header .in.list {
    width: 1012px;
  }
  #home-header .in.list ul {
    padding: 0;
  }
  #home-header .in.list ul li:before {
    left: -16px;
  }
  #home-header .in.list ul li:nth-last-child(-n+2) {
    display: flex;
  }
  #home-header .in.list ul li:last-child {
    padding-bottom: 0;
  }
  #home-signup {
    position: relative;
  }
  #home-signup .in {
    display: flex;
    width: 1032px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #home-signup .in .content {
    flex: 0 1 592px;
    text-align: left;
  }
  #home-signup .in .content p {
    text-align: left;
    padding: 32px 0 0 0;
  }
  #home-signup .in .content .rating {
    min-height: 48px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-g2.svg') no-repeat left center;
    background-size: 48px 48px;
    padding: 0 0 0 67px;
    margin: 40px 0 0 0;
    display: flex;
    align-items: center;
  }
  #home-signup .in .content .rating span {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-stars.svg') no-repeat left top;
    background-size: 114px 18px;
    display: block;
    padding: 26px 0 0 0;
    color: #6c6c89;
    font-family: 'Inter Medium', sans-serif;
  }
  #home-signup .in .content .rating span strong {
    font-family: 'Inter Medium', sans-serif;
    letter-spacing: -0.01em;
    color: #000;
  }
  #home-signup .in .video,
  #home-signup .in .image {
    flex: 0 1 416px;
    height: 383px;
    margin: 0;
  }
  #home-signup .in .video .holder,
  #home-signup .in .image .holder {
    position: absolute;
    display: flex;
    width: 416px;
    justify-content: center;
    border-radius: 24px;
    overflow: hidden;
  }
  #home-signup .in .video .holder video,
  #home-signup .in .image .holder video,
  #home-signup .in .video .holder picture,
  #home-signup .in .image .holder picture {
    height: 524px;
    width: 569px;
    border-radius: 0;
  }
  #home-signup .in .stats {
    flex: 0 1 100%;
    width: 100%;
    left: auto;
    padding: 80px 0 0 0;
  }
  #home-signup .in .stats ul li {
    flex: 0 1 240px;
    text-align: left;
  }
  #home-signup .in .stats ul li:before {
    left: -24px;
  }
  #home-signup .in .stats ul li:last-child {
    display: block;
  }
  #home-signup .badge {
    display: block;
    position: absolute;
    width: 84px;
    right: 0;
    margin: 32px 0 0 0;
    top: calc((524px - 162px) / 2);
    height: 162px;
  }
  #home-signup .badge.anniversary {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-anniversary.svg') no-repeat center center;
    background-size: cover;
  }
  #home-signup .badge.anniversary.orange {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-anniversary-orange.svg') no-repeat center center;
    background-size: cover;
  }
  #home-signup.home-go-006 .in .content h1,
  #home-signup.home-go-007 .in .content h1 {
    font-size: 56px;
    display: flex;
    text-align: left;
  }
  #home-signup.home-go-006 .in .content h1 small,
  #home-signup.home-go-007 .in .content h1 small {
    font-size: 17px;
    letter-spacing: 0;
    top: -16px;
    position: relative;
    padding: 0 0 0 6px;
  }
  #home-signup.home-go-006 .in .content p,
  #home-signup.home-go-007 .in .content p {
    font-size: 18px;
    padding: 24px 0 0 0;
  }
  #home-signup.home-go-006 .in .content .signup-demo,
  #home-signup.home-go-007 .in .content .signup-demo {
    margin: 40px 0 0 0;
  }
  #home-signup.home-go-006 .in .content .signup-demo ul,
  #home-signup.home-go-007 .in .content .signup-demo ul {
    justify-content: flex-start;
  }
  #home-signup.home-go-006 .in .content .signup-demo ul li,
  #home-signup.home-go-007 .in .content .signup-demo ul li {
    padding: 0 24px 0 0;
  }
  #home-signup.home-go-006 .in .content .points,
  #home-signup.home-go-007 .in .content .points {
    padding: 24px 0 0 0;
    justify-content: flex-start;
  }
  #home-signup.home-go-006 .in .content .points ul li,
  #home-signup.home-go-007 .in .content .points ul li {
    padding-top: 6px;
    font-size: 14px;
  }
  #home-signup.home-go-006 .in .content .points ul li:before,
  #home-signup.home-go-007 .in .content .points ul li:before {
    top: 15px;
  }
  #home-signup.home-go-006 .in .content .form,
  #home-signup.home-go-007 .in .content .form {
    margin: 40px 0 0 0;
  }
  #home-badge .in {
    padding: 56px 0 0 0;
  }
  #home-badge .in .list ul {
    padding: 0;
  }
  #home-badge .in .list ul li.gdpr {
    display: list-item;
  }
  #home-badge .in .list ul li.gdpr .item {
    display: flex;
  }
  #home-badge .in .list ul li.gdpr .item .logo {
    padding: 0 16px 0 0;
  }
  #home-badge .in .list ul li.gdpr .item .logo span {
    display: flex;
    height: auto;
  }
  #home-badge .in .list ul li.gdpr .item .logo span img {
    width: 74px;
  }
  #home-badge .in .list ul li.gdpr .item .rate {
    display: flex;
    align-items: center;
    padding: 0;
  }
  #home-badge .in .list ul li.gdpr .item .rate .title {
    padding: 0;
  }
  #home-steps .in,
  #home-features .in,
  #home-create .in {
    padding: 96px 0 0 0;
  }
  #home-steps .in h2,
  #home-features .in h2,
  #home-create .in h2 {
    width: 796px;
  }
  #home-steps .in .item .content,
  #home-features .in .item .content,
  #home-create .in .item .content {
    flex: 0 1 416px;
    width: 416px;
  }
  #home-steps .in .item .content h3,
  #home-features .in .item .content h3,
  #home-create .in .item .content h3 {
    padding: 108px 0 0 0;
  }
  #home-steps .in .item .content h3:before,
  #home-features .in .item .content h3:before,
  #home-create .in .item .content h3:before {
    font-size: 68px;
    line-height: 100%;
    letter-spacing: -0.04em;
  }
  #home-steps .in .item .content p,
  #home-features .in .item .content p,
  #home-create .in .item .content p {
    padding: 24px 0 0 0;
  }
  #home-steps .in .item .content p.more,
  #home-features .in .item .content p.more,
  #home-create .in .item .content p.more {
    padding: 40px 0 0 0;
  }
  #home-steps .in .item .content ul,
  #home-features .in .item .content ul,
  #home-create .in .item .content ul {
    display: block;
  }
  #home-steps .in .item .image,
  #home-features .in .item .image,
  #home-create .in .item .image {
    flex: 0 1 504px;
    overflow: hidden;
    height: 568px;
    display: flex;
    justify-content: center;
    border-radius: 24px;
  }
  #home-steps .in .item .image .holder,
  #home-features .in .item .image .holder,
  #home-create .in .item .image .holder {
    width: 568px;
    height: 568px;
    position: absolute;
  }
  #home-steps .in .item .image .holder picture img,
  #home-features .in .item .image .holder picture img,
  #home-create .in .item .image .holder picture img {
    border-radius: 0;
  }
  #home-steps .in .item.build .content p.more a:before,
  #home-features .in .item.build .content p.more a:before,
  #home-create .in .item.build .content p.more a:before,
  #home-steps .in .item.integrations .content p.more a:before,
  #home-features .in .item.integrations .content p.more a:before,
  #home-create .in .item.integrations .content p.more a:before {
    background-size: 32px 32px;
  }
  #home-steps .in .item.collect .content p.more a:before,
  #home-features .in .item.collect .content p.more a:before,
  #home-create .in .item.collect .content p.more a:before,
  #home-steps .in .item.teams .content p.more a:before,
  #home-features .in .item.teams .content p.more a:before,
  #home-create .in .item.teams .content p.more a:before {
    background-size: 32px 32px;
  }
  #home-steps .in .item.analyze .content p.more a:before,
  #home-features .in .item.analyze .content p.more a:before,
  #home-create .in .item.analyze .content p.more a:before,
  #home-steps .in .item.dashboards .content p.more a:before,
  #home-features .in .item.dashboards .content p.more a:before,
  #home-create .in .item.dashboards .content p.more a:before {
    background-size: 32px 32px;
  }
  #home-steps .in .basic .content,
  #home-features .in .basic .content,
  #home-create .in .basic .content {
    flex: 0 1 516px;
    padding: 0 98px;
  }
  #home-steps .in .basic .content p.title strong,
  #home-features .in .basic .content p.title strong,
  #home-create .in .basic .content p.title strong {
    font-size: 42px;
    line-height: 114%;
    letter-spacing: -0.03em;
  }
  #home-steps .in .basic .content p.more,
  #home-features .in .basic .content p.more,
  #home-create .in .basic .content p.more {
    padding: 48px 0 0 0;
  }
  #home-steps .in .basic .content p.more a,
  #home-features .in .basic .content p.more a,
  #home-create .in .basic .content p.more a {
    padding: 0 24px;
    width: auto;
  }
  #home-steps .in .basic .image,
  #home-features .in .basic .image,
  #home-create .in .basic .image {
    flex: 0 1 516px;
    height: 584px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-top-right-radius: 24px;
    border-bottom-right-radius: 24px;
  }
  #home-steps .in .basic .image .holder,
  #home-features .in .basic .image .holder,
  #home-create .in .basic .image .holder {
    width: 584px;
    height: 584px;
    position: absolute;
  }
  #home-steps .in .basic .image .holder picture img,
  #home-features .in .basic .image .holder picture img,
  #home-create .in .basic .image .holder picture img {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #home-steps .in .cta,
  #home-features .in .cta,
  #home-create .in .cta {
    padding: 72px 0 0 0;
  }
  #home-create .in {
    padding-bottom: 96px;
  }
  #home-features .in {
    padding: 0;
  }
  #home-features .in .item .content h2 {
    font-size: 42px;
    line-height: 114%;
  }
  #home-why {
    margin: 88px 0 0 0;
  }
  #home-why .in {
    padding-top: 88px;
  }
  #home-why .in .title p {
    width: 680px;
  }
  #home-why .in .item {
    margin: 72px 0 0 0;
    flex: 0 1 504px;
    padding-bottom: 340px;
  }
  #home-why .in .item .content {
    padding: 48px 48px 0 48px;
  }
  #home-why .in .item .content h3 {
    font-size: 28px;
    line-height: 121%;
  }
  #home-right .in {
    padding: 104px 0;
    display: flex;
    justify-content: space-between;
  }
  #home-right .in h2 {
    flex: 0 1 328px;
    text-align: left;
  }
  #home-right .in .list {
    flex: 0 1 680px;
  }
  #home-right .in .list .item {
    text-align: left;
    flex: 0 1 328px;
    padding: 0 0 0 64px;
    margin: 56px 0 0 0;
  }
  #home-right .in .list .item h3 {
    padding: 6px 0 0 0;
  }
  #home-right .in .list .item.free {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-free.svg') no-repeat top left;
    background-size: 40px 40px;
  }
  #home-right .in .list .item.free h3 {
    background: none;
  }
  #home-right .in .list .item.support {
    margin: 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-support.svg') no-repeat top left;
    background-size: 40px 40px;
  }
  #home-right .in .list .item.support h3 {
    background: none;
  }
  #home-right .in .list .item.templates {
    margin: 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-templates.svg') no-repeat top left;
    background-size: 40px 40px;
  }
  #home-right .in .list .item.templates h3 {
    background: none;
  }
  #home-right .in .list .item.security {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-security.svg') no-repeat top left;
    background-size: 40px 40px;
  }
  #home-right .in .list .item.security h3 {
    background: none;
  }
  #home-use-cases .in {
    padding: 88px 0 0 0;
  }
  #home-use-cases .in h2 {
    width: 680px;
  }
  #home-use-cases .in p {
    width: 680px;
    font-size: 18px;
    padding: 16px 0 0 0;
  }
  #home-use-cases .in .list .item {
    flex: 0 1 328px;
    margin: 24px 0 0 0;
    width: 328px;
  }
  #home-review .in {
    padding: 104px 0 0 0;
  }
  #home-review .in h2 {
    font-size: 32px;
    letter-spacing: -0.03em;
  }
  #home-review .in .image {
    flex: 0 1 416px;
  }
  #home-review .in .slides {
    flex: 0 1 416px;
    padding: 0 88px 0 0;
    box-sizing: content-box;
  }
  #home-review .in .slides .list .item .content p {
    font-size: 21px;
  }
  #home-helping {
    margin: 96px 0 0 0;
  }
  #home-helping .in {
    padding: 72px 0 86px 0;
  }
  #home-helping .in h2 {
    font-size: 24px;
    line-height: 125%;
  }
  #home-helping .in .list {
    padding: 0 0 88px 0;
  }
  #home-helping .in .list ul li {
    padding: 64px 0 0 0;
    flex: 0 1 calc(100% / 6);
  }
  #home-helping .in .list ul li:nth-child(6),
  #home-helping .in .list ul li:nth-child(12),
  #home-helping .in .list ul li:nth-child(13),
  #home-helping .in .list ul li:nth-child(14),
  #home-helping .in .list ul li:nth-child(15) {
    display: list-item;
  }
  #home-helping .in .list ul li:nth-child(12),
  #home-helping .in .list ul li:nth-child(13),
  #home-helping .in .list ul li:nth-child(14) {
    display: none;
  }
  #home-helping .in .cta {
    padding: 120px 0 0 0;
  }
  .no-touch #home-header .in .headline .signup:hover,
  .no-touch #home-header .in .headline .signup:focus-within {
    background: #fff;
    border-color: #fff;
  }
  .no-touch #home-header .in .headline .signup:hover:before,
  .no-touch #home-header .in .headline .signup:focus-within:before {
    opacity: 1;
  }
  .no-touch #home-header .in .headline .signup ul li button:hover span,
  .no-touch #home-header .in .headline .signup ul li button:active span {
    top: 56px;
  }
  .no-touch #home-header .in .headline .signup ul li button:hover span.mirror,
  .no-touch #home-header .in .headline .signup ul li button:active span.mirror {
    top: 0;
  }
}
@media only screen and (min-width: 1216px) {
  #home-header .in,
  #home-signup .in,
  #home-badge .in,
  #home-steps .in,
  #home-create .in,
  #home-features .in,
  #home-why .in,
  #home-right .in,
  #home-use-cases .in,
  #home-review .in,
  #home-helping .in {
    width: 1168px;
  }
  #home-header .in {
    width: auto;
  }
  #home-header .in .headline {
    padding: 0 0 0 94px;
  }
  #home-header .in .headline h1 {
    font-size: 68px;
  }
  #home-header .in.list {
    width: 1076px;
  }
  #home-header .in.list ul li:before {
    left: -24px;
  }
  #home-signup .in {
    padding: 16px 0 0 0;
    width: 1168px;
  }
  #home-signup .in .content {
    flex: 0 1 568px;
  }
  #home-signup .in .content .form {
    margin: 32px 0 0 0;
  }
  #home-signup .in .content .rating {
    margin: 48px 0 0 0;
  }
  #home-signup .in .video,
  #home-signup .in .image {
    flex: 0 1 568px;
    height: 524px;
  }
  #home-signup .in .video .holder,
  #home-signup .in .image .holder {
    width: 568px;
  }
  #home-signup .in .video .holder video,
  #home-signup .in .image .holder video,
  #home-signup .in .video .holder picture,
  #home-signup .in .image .holder picture {
    width: 568px;
  }
  #home-signup .in .stats {
    padding: 56px 0 0 0;
  }
  #home-signup .in .stats ul li {
    flex: 0 1 268px;
  }
  #home-signup .in .stats ul li:before {
    left: -32px;
  }
  #home-signup .badge {
    margin: 16px 0 0 0;
  }
  #home-signup.home-go-006 .in .content .form,
  #home-signup.home-go-007 .in .content .form {
    margin: 40px 0 0 0;
  }
  #home-signup.home-go-006 .in .image .holder,
  #home-signup.home-go-007 .in .image .holder {
    align-items: center;
  }
  #home-signup.home-go-006 .in .image .holder .badge,
  #home-signup.home-go-007 .in .image .holder .badge {
    display: block;
    background: #fff url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/badge-crozdesk.svg') no-repeat center center;
    background-size: cover;
    position: absolute;
    margin: 24px 0 0 0;
    top: auto;
    right: auto;
    width: 118px;
    border-radius: 100%;
    border: 8px solid #fff;
    height: 118px;
  }
  #home-steps .in,
  #home-features .in,
  #home-create .in {
    padding: 104px 0 0 0;
  }
  #home-steps .in .item .content,
  #home-features .in .item .content,
  #home-create .in .item .content {
    flex: 0 1 468px;
    width: 468px;
  }
  #home-steps .in .item .image,
  #home-features .in .item .image,
  #home-create .in .item .image {
    flex: 0 1 568px;
  }
  #home-steps .in .item.build,
  #home-features .in .item.build,
  #home-create .in .item.build {
    margin: 96px 0 0 0;
  }
  #home-steps .in .basic .content,
  #home-features .in .basic .content,
  #home-create .in .basic .content {
    flex: 0 1 584px;
    padding: 0 132px;
  }
  #home-steps .in .basic .image,
  #home-features .in .basic .image,
  #home-create .in .basic .image {
    flex: 0 1 584px;
    height: 584px;
  }
  #home-create .in {
    padding-bottom: 104px;
  }
  #home-features .in {
    padding: 0;
  }
  #home-why {
    margin: 120px 0 0 0;
  }
  #home-why .in {
    padding-top: 88px;
  }
  #home-why .in .title h2 {
    margin: 0 auto;
    width: 726px;
  }
  #home-why .in .title p {
    width: 726px;
  }
  #home-why .in .item {
    flex: 0 1 568px;
    padding-bottom: 383px;
  }
  #home-why .in .item .content {
    padding: 64px 64px 0 64px;
  }
  #home-right .in h2 {
    flex: 0 1 368px;
  }
  #home-right .in .list {
    flex: 0 1 768px;
  }
  #home-right .in .list .item {
    flex: 0 1 368px;
  }
  #home-use-cases .in .list {
    margin: 0;
    padding: 40px 0 0 0;
  }
  #home-use-cases .in .list .item {
    flex: 0 1 368px;
    margin: 32px 0 0 0;
    width: 368px;
  }
  #home-review .in .image {
    flex: 0 1 468px;
  }
  #home-review .in .slides {
    flex: 0 1 468px;
    padding: 0 100px 0 0;
  }
  #home-helping {
    margin: 104px 0 0 0;
  }
  #home-helping .in {
    padding: 72px 0 80px 0;
  }
}
@media only screen and (min-width: 1600px) {
  #home-header .in,
  #home-signup .in,
  #home-badge .in,
  #home-steps .in,
  #home-create .in,
  #home-features .in,
  #home-why .in,
  #home-right .in,
  #home-use-cases .in,
  #home-review .in,
  #home-helping .in {
    width: 1408px;
  }
  #home-header .in h1,
  #home-signup .in h1,
  #home-badge .in h1,
  #home-steps .in h1,
  #home-create .in h1,
  #home-features .in h1,
  #home-why .in h1,
  #home-right .in h1,
  #home-use-cases .in h1,
  #home-review .in h1,
  #home-helping .in h1 {
    font-size: 86px;
  }
  #home-header .in h1 span small,
  #home-signup .in h1 span small,
  #home-badge .in h1 span small,
  #home-steps .in h1 span small,
  #home-create .in h1 span small,
  #home-features .in h1 span small,
  #home-why .in h1 span small,
  #home-right .in h1 span small,
  #home-use-cases .in h1 span small,
  #home-review .in h1 span small,
  #home-helping .in h1 span small {
    bottom: 50px;
    font-size: 28px;
    line-height: 121%;
  }
  #home-header .in {
    width: auto;
    padding: 0 32px;
  }
  #home-header .in .headline {
    padding: 0 0 0 132px;
  }
  #home-header .in .headline h1 {
    font-size: 82px;
  }
  #home-header .in .headline .signup {
    margin: 48px 0 0 0;
  }
  #home-header .in.list {
    width: 1140px;
  }
  #home-header .in.list ul li:before {
    left: -32px;
  }
  #home-signup .in {
    width: 1408px;
    padding: 24px 0 0 0;
  }
  #home-signup .in .content p {
    padding: 40px 0 0 0;
  }
  #home-signup .in .content .rating {
    margin: 56px 0 0 0;
  }
  #home-signup .in .video,
  #home-signup .in .image {
    flex: 0 1 688px;
    height: 634px;
  }
  #home-signup .in .video .holder,
  #home-signup .in .image .holder {
    width: 688px;
  }
  #home-signup .in .video .holder video,
  #home-signup .in .image .holder video,
  #home-signup .in .video .holder picture,
  #home-signup .in .image .holder picture {
    width: 688px;
    height: 634px;
  }
  #home-signup .in .stats {
    padding: 80px 0 0 0;
  }
  #home-signup .in .stats ul li {
    flex: 0 1 328px;
  }
  #home-signup .in .stats ul li strong {
    font-size: 42px;
    line-height: 114%;
  }
  #home-signup .badge {
    margin: 24px 0 0 0;
    top: calc((634px - 162px) / 2);
  }
  #home-signup.home-go-006 .in .content h1,
  #home-signup.home-go-007 .in .content h1 {
    font-size: 64px;
    width: 120%;
  }
  #home-signup.home-go-006 .in .content h1 small,
  #home-signup.home-go-007 .in .content h1 small {
    font-size: 20px;
    top: -19px;
  }
  #home-signup.home-go-006 .in .content .points ul li,
  #home-signup.home-go-007 .in .content .points ul li {
    font-size: 15px;
  }
  #home-signup.home-go-006 .in .image .holder .badge,
  #home-signup.home-go-007 .in .image .holder .badge {
    margin: 32px 0 0 0;
    width: 130px;
    height: 130px;
  }
  #home-steps .in .item .content,
  #home-features .in .item .content,
  #home-create .in .item .content {
    flex: 0 1 568px;
    width: 568px;
  }
  #home-steps .in .item .content h3,
  #home-features .in .item .content h3,
  #home-create .in .item .content h3 {
    padding: 126px 0 0 0;
    font-size: 50px;
    line-height: 112%;
  }
  #home-steps .in .item .content h3:before,
  #home-features .in .item .content h3:before,
  #home-create .in .item .content h3:before {
    font-size: 86px;
  }
  #home-steps .in .item .content p,
  #home-features .in .item .content p,
  #home-create .in .item .content p {
    padding: 16px 0 0 0;
  }
  #home-steps .in .item .image,
  #home-features .in .item .image,
  #home-create .in .item .image {
    flex: 0 1 688px;
    height: 688px;
  }
  #home-steps .in .item .image .holder,
  #home-features .in .item .image .holder,
  #home-create .in .item .image .holder {
    width: 688px;
    height: 688px;
  }
  #home-steps .in .basic,
  #home-features .in .basic,
  #home-create .in .basic {
    margin: 128px 0 0 0;
  }
  #home-steps .in .basic .content,
  #home-features .in .basic .content,
  #home-create .in .basic .content {
    flex: 0 1 704px;
    padding: 0 161px;
  }
  #home-steps .in .basic .content p.title strong,
  #home-features .in .basic .content p.title strong,
  #home-create .in .basic .content p.title strong {
    font-size: 50px;
    line-height: 112%;
  }
  #home-steps .in .basic .content p.more,
  #home-features .in .basic .content p.more,
  #home-create .in .basic .content p.more {
    padding: 56px 0 0 0;
  }
  #home-steps .in .basic .content p.more a,
  #home-features .in .basic .content p.more a,
  #home-create .in .basic .content p.more a {
    height: 64px;
    font-size: 18px;
  }
  #home-steps .in .basic .image,
  #home-features .in .basic .image,
  #home-create .in .basic .image {
    flex: 0 1 704px;
    height: 704px;
  }
  #home-steps .in .basic .image .holder,
  #home-features .in .basic .image .holder,
  #home-create .in .basic .image .holder {
    width: 704px;
    height: 704px;
  }
  #home-create .in .basic {
    margin: 0;
  }
  #home-why {
    margin: 104px 0 0 0;
  }
  #home-why .in {
    padding-top: 88px;
  }
  #home-why .in .title h2 {
    width: 688px;
  }
  #home-why .in .title p {
    width: 688px;
  }
  #home-why .in .item {
    flex: 0 1 688px;
    padding-bottom: 464px;
  }
  #home-why .in .item .content {
    padding: 80px 88px 0 88px;
  }
  #home-right .in h2 {
    flex: 0 1 328px;
  }
  #home-right .in .list {
    flex: 0 1 928px;
  }
  #home-right .in .list .item {
    flex: 0 1 448px;
  }
  #home-use-cases .in .list {
    padding: 54px 0 0 0;
  }
  #home-use-cases .in .list .item {
    flex: 0 1 448px;
    width: 448px;
  }
  #home-review .in h2 {
    font-size: 42px;
    padding: 0 0 64px 0;
  }
  #home-review .in .image {
    flex: 0 1 568px;
  }
  #home-review .in .slides {
    flex: 0 1 568px;
    padding: 0 120px 0 0;
  }
  #home-review .in .slides .list .item .content p {
    font-size: 24px;
    line-height: 150%;
  }
  #home-review .in .slides .list .item .author {
    padding: 32px 0 0 0;
  }
}
#badge {
  display: none;
}
@media only screen and (min-width: 768px) {
  #badge {
    display: block;
  }
  #badge .in {
    padding-bottom: 20px;
  }
  #badge .in .list ul {
    display: flex;
  }
  #badge .in .list ul li {
    padding: 0;
    width: 33.33333%;
    box-sizing: border-box;
  }
  #badge .in .list ul li:before {
    display: none;
  }
  #badge .in .list ul li .item {
    text-align: right;
    display: inline-block;
  }
  #badge .in .list ul li .item .logo {
    padding: 0 0 3px 0;
  }
  #badge .in .list ul li .item .logo span {
    display: block;
    height: 29px;
  }
  #badge .in .list ul li .item .logo span img {
    width: 118px;
  }
  #badge .in .list ul li .item .rate {
    padding: 3px 0 0 0;
  }
  #badge .in .list ul li .item .rate .sui-rating .sui-icon {
    position: relative;
    font-size: 12px;
    margin: 0 5px 0 0;
    opacity: 1;
  }
  #badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child {
    margin: 0;
  }
  #badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child:before {
    opacity: 0.2;
  }
  #badge .in .list ul li .item .rate .sui-rating .sui-icon:last-child.highlight:before {
    opacity: 1;
  }
  #badge .in .list ul li .item .rate .sui-rating .sui-icon .sui-icon {
    position: absolute;
    top: 0;
    left: 0;
  }
  #badge .in .list ul li .item .rate .title {
    color: #4a526e;
    transition: color 0.5s;
    padding: 6px 0 0 0;
    font-size: 13px;
  }
  #badge .in .list ul li.trustpilot .item .logo span {
    top: -2px;
    position: relative;
  }
  #badge .in .list ul li.g2 .item .logo {
    display: inline-block;
  }
  #badge .in .list ul li.g2 .item .logo span img {
    width: 93px;
  }
  #badge .in .list ul li.google {
    display: none;
  }
  #badge .in .list ul li.iso {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  #badge .in {
    padding-bottom: 50px;
  }
  #badge .in .list {
    padding: 10px 0 0 0;
  }
  #badge .in .list ul {
    justify-content: space-between;
  }
  #badge .in .list ul li {
    width: 20%;
  }
  #badge .in .list ul li.google {
    display: list-item;
  }
  #badge .in .list ul li.google .item .logo {
    display: inline-block;
  }
  #badge .in .list ul li.google .item .logo span img {
    width: 104px;
  }
  #badge .in .list ul li.iso {
    display: list-item;
  }
  #badge .in .list ul li.iso .item {
    text-decoration: none;
  }
  #badge .in .list ul li.iso .item .logo {
    display: inline-block;
  }
  #badge .in .list ul li.iso .item .logo span {
    height: 44px;
  }
  #badge .in .list ul li.iso .item .logo span img {
    width: 120px;
  }
  .no-touch #badge .in .list ul li.iso .item:hover .rate .title {
    color: #303181;
  }
}
#promo .in {
  padding-bottom: 0;
  padding-top: 15px;
}
#promo .in h2 {
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
}
#promo .in h2 span {
  opacity: 0.5;
}
#promo .in .desc {
  padding: 0;
  z-index: 1;
  color: #4a526e;
  position: relative;
  top: 15px;
}
#promo .in .desc.bottom {
  position: absolute;
  width: 100%;
  top: auto;
  bottom: 45px;
  left: 0;
  box-sizing: border-box;
  padding: 0 25px;
}
#promo .in .tablet {
  position: relative;
}
#promo .in .tablet:before {
  width: 374px;
  height: 374px;
  position: absolute;
  content: '';
  display: block;
  background: #dee0ef;
  border-radius: 100%;
  top: -23px;
  left: calc((100% - 374px) - 84%);
}
#promo .in .tablet .image {
  position: relative;
  display: block;
  width: 730px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/promo-default.webp') no-repeat center top;
  background-size: cover;
  height: 441px;
  left: calc((100% - 755px)/2);
}
#promo .in .tablet .title {
  z-index: 1;
  width: 100%;
  padding: 0;
  display: block;
  position: absolute;
  top: 123px;
  color: #1f256a;
}
#promo .in .tablet .title span {
  line-height: 130%;
  display: block;
  width: 195px;
  margin: 0 auto;
  font-size: 11px;
  left: -15px;
  position: relative;
}
#promo .in .tablet .title.bottom {
  top: 192px;
}
#promo .in .tablet .title.bottom span {
  font-size: 9px;
  width: 120px;
  left: 192px;
}
#promo .in .tablet .rate {
  z-index: 1;
  width: 100%;
  padding: 0;
  display: block;
  position: absolute;
  top: 198px;
  color: #6369a7;
  height: 10px;
}
#promo .in .tablet .rate span {
  display: block;
  font-size: 8px;
  top: 0;
  margin: 0 auto;
  text-align: left;
  width: 220px;
  position: relative;
  left: -15px;
}
#promo .in .tablet .rate span.promoter {
  text-align: right;
  top: -6px;
  padding: 0 0 0 0;
  box-sizing: border-box;
  left: auto;
  right: 13px;
}
@media only screen and (min-width: 480px) {
  #promo .in h2 {
    padding-bottom: 35px;
  }
  #promo .in h2 span {
    display: block;
  }
  #promo .in .desc {
    top: 5px;
  }
  #promo .in .desc.bottom {
    top: auto;
    bottom: 70px;
  }
  #promo .in .tablet:before {
    top: -45px;
    width: 446px;
    height: 446px;
    left: calc((100% - 446px) - 75%);
  }
  #promo .in .tablet .title {
    top: 130px;
  }
  #promo .in .tablet .title span {
    left: -3px;
    width: 215px;
    margin: 0 auto;
    font-size: 13px;
  }
  #promo .in .tablet .title.bottom {
    top: 205px;
  }
  #promo .in .tablet .title.bottom span {
    font-size: 10px;
    width: 140px;
    left: 229px;
  }
  #promo .in .tablet .image {
    width: 800px;
    left: calc((100% - 800px)/2);
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/promo-mobile-large.png') no-repeat center top;
    background-size: cover;
    height: 460px;
  }
  #promo .in .tablet .rate {
    top: 215px;
  }
  #promo .in .tablet .rate span {
    width: 253px;
    left: 0;
  }
  #promo .in .tablet .rate span.promoter {
    padding: 0 5px 0 0;
    right: auto;
    left: auto;
  }
}
@media only screen and (min-width: 768px) {
  #promo .in h2 {
    padding-bottom: 50px;
  }
  #promo .in .desc {
    position: relative;
  }
  #promo .in .desc.sui-font-smallest {
    font-size: 14px;
  }
  #promo .in .desc.bottom {
    bottom: 135px;
  }
  #promo .in .tablet {
    margin: 0;
  }
  #promo .in .tablet:before {
    top: -80px;
    left: calc((100% - 658px) - 70%);
    width: 658px;
    height: 658px;
  }
  #promo .in .tablet .image {
    width: 1050px;
    height: 645px;
    left: calc((100% - 1050px)/2);
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/promo-tablet-small.png') no-repeat center top;
    background-size: cover;
  }
  #promo .in .tablet .title {
    top: 170px;
  }
  #promo .in .tablet .title span {
    width: 305px;
    font-size: 18px;
  }
  #promo .in .tablet .title.bottom {
    top: 280px;
  }
  #promo .in .tablet .title.bottom span {
    font-size: 15px;
    width: 210px;
    left: 329px;
  }
  #promo .in .tablet .rate {
    top: 290px;
  }
  #promo .in .tablet .rate span {
    width: 369px;
    left: 2px;
    font-size: 9px;
  }
  #promo .in .tablet .rate span.promoter {
    right: 9px;
    padding: 0;
    top: -8px;
  }
}
@media only screen and (min-width: 1280px) {
  #promo .in {
    padding: 0;
  }
  #promo .in h2 {
    padding-bottom: 15px;
  }
  #promo .in .desc {
    text-align: right;
    width: 765px;
    margin: 0 auto;
    top: 35px;
  }
  #promo .in .desc.bottom {
    bottom: 175px;
    padding: 0 315px 0 0;
  }
  #promo .in .desc.sui-font-smallest {
    font-size: 14px;
  }
  #promo .in .tablet {
    height: 815px;
  }
  #promo .in .tablet:before {
    left: calc((100% - 828px) - 68%);
    width: 828px;
    height: 828px;
    top: -95px;
  }
  #promo .in .tablet .image {
    width: 1300px;
    left: calc((100% - 1300px)/2);
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/promo-desktop-small.png') no-repeat center top;
    background-size: cover;
    height: 825px;
  }
  #promo .in .tablet .title {
    top: 224px;
  }
  #promo .in .tablet .title span {
    left: -6px;
    font-size: 23px;
    width: 385px;
  }
  #promo .in .tablet .title.bottom {
    top: 392px;
  }
  #promo .in .tablet .title.bottom span {
    width: 260px;
    left: 418px;
  }
  #promo .in .tablet .rate {
    top: 378px;
  }
  #promo .in .tablet .rate span {
    font-size: 11px;
    width: 465px;
  }
  #promo .in .tablet .rate span.promoter {
    right: 10px;
  }
}
#core .in h2 {
  padding: 5px 0 0 0;
}
#core .in .list ul {
  padding: 0;
}
#core .in .list ul li {
  padding: 35px 0 0 0;
}
#core .in .list ul li:before {
  display: none;
}
#core .in .list ul li h2 {
  font-size: 20px;
  padding: 20px 0 0 0;
}
#core .in .list ul li ul {
  padding: 7px 0 0 0;
}
#core .in .list ul li ul li {
  padding: 15px 0 0 0;
  color: #4a526e;
}
#core .in .more {
  padding: 40px 0 15px 0;
}
@media only screen and (min-width: 480px) {
  #core .in {
    padding-top: 0;
  }
  #core .in h2 {
    padding: 0;
  }
  #core .in .more .sui-btn {
    width: auto;
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media only screen and (min-width: 768px) {
  #core .in h2 {
    padding: 0 10%;
  }
  #core .in .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #core .in .list ul li {
    width: 48%;
  }
  #core .in .list ul li ul {
    display: block;
  }
  #core .in .list ul li ul li {
    width: 100%;
  }
  #core .in .more {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 1280px) {
  #core .in h2 {
    padding: 0 17%;
  }
  #core .in .list ul {
    padding: 10px 0 0 0;
  }
  #core .in .list ul li {
    width: 24%;
  }
  #core .in .more {
    padding-top: 105px;
  }
}
#devices {
  display: none;
}
@media only screen and (min-width: 1280px) {
  #devices {
    display: block;
  }
  #devices .in {
    padding: 45px 0 60px 0;
  }
  #devices .in h2 {
    z-index: 1;
    position: relative;
    padding: 0;
  }
  #devices .in h2 span {
    opacity: 0.5;
    display: block;
  }
  #devices .in .sui-device-switcher {
    padding: 35px 0 25px 0;
  }
  #devices .in .sui-device-switcher ul li a {
    height: 60px;
    overflow: hidden;
  }
  #devices .in .sui-device-switcher ul li a span {
    position: absolute;
    top: -10000px;
  }
  #devices .in .slides {
    position: relative;
    padding: 0;
    width: 1080px;
    margin: 0 auto;
  }
  #devices .in .slides:before {
    display: block;
    position: absolute;
    content: '';
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/nps-sign.svg') no-repeat center top;
    background-size: cover;
    width: 464px;
    height: 237px;
    bottom: 72px;
    left: -130px;
  }
  #devices .in .slides:after {
    width: 932px;
    height: 932px;
    background: #ffdbd0;
    border-radius: 100%;
    content: '';
    position: absolute;
    z-index: -1;
    display: block;
    top: -160px;
    right: -585px;
  }
  #devices .in .slides li {
    padding: 0;
    width: 1080px;
    height: 672px;
    position: relative;
  }
  #devices .in .slides li:before {
    display: none;
  }
  #devices .in .slides li.mobile {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/devices-mobile.png') no-repeat center top;
    background-size: cover;
  }
  #devices .in .slides li.tablet {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/devices-tablet.png') no-repeat center top;
    background-size: cover;
  }
  #devices .in .slides li.desktop {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/tmp/devices-desktop.png') no-repeat center top;
    background-size: cover;
  }
  #devices .in .slides li .title {
    color: #fff;
    position: absolute;
    top: 190px;
    width: 100%;
    padding: 0;
  }
  #devices .in .slides li .title span {
    font-size: 20px;
    display: block;
    margin: 0 auto;
    position: relative;
    left: -9px;
    line-height: 120%;
    width: 400px;
  }
  #devices .in .slides li .rate {
    color: #fff;
    position: absolute;
    top: 330px;
    width: 100%;
  }
  #devices .in .slides li .rate span {
    display: block;
    top: 0;
    font-size: 11px;
    margin: 0 auto;
    text-align: left;
    width: 450px;
    position: relative;
    left: -9px;
  }
  #devices .in .slides li .rate span.promoter {
    text-align: right;
    top: -10px;
    left: auto;
    right: 10px;
  }
  #devices .in .slides li .button {
    display: block;
    position: absolute;
    top: 370px;
    width: 100%;
  }
  #devices .in .slides li .button span {
    display: inline-block;
    background: #fff;
    color: #520031;
    position: relative;
    left: -15px;
    height: 48px;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    border-radius: 3px;
    padding: 17px 20px 0 20px;
    box-sizing: border-box;
  }
}
#research .in .list ul {
  padding: 0;
}
#research .in .list ul li {
  padding: 40px 0 0 0;
}
#research .in .list ul li:before {
  display: none;
}
#research .in .list ul li h2 {
  font-size: 20px;
}
#research .in .list ul li ul {
  padding: 7px 0 0 0;
}
#research .in .list ul li ul li {
  padding: 11px 0 0 0;
  color: #4a526e;
  line-height: 150%;
}
@media only screen and (min-width: 768px) {
  #research .in {
    padding-top: 20px;
  }
  #research .in .list {
    padding: 20px 0 0 0;
  }
  #research .in .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #research .in .list ul li {
    width: 48%;
  }
  #research .in .list ul li ul {
    display: block;
  }
  #research .in .list ul li ul li {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  #research .in .list {
    padding: 45px 0 0 0;
  }
  #research .in .list ul li {
    width: 31%;
    padding: 50px 0 0 0;
  }
}
#review .in .review .image {
  display: none;
}
#review .in .logos {
  padding: 35px 0 0 0;
}
#review .in .logos ul {
  padding: 0;
  justify-content: space-between;
  display: flex;
}
#review .in .logos ul li {
  padding: 0;
  text-align: center;
  display: none;
  width: 30%;
}
#review .in .logos ul li:nth-child(-n+3) {
  display: list-item;
}
#review .in .logos ul li:before {
  display: none;
}
#review .in .logos ul li .sui-custom-logo {
  height: 35px;
}
#review .in .cta p {
  text-align: center;
  line-height: 130%;
}
#review .in .cta p span {
  color: #303181;
  padding: 2px 0 0 0;
  display: block;
}
#review .in .cta p span.sui-btn.light {
  color: #fff;
}
#review .in .cta p span.sui-btn.outline.lg {
  padding: 17px 0 0 0;
}
#review .in .cta p.basic {
  padding: 40px 0 0 0;
}
#review .in .cta p.pro {
  padding: 15px 0 0 0;
}
#review .in .cta p.pro .sui-btn.dark {
  background: #d62d09;
}
#review .in .cta p.pro span {
  color: #d62d09;
}
#review .in.tour {
  padding-bottom: 45px;
}
#review .in.tour h2 {
  text-align: left;
  padding: 35px 20px 0 0;
}
#review .in.tour .review .sui-customer-review {
  padding: 20px 0 0;
}
#review .in.tour .review .sui-customer-review h2 {
  display: none;
}
#review .in.tour .review .sui-customer-review .text {
  font-style: normal;
  color: #4a526e;
}
#review .in.tour .review .sui-customer-review .text span {
  font-family: 'Inter Regular', sans-serif;
  font-size: 15px;
}
#review .in.tour .review .sui-customer-review .sui-customer-review-name {
  padding: 26px 0 0 0;
}
#review .in.tour .review .sui-customer-review .sui-customer-review-name .sui-people {
  width: 64px;
  height: 64px;
}
#review .in.tour .review .sui-customer-review .sui-customer-review-name .author {
  width: calc(100% - 77px);
}
#review .in.tour .review .sui-customer-review .sui-customer-review-name .author .name {
  font-size: 15px;
}
#review .in.tour .review .sui-customer-review .sui-customer-review-name .author .position {
  font-size: 13.5px;
}
#review .in.tour .logos {
  padding: 30px 0 0 0;
}
#review .in.tour .logos h3 {
  font-size: 16px;
}
#review .in.tour .logos ul {
  padding: 27px 0 0 0;
  justify-content: center;
  flex-wrap: wrap;
  width: 270px;
  margin: 0 auto;
}
#review .in.tour .logos ul li {
  padding: 8px 0 0 0;
  display: list-item;
  flex: 0 0 33.33333%;
}
#review .in.tour .logos ul li .sui-custom-logo {
  height: 37px;
}
#review .in.tour .cta {
  padding: 13px 0 0 0;
}
#review .in.tour .cta p span {
  display: block;
  padding: 9px 0 13px 0;
  color: #4a526e;
}
#review .in.tour .cta p .sui-btn.light {
  width: auto;
  padding: 19px 28px 0 28px;
}
#review .in.tour .cta p .sui-btn.outline.lg {
  color: #031647;
}
.no-touch #review .in .cta p .sui-btn.outline.lg:hover {
  color: #303181;
}
.no-touch #review .in .cta p.pro .sui-btn.dark:hover {
  background: #be2808;
}
@media only screen and (min-width: 480px) {
  #review .in .logos {
    padding: 35px 7% 0 7%;
  }
  #review .in .cta {
    text-align: center;
  }
  #review .in .cta p {
    display: inline-block;
  }
  #review .in .cta p span.sui-btn.outline.lg {
    padding: 19px 25px 0 25px;
  }
  #review .in .cta p.basic {
    margin: 0 5px 0 0;
  }
  #review .in .cta p.pro {
    margin: 0 0 0 5px;
  }
  #review .in .cta p .sui-btn.lg {
    padding: 19px 28px 0 28px;
  }
  #review .in.tour {
    width: auto;
    padding: 10px 25px 55px 25px;
  }
  #review .in.tour .logos {
    padding: 45px 0 0 0;
  }
  #review .in.tour .logos ul {
    padding: 35px 0 0 0;
  }
  #review .in.tour .cta p {
    display: flex;
    justify-content: center;
  }
  #review .in.tour .cta p span {
    padding: 17px 20px 0 20px;
  }
  #review .in.tour .cta p .sui-btn {
    width: auto;
  }
  #review .in.tour .cta p .sui-btn.lg {
    padding: 19px 25px 0 25px;
  }
}
@media only screen and (min-width: 768px) {
  #review .in {
    padding: 40px 0 55px 0;
  }
  #review .in h2 {
    text-align: center;
  }
  #review .in .sui-customer-review {
    padding: 50px 0 0 0;
  }
  #review .in .sui-customer-review .text {
    line-height: 180%;
  }
  #review .in .sui-customer-review .text .sui-font-large {
    font-size: 20px;
  }
  #review .in .logos {
    padding: 75px 10% 0 10%;
  }
  #review .in .logos ul li {
    display: list-item;
  }
  #review .in .logos ul li .sui-custom-logo {
    height: 50px;
  }
  #review .in .cta p.basic {
    padding: 50px 0 0 0;
  }
  #review .in.tour {
    width: 700px;
    padding: 50px 0 80px 0;
  }
  #review .in.tour h2 {
    width: 570px;
    margin: auto;
    padding-right: 0;
  }
  #review .in.tour .review {
    width: 570px;
    margin: auto;
  }
  #review .in.tour .review .sui-customer-review .text span {
    font-size: 16.5px;
    color: #031647;
  }
  #review .in.tour .review .sui-customer-review .sui-customer-review-name .author p {
    padding: 13px 0 0;
  }
  #review .in.tour .logos {
    padding: 100px 0 0;
  }
  #review .in.tour .logos h3 {
    font-size: 25px;
  }
  #review .in.tour .logos ul {
    padding: 37px 0 0;
    width: 100%;
  }
  #review .in.tour .logos ul li {
    flex: 0 0 20%;
  }
  #review .in.tour .logos ul li .sui-custom-logo {
    height: 46px;
  }
  #review .in.tour .cta {
    padding: 25px 0 0 0;
  }
  #review .in.tour .review .sui-customer-review .text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  #review .in {
    padding: 105px 0 90px 0;
  }
  #review .in h2 {
    padding: 0 5%;
  }
  #review .in .review {
    padding: 90px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #review .in .review .image {
    width: 300px;
    display: block;
  }
  #review .in .review .image img {
    border-radius: 100%;
  }
  #review .in .review .sui-customer-review {
    width: 700px;
    padding: 0;
  }
  #review .in .review .sui-customer-review .sui-customer-review-name .sui-people {
    display: none;
  }
  #review .in .review .sui-customer-review .sui-customer-review-name .author {
    width: 100%;
  }
  #review .in .cta p.basic {
    margin: 0 10px 0 0;
  }
  #review .in .cta p.pro {
    margin: 0 0 0 10px;
  }
  #review .in.tour {
    width: 1100px;
  }
  #review .in.tour h2 {
    display: none;
  }
  #review .in.tour .review {
    width: auto;
    padding: 45px 50px 0 50px;
  }
  #review .in.tour .review .image {
    width: 280px;
    flex: 0 0 280px;
  }
  #review .in.tour .review .sui-customer-review {
    width: auto;
    padding: 0 0 0 70px;
  }
  #review .in.tour .review .sui-customer-review h2 {
    display: block;
    width: auto;
    padding: 0 0 30px 0;
  }
  #review .in.tour .review .sui-customer-review .sui-customer-review-name {
    padding: 16px 0 0;
  }
}
#pricing .in {
  padding: 10px 0 0 0;
}
#pricing .in .sui-font-smallest {
  font-size: 12px;
}
#pricing .in .plans-switch {
  box-sizing: border-box;
  width: 100%;
  height: 22px;
}
#pricing .in .plans-switch .switch {
  height: 52px;
  width: 1px;
  min-width: 290px;
  margin: 0 auto;
  border-radius: 6px;
  border: 1px solid #d7dbe3;
  box-sizing: border-box;
  display: flex;
  position: relative;
  top: -55px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  padding: 1px;
}
#pricing .in .plans-switch .switch .toggle {
  padding: 0 15px;
  transition: color 0.5s, background 0.5s;
  white-space: nowrap;
  border-radius: 5px;
  font-family: 'Inter SemiBold', sans-serif;
  flex: 0 1 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  color: #fff;
}
#pricing .in .plans-switch .switch .toggle strong {
  font-size: 115%;
  position: relative;
  top: -1px;
  flex: 0 1 100%;
}
#pricing .in .plans-switch .switch .toggle.individual {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background: #01846e;
}
#pricing .in .plans-switch .switch .toggle.individual.active {
  background: rgba(1, 132, 110, 0.85);
}
#pricing .in .plans-switch .switch .toggle.teams {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 1px solid #fff;
  background: #741aac;
}
#pricing .in .plans-switch .switch .toggle.teams.active {
  background: rgba(116, 26, 172, 0.85);
}
#pricing .in .plans-switch .switch .toggle.active strong {
  font-size: 100%;
}
#pricing .in .table .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  box-sizing: border-box;
}
#pricing .in .table .row .col {
  flex: 4;
  align-items: center;
  box-sizing: border-box;
  padding: 12px 11px;
  word-break: break-word;
  text-align: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  display: flex;
  min-height: 37px;
  background: #fff;
  border-top: 1px solid #e9e9e9;
}
#pricing .in .table .row .col:first-child {
  text-align: right;
  justify-content: right;
  flex: 0 1 40%;
  border-right: 1px solid #e9e9e9;
}
#pricing .in .table .row .col:nth-child(3) {
  z-index: 1;
}
#pricing .in .table .row .col .sui-font-smallest {
  line-height: 120%;
}
#pricing .in .table .row .col .contact-us-extend {
  padding: 0 5px;
  cursor: pointer;
  text-decoration: underline;
  font-family: 'Inter SemiBold', sans-serif;
  color: #303181;
}
#pricing .in .table .row .col .request-demo {
  line-height: 120%;
  padding: 0 5px;
  position: relative;
  top: -1px;
}
#pricing .in .table .row .col .sui-help {
  display: none;
}
#pricing .in .table .row .col .no-mobile {
  display: none;
}
#pricing .in .table .row .col.shadow:before {
  position: absolute;
  top: 0;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  box-shadow: 0 12px 32px rgba(53, 53, 92, 0.16);
}
#pricing .in .table .row:nth-child(even) .col {
  background: #f2f3f4;
}
#pricing .in .table .row.head {
  justify-content: flex-end;
}
#pricing .in .table .row.head .best {
  display: none;
}
#pricing .in .table .row.head .col {
  flex: 0 1 20.08%;
  padding: 12px 5px;
  background: #031647;
  height: 47px;
  text-align: center;
  align-self: flex-end;
  justify-content: center;
  border: 0;
  color: #fff;
}
#pricing .in .table .row.head .col:nth-child(2) {
  border-top-left-radius: 5px;
}
#pricing .in .table .row.head .col:nth-child(3) {
  background: #01846e;
  height: 56px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#pricing .in .table .row.head .col:nth-child(4) {
  border-top-right-radius: 5px;
}
#pricing .in .table .row.head .col span {
  display: none;
}
#pricing .in .table .row.head .col .popular {
  display: none;
}
#pricing .in .table .row.head .col .sui-font-smallest {
  width: 100%;
}
#pricing .in .table .row.period .col {
  background: #fff;
  padding: 19px 5px 21px 5px;
  align-content: flex-start;
}
#pricing .in .table .row.period .col .month {
  color: #4a526e;
  width: 100%;
  padding: 2px 0 0 0;
}
#pricing .in .table .row.period .col .year {
  display: none;
}
#pricing .in .table .row.period .col .save {
  color: #01846e;
  width: 100%;
  padding: 20px 2px;
}
#pricing .in .table .row.period .col .choose {
  color: #031647;
  text-decoration: underline;
  transition: color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
}
#pricing .in .table .row.period .col .holder {
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
}
#pricing .in .table .row.period .col .holder .save {
  display: flex;
  align-items: center;
  justify-content: center;
}
#pricing .in .table .row.period .col .features {
  padding: 10px 0 0 0;
}
#pricing .in .table .row.period .col .features a {
  padding: 0;
}
#pricing .in .table .row.period .col.title {
  justify-content: flex-start;
  align-content: flex-start;
  text-align: left;
  padding: 12px 11px;
}
#pricing .in .table .row.period .col.title .main {
  color: #4a526e;
  width: 100%;
}
#pricing .in .table .row.period .col.title .sub {
  color: #4a526e;
  padding: 10px 0 0 0;
}
#pricing .in .table .row.period .col.title .more,
#pricing .in .table .row.period .col.title .close {
  position: absolute;
  bottom: 12px;
  cursor: pointer;
  left: 11px;
  padding: 0 0 6px 0;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
  color: #4a526e;
}
#pricing .in .table .row.period .col.title .more span,
#pricing .in .table .row.period .col.title .close span {
  text-decoration: underline;
}
#pricing .in .table .row.period .col.title .more .sui-icon,
#pricing .in .table .row.period .col.title .close .sui-icon {
  top: 2px;
  position: relative;
  color: #929bb2;
}
#pricing .in .table .row.period .col.shadow .choose {
  color: #01846e;
}
#pricing .in .table .row.period.monthly {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
}
#pricing .in .table .row.period.monthly .col .month {
  padding: 3px 0 15px 0;
}
#pricing .in .table .row.wide {
  position: relative;
  z-index: 1;
}
#pricing .in .table .row.wide .col {
  padding: 20px 11px;
  flex: 0 1 100%;
  justify-content: center;
  background: #fff;
  color: #000;
}
#pricing .in .table .row.wide .col .more {
  padding: 0 0 0 5px;
}
#pricing .in .table .row.plus .col {
  justify-content: center;
  align-content: center;
}
#pricing .in .table .row.plus .col span {
  padding: 7px 0 0 0;
}
#pricing .in .table .row.plus .col .request-demo {
  padding: 0;
  top: auto;
  font-size: 14px;
}
#pricing .in .table .row.plus .col:first-child {
  align-content: center;
}
#pricing .in .table .row.plus .col:first-child span {
  padding: 0;
}
#pricing .in .table .row.foot {
  position: relative;
  z-index: 1;
}
#pricing .in .table .row.foot .col {
  padding: 20px 11px;
  border-bottom: 1px solid #e9e9e9;
  flex: 0 1 100%;
  justify-content: center;
  background: #fff;
  color: #000;
}
#pricing .in .table .row.foot .col .more {
  padding: 0 0 0 5px;
}
#pricing .in .content {
  padding: 0 15px 30px 15px;
}
#pricing .in .content .vat {
  padding: 10px 0 0 0;
  color: #4a526e;
  line-height: 100%;
}
#pricing .in .content .vat .sui-font-smallest {
  line-height: 120%;
}
#pricing .in .content .student {
  padding: 30px 0 0 0;
}
#pricing .in .content .student:before {
  content: '';
  top: -5px;
  position: relative;
  display: block;
  width: 100px;
  height: 1px;
  background: #e9e9e9;
  margin: 0 auto;
}
#pricing .in .content .student p {
  padding: 12px 0 0 0;
  line-height: 130%;
}
#pricing .in .content .premium {
  padding: 25px 0 0 0;
}
#pricing .in .content .premium ul {
  padding: 15px 0 0 0;
  display: inline-block;
  text-align: left;
}
#pricing .in .content .custom {
  padding: 25px 0 0 0;
}
#pricing .in .content .custom h3 {
  font-size: 24px;
}
#pricing .in .content .custom p .sui-btn {
  width: auto;
}
#pricing .in .content .custom p .sui-btn.outline {
  color: #303181;
  border-color: #303181;
}
#pricing .in .content .custom p .sui-btn.outline.lg {
  padding: 17px 30px 0 30px;
}
#pricing .in .content .logos h4 {
  font-size: 20px;
  padding: 45px 0 0 0;
}
#pricing .in .content .logos ul {
  padding: 30px 0 0 0;
  justify-content: space-between;
  display: flex;
}
#pricing .in .content .logos ul li {
  padding: 0;
  text-align: center;
  display: none;
  width: 30%;
}
#pricing .in .content .logos ul li:nth-child(-n+3) {
  display: list-item;
}
#pricing .in .content .logos ul li:before {
  display: none;
}
#pricing .in .content .logos ul li .sui-custom-logo {
  height: 35px;
}
#pricing .in .secure {
  background: #f2f3f4;
  margin: 40px 0 0 0;
  padding: 33px 0 40px 0;
}
#pricing .in .secure .info h3,
#pricing .in .secure .info h4 {
  font-size: 20px;
  padding: 57px 0 15px 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-safe.svg') no-repeat center top;
  background-size: 42px 42px;
}
#pricing .in .secure .info p {
  padding: 0;
}
#pricing .in .teams {
  display: none;
}
#pricing .in .teams .table .row .col .sui-icon.bullet {
  background: #741aac;
}
#pricing .in .teams .table .row.head .col {
  background: #340744;
}
#pricing .in .teams .table .row.head .col:nth-child(3) {
  background: #741aac;
}
#pricing .in .teams .table .row.period .col .price {
  flex: 0 1 100%;
}
#pricing .in .teams .table .row.period .col .choose {
  color: #340744;
}
#pricing .in .teams .table .row.period .col .save {
  color: #741aac;
}
#pricing .in .teams .table .row.period .col.title {
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
#pricing .in .teams .table .row.period .col.title .badge {
  height: 50px;
  display: block;
}
#pricing .in .teams .table .row.period .col.title .badge.g2-leader-2021 {
  width: 44px;
}
#pricing .in .teams .table .row.period .col.title .badge.getapp-2021 {
  margin: 15px 0 0 0;
  width: 62px;
}
#pricing .in .teams .table .row.period .col.shadow .choose {
  color: #741aac;
}
#pricing .in .teams .table .row.plus .col .toggle.top {
  color: #031647;
}
#pricing .in .teams .table .row.plus .col .sui-custom-logo.norton-color {
  height: 32px;
}
#pricing .in .teams .table .row.plus .col .gdpr {
  width: 36px;
  display: block;
  margin: 15px 0 0 0;
  height: 36px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-gdpr.svg') no-repeat center top;
  background-size: 36px 36px;
}
#pricing .in .teams .table .row.plus .col:first-child {
  flex-direction: column;
}
.no-touch #pricing .in .plans-switch .switch .toggle.individual:hover {
  background: #01846e;
}
.no-touch #pricing .in .plans-switch .switch .toggle.teams:hover {
  background: #741aac;
}
.no-touch #pricing .in .table .row.period .col .choose:hover {
  color: #303181;
}
.no-touch #pricing .in .table .row.period .col.title .more .sui-icon,
.no-touch #pricing .in .table .row.period .col.title .close .sui-icon {
  transition: 0.5s;
}
.no-touch #pricing .in .table .row.period .col.title .more:hover,
.no-touch #pricing .in .table .row.period .col.title .close:hover {
  color: #303181;
}
.no-touch #pricing .in .table .row.period .col.title .more:hover .sui-icon,
.no-touch #pricing .in .table .row.period .col.title .close:hover .sui-icon {
  color: #303181;
}
.no-touch #pricing .in .table .row.period .col.shadow .choose:hover {
  color: #303181;
}
.no-touch #pricing .in .content .custom p .sui-btn.outline.lg:hover {
  color: #031647;
  border-color: #031647;
}
.no-touch #pricing .in .teams .table .row.plus .col .toggle.top:hover {
  color: #741aac;
}
@media only screen and (min-width: 480px) {
  #pricing .in {
    width: 100%;
    padding: 30px 0 0 0;
  }
  #pricing .in .plans-switch .switch {
    top: -70px;
  }
  #pricing .in .table .row .col:first-child {
    flex: 0 1 35%;
  }
  #pricing .in .table .row.head .col {
    flex: 0 1 21.7%;
  }
  #pricing .in .table .row.head .col .sui-font-small {
    font-size: 15px;
  }
  #pricing .in .table .row.wide .col {
    flex: 0 1 100%;
  }
  #pricing .in .table .row.foot .col {
    flex: 0 1 100%;
  }
  #pricing .in .table .row.period .col .sui-font-smaller {
    font-size: 20px;
  }
  #pricing .in .table .row.period .col.title {
    padding: 16px 15px;
  }
  #pricing .in .table .row.period .col.title .more,
  #pricing .in .table .row.period .col.title .close {
    bottom: 16px;
    padding: 0 0 3px 0;
  }
}
@media only screen and (min-width: 640px) {
  #pricing .in .content .premium {
    display: inline-block;
  }
  #pricing .in .content .premium ul li {
    float: left;
  }
  #pricing .in .content .premium ul li:nth-child(1),
  #pricing .in .content .premium ul li:nth-child(3) {
    width: 250px;
  }
  #pricing .in .content .premium ul li:nth-child(3) {
    clear: left;
  }
  #pricing .in .secure {
    margin: 15px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  #pricing .in {
    width: 700px;
    padding: 40px 0 0 0;
  }
  #pricing .in .plans-switch {
    height: 25px;
  }
  #pricing .in .table .row .col:first-child {
    border-left: 1px solid #e9e9e9;
    flex: 0 1 25%;
    justify-content: space-between;
  }
  #pricing .in .table .row .col:first-child .sui-font-smallest {
    width: 85%;
    font-size: 12px;
  }
  #pricing .in .table .row .col:last-child {
    border-right: 1px solid #e9e9e9;
  }
  #pricing .in .table .row .col .sui-font-smallest {
    font-size: 14px;
  }
  #pricing .in .table .row .col .sui-font-smallest .sui-icon.flaticon-infinite {
    display: none;
  }
  #pricing .in .table .row .col .sui-font-smallest .no-mobile {
    display: block;
  }
  #pricing .in .table .row .col .contact-us-extend {
    font-size: 12px;
  }
  #pricing .in .table .row .col .request-demo {
    font-size: 12px;
  }
  #pricing .in .table .row .col .sui-help {
    display: inline-block;
    z-index: 2;
    align-self: flex-start;
    top: 1px;
  }
  #pricing .in .table .row .col.has-hint .sui-help {
    margin: 0 0 0 4px;
    top: 0;
  }
  #pricing .in .table .row.head {
    overflow: visible;
    position: relative;
  }
  #pricing .in .table .row.head .best {
    display: block;
    position: absolute;
    z-index: 1;
    width: 95px;
    height: 95px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-best-value.svg') no-repeat center center;
    background-size: cover;
    bottom: -7px;
    left: 0;
  }
  #pricing .in .table .row.head .col {
    height: 90px;
    flex: 0 1 25%;
  }
  #pricing .in .table .row.head .col:nth-child(2) {
    border-top-left-radius: 10px;
  }
  #pricing .in .table .row.head .col:nth-child(3) {
    height: 110px;
    overflow: visible;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  #pricing .in .table .row.head .col:nth-child(3) .sui-font-small {
    padding: 17px 0 0 0;
  }
  #pricing .in .table .row.head .col:nth-child(4) {
    border-top-right-radius: 10px;
  }
  #pricing .in .table .row.head .col span {
    display: block;
    padding: 7px 10px 0 10px;
  }
  #pricing .in .table .row.head .col .sui-font-small {
    font-size: 20px;
  }
  #pricing .in .table .row.head .col .sui-font-smallest {
    font-size: 11px;
  }
  #pricing .in .table .row.head .col .popular {
    display: block;
    width: 88px;
    height: 88px;
    z-index: 2;
    position: absolute;
    top: -4px;
    right: -4px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-popular.svg') no-repeat center center;
    background-size: cover;
  }
  #pricing .in .table .row.wide .col {
    flex: 0 1 100%;
    justify-content: center;
  }
  #pricing .in .table .row.foot .col {
    flex: 0 1 100%;
    justify-content: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  #pricing .in .table .row.period .col {
    padding: 24px 5px 26px 5px;
  }
  #pricing .in .table .row.period .col .sui-font-smaller {
    font-size: 25px;
  }
  #pricing .in .table .row.period .col .sui-font-smallest {
    font-size: 12px;
  }
  #pricing .in .table .row.period .col .month {
    width: auto;
    padding: 10px 0 0 2px;
    color: #031647;
  }
  #pricing .in .table .row.period .col .year {
    display: block;
    padding: 18px 0 0 0;
    width: 100%;
    color: #4a526e;
    text-decoration: line-through;
  }
  #pricing .in .table .row.period .col .save {
    font-size: 15px;
    padding: 5px 0 24px 0;
  }
  #pricing .in .table .row.period .col .save.seat {
    padding: 15px 15px 24px 15px;
  }
  #pricing .in .table .row.period .col .choose {
    border: 1px solid #c3ccd9;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 5px;
    transition: background 0.5s, color 0.5s, border 0.5s;
    text-align: center;
    cursor: pointer;
    background: none;
    line-height: 100%;
    position: relative;
    text-decoration: none;
    overflow: hidden;
    color: #01846e;
    height: 42px;
    font-size: 15px;
    padding: 11px 22px 0 22px;
  }
  #pricing .in .table .row.period .col .request-demo {
    margin: 0 0 10px 0;
  }
  #pricing .in .table .row.period .col.title {
    padding: 16px 20px;
  }
  #pricing .in .table .row.period .col.title .main {
    font-size: 20px;
    padding: 10px 0 0 0;
  }
  #pricing .in .table .row.period .col.title .sub {
    font-size: 14px;
  }
  #pricing .in .table .row.period .col.title .more,
  #pricing .in .table .row.period .col.title .close {
    bottom: 19px;
  }
  #pricing .in .table .row.period .col.shadow .choose {
    background: #01846e;
    color: #fff;
    border-color: #01846e;
  }
  #pricing .in .table .row.period.monthly .col .month {
    width: 100%;
    color: #4a526e;
    padding: 6px 0 21px 0;
  }
  #pricing .in .table .row.period.monthly .col.title .main {
    padding: 0;
  }
  #pricing .in .content .vat {
    padding: 15px 0 0 0;
  }
  #pricing .in .content .vat .sui-font-smallest {
    font-size: 12px;
  }
  #pricing .in .content .vat.hint-mobile {
    display: none;
  }
  #pricing .in .content .student {
    padding: 37px 0 0 0;
  }
  #pricing .in .content .student:before {
    top: -12px;
  }
  #pricing .in .content .student p {
    padding: 5px 0 0 0;
  }
  #pricing .in .content .student p .sui-font-smaller {
    font-size: 17px;
  }
  #pricing .in .content .premium {
    padding: 35px 0 0 0;
  }
  #pricing .in .content .custom {
    padding: 40px 0 0 0;
  }
  #pricing .in .content .custom h3 {
    font-size: 32px;
  }
  #pricing .in .content .logos h4 {
    font-size: 25px;
    padding: 55px 0 0 0;
  }
  #pricing .in .content .logos ul li:nth-child(-n+4) {
    display: list-item;
  }
  #pricing .in .content .logos ul li .sui-custom-logo {
    height: 50px;
  }
  #pricing .in .secure {
    padding: 30px 0 30px 0;
    border-radius: 8px;
  }
  #pricing .in .secure .info {
    display: inline-block;
    text-align: left;
    padding: 0 0 0 60px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-safe.svg') no-repeat 0 0;
    background-size: 42px 42px;
  }
  #pricing .in .secure .info h3,
  #pricing .in .secure .info h4 {
    padding: 0 0 3px 0;
    font-size: 17px;
    background: none;
  }
  #pricing .in .secure .info p {
    line-height: 140%;
    font-size: 14px;
  }
  #pricing .in .teams {
    display: none;
  }
  #pricing .in .teams .table .row .col .sui-icon.bullet {
    background: #741aac;
  }
  #pricing .in .teams .table .row.head .best {
    display: none;
  }
  #pricing .in .teams .table .row.head .col {
    background: #340744;
  }
  #pricing .in .teams .table .row.head .col:nth-child(3) {
    background: #741aac;
  }
  #pricing .in .teams .table .row.period .col .choose {
    color: #741aac;
  }
  #pricing .in .teams .table .row.period .col .save {
    color: #741aac;
  }
  #pricing .in .teams .table .row.period .col.title .badge {
    height: 70px;
  }
  #pricing .in .teams .table .row.period .col.title .badge.g2-leader-2021 {
    width: 62px;
  }
  #pricing .in .teams .table .row.period .col.title .badge.getapp-2021 {
    width: 88px;
  }
  #pricing .in .teams .table .row.period .col.shadow .choose {
    background: #741aac;
    color: #fff;
    border-color: #741aac;
  }
  #pricing .in .teams .table .row.plus .col:first-child {
    justify-content: center;
  }
  .no-touch #pricing .in .table .row.period .col .choose:hover {
    background: #031647;
    color: #fff;
    border-color: #031647;
  }
  .no-touch #pricing .in .table .row.period .col.shadow .choose:hover {
    background: #031647;
    color: #fff;
    border-color: #031647;
  }
  .no-touch #pricing .in .teams .table .row.period .col .choose:hover {
    background: #340744;
    border-color: #340744;
    color: #fff;
  }
  .no-touch #pricing .in .teams .table .row.period .col.shadow .choose:hover {
    background: #340744;
    border-color: #340744;
  }
}
@media only screen and (min-width: 1280px) {
  #pricing .in {
    width: 1100px;
  }
  #pricing .in .plans-switch {
    height: 40px;
  }
  #pricing .in .plans-switch .switch {
    min-width: 320px;
    width: min-content;
  }
  #pricing .in .table .row .col:first-child .sui-font-smallest {
    width: 90%;
  }
  #pricing .in .table .row.head .col .sui-font-small {
    font-size: 25px;
  }
  #pricing .in .table .row.head .col .sui-font-smallest {
    font-size: 13px;
  }
  #pricing .in .table .row.period .col .request-demo {
    margin: 3px 0 15px 0;
  }
  #pricing .in .table .row.period .col .features {
    font-size: 13px;
    font-family: 'Inter SemiBold', sans-serif;
  }
  #pricing .in .table .row.period .col .month .sui-help {
    top: 3px;
  }
  #pricing .in .table .row.period .col .seat .sui-help {
    margin: 0 0 0 4px;
    top: 2px;
  }
  #pricing .in .table .row.plus .col:first-child {
    padding: 22px 11px;
  }
  #pricing .in .table .row.plus .col strong.sui-font-smallest {
    font-size: 16px;
  }
  #pricing .in .content .premium ul li {
    float: none;
    padding-right: 50px;
    display: inline-block;
  }
  #pricing .in .content .premium ul li:after {
    width: 0;
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    border-right: 1px dashed #c3ccd9;
    height: 27px;
  }
  #pricing .in .content .premium ul li:nth-child(1),
  #pricing .in .content .premium ul li:nth-child(3) {
    width: auto;
  }
  #pricing .in .content .premium ul li:last-child {
    padding-right: 0;
  }
  #pricing .in .content .premium ul li:last-child:after {
    display: none;
  }
  #pricing .in .teams .table .row.period .col.title {
    flex-direction: row;
  }
  #pricing .in .teams .table .row.period .col.title .badge {
    height: 90px;
  }
  #pricing .in .teams .table .row.period .col.title .badge.g2-leader-2021 {
    width: 80px;
  }
  #pricing .in .teams .table .row.period .col.title .badge.getapp-2021 {
    width: 115px;
    margin: 0 0 0 20px;
  }
  #pricing .in .teams .table .row.plus .col .sui-custom-logo.norton-color {
    height: 40px;
  }
  #pricing .in .teams .table .row.plus .col .gdpr {
    margin: 0 0 0 20px;
    width: 40px;
    height: 40px;
    background-size: 40px 40px;
  }
  #pricing .in .teams .table .row.plus .col:first-child {
    flex-direction: row;
  }
}
#tour {
  background: #d5d8dd;
  overflow: hidden;
}
#tour:before {
  background: #d5d8dd url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-tour-mobile.jpg') no-repeat center bottom;
  background-size: auto 565px;
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 10px;
}
#tour .in {
  padding: 0 25px 340px 25px;
}
#tour .in h1 {
  padding: 10px 0 0;
}
#tour .in .subtitle {
  color: #4a526e;
  padding: 18px 0 0;
}
#tour .in .cta {
  padding: 11px 0 0;
  display: flex;
  flex-wrap: wrap;
}
#tour .in .cta .sui-btn {
  margin: 16px 0 0 0;
}
#tour .in .cta .sui-btn.light {
  padding: 19px 28px 0 28px;
  width: 100%;
}
#tour .in .cta .sui-btn.demo {
  background: #e9f0fc;
  color: #303181;
}
#tour .in .device {
  position: absolute;
  bottom: 149px;
  width: 100%;
  left: 0;
}
#tour .in .device p {
  line-height: 100%;
  padding: 0;
}
#tour .in .device p.placeholder span {
  letter-spacing: -0.01em;
  color: #2b3c42;
  font-size: 7px;
  opacity: 0.4;
}
#tour .in .device p.button {
  margin: 15px 0 0 0;
}
#tour .in .device p.button strong {
  display: inline-block;
  background: #fff;
  height: 20px;
  border-radius: 5px;
  padding: 2px 6px 0 6px;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #333d41;
  font-size: 7px;
}
#tour .in .device .questions {
  display: none;
}
#tour .sui-cover {
  position: absolute;
  bottom: -1px;
  z-index: 1;
  height: calc(30px + 2vw);
}
#tour.wide .in {
  color: #000;
  padding-top: 24px;
}
#tour.wide .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 38px;
  line-height: 114%;
  letter-spacing: -0.03em;
  padding: 0;
  text-align: center;
  color: #000;
}
#tour.wide .in h1 span {
  display: block;
}
#tour.wide .in h1 span small strong {
  font-family: 'Inter Bold', sans-serif;
}
#tour.wide .in .subtitle {
  color: #4d4d4d;
}
.no-touch #tour .in .cta .sui-btn.demo:hover {
  background: #d3e1f9;
}
.no-touch #tour .in .cta .sui-btn.demo:active {
  background: #bcd1f6;
}
@media only screen and (min-width: 480px) {
  #tour:before {
    background-size: auto 683px;
    top: 0;
  }
  #tour .in {
    padding: 0 25px 420px 25px;
  }
  #tour .in .cta {
    padding: 29px 0 0;
  }
  #tour .in .device {
    bottom: 190px;
  }
  #tour .in .device p.placeholder span {
    font-size: 8px;
  }
  #tour .in .device p.button {
    margin: 23px 0 0 0;
  }
  #tour .in .device p.button strong {
    font-size: 8px;
    padding: 4px 8px 0 8px;
    height: 24px;
  }
  #tour .sui-cover {
    height: calc(35px + 2vw);
  }
}
@media only screen and (min-width: 768px) {
  #tour:before {
    background: #d5dade url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-tour-tablet.jpg') no-repeat center bottom;
    background-size: auto 594px;
  }
  #tour .in {
    padding: 0 325px 0 25px;
    text-align: left;
    height: 515px;
  }
  #tour .in h1 {
    padding: 95px 0 0;
  }
  #tour .in .subtitle {
    color: #031647;
    font-size: 16.5px;
  }
  #tour .in .cta {
    padding: 39px 0 0 0;
    display: flex;
    width: 128%;
  }
  #tour .in .cta .sui-btn {
    width: auto;
    margin-right: 16px;
  }
  #tour .in .cta .sui-btn.light {
    width: auto;
  }
  #tour .in .cta .sui-btn.demo {
    margin-right: 0;
  }
  #tour .in .device {
    width: 203px;
    bottom: 243px;
    right: 84px;
    left: auto;
    text-align: center;
  }
  #tour .in .device p.placeholder span {
    font-size: 10px;
  }
  #tour .in .device p.button {
    margin: 30px 0 0 0;
  }
  #tour .in .device p.button strong {
    font-size: 10px;
    padding: 6px 10px 0 10px;
    height: 28px;
  }
  #tour .sui-cover {
    height: 40px;
  }
  #tour.wide .in {
    padding-left: 0;
  }
  #tour.wide .in h1 {
    text-align: left;
    line-height: 100%;
    font-size: 56px;
  }
  #tour.wide .in h1 span {
    position: relative;
  }
  #tour.wide .in h1 span small {
    font-size: 24px;
    line-height: 125%;
    letter-spacing: -0.02em;
    position: absolute;
    top: -5px;
    padding: 0 0 0 6px;
  }
}
@media only screen and (min-width: 1280px) {
  #tour:before {
    background: #d4dade url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-tour-desktop.jpg') no-repeat center bottom;
    background-size: auto 650px;
  }
  #tour .in {
    height: 585px;
    padding: 0 675px 0 25px;
  }
  #tour .in .subtitle {
    color: #4a526e;
  }
  #tour .in .device {
    width: 237px;
    bottom: 289px;
    right: 265px;
  }
  #tour .in .device p.placeholder span {
    font-size: 12px;
  }
  #tour .in .device p.button {
    margin: 35px 0 0 0;
  }
  #tour .in .device p.button strong {
    font-size: 12px;
    padding: 11px 15px 0 15px;
    height: 36px;
  }
  #tour .in .device .questions {
    display: block;
    border-radius: 8px;
    background: #fff;
    position: absolute;
    width: 194px;
    height: 220px;
    top: -5px;
    padding: 15px 2px 15px 12px;
    box-sizing: border-box;
    left: -155px;
  }
  #tour .in .device .questions .list {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    padding: 0 20px 0 0;
  }
  #tour .in .device .questions .list ul {
    padding: 0;
  }
  #tour .in .device .questions .list ul li {
    text-align: left;
    padding: 7px 0;
    display: flex;
    align-items: center;
  }
  #tour .in .device .questions .list ul li:before {
    display: none;
  }
  #tour .in .device .questions .list ul li i {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
    position: relative;
  }
  #tour .in .device .questions .list ul li i.icon-sc {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-sc.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-mc {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-mc.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-text {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-text.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-image {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-image.svg') no-repeat center center;
    background-size: 60%;
  }
  #tour .in .device .questions .list ul li i.icon-image:before {
    content: '';
    border: 1px solid #4a526e;
    position: absolute;
    width: 17px;
    height: 12px;
    top: 5px;
    left: 2px;
  }
  #tour .in .device .questions .list ul li i.icon-stars {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-stars.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-semantic {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-semantic.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-nps {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-nps.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-rating {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-rating.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-order {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-order.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-matrix-sc {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-matrix-sc.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-matrix-mc {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-matrix-mc.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li i.icon-txt {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-txt.svg') no-repeat center center;
    background-size: 80%;
  }
  #tour .in .device .questions .list ul li strong {
    line-height: 130%;
    font-size: 11px;
    padding: 0 0 0 15px;
  }
  #tour .sui-cover {
    height: calc(45px + 1vw);
    z-index: 1;
  }
  #tour.wide:before {
    left: 48px;
  }
  #tour.wide .in {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 80px;
  }
  #tour.wide .in h1 {
    font-size: 68px;
  }
  #tour.wide .in h1 span small {
    top: -1px;
  }
  #tour.wide .in .subtitle {
    padding: 24px 0 0 0;
  }
  #tour.wide .in .device {
    right: 217px;
  }
}
#analysis-intro .in,
#analysis-graphs .in,
#analysis-tables .in,
#analysis-individual .in,
#analysis-stats .in,
#analysis-filtering .in,
#analysis-reports .in,
#analysis-dashboards .in,
#analysis-review .in {
  text-align: left;
  color: #3d4144;
  padding: 0 24px 0 48px;
  font-size: 14px;
}
#analysis-intro .in h2,
#analysis-graphs .in h2,
#analysis-tables .in h2,
#analysis-individual .in h2,
#analysis-stats .in h2,
#analysis-filtering .in h2,
#analysis-reports .in h2,
#analysis-dashboards .in h2,
#analysis-review .in h2 {
  color: #000;
  font-size: 42px;
  line-height: 114%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#analysis-intro .in h2.section,
#analysis-graphs .in h2.section,
#analysis-tables .in h2.section,
#analysis-individual .in h2.section,
#analysis-stats .in h2.section,
#analysis-filtering .in h2.section,
#analysis-reports .in h2.section,
#analysis-dashboards .in h2.section,
#analysis-review .in h2.section {
  padding: 46px 0 0 0;
}
#analysis-intro .in h2.section:before,
#analysis-graphs .in h2.section:before,
#analysis-tables .in h2.section:before,
#analysis-individual .in h2.section:before,
#analysis-stats .in h2.section:before,
#analysis-filtering .in h2.section:before,
#analysis-reports .in h2.section:before,
#analysis-dashboards .in h2.section:before,
#analysis-review .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: normal;
  top: 0;
  left: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  height: 30px;
  width: 32px;
  position: absolute;
  display: flex;
  align-items: flex-end;
  line-height: 100%;
  border-top: 2px solid #000;
}
#analysis-intro .in h2.section.section-1:before,
#analysis-graphs .in h2.section.section-1:before,
#analysis-tables .in h2.section.section-1:before,
#analysis-individual .in h2.section.section-1:before,
#analysis-stats .in h2.section.section-1:before,
#analysis-filtering .in h2.section.section-1:before,
#analysis-reports .in h2.section.section-1:before,
#analysis-dashboards .in h2.section.section-1:before,
#analysis-review .in h2.section.section-1:before {
  content: '01';
}
#analysis-intro .in h2.section.section-2:before,
#analysis-graphs .in h2.section.section-2:before,
#analysis-tables .in h2.section.section-2:before,
#analysis-individual .in h2.section.section-2:before,
#analysis-stats .in h2.section.section-2:before,
#analysis-filtering .in h2.section.section-2:before,
#analysis-reports .in h2.section.section-2:before,
#analysis-dashboards .in h2.section.section-2:before,
#analysis-review .in h2.section.section-2:before {
  content: '02';
}
#analysis-intro .in h2.section.section-3:before,
#analysis-graphs .in h2.section.section-3:before,
#analysis-tables .in h2.section.section-3:before,
#analysis-individual .in h2.section.section-3:before,
#analysis-stats .in h2.section.section-3:before,
#analysis-filtering .in h2.section.section-3:before,
#analysis-reports .in h2.section.section-3:before,
#analysis-dashboards .in h2.section.section-3:before,
#analysis-review .in h2.section.section-3:before {
  content: '03';
}
#analysis-intro .in h2.section.section-4:before,
#analysis-graphs .in h2.section.section-4:before,
#analysis-tables .in h2.section.section-4:before,
#analysis-individual .in h2.section.section-4:before,
#analysis-stats .in h2.section.section-4:before,
#analysis-filtering .in h2.section.section-4:before,
#analysis-reports .in h2.section.section-4:before,
#analysis-dashboards .in h2.section.section-4:before,
#analysis-review .in h2.section.section-4:before {
  content: '04';
}
#analysis-intro .in h2.section.section-5:before,
#analysis-graphs .in h2.section.section-5:before,
#analysis-tables .in h2.section.section-5:before,
#analysis-individual .in h2.section.section-5:before,
#analysis-stats .in h2.section.section-5:before,
#analysis-filtering .in h2.section.section-5:before,
#analysis-reports .in h2.section.section-5:before,
#analysis-dashboards .in h2.section.section-5:before,
#analysis-review .in h2.section.section-5:before {
  content: '05';
}
#analysis-intro .in h2.section.section-6:before,
#analysis-graphs .in h2.section.section-6:before,
#analysis-tables .in h2.section.section-6:before,
#analysis-individual .in h2.section.section-6:before,
#analysis-stats .in h2.section.section-6:before,
#analysis-filtering .in h2.section.section-6:before,
#analysis-reports .in h2.section.section-6:before,
#analysis-dashboards .in h2.section.section-6:before,
#analysis-review .in h2.section.section-6:before {
  content: '06';
}
#analysis-intro .in h2.section.section-7:before,
#analysis-graphs .in h2.section.section-7:before,
#analysis-tables .in h2.section.section-7:before,
#analysis-individual .in h2.section.section-7:before,
#analysis-stats .in h2.section.section-7:before,
#analysis-filtering .in h2.section.section-7:before,
#analysis-reports .in h2.section.section-7:before,
#analysis-dashboards .in h2.section.section-7:before,
#analysis-review .in h2.section.section-7:before {
  content: '07';
}
#analysis-intro .in h3,
#analysis-graphs .in h3,
#analysis-tables .in h3,
#analysis-individual .in h3,
#analysis-stats .in h3,
#analysis-filtering .in h3,
#analysis-reports .in h3,
#analysis-dashboards .in h3,
#analysis-review .in h3 {
  color: #000;
  font-family: 'Inter Bold', sans-serif;
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#analysis-intro .in a,
#analysis-graphs .in a,
#analysis-tables .in a,
#analysis-individual .in a,
#analysis-stats .in a,
#analysis-filtering .in a,
#analysis-reports .in a,
#analysis-dashboards .in a,
#analysis-review .in a {
  text-decoration: none;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
}
#analysis-intro .in .subtitle,
#analysis-graphs .in .subtitle,
#analysis-tables .in .subtitle,
#analysis-individual .in .subtitle,
#analysis-stats .in .subtitle,
#analysis-filtering .in .subtitle,
#analysis-reports .in .subtitle,
#analysis-dashboards .in .subtitle,
#analysis-review .in .subtitle {
  font-size: 18px;
  line-height: 167%;
  padding: 24px 0 0 0;
}
#analysis-intro .in .cta-more,
#analysis-graphs .in .cta-more,
#analysis-tables .in .cta-more,
#analysis-individual .in .cta-more,
#analysis-stats .in .cta-more,
#analysis-filtering .in .cta-more,
#analysis-reports .in .cta-more,
#analysis-dashboards .in .cta-more,
#analysis-review .in .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#analysis-intro .in .cta-more:before,
#analysis-graphs .in .cta-more:before,
#analysis-tables .in .cta-more:before,
#analysis-individual .in .cta-more:before,
#analysis-stats .in .cta-more:before,
#analysis-filtering .in .cta-more:before,
#analysis-reports .in .cta-more:before,
#analysis-dashboards .in .cta-more:before,
#analysis-review .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#analysis-intro .in .cta,
#analysis-graphs .in .cta,
#analysis-tables .in .cta,
#analysis-individual .in .cta,
#analysis-stats .in .cta,
#analysis-filtering .in .cta,
#analysis-reports .in .cta,
#analysis-dashboards .in .cta,
#analysis-review .in .cta {
  flex: 0 1 100%;
  width: calc(100% + 24px);
  position: relative;
  left: -24px;
}
#analysis-intro .in .cta p,
#analysis-graphs .in .cta p,
#analysis-tables .in .cta p,
#analysis-individual .in .cta p,
#analysis-stats .in .cta p,
#analysis-filtering .in .cta p,
#analysis-reports .in .cta p,
#analysis-dashboards .in .cta p,
#analysis-review .in .cta p {
  padding: 40px 0 0 0;
  text-align: center;
}
#analysis-intro .in .cta p a,
#analysis-graphs .in .cta p a,
#analysis-tables .in .cta p a,
#analysis-individual .in .cta p a,
#analysis-stats .in .cta p a,
#analysis-filtering .in .cta p a,
#analysis-reports .in .cta p a,
#analysis-dashboards .in .cta p a,
#analysis-review .in .cta p a,
#analysis-intro .in .cta p span,
#analysis-graphs .in .cta p span,
#analysis-tables .in .cta p span,
#analysis-individual .in .cta p span,
#analysis-stats .in .cta p span,
#analysis-filtering .in .cta p span,
#analysis-reports .in .cta p span,
#analysis-dashboards .in .cta p span,
#analysis-review .in .cta p span {
  height: 56px;
  justify-content: center;
  color: #fff;
  display: inline-flex;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
  border-radius: 10px;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  width: 100%;
  transition: background 0.5s;
  font-size: 16px;
  padding: 0 24px;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#analysis-intro .in .cta p small,
#analysis-graphs .in .cta p small,
#analysis-tables .in .cta p small,
#analysis-individual .in .cta p small,
#analysis-stats .in .cta p small,
#analysis-filtering .in .cta p small,
#analysis-reports .in .cta p small,
#analysis-dashboards .in .cta p small,
#analysis-review .in .cta p small {
  display: block;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
}
#analysis-intro .in .cta p.basic a,
#analysis-graphs .in .cta p.basic a,
#analysis-tables .in .cta p.basic a,
#analysis-individual .in .cta p.basic a,
#analysis-stats .in .cta p.basic a,
#analysis-filtering .in .cta p.basic a,
#analysis-reports .in .cta p.basic a,
#analysis-dashboards .in .cta p.basic a,
#analysis-review .in .cta p.basic a,
#analysis-intro .in .cta p.basic span,
#analysis-graphs .in .cta p.basic span,
#analysis-tables .in .cta p.basic span,
#analysis-individual .in .cta p.basic span,
#analysis-stats .in .cta p.basic span,
#analysis-filtering .in .cta p.basic span,
#analysis-reports .in .cta p.basic span,
#analysis-dashboards .in .cta p.basic span,
#analysis-review .in .cta p.basic span {
  background: #303181;
}
#analysis-intro .in .cta p.basic small,
#analysis-graphs .in .cta p.basic small,
#analysis-tables .in .cta p.basic small,
#analysis-individual .in .cta p.basic small,
#analysis-stats .in .cta p.basic small,
#analysis-filtering .in .cta p.basic small,
#analysis-reports .in .cta p.basic small,
#analysis-dashboards .in .cta p.basic small,
#analysis-review .in .cta p.basic small {
  color: #303181;
}
#analysis-intro .in .cta p.pro,
#analysis-graphs .in .cta p.pro,
#analysis-tables .in .cta p.pro,
#analysis-individual .in .cta p.pro,
#analysis-stats .in .cta p.pro,
#analysis-filtering .in .cta p.pro,
#analysis-reports .in .cta p.pro,
#analysis-dashboards .in .cta p.pro,
#analysis-review .in .cta p.pro {
  padding: 16px 0 0 0;
}
#analysis-intro .in .cta p.pro a,
#analysis-graphs .in .cta p.pro a,
#analysis-tables .in .cta p.pro a,
#analysis-individual .in .cta p.pro a,
#analysis-stats .in .cta p.pro a,
#analysis-filtering .in .cta p.pro a,
#analysis-reports .in .cta p.pro a,
#analysis-dashboards .in .cta p.pro a,
#analysis-review .in .cta p.pro a,
#analysis-intro .in .cta p.pro span,
#analysis-graphs .in .cta p.pro span,
#analysis-tables .in .cta p.pro span,
#analysis-individual .in .cta p.pro span,
#analysis-stats .in .cta p.pro span,
#analysis-filtering .in .cta p.pro span,
#analysis-reports .in .cta p.pro span,
#analysis-dashboards .in .cta p.pro span,
#analysis-review .in .cta p.pro span {
  background: #d62d09;
}
#analysis-intro .in .cta p.pro small,
#analysis-graphs .in .cta p.pro small,
#analysis-tables .in .cta p.pro small,
#analysis-individual .in .cta p.pro small,
#analysis-stats .in .cta p.pro small,
#analysis-filtering .in .cta p.pro small,
#analysis-reports .in .cta p.pro small,
#analysis-dashboards .in .cta p.pro small,
#analysis-review .in .cta p.pro small {
  color: #d62d09;
}
#analysis-intro .in {
  padding-top: 56px;
}
#analysis-intro .in .list ul {
  padding: 0;
}
#analysis-intro .in .list ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#analysis-intro .in .list ul li:before {
  display: none;
}
#analysis-intro .in .list ul li:first-child {
  padding: 0;
}
#analysis-intro .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#analysis-intro .in .list ul li .icon.types {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-types.svg') no-repeat center center;
  background-size: cover;
}
#analysis-intro .in .list ul li .icon.editing {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-editing.svg') no-repeat center center;
  background-size: cover;
}
#analysis-intro .in .list ul li .icon.filtering {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-filtering.svg') no-repeat center center;
  background-size: cover;
}
#analysis-intro .in .list ul li .icon.download {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-download.svg') no-repeat center center;
  background-size: cover;
}
#analysis-intro .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#analysis-intro .in .title {
  margin: 56px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#analysis-intro .in .title:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#analysis-intro .in .title strong {
  color: #000;
}
#analysis-graphs .in {
  padding-top: 56px;
}
#analysis-graphs .in .content .list ul {
  padding: 32px 0 0 0;
}
#analysis-graphs .in .content .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#analysis-graphs .in .content .list ul li:before {
  display: none;
}
#analysis-graphs .in .content .list ul li:first-child {
  padding: 0;
}
#analysis-graphs .in .content .list ul li .icon {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 1 40px;
}
#analysis-graphs .in .content .list ul li .icon.graphs {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-graphs.svg') no-repeat center center;
  background-size: cover;
}
#analysis-graphs .in .content .list ul li .icon.customize {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-customize.svg') no-repeat center center;
  background-size: cover;
}
#analysis-graphs .in .content .list ul li .icon.edit {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-edit.svg') no-repeat center center;
  background-size: cover;
}
#analysis-graphs .in .content .list ul li .icon.switch {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-switch.svg') no-repeat center center;
  background-size: cover;
}
#analysis-graphs .in .content .list ul li .value {
  flex: 0 1 calc(100% - 60px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#analysis-graphs .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-graphs .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-graphs .in .image picture img {
  border-radius: 20px;
}
#analysis-graphs .in .gallery {
  margin: 24px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
  box-sizing: border-box;
  border: 1px solid #ced0d5;
  border-radius: 24px;
}
#analysis-graphs .in .gallery .slider {
  text-align: center;
  padding: 0 27px;
}
#analysis-graphs .in .gallery .slider ul {
  padding: 0;
}
#analysis-graphs .in .gallery .slider ul li {
  padding: 0;
}
#analysis-graphs .in .gallery .slider ul li:before {
  display: none;
}
#analysis-graphs .in .gallery .slider ul li .info {
  padding: 48px 0 24px 0;
}
#analysis-graphs .in .gallery .slider ul li .info h3 {
  padding: 0;
}
#analysis-graphs .in .gallery .slider ul li .info p {
  line-height: 186%;
  padding: 8px 0 0 0;
}
#analysis-graphs .in .gallery .slider ul li .tip {
  display: none;
}
#analysis-graphs .in .gallery .paging {
  padding: 31px 27px 41px 27px;
}
#analysis-graphs .in .gallery .paging ul {
  padding: 0;
  display: flex;
}
#analysis-graphs .in .gallery .paging ul li {
  padding: 0;
  flex: 0 1 calc(100% / 9);
}
#analysis-graphs .in .gallery .paging ul li:before {
  display: none;
}
#analysis-graphs .in .gallery .paging ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 32px;
}
#analysis-graphs .in .gallery .paging ul li a:before {
  position: absolute;
  content: '';
  background: #e3e4e9;
  width: 8px;
  transition: background 0.2s;
  height: 8px;
  border-radius: 100%;
}
#analysis-graphs .in .gallery .paging ul li a i {
  display: none;
}
#analysis-graphs .in .gallery .paging ul li a small {
  display: none;
}
#analysis-graphs .in .gallery .paging ul li a.active:before {
  background: #000;
}
#analysis-tables .in {
  margin: 48px 0 0 0;
  width: calc(100% - 16px);
  left: 8px;
  border-radius: 24px;
  padding: 0 8px 70px 8px;
  background: #000 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-tables-min.jpg') no-repeat top center;
  background-size: 100% auto;
}
#analysis-tables .in .content {
  color: #fff;
  padding: 132px 30px 0 40px;
}
#analysis-tables .in .content h2 {
  color: #fff;
}
#analysis-tables .in .content h2.section:before {
  border-top-color: #fff;
}
#analysis-tables .in .content .more .cta-more {
  color: #fff;
}
#analysis-tables .in .content .more .cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-right-white.svg') no-repeat center center;
  background-size: cover;
}
#analysis-tables .in .tables .item {
  margin: 48px 0 0 0;
  background: #fff;
  padding: 0 24px 32px 24px;
  border-radius: 16px;
  position: relative;
}
#analysis-tables .in .tables .item .questions .question {
  padding: 24px 0 0 0;
}
#analysis-tables .in .tables .item .questions .question span {
  font-size: 12px;
  line-height: 133%;
  font-family: 'Inter Medium', sans-serif;
  color: #60607a;
}
#analysis-tables .in .tables .item .questions .question h3 {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 14px;
  padding: 8px 0 0 0;
  line-height: 143%;
  letter-spacing: -0.01em;
}
#analysis-tables .in .tables .item .table table {
  margin: 32px 0 0 0;
  border-collapse: separate;
  width: 100%;
  font-size: 12px;
  border: 1px solid #e3e4e9;
  border-radius: 10px;
}
#analysis-tables .in .tables .item .table table thead tr th {
  background: #f8f8f8;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 133%;
  color: #000;
  padding: 12px 16px;
  vertical-align: middle;
}
#analysis-tables .in .tables .item .table table thead tr th:first-child {
  border-top-left-radius: 9px;
}
#analysis-tables .in .tables .item .table table thead tr th:last-child {
  border-top-right-radius: 9px;
}
#analysis-tables .in .tables .item .table table thead tr th.right {
  text-align: right;
}
#analysis-tables .in .tables .item .table table tbody tr td {
  vertical-align: middle;
  line-height: 133%;
  padding: 12px 16px;
  border-top: 1px solid #e3e4e9;
  color: #202124;
}
#analysis-tables .in .tables .item .table table tbody tr td.right {
  text-align: right;
}
#analysis-tables .in .tables .item .table table tbody tr td strong {
  font-family: 'Inter SemiBold', sans-serif;
}
#analysis-tables .in .tables .item .table table tbody tr:nth-child(n+5) {
  display: none;
}
#analysis-tables .in .tables .item .preview {
  position: absolute;
  color: #ced0d5;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  line-height: 154%;
  box-sizing: border-box;
  width: 100%;
  padding: 0 32px;
  border: 0;
  bottom: -44px;
  left: 0;
}
#analysis-tables .in .tables .item .preview span {
  display: block;
  padding: 0 0 0 30px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-up.svg') no-repeat center left;
  background-size: 16px 16px;
}
#analysis-tables .in .tables .item:nth-child(2) {
  margin: 92px 0 0 0;
}
#analysis-tables .in .tables .item:nth-child(2) .table {
  position: relative;
}
#analysis-tables .in .tables .item:nth-child(2) .table:before {
  content: '';
  width: 100%;
  display: block;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00999999', endColorstr='#ffffff', GradientType=0);
  height: 58px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#analysis-individual .in {
  padding-top: 56px;
}
#analysis-individual .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-individual .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-individual .in .image picture {
  display: block;
}
#analysis-individual .in .image picture img {
  border-radius: 20px;
}
#analysis-individual .in .image.quote {
  padding: 0 0 142px 0;
}
#analysis-individual .in .image.quote .comment {
  border-radius: 24px;
  color: #395348;
  width: calc(100% - 56px);
  padding: 72px 24px 70px 24px;
  position: absolute;
  bottom: 0;
  right: 16px;
  background: #d8e4d5 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-green.svg') no-repeat 24px 24px;
  background-size: 24px 24px;
}
#analysis-individual .in .image.quote .comment .text {
  padding: 0;
  font-family: 'Inter Bold', sans-serif;
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
}
#analysis-individual .in .image.quote .comment .position {
  line-height: 143%;
  padding: 24px 0 0 0;
}
#analysis-individual .in .individual {
  margin: 38px 0 0 0;
}
#analysis-individual .in .individual .content {
  height: 595px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-individual-min.png') no-repeat center center;
  background-size: cover;
  position: relative;
  box-sizing: border-box;
  left: calc((100% - 384px) / 2);
  width: 360px;
}
#analysis-individual .in .individual .content .head {
  display: none;
}
#analysis-individual .in .individual .content .response {
  font-size: 16px;
  position: relative;
  padding: 110px 28px 0 76px;
  line-height: 150%;
}
#analysis-individual .in .individual .content .options {
  padding: 0 48px 0 167px;
  position: absolute;
  top: 421px;
  left: 0;
  box-sizing: border-box;
  width: 100%;
}
#analysis-individual .in .individual .content .options li {
  padding: 0;
  font-size: 16px;
  line-height: 150%;
  height: 54px;
  display: flex;
  align-items: center;
}
#analysis-individual .in .individual .content .options li:before {
  display: none;
}
#analysis-individual .in .individual .gdpr {
  margin: 32px 0 0 0;
  padding: 0 0 0 27px;
  position: relative;
}
#analysis-individual .in .individual .gdpr:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#analysis-individual .in .individual .gdpr h3 {
  padding: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  line-height: 133%;
  letter-spacing: -0.01em;
}
#analysis-individual .in .individual .gdpr p {
  line-height: 186%;
  padding: 16px 0 0 0;
}
#analysis-stats .in {
  padding-top: 64px;
}
#analysis-stats .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-stats .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-stats .in .image picture img {
  border-radius: 20px;
}
#analysis-stats .in .list ul {
  padding: 48px 0 0 0;
}
#analysis-stats .in .list ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#analysis-stats .in .list ul li:before {
  display: none;
}
#analysis-stats .in .list ul li:first-child {
  padding: 0;
}
#analysis-stats .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#analysis-stats .in .list ul li .icon.users {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-users.svg') no-repeat center center;
  background-size: cover;
}
#analysis-stats .in .list ul li .icon.calendar {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-calendar.svg') no-repeat center center;
  background-size: cover;
}
#analysis-stats .in .list ul li .icon.share {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-share.svg') no-repeat center center;
  background-size: cover;
}
#analysis-stats .in .list ul li .icon.time {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-time.svg') no-repeat center center;
  background-size: cover;
}
#analysis-stats .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#analysis-stats .in .list ul li .value br {
  display: none;
}
#analysis-filtering .in {
  padding-top: 56px;
}
#analysis-filtering .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-filtering .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-filtering .in .image picture {
  display: block;
}
#analysis-filtering .in .image picture img {
  border-radius: 20px;
}
#analysis-filtering .in .image.quote {
  padding: 0 0 142px 0;
}
#analysis-filtering .in .image.quote .comment {
  border-radius: 24px;
  color: #5f4235;
  width: calc(100% - 56px);
  padding: 72px 24px 70px 24px;
  position: absolute;
  bottom: 0;
  right: 16px;
  background: #f0e2c8 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-brown.svg') no-repeat 24px 24px;
  background-size: 24px 24px;
}
#analysis-filtering .in .image.quote .comment .text {
  padding: 0;
  font-family: 'Inter Bold', sans-serif;
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
}
#analysis-filtering .in .image.quote .comment .position {
  line-height: 143%;
  padding: 24px 0 0 0;
}
#analysis-filtering .in .list h3 {
  font-size: 18px;
  line-height: 144%;
  padding: 40px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
  color: #3d4144;
}
#analysis-filtering .in .list ul {
  padding: 32px 0 0 0;
}
#analysis-filtering .in .list ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#analysis-filtering .in .list ul li:before {
  display: none;
}
#analysis-filtering .in .list ul li:first-child {
  padding: 0;
}
#analysis-filtering .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#analysis-filtering .in .list ul li .icon.question {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-question.svg') no-repeat center center;
  background-size: cover;
}
#analysis-filtering .in .list ul li .icon.calendar {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-calendar.svg') no-repeat center center;
  background-size: cover;
}
#analysis-filtering .in .list ul li .icon.range {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-range.svg') no-repeat center center;
  background-size: cover;
}
#analysis-filtering .in .list ul li .icon.complete {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-complete.svg') no-repeat center center;
  background-size: cover;
}
#analysis-filtering .in .list ul li .icon.share {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-share.svg') no-repeat center center;
  background-size: cover;
}
#analysis-filtering .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#analysis-reports .in {
  padding-top: 56px;
}
#analysis-reports .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-reports .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-reports .in .image picture img {
  border-radius: 20px;
}
#analysis-reports .in .list h3 {
  font-size: 18px;
  line-height: 144%;
  padding: 40px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
  color: #3d4144;
}
#analysis-reports .in .list ul {
  padding: 8px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#analysis-reports .in .list ul li {
  padding: 32px 0 0 0;
  flex: 0 1 22%;
  display: flex;
  justify-content: center;
  margin: 0 15% 0 0;
  flex-wrap: wrap;
}
#analysis-reports .in .list ul li:before {
  display: none;
}
#analysis-reports .in .list ul li:nth-child(3n+0) {
  margin: 0;
}
#analysis-reports .in .list ul li .link {
  display: block;
  text-align: center;
}
#analysis-reports .in .list ul li .link .icon {
  display: block;
  margin: 0 auto;
  width: 48px;
  height: 48px;
}
#analysis-reports .in .list ul li .link .icon.pdf {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-pdf.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link .icon.docx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-docx.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link .icon.pptx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-pptx.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link .icon.xlsx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-xlsx.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link .icon.csv {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-csv.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link .icon.xml {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-xml.svg') no-repeat center center;
  background-size: cover;
}
#analysis-reports .in .list ul li .link span {
  line-height: 143%;
  flex: 0 1 100%;
  display: block;
  margin: 8px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
}
#analysis-reports .in .list ul li a.link {
  text-decoration: none;
}
#analysis-reports .in .list ul li a.link span {
  color: #2030c2;
  transition: color 0.2s;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-download-2.svg') no-repeat center left;
  background-size: 16px 16px;
  padding: 0 0 0 24px;
}
#analysis-dashboards .in {
  padding-top: 80px;
}
#analysis-dashboards .in .content .more {
  padding: 40px 0 0 0;
}
#analysis-dashboards .in .image {
  margin: 44px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#analysis-dashboards .in .image picture {
  display: block;
}
#analysis-dashboards .in .image picture img {
  border-radius: 20px;
}
#analysis-dashboards .in .image .preview {
  position: absolute;
  font-family: 'Inter Medium', sans-serif;
  font-size: 13px;
  line-height: 154%;
  box-sizing: border-box;
  z-index: 1;
  width: 100%;
  padding: 0 32px;
  border: 0;
  bottom: -62px;
  left: 0;
}
#analysis-dashboards .in .image .preview span {
  display: block;
  padding: 0 0 0 30px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-up-2.svg') no-repeat left 2px;
  background-size: 16px 16px;
}
#analysis-review .in {
  padding-top: 120px;
  padding-bottom: 32px;
  text-align: center;
}
#analysis-review .in .content {
  position: relative;
  padding: 112px 32px 56px 32px;
  background: #f8f8f8 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-gray.svg') no-repeat center 48px;
  background-size: 32px 32px;
  width: calc(100% + 56px);
  border-radius: 24px;
  left: -40px;
}
#analysis-review .in .content p {
  padding: 0;
  font-size: 18px;
  line-height: 167%;
}
#analysis-review .in .content .author {
  padding: 40px 0 0 0;
}
#analysis-review .in .content .author .image {
  display: flex;
  justify-content: center;
}
#analysis-review .in .content .author .image span {
  width: 80px;
  height: 80px;
  display: block;
  position: relative;
}
#analysis-review .in .content .author .image span img {
  border-radius: 100%;
}
#analysis-review .in .content .author .image span.logo:before {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 6px solid #f8f8f8;
  content: '';
  display: block;
  position: absolute;
  top: -6px;
  left: -6px;
  z-index: 1;
}
#analysis-review .in .content .author .name {
  line-height: 100%;
  padding: 16px 0 0 0;
  font-size: 14px;
}
#analysis-review .in .content .author .name strong {
  line-height: 143%;
  letter-spacing: -0.01em;
  color: #000;
  display: block;
}
#analysis-review .in .content .author .name span {
  line-height: 143%;
  display: block;
  padding: 4px 0 0 0;
}
.no-touch #analysis-intro .in a:hover,
.no-touch #analysis-graphs .in a:hover,
.no-touch #analysis-tables .in a:hover,
.no-touch #analysis-individual .in a:hover,
.no-touch #analysis-stats .in a:hover,
.no-touch #analysis-filtering .in a:hover,
.no-touch #analysis-reports .in a:hover,
.no-touch #analysis-dashboards .in a:hover,
.no-touch #analysis-review .in a:hover {
  color: #056efc;
}
.no-touch #analysis-intro .in .cta-more:hover,
.no-touch #analysis-graphs .in .cta-more:hover,
.no-touch #analysis-tables .in .cta-more:hover,
.no-touch #analysis-individual .in .cta-more:hover,
.no-touch #analysis-stats .in .cta-more:hover,
.no-touch #analysis-filtering .in .cta-more:hover,
.no-touch #analysis-reports .in .cta-more:hover,
.no-touch #analysis-dashboards .in .cta-more:hover,
.no-touch #analysis-review .in .cta-more:hover {
  color: #000;
}
.no-touch #analysis-intro .in .cta-more:hover:before,
.no-touch #analysis-graphs .in .cta-more:hover:before,
.no-touch #analysis-tables .in .cta-more:hover:before,
.no-touch #analysis-individual .in .cta-more:hover:before,
.no-touch #analysis-stats .in .cta-more:hover:before,
.no-touch #analysis-filtering .in .cta-more:hover:before,
.no-touch #analysis-reports .in .cta-more:hover:before,
.no-touch #analysis-dashboards .in .cta-more:hover:before,
.no-touch #analysis-review .in .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #analysis-intro .in .cta p.basic:hover a,
.no-touch #analysis-graphs .in .cta p.basic:hover a,
.no-touch #analysis-tables .in .cta p.basic:hover a,
.no-touch #analysis-individual .in .cta p.basic:hover a,
.no-touch #analysis-stats .in .cta p.basic:hover a,
.no-touch #analysis-filtering .in .cta p.basic:hover a,
.no-touch #analysis-reports .in .cta p.basic:hover a,
.no-touch #analysis-dashboards .in .cta p.basic:hover a,
.no-touch #analysis-review .in .cta p.basic:hover a,
.no-touch #analysis-intro .in .cta p.basic:hover span,
.no-touch #analysis-graphs .in .cta p.basic:hover span,
.no-touch #analysis-tables .in .cta p.basic:hover span,
.no-touch #analysis-individual .in .cta p.basic:hover span,
.no-touch #analysis-stats .in .cta p.basic:hover span,
.no-touch #analysis-filtering .in .cta p.basic:hover span,
.no-touch #analysis-reports .in .cta p.basic:hover span,
.no-touch #analysis-dashboards .in .cta p.basic:hover span,
.no-touch #analysis-review .in .cta p.basic:hover span {
  background: #1b54d6;
}
.no-touch #analysis-intro .in .cta p.pro:hover a,
.no-touch #analysis-graphs .in .cta p.pro:hover a,
.no-touch #analysis-tables .in .cta p.pro:hover a,
.no-touch #analysis-individual .in .cta p.pro:hover a,
.no-touch #analysis-stats .in .cta p.pro:hover a,
.no-touch #analysis-filtering .in .cta p.pro:hover a,
.no-touch #analysis-reports .in .cta p.pro:hover a,
.no-touch #analysis-dashboards .in .cta p.pro:hover a,
.no-touch #analysis-review .in .cta p.pro:hover a,
.no-touch #analysis-intro .in .cta p.pro:hover span,
.no-touch #analysis-graphs .in .cta p.pro:hover span,
.no-touch #analysis-tables .in .cta p.pro:hover span,
.no-touch #analysis-individual .in .cta p.pro:hover span,
.no-touch #analysis-stats .in .cta p.pro:hover span,
.no-touch #analysis-filtering .in .cta p.pro:hover span,
.no-touch #analysis-reports .in .cta p.pro:hover span,
.no-touch #analysis-dashboards .in .cta p.pro:hover span,
.no-touch #analysis-review .in .cta p.pro:hover span {
  background: #be2808;
}
.no-touch #analysis-graphs .in .gallery .paging ul li a:hover:before {
  background: #000;
}
.no-touch #analysis-tables .in .content .more .cta-more:hover {
  color: #fff;
}
.no-touch #analysis-tables .in .content .more .cta-more:hover:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-right-white.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #analysis-reports .in .list ul li a.link:hover span {
  color: #000;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-download-2-black.svg') no-repeat center left;
  background-size: 16px 16px;
}
@media only screen and (min-width: 480px) {
  #analysis-intro .in,
  #analysis-graphs .in,
  #analysis-tables .in,
  #analysis-individual .in,
  #analysis-stats .in,
  #analysis-filtering .in,
  #analysis-reports .in,
  #analysis-dashboards .in,
  #analysis-review .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
  #analysis-intro .in .cta,
  #analysis-graphs .in .cta,
  #analysis-tables .in .cta,
  #analysis-individual .in .cta,
  #analysis-stats .in .cta,
  #analysis-filtering .in .cta,
  #analysis-reports .in .cta,
  #analysis-dashboards .in .cta,
  #analysis-review .in .cta {
    width: 100%;
    left: auto;
  }
  #analysis-graphs .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-graphs .in .gallery {
    left: auto;
    width: 100%;
  }
  #analysis-tables .in {
    padding: 0 8px 70px;
    left: auto;
    width: 400px;
    margin: 48px auto 0 auto;
  }
  #analysis-individual .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-individual .in .individual .content {
    margin: 0 auto;
  }
  #analysis-stats .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-filtering .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-reports .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-dashboards .in .image {
    left: auto;
    width: 100%;
  }
  #analysis-review .in .content {
    left: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #analysis-intro .in,
  #analysis-graphs .in,
  #analysis-tables .in,
  #analysis-individual .in,
  #analysis-stats .in,
  #analysis-filtering .in,
  #analysis-reports .in,
  #analysis-dashboards .in,
  #analysis-review .in {
    width: 700px;
  }
  #analysis-intro .in h2,
  #analysis-graphs .in h2,
  #analysis-tables .in h2,
  #analysis-individual .in h2,
  #analysis-stats .in h2,
  #analysis-filtering .in h2,
  #analysis-reports .in h2,
  #analysis-dashboards .in h2,
  #analysis-review .in h2 {
    line-height: 110%;
  }
  #analysis-intro .in h2.section,
  #analysis-graphs .in h2.section,
  #analysis-tables .in h2.section,
  #analysis-individual .in h2.section,
  #analysis-stats .in h2.section,
  #analysis-filtering .in h2.section,
  #analysis-reports .in h2.section,
  #analysis-dashboards .in h2.section,
  #analysis-review .in h2.section {
    padding: 54px 0 0 0;
  }
  #analysis-intro .in .cta,
  #analysis-graphs .in .cta,
  #analysis-tables .in .cta,
  #analysis-individual .in .cta,
  #analysis-stats .in .cta,
  #analysis-filtering .in .cta,
  #analysis-reports .in .cta,
  #analysis-dashboards .in .cta,
  #analysis-review .in .cta {
    display: flex;
    justify-content: center;
  }
  #analysis-intro .in .cta p,
  #analysis-graphs .in .cta p,
  #analysis-tables .in .cta p,
  #analysis-individual .in .cta p,
  #analysis-stats .in .cta p,
  #analysis-filtering .in .cta p,
  #analysis-reports .in .cta p,
  #analysis-dashboards .in .cta p,
  #analysis-review .in .cta p {
    padding: 64px 0 0 0;
  }
  #analysis-intro .in .cta p a,
  #analysis-graphs .in .cta p a,
  #analysis-tables .in .cta p a,
  #analysis-individual .in .cta p a,
  #analysis-stats .in .cta p a,
  #analysis-filtering .in .cta p a,
  #analysis-reports .in .cta p a,
  #analysis-dashboards .in .cta p a,
  #analysis-review .in .cta p a,
  #analysis-intro .in .cta p span,
  #analysis-graphs .in .cta p span,
  #analysis-tables .in .cta p span,
  #analysis-individual .in .cta p span,
  #analysis-stats .in .cta p span,
  #analysis-filtering .in .cta p span,
  #analysis-reports .in .cta p span,
  #analysis-dashboards .in .cta p span,
  #analysis-review .in .cta p span {
    width: auto;
    padding: 0 28px;
  }
  #analysis-intro .in .cta p.basic,
  #analysis-graphs .in .cta p.basic,
  #analysis-tables .in .cta p.basic,
  #analysis-individual .in .cta p.basic,
  #analysis-stats .in .cta p.basic,
  #analysis-filtering .in .cta p.basic,
  #analysis-reports .in .cta p.basic,
  #analysis-dashboards .in .cta p.basic,
  #analysis-review .in .cta p.basic {
    margin: 0 16px 0 0;
  }
  #analysis-intro .in .cta p.pro,
  #analysis-graphs .in .cta p.pro,
  #analysis-tables .in .cta p.pro,
  #analysis-individual .in .cta p.pro,
  #analysis-stats .in .cta p.pro,
  #analysis-filtering .in .cta p.pro,
  #analysis-reports .in .cta p.pro,
  #analysis-dashboards .in .cta p.pro,
  #analysis-review .in .cta p.pro {
    padding: 64px 0 0 0;
  }
  #analysis-intro .in {
    text-align: center;
    padding-top: 66px;
  }
  #analysis-intro .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #analysis-intro .in .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #analysis-intro .in .list ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #analysis-intro .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #analysis-intro .in .title {
    line-height: 143%;
    margin: 70px 0 0 0;
    padding: 0;
    font-size: 28px;
  }
  #analysis-intro .in .title:before {
    display: none;
  }
  #analysis-graphs .in {
    display: flex;
    padding-top: 90px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #analysis-graphs .in .content {
    flex: 0 1 50%;
  }
  #analysis-graphs .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-graphs .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #analysis-graphs .in .gallery {
    flex: 0 1 100%;
    margin: 68px 0 0 0;
    display: flex;
    flex-direction: column-reverse;
  }
  #analysis-graphs .in .gallery .slider {
    flex: 0 1 100%;
  }
  #analysis-graphs .in .gallery .paging {
    flex: 0 1 100%;
    padding: 0;
    position: relative;
  }
  #analysis-graphs .in .gallery .paging:before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
    height: 1px;
    background: #ced0d5;
  }
  #analysis-graphs .in .gallery .paging ul {
    padding: 0 40px;
  }
  #analysis-graphs .in .gallery .paging ul li a {
    height: 80px;
    position: relative;
    border-bottom: 3px solid transparent;
  }
  #analysis-graphs .in .gallery .paging ul li a:before {
    display: none;
  }
  #analysis-graphs .in .gallery .paging ul li a i {
    width: 16px;
    height: 16px;
    display: block;
  }
  #analysis-graphs .in .gallery .paging ul li a small {
    display: flex;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s;
    align-items: center;
    height: 24px;
    padding: 0 8px;
    background: #3d4144;
    font-size: 12px;
    font-family: 'Inter SemiBold', sans-serif;
    line-height: 100%;
    position: absolute;
    white-space: nowrap;
    border-radius: 6px;
    top: -32px;
    color: #fff;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-3 i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-3.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-3.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-3-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.bar i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-bar.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.bar.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-bar-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.pie i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-pie.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.pie.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-pie-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.donut i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-donut.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.donut.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-donut-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-1 i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-1.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-1.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-1-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-2 i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-2.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.column-2.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-column-2-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.radar i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-radar.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.radar.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-radar-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.wordcloud i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-wordcloud.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.wordcloud.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-wordcloud-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.nps i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-nps.svg') no-repeat center center;
    background-size: cover;
  }
  #analysis-graphs .in .gallery .paging ul li a.nps.active i {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/charts/icon-nps-active.svg') no-repeat center center;
  }
  #analysis-graphs .in .gallery .paging ul li a.active {
    border-bottom-color: #2030c2;
  }
  #analysis-tables .in {
    text-align: center;
    padding: 0 24px 110px 24px;
    width: calc(100% - 16px);
    left: 8px;
    margin: 80px 0 0 0;
    background: #000 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-tables.jpg') no-repeat top center;
    background-size: 100% auto;
  }
  #analysis-tables .in .content {
    padding: 86px 30px 0 30px;
  }
  #analysis-tables .in .content h2.section:before {
    justify-content: center;
    left: calc((100% - 30px) / 2);
  }
  #analysis-tables .in .content .subtitle {
    padding: 24px 10% 0 10%;
  }
  #analysis-tables .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-tables .in .tables {
    display: flex;
    justify-content: space-between;
  }
  #analysis-tables .in .tables .item {
    text-align: left;
    margin: 80px 0 0 0;
    flex: 0 1 48.5%;
  }
  #analysis-tables .in .tables .item .questions .question:first-child {
    padding-right: 30px;
  }
  #analysis-tables .in .tables .item .table table tbody tr:nth-child(n+5) {
    display: table-row;
  }
  #analysis-tables .in .tables .item .preview {
    padding: 0;
  }
  #analysis-tables .in .tables .item:nth-child(2) {
    margin: 80px 0 0 0;
  }
  #analysis-tables .in .tables .item:nth-child(2) .table:before {
    display: none;
  }
  #analysis-individual .in {
    padding-top: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #analysis-individual .in .content {
    flex: 0 1 44%;
  }
  #analysis-individual .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-individual .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #analysis-individual .in .image.quote {
    padding: 0;
    display: flex;
    align-items: center;
  }
  #analysis-individual .in .image.quote .comment {
    right: auto;
    left: -56px;
    width: 200px;
    bottom: auto;
  }
  #analysis-individual .in .individual {
    margin: 56px 0 0 0;
    position: relative;
    flex: 0 1 100%;
  }
  #analysis-individual .in .individual .content {
    height: 362px;
    width: calc(100% + 40px);
    left: -20px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/bg-individual.png') no-repeat center center;
    background-size: 100% auto;
  }
  #analysis-individual .in .individual .content .head {
    display: flex;
    z-index: 1;
    position: absolute;
    top: 12px;
    left: 75px;
    padding: 0;
  }
  #analysis-individual .in .individual .content .head li {
    padding: 0;
    font-size: 12px;
    font-family: 'Inter SemiBold', sans-serif;
    line-height: 154%;
  }
  #analysis-individual .in .individual .content .head li:before {
    display: none;
  }
  #analysis-individual .in .individual .content .head li:first-child {
    width: 186px;
  }
  #analysis-individual .in .individual .content .response {
    padding: 52px 28px 0 256px;
    font-size: 12px;
  }
  #analysis-individual .in .individual .content .options {
    top: 245px;
    padding: 0 0 0 105px;
  }
  #analysis-individual .in .individual .content .options li {
    font-size: 13px;
    height: 36px;
  }
  #analysis-individual .in .individual .gdpr {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 240px;
  }
  #analysis-individual .in .individual .gdpr:before {
    display: none;
  }
  #analysis-stats .in {
    padding-top: 116px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #analysis-stats .in .content {
    flex: 0 1 50%;
  }
  #analysis-stats .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-stats .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #analysis-stats .in .list {
    flex: 0 1 100%;
    text-align: center;
  }
  #analysis-stats .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #analysis-stats .in .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #analysis-stats .in .list ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #analysis-stats .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #analysis-filtering .in {
    padding-top: 108px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
  #analysis-filtering .in .content {
    flex: 0 1 44%;
  }
  #analysis-filtering .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-filtering .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #analysis-filtering .in .image.quote {
    padding: 0;
    display: flex;
    align-items: center;
  }
  #analysis-filtering .in .image.quote .comment {
    right: auto;
    left: -56px;
    width: 200px;
    bottom: auto;
  }
  #analysis-filtering .in .list {
    flex: 0 1 100%;
    text-align: center;
  }
  #analysis-filtering .in .list h3 {
    padding: 48px 0 0 0;
  }
  #analysis-filtering .in .list ul {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0 0;
  }
  #analysis-filtering .in .list ul li {
    flex: 0 1 18%;
    padding: 0;
    display: block;
  }
  #analysis-filtering .in .list ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #analysis-filtering .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #analysis-reports .in {
    display: flex;
    padding-top: 108px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #analysis-reports .in .content {
    flex: 0 1 50%;
  }
  #analysis-reports .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-reports .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #analysis-reports .in .list {
    text-align: center;
    flex: 0 1 100%;
  }
  #analysis-reports .in .list h3 {
    padding: 48px 0 0 0;
  }
  #analysis-reports .in .list ul {
    justify-content: space-between;
  }
  #analysis-reports .in .list ul li {
    flex: 0 1 15%;
    margin: 0;
  }
  #analysis-reports .in .list ul li .link .icon {
    width: 64px;
    height: 64px;
  }
  #analysis-dashboards .in {
    display: flex;
    padding-top: 108px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #analysis-dashboards .in .content {
    flex: 0 1 50%;
  }
  #analysis-dashboards .in .content .more {
    padding: 44px 0 0 0;
  }
  #analysis-dashboards .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #analysis-dashboards .in .image .preview {
    padding: 0 32px 0 0;
  }
  #analysis-review .in {
    padding-top: 108px;
    padding-bottom: 48px;
  }
  .no-touch #analysis-graphs .in .gallery .paging ul li a.active:hover {
    border-bottom-color: #2030c2;
  }
  .no-touch #analysis-graphs .in .gallery .paging ul li a:hover {
    border-bottom-color: #ced0d5;
  }
  .no-touch #analysis-graphs .in .gallery .paging ul li a:hover small {
    visibility: visible;
    opacity: 1;
  }
}
@media only screen and (min-width: 1150px) {
  #analysis-intro .in,
  #analysis-graphs .in,
  #analysis-tables .in,
  #analysis-individual .in,
  #analysis-stats .in,
  #analysis-filtering .in,
  #analysis-reports .in,
  #analysis-dashboards .in,
  #analysis-review .in {
    width: 1096px;
  }
  #analysis-intro .in h2,
  #analysis-graphs .in h2,
  #analysis-tables .in h2,
  #analysis-individual .in h2,
  #analysis-stats .in h2,
  #analysis-filtering .in h2,
  #analysis-reports .in h2,
  #analysis-dashboards .in h2,
  #analysis-review .in h2 {
    font-size: 58px;
  }
  #analysis-intro .in h3,
  #analysis-graphs .in h3,
  #analysis-tables .in h3,
  #analysis-individual .in h3,
  #analysis-stats .in h3,
  #analysis-filtering .in h3,
  #analysis-reports .in h3,
  #analysis-dashboards .in h3,
  #analysis-review .in h3 {
    font-size: 42px;
    line-height: 114%;
    letter-spacing: -0.03em;
  }
  #analysis-intro .in .cta p,
  #analysis-graphs .in .cta p,
  #analysis-tables .in .cta p,
  #analysis-individual .in .cta p,
  #analysis-stats .in .cta p,
  #analysis-filtering .in .cta p,
  #analysis-reports .in .cta p,
  #analysis-dashboards .in .cta p,
  #analysis-review .in .cta p {
    padding: 96px 0 0 0;
  }
  #analysis-intro .in .cta p.basic,
  #analysis-graphs .in .cta p.basic,
  #analysis-tables .in .cta p.basic,
  #analysis-individual .in .cta p.basic,
  #analysis-stats .in .cta p.basic,
  #analysis-filtering .in .cta p.basic,
  #analysis-reports .in .cta p.basic,
  #analysis-dashboards .in .cta p.basic,
  #analysis-review .in .cta p.basic {
    margin: 0 32px 0 0;
  }
  #analysis-intro .in .cta p.pro,
  #analysis-graphs .in .cta p.pro,
  #analysis-tables .in .cta p.pro,
  #analysis-individual .in .cta p.pro,
  #analysis-stats .in .cta p.pro,
  #analysis-filtering .in .cta p.pro,
  #analysis-reports .in .cta p.pro,
  #analysis-dashboards .in .cta p.pro,
  #analysis-review .in .cta p.pro {
    padding: 96px 0 0 0;
  }
  #analysis-intro .in {
    padding-top: 68px;
  }
  #analysis-intro .in .list ul li {
    flex: 0 1 22%;
  }
  #analysis-intro .in .title {
    width: 736px;
    margin: 100px auto 0 auto;
  }
  #analysis-graphs .in {
    padding-top: 111px;
  }
  #analysis-graphs .in .content {
    flex: 0 1 35%;
  }
  #analysis-graphs .in .image {
    right: auto;
    flex: 0 1 548px;
  }
  #analysis-graphs .in .gallery {
    margin: 96px 0 0 0;
  }
  #analysis-graphs .in .gallery .slider {
    padding: 0 56px;
  }
  #analysis-graphs .in .gallery .slider ul li {
    display: flex;
    justify-content: space-between;
    padding: 48px 0 59px 0;
  }
  #analysis-graphs .in .gallery .slider ul li .info {
    flex: 0 1 250px;
    padding: 0;
    text-align: left;
  }
  #analysis-graphs .in .gallery .slider ul li .info p {
    padding: 16px 0 0 0;
  }
  #analysis-graphs .in .gallery .slider ul li .graph {
    flex: 0 1 672px;
  }
  #analysis-graphs .in .gallery .slider ul li .tip {
    display: inline-block;
    position: absolute;
    bottom: 44px;
    padding: 0 24px 0 0;
    font-family: 'Inter Medium', sans-serif;
    font-size: 13px;
    line-height: 154%;
    left: 0;
  }
  #analysis-graphs .in .gallery .slider ul li .tip strong {
    font-family: 'Inter Bold', sans-serif;
  }
  #analysis-graphs .in .gallery .slider ul li .tip.left {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-up-right.svg') no-repeat right center;
    background-size: 16px 16px;
  }
  #analysis-graphs .in .gallery .slider ul li .tip.right {
    padding: 0 0 0 24px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-up-left.svg') no-repeat left center;
    background-size: 16px 16px;
    left: auto;
    right: 0;
  }
  #analysis-graphs .in .gallery .paging ul {
    padding: 0 168px;
  }
  #analysis-tables .in {
    padding: 0 112px 110px 112px;
    width: calc(100% - 32px);
    left: 16px;
  }
  #analysis-tables .in .content .subtitle {
    padding: 24px 18% 0 18%;
  }
  #analysis-tables .in .tables .item {
    padding: 0 40px 40px 40px;
  }
  #analysis-tables .in .tables .item .questions {
    display: flex;
  }
  #analysis-tables .in .tables .item .questions .question {
    padding: 32px 0 0 0;
  }
  #analysis-tables .in .tables .item .table table {
    font-size: 13px;
  }
  #analysis-individual .in {
    padding-top: 91px;
  }
  #analysis-individual .in .content {
    flex: 0 1 35%;
  }
  #analysis-individual .in .image {
    right: auto;
    flex: 0 1 548px;
  }
  #analysis-individual .in .image.quote .comment {
    width: 328px;
    padding: 88px 32px 106px 32px;
    background: #d8e4d5 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-green.svg') no-repeat 32px 32px;
    background-size: 32px 32px;
    left: -68px;
  }
  #analysis-individual .in .image.quote .comment .text {
    font-size: 24px;
    line-height: 125%;
  }
  #analysis-individual .in .individual .content {
    height: 536px;
    left: auto;
    width: 100%;
  }
  #analysis-individual .in .individual .content .head {
    top: 21px;
    left: 110px;
  }
  #analysis-individual .in .individual .content .head li {
    font-size: 13px;
  }
  #analysis-individual .in .individual .content .head li:first-child {
    width: 275px;
  }
  #analysis-individual .in .individual .content .response {
    padding: 79px 28px 0 379px;
    font-size: 16px;
    line-height: 150%;
  }
  #analysis-individual .in .individual .content .options {
    top: 362px;
    padding: 0 0 0 156px;
  }
  #analysis-individual .in .individual .content .options li {
    height: 54px;
    font-size: 16px;
    line-height: 150%;
  }
  #analysis-individual .in .individual .gdpr {
    padding: 0 100px 0 0;
    bottom: 26px;
    left: 400px;
  }
  #analysis-individual .in .individual .gdpr p {
    font-size: 18px;
    line-height: 167%;
  }
  #analysis-stats .in .content {
    flex: 0 1 35%;
  }
  #analysis-stats .in .image {
    left: auto;
    flex: 0 1 548px;
  }
  #analysis-filtering .in .content {
    flex: 0 1 35%;
  }
  #analysis-filtering .in .image {
    flex: 0 1 548px;
    right: auto;
  }
  #analysis-filtering .in .image.quote .comment {
    width: 328px;
    padding: 88px 32px 106px 32px;
    background: #f0e2c8 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-brown.svg') no-repeat 32px 32px;
    background-size: 32px 32px;
    left: -68px;
  }
  #analysis-filtering .in .image.quote .comment .text {
    font-size: 24px;
    line-height: 125%;
  }
  #analysis-reports .in .content {
    flex: 0 1 35%;
  }
  #analysis-reports .in .image {
    flex: 0 1 548px;
    left: auto;
  }
  #analysis-reports .in .list h3 {
    padding: 64px 0 0 0;
    font-size: 21px;
    line-height: 133%;
  }
  #analysis-dashboards .in {
    padding-top: 136px;
  }
  #analysis-dashboards .in .content {
    flex: 0 1 35%;
  }
  #analysis-dashboards .in .image {
    flex: 0 1 548px;
    right: auto;
  }
  #analysis-review .in {
    padding-top: 162px;
    padding-bottom: 56px;
  }
  #analysis-review .in .content {
    padding: 120px 168px 68px 168px;
    background: #f8f8f8 url('//prod-8f86.kxcdn.com/s1/web-2020/images/analysis/icon-quote-gray.svg') no-repeat center 56px;
  }
  #analysis-review .in .content p {
    font-size: 24px;
    line-height: 150%;
  }
  #analysis-review .in .content .author {
    padding: 68px 0 0 0;
  }
}
@media only screen and (min-width: 1440px) {
  #analysis-tables .in {
    width: 1320px;
    left: auto;
    margin: 80px auto 0 auto;
  }
}
#responses-intro .in,
#responses-collect .in,
#responses-link .in,
#responses-qr .in,
#responses-campaign .in,
#responses-social .in,
#responses-embed .in,
#responses-ga .in,
#responses-params .in,
#responses-safe .in {
  text-align: left;
  color: #3d4144;
  padding: 0 24px 0 48px;
  font-size: 14px;
}
#responses-intro .in h2,
#responses-collect .in h2,
#responses-link .in h2,
#responses-qr .in h2,
#responses-campaign .in h2,
#responses-social .in h2,
#responses-embed .in h2,
#responses-ga .in h2,
#responses-params .in h2,
#responses-safe .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#responses-intro .in h2.section,
#responses-collect .in h2.section,
#responses-link .in h2.section,
#responses-qr .in h2.section,
#responses-campaign .in h2.section,
#responses-social .in h2.section,
#responses-embed .in h2.section,
#responses-ga .in h2.section,
#responses-params .in h2.section,
#responses-safe .in h2.section {
  padding: 46px 0 0 0;
  margin: 80px 0 0 0;
}
#responses-intro .in h2.section:before,
#responses-collect .in h2.section:before,
#responses-link .in h2.section:before,
#responses-qr .in h2.section:before,
#responses-campaign .in h2.section:before,
#responses-social .in h2.section:before,
#responses-embed .in h2.section:before,
#responses-ga .in h2.section:before,
#responses-params .in h2.section:before,
#responses-safe .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: normal;
  top: 0;
  left: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  height: 30px;
  width: 32px;
  position: absolute;
  display: flex;
  align-items: flex-end;
  line-height: 100%;
  border-top: 2px solid #000;
}
#responses-intro .in h2.section.section-1:before,
#responses-collect .in h2.section.section-1:before,
#responses-link .in h2.section.section-1:before,
#responses-qr .in h2.section.section-1:before,
#responses-campaign .in h2.section.section-1:before,
#responses-social .in h2.section.section-1:before,
#responses-embed .in h2.section.section-1:before,
#responses-ga .in h2.section.section-1:before,
#responses-params .in h2.section.section-1:before,
#responses-safe .in h2.section.section-1:before {
  content: '01';
}
#responses-intro .in h2.section.section-2:before,
#responses-collect .in h2.section.section-2:before,
#responses-link .in h2.section.section-2:before,
#responses-qr .in h2.section.section-2:before,
#responses-campaign .in h2.section.section-2:before,
#responses-social .in h2.section.section-2:before,
#responses-embed .in h2.section.section-2:before,
#responses-ga .in h2.section.section-2:before,
#responses-params .in h2.section.section-2:before,
#responses-safe .in h2.section.section-2:before {
  content: '02';
}
#responses-intro .in h2.section.section-3:before,
#responses-collect .in h2.section.section-3:before,
#responses-link .in h2.section.section-3:before,
#responses-qr .in h2.section.section-3:before,
#responses-campaign .in h2.section.section-3:before,
#responses-social .in h2.section.section-3:before,
#responses-embed .in h2.section.section-3:before,
#responses-ga .in h2.section.section-3:before,
#responses-params .in h2.section.section-3:before,
#responses-safe .in h2.section.section-3:before {
  content: '03';
}
#responses-intro .in h2.section.section-4:before,
#responses-collect .in h2.section.section-4:before,
#responses-link .in h2.section.section-4:before,
#responses-qr .in h2.section.section-4:before,
#responses-campaign .in h2.section.section-4:before,
#responses-social .in h2.section.section-4:before,
#responses-embed .in h2.section.section-4:before,
#responses-ga .in h2.section.section-4:before,
#responses-params .in h2.section.section-4:before,
#responses-safe .in h2.section.section-4:before {
  content: '04';
}
#responses-intro .in h2.section.section-5:before,
#responses-collect .in h2.section.section-5:before,
#responses-link .in h2.section.section-5:before,
#responses-qr .in h2.section.section-5:before,
#responses-campaign .in h2.section.section-5:before,
#responses-social .in h2.section.section-5:before,
#responses-embed .in h2.section.section-5:before,
#responses-ga .in h2.section.section-5:before,
#responses-params .in h2.section.section-5:before,
#responses-safe .in h2.section.section-5:before {
  content: '05';
}
#responses-intro .in h2.section.section-6:before,
#responses-collect .in h2.section.section-6:before,
#responses-link .in h2.section.section-6:before,
#responses-qr .in h2.section.section-6:before,
#responses-campaign .in h2.section.section-6:before,
#responses-social .in h2.section.section-6:before,
#responses-embed .in h2.section.section-6:before,
#responses-ga .in h2.section.section-6:before,
#responses-params .in h2.section.section-6:before,
#responses-safe .in h2.section.section-6:before {
  content: '06';
}
#responses-intro .in h2.section.section-7:before,
#responses-collect .in h2.section.section-7:before,
#responses-link .in h2.section.section-7:before,
#responses-qr .in h2.section.section-7:before,
#responses-campaign .in h2.section.section-7:before,
#responses-social .in h2.section.section-7:before,
#responses-embed .in h2.section.section-7:before,
#responses-ga .in h2.section.section-7:before,
#responses-params .in h2.section.section-7:before,
#responses-safe .in h2.section.section-7:before {
  content: '07';
}
#responses-intro .in h2.section.section-8:before,
#responses-collect .in h2.section.section-8:before,
#responses-link .in h2.section.section-8:before,
#responses-qr .in h2.section.section-8:before,
#responses-campaign .in h2.section.section-8:before,
#responses-social .in h2.section.section-8:before,
#responses-embed .in h2.section.section-8:before,
#responses-ga .in h2.section.section-8:before,
#responses-params .in h2.section.section-8:before,
#responses-safe .in h2.section.section-8:before {
  content: '08';
}
#responses-intro .in h2.section.section-9:before,
#responses-collect .in h2.section.section-9:before,
#responses-link .in h2.section.section-9:before,
#responses-qr .in h2.section.section-9:before,
#responses-campaign .in h2.section.section-9:before,
#responses-social .in h2.section.section-9:before,
#responses-embed .in h2.section.section-9:before,
#responses-ga .in h2.section.section-9:before,
#responses-params .in h2.section.section-9:before,
#responses-safe .in h2.section.section-9:before {
  content: '09';
}
#responses-intro .in h3,
#responses-collect .in h3,
#responses-link .in h3,
#responses-qr .in h3,
#responses-campaign .in h3,
#responses-social .in h3,
#responses-embed .in h3,
#responses-ga .in h3,
#responses-params .in h3,
#responses-safe .in h3 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  padding: 32px 0 0 0;
  color: #000;
  line-height: 133%;
  letter-spacing: -0.02em;
}
#responses-intro .in p,
#responses-collect .in p,
#responses-link .in p,
#responses-qr .in p,
#responses-campaign .in p,
#responses-social .in p,
#responses-embed .in p,
#responses-ga .in p,
#responses-params .in p,
#responses-safe .in p {
  line-height: 186%;
  padding: 16px 0 0 0;
}
#responses-intro .in a,
#responses-collect .in a,
#responses-link .in a,
#responses-qr .in a,
#responses-campaign .in a,
#responses-social .in a,
#responses-embed .in a,
#responses-ga .in a,
#responses-params .in a,
#responses-safe .in a {
  text-decoration: none;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
}
#responses-intro .in ul,
#responses-collect .in ul,
#responses-link .in ul,
#responses-qr .in ul,
#responses-campaign .in ul,
#responses-social .in ul,
#responses-embed .in ul,
#responses-ga .in ul,
#responses-params .in ul,
#responses-safe .in ul {
  padding: 12px 0 0 0;
}
#responses-intro .in ul li,
#responses-collect .in ul li,
#responses-link .in ul li,
#responses-qr .in ul li,
#responses-campaign .in ul li,
#responses-social .in ul li,
#responses-embed .in ul li,
#responses-ga .in ul li,
#responses-params .in ul li,
#responses-safe .in ul li {
  line-height: 157%;
  padding: 12px 0 0 32px;
}
#responses-intro .in ul li:before,
#responses-collect .in ul li:before,
#responses-link .in ul li:before,
#responses-qr .in ul li:before,
#responses-campaign .in ul li:before,
#responses-social .in ul li:before,
#responses-embed .in ul li:before,
#responses-ga .in ul li:before,
#responses-params .in ul li:before,
#responses-safe .in ul li:before {
  width: 12px;
  height: 1px;
  content: '';
  background: #3d4144;
  top: 23px;
}
#responses-intro .in .content .parex,
#responses-collect .in .content .parex,
#responses-link .in .content .parex,
#responses-qr .in .content .parex,
#responses-campaign .in .content .parex,
#responses-social .in .content .parex,
#responses-embed .in .content .parex,
#responses-ga .in .content .parex,
#responses-params .in .content .parex,
#responses-safe .in .content .parex {
  font-size: 16px;
  line-height: 150%;
  font-family: 'Inter Medium', sans-serif;
}
#responses-intro .in .content .tip,
#responses-collect .in .content .tip,
#responses-link .in .content .tip,
#responses-qr .in .content .tip,
#responses-campaign .in .content .tip,
#responses-social .in .content .tip,
#responses-embed .in .content .tip,
#responses-ga .in .content .tip,
#responses-params .in .content .tip,
#responses-safe .in .content .tip {
  padding: 0 0 0 32px;
  margin: 24px 0 0 0;
  position: relative;
}
#responses-intro .in .content .tip:before,
#responses-collect .in .content .tip:before,
#responses-link .in .content .tip:before,
#responses-qr .in .content .tip:before,
#responses-campaign .in .content .tip:before,
#responses-social .in .content .tip:before,
#responses-embed .in .content .tip:before,
#responses-ga .in .content .tip:before,
#responses-params .in .content .tip:before,
#responses-safe .in .content .tip:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  display: block;
  height: 100%;
  background: rgba(0, 0, 0, 0.06);
}
#responses-intro .in .content .tip strong,
#responses-collect .in .content .tip strong,
#responses-link .in .content .tip strong,
#responses-qr .in .content .tip strong,
#responses-campaign .in .content .tip strong,
#responses-social .in .content .tip strong,
#responses-embed .in .content .tip strong,
#responses-ga .in .content .tip strong,
#responses-params .in .content .tip strong,
#responses-safe .in .content .tip strong {
  font-size: 12px;
  color: #3d4144;
  font-family: 'Inter Bold', sans-serif;
}
#responses-intro .in .content .tip .info p,
#responses-collect .in .content .tip .info p,
#responses-link .in .content .tip .info p,
#responses-qr .in .content .tip .info p,
#responses-campaign .in .content .tip .info p,
#responses-social .in .content .tip .info p,
#responses-embed .in .content .tip .info p,
#responses-ga .in .content .tip .info p,
#responses-params .in .content .tip .info p,
#responses-safe .in .content .tip .info p {
  font-size: 13px;
  color: #60607a;
  line-height: 154%;
  padding: 22px 0 0 0;
}
#responses-intro .in .content .tip .info p:first-child,
#responses-collect .in .content .tip .info p:first-child,
#responses-link .in .content .tip .info p:first-child,
#responses-qr .in .content .tip .info p:first-child,
#responses-campaign .in .content .tip .info p:first-child,
#responses-social .in .content .tip .info p:first-child,
#responses-embed .in .content .tip .info p:first-child,
#responses-ga .in .content .tip .info p:first-child,
#responses-params .in .content .tip .info p:first-child,
#responses-safe .in .content .tip .info p:first-child {
  padding: 12px 0 0 0;
}
#responses-intro .in .content .more,
#responses-collect .in .content .more,
#responses-link .in .content .more,
#responses-qr .in .content .more,
#responses-campaign .in .content .more,
#responses-social .in .content .more,
#responses-embed .in .content .more,
#responses-ga .in .content .more,
#responses-params .in .content .more,
#responses-safe .in .content .more {
  padding: 32px 0 0 0;
}
#responses-intro .in .content .more .cta-more,
#responses-collect .in .content .more .cta-more,
#responses-link .in .content .more .cta-more,
#responses-qr .in .content .more .cta-more,
#responses-campaign .in .content .more .cta-more,
#responses-social .in .content .more .cta-more,
#responses-embed .in .content .more .cta-more,
#responses-ga .in .content .more .cta-more,
#responses-params .in .content .more .cta-more,
#responses-safe .in .content .more .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#responses-intro .in .content .more .cta-more:before,
#responses-collect .in .content .more .cta-more:before,
#responses-link .in .content .more .cta-more:before,
#responses-qr .in .content .more .cta-more:before,
#responses-campaign .in .content .more .cta-more:before,
#responses-social .in .content .more .cta-more:before,
#responses-embed .in .content .more .cta-more:before,
#responses-ga .in .content .more .cta-more:before,
#responses-params .in .content .more .cta-more:before,
#responses-safe .in .content .more .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#responses-intro .in .image,
#responses-collect .in .image,
#responses-link .in .image,
#responses-qr .in .image,
#responses-campaign .in .image,
#responses-social .in .image,
#responses-embed .in .image,
#responses-ga .in .image,
#responses-params .in .image,
#responses-safe .in .image {
  margin: 48px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#responses-intro .in .image picture,
#responses-collect .in .image picture,
#responses-link .in .image picture,
#responses-qr .in .image picture,
#responses-campaign .in .image picture,
#responses-social .in .image picture,
#responses-embed .in .image picture,
#responses-ga .in .image picture,
#responses-params .in .image picture,
#responses-safe .in .image picture {
  display: flex;
  flex-direction: column;
}
#responses-intro .in .image picture img,
#responses-collect .in .image picture img,
#responses-link .in .image picture img,
#responses-qr .in .image picture img,
#responses-campaign .in .image picture img,
#responses-social .in .image picture img,
#responses-embed .in .image picture img,
#responses-ga .in .image picture img,
#responses-params .in .image picture img,
#responses-safe .in .image picture img {
  border-radius: 24px;
}
#responses-intro .in .cta,
#responses-collect .in .cta,
#responses-link .in .cta,
#responses-qr .in .cta,
#responses-campaign .in .cta,
#responses-social .in .cta,
#responses-embed .in .cta,
#responses-ga .in .cta,
#responses-params .in .cta,
#responses-safe .in .cta {
  flex: 0 1 100%;
}
#responses-intro .in .cta p,
#responses-collect .in .cta p,
#responses-link .in .cta p,
#responses-qr .in .cta p,
#responses-campaign .in .cta p,
#responses-social .in .cta p,
#responses-embed .in .cta p,
#responses-ga .in .cta p,
#responses-params .in .cta p,
#responses-safe .in .cta p {
  padding: 40px 0 0 0;
  text-align: center;
}
#responses-intro .in .cta p a,
#responses-collect .in .cta p a,
#responses-link .in .cta p a,
#responses-qr .in .cta p a,
#responses-campaign .in .cta p a,
#responses-social .in .cta p a,
#responses-embed .in .cta p a,
#responses-ga .in .cta p a,
#responses-params .in .cta p a,
#responses-safe .in .cta p a,
#responses-intro .in .cta p span,
#responses-collect .in .cta p span,
#responses-link .in .cta p span,
#responses-qr .in .cta p span,
#responses-campaign .in .cta p span,
#responses-social .in .cta p span,
#responses-embed .in .cta p span,
#responses-ga .in .cta p span,
#responses-params .in .cta p span,
#responses-safe .in .cta p span {
  height: 56px;
  justify-content: center;
  color: #fff;
  display: inline-flex;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
  border-radius: 10px;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  width: 100%;
  transition: background 0.5s;
  font-size: 16px;
  padding: 0 24px;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#responses-intro .in .cta p small,
#responses-collect .in .cta p small,
#responses-link .in .cta p small,
#responses-qr .in .cta p small,
#responses-campaign .in .cta p small,
#responses-social .in .cta p small,
#responses-embed .in .cta p small,
#responses-ga .in .cta p small,
#responses-params .in .cta p small,
#responses-safe .in .cta p small {
  display: block;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
}
#responses-intro .in .cta p.basic a,
#responses-collect .in .cta p.basic a,
#responses-link .in .cta p.basic a,
#responses-qr .in .cta p.basic a,
#responses-campaign .in .cta p.basic a,
#responses-social .in .cta p.basic a,
#responses-embed .in .cta p.basic a,
#responses-ga .in .cta p.basic a,
#responses-params .in .cta p.basic a,
#responses-safe .in .cta p.basic a,
#responses-intro .in .cta p.basic span,
#responses-collect .in .cta p.basic span,
#responses-link .in .cta p.basic span,
#responses-qr .in .cta p.basic span,
#responses-campaign .in .cta p.basic span,
#responses-social .in .cta p.basic span,
#responses-embed .in .cta p.basic span,
#responses-ga .in .cta p.basic span,
#responses-params .in .cta p.basic span,
#responses-safe .in .cta p.basic span {
  background: #303181;
}
#responses-intro .in .cta p.basic small,
#responses-collect .in .cta p.basic small,
#responses-link .in .cta p.basic small,
#responses-qr .in .cta p.basic small,
#responses-campaign .in .cta p.basic small,
#responses-social .in .cta p.basic small,
#responses-embed .in .cta p.basic small,
#responses-ga .in .cta p.basic small,
#responses-params .in .cta p.basic small,
#responses-safe .in .cta p.basic small {
  color: #303181;
}
#responses-intro .in .cta p.pro,
#responses-collect .in .cta p.pro,
#responses-link .in .cta p.pro,
#responses-qr .in .cta p.pro,
#responses-campaign .in .cta p.pro,
#responses-social .in .cta p.pro,
#responses-embed .in .cta p.pro,
#responses-ga .in .cta p.pro,
#responses-params .in .cta p.pro,
#responses-safe .in .cta p.pro {
  padding: 16px 0 0 0;
}
#responses-intro .in .cta p.pro a,
#responses-collect .in .cta p.pro a,
#responses-link .in .cta p.pro a,
#responses-qr .in .cta p.pro a,
#responses-campaign .in .cta p.pro a,
#responses-social .in .cta p.pro a,
#responses-embed .in .cta p.pro a,
#responses-ga .in .cta p.pro a,
#responses-params .in .cta p.pro a,
#responses-safe .in .cta p.pro a,
#responses-intro .in .cta p.pro span,
#responses-collect .in .cta p.pro span,
#responses-link .in .cta p.pro span,
#responses-qr .in .cta p.pro span,
#responses-campaign .in .cta p.pro span,
#responses-social .in .cta p.pro span,
#responses-embed .in .cta p.pro span,
#responses-ga .in .cta p.pro span,
#responses-params .in .cta p.pro span,
#responses-safe .in .cta p.pro span {
  background: #d62d09;
}
#responses-intro .in .cta p.pro small,
#responses-collect .in .cta p.pro small,
#responses-link .in .cta p.pro small,
#responses-qr .in .cta p.pro small,
#responses-campaign .in .cta p.pro small,
#responses-social .in .cta p.pro small,
#responses-embed .in .cta p.pro small,
#responses-ga .in .cta p.pro small,
#responses-params .in .cta p.pro small,
#responses-safe .in .cta p.pro small {
  color: #d62d09;
}
#responses-intro .in {
  padding-top: 56px;
}
#responses-intro .in .list ul {
  padding: 0;
}
#responses-intro .in .list ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#responses-intro .in .list ul li:before {
  display: none;
}
#responses-intro .in .list ul li:first-child {
  padding: 0;
}
#responses-intro .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#responses-intro .in .list ul li .icon.boost {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-boost.svg') no-repeat center center;
  background-size: cover;
}
#responses-intro .in .list ul li .icon.anonymous {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-anonymous.svg') no-repeat center center;
  background-size: cover;
}
#responses-intro .in .list ul li .icon.mail {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-mail.svg') no-repeat center center;
  background-size: cover;
}
#responses-intro .in .list ul li .icon.schedule {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-schedule.svg') no-repeat center center;
  background-size: cover;
}
#responses-intro .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#responses-intro .in .list ul li .value br {
  display: none;
}
#responses-intro .in .title {
  margin: 56px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#responses-intro .in .title:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#responses-intro .in .title strong {
  color: #000;
}
#responses-collect {
  margin: 60px 0 0 0;
}
#responses-collect .in {
  padding: 40px 24px 40px 48px;
  transition: background 0.5s;
}
#responses-collect .in h2.section {
  margin: 0;
}
#responses-collect .in .slider .paging ul {
  padding: 26px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#responses-collect .in .slider .paging ul li {
  padding: 0;
  margin: 6px 7px 0 0;
}
#responses-collect .in .slider .paging ul li:before {
  display: none;
}
#responses-collect .in .slider .paging ul li a {
  display: flex;
  line-height: 133%;
  align-items: center;
  text-decoration: none;
  font-family: 'Inter Medium', sans-serif;
  color: #3d4144;
  letter-spacing: 0.01em;
  font-size: 12px;
  height: 32px;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
}
#responses-collect .in .slider .paging ul li a.active {
  color: #fff;
}
#responses-collect .in .slider .slides {
  background: #fff;
  margin: 34px 0 0 0;
  width: calc(100% + 56px);
  left: -40px;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
}
#responses-collect .in .slider .slides .list .item .content {
  box-sizing: border-box;
  padding: 40px 16px 32px 40px;
  color: #000;
}
#responses-collect .in .slider .slides .list .item .content h3 {
  font-family: 'Inter SemiBold', sans-serif;
  padding: 0;
  font-size: 21px;
  letter-spacing: -0.01em;
}
#responses-collect .in .slider .slides .list .item .content ul {
  padding: 16px 0 0 0;
}
#responses-collect .in .slider .slides .list .item .content ul li {
  padding: 12px 0 0 32px;
  font-family: 'Inter Medium', sans-serif;
}
#responses-collect .in .slider .slides .list .item .content ul li:before {
  top: 15px;
  width: 16px;
  height: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#responses-collect .in .slider .slides .list .item .content .parex {
  color: #3d4144;
}
#responses-collect .in .slider .slides .list .item .content .parex a {
  color: #2030c2;
}
#responses-collect .in .slider .slides .list .item .image {
  margin: 0;
  width: 100%;
  left: auto;
}
#responses-collect .in .slider .slides .list .item .image picture img {
  border-radius: 0;
}
#responses-collect .in.theme-1 {
  background: #dae7e9;
}
#responses-collect .in.theme-1 .slider .paging ul li a.active {
  background: #066676;
}
#responses-collect .in.theme-2 {
  background: #ece7de;
}
#responses-collect .in.theme-2 .slider .paging ul li a.active {
  background: #5f4235;
}
#responses-collect .in.theme-3 {
  background: #e2e7eb;
}
#responses-collect .in.theme-3 .slider .paging ul li a.active {
  background: #4b5d6b;
}
#responses-collect .in.theme-4 {
  background: #e1e7d6;
}
#responses-collect .in.theme-4 .slider .paging ul li a.active {
  background: #4d583a;
}
#responses-collect .in.theme-5 {
  background: #e5e3dd;
}
#responses-collect .in.theme-5 .slider .paging ul li a.active {
  background: #716857;
}
#responses-link .in .image {
  left: auto;
  width: calc(100% + 16px);
}
#responses-link .in .image picture img {
  border-radius: 12px;
}
#responses-link .in .image .desc {
  position: absolute;
  font-size: 8px;
  background: linear-gradient(90.36deg, rgba(236, 236, 236, 0.8) 6.8%, rgba(255, 255, 255, 0.8) 42.18%);
  border-radius: 12px;
  padding: 11px;
  box-sizing: border-box;
  bottom: 85px;
  left: -40px;
  backdrop-filter: blur(20.4068px);
}
#responses-link .in .image .desc span {
  line-height: 150%;
  font-family: 'Inter Medium', sans-serif;
  display: block;
}
#responses-link .in .image .desc span.url {
  color: #008a48;
  padding: 1px 0 0 0;
}
#responses-link .in .image .desc span.url span {
  display: block;
}
#responses-campaign .in .solution h3 {
  font-size: 18px;
  line-height: 144%;
  padding: 40px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
  color: #3d4144;
}
#responses-campaign .in .solution ul {
  padding: 32px 0 0 0;
}
#responses-campaign .in .solution ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#responses-campaign .in .solution ul li:before {
  display: none;
}
#responses-campaign .in .solution ul li:first-child {
  padding: 0;
}
#responses-campaign .in .solution ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#responses-campaign .in .solution ul li .icon.delivery {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-delivery.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .icon.open {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-open.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .icon.click {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-click.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .icon.response {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-response.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .icon.infinite {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-infinite.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .icon.spam {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-spam.svg') no-repeat center center;
  background-size: cover;
}
#responses-campaign .in .solution ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  padding: 4px 0 0 0;
  font-family: 'Inter Medium', sans-serif;
}
#responses-social .in .content .list ul {
  padding: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#responses-social .in .content .list ul li {
  padding: 0;
}
#responses-social .in .content .list ul li:before {
  display: none;
}
#responses-social .in .content .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
}
#responses-social .in .content .list ul li .icon.twitter {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-twitter.svg') no-repeat center center;
  background-size: cover;
}
#responses-social .in .content .list ul li .icon.messenger {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-messenger.svg') no-repeat center center;
  background-size: cover;
}
#responses-social .in .content .list ul li .icon.facebook {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-facebook.svg') no-repeat center center;
  background-size: cover;
}
#responses-social .in .content .list ul li .icon.linkedin {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-linkedin.svg') no-repeat center center;
  background-size: cover;
}
#responses-social .in .content .list ul li .icon.whatsapp {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-whatsapp.svg') no-repeat center center;
  background-size: cover;
}
#responses-social .in .content .tip {
  margin: 32px 0 0 0;
}
#responses-embed {
  margin: 8px 0 0 0;
}
#responses-embed .in {
  background: #f2f2f2;
  width: calc(100% - 16px);
  border-radius: 24px;
  left: 8px;
  padding: 56px 16px 32px 40px;
}
#responses-embed .in h2.section {
  margin: 0;
}
#responses-embed .in .slider .paging ul {
  padding: 26px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#responses-embed .in .slider .paging ul li {
  padding: 0;
  margin: 6px 7px 0 0;
}
#responses-embed .in .slider .paging ul li:before {
  display: none;
}
#responses-embed .in .slider .paging ul li a {
  display: flex;
  line-height: 133%;
  align-items: center;
  text-decoration: none;
  font-family: 'Inter Medium', sans-serif;
  color: #3d4144;
  letter-spacing: 0.01em;
  font-size: 12px;
  height: 32px;
  border-radius: 10px;
  background: #fff;
  padding: 0 12px;
}
#responses-embed .in .slider .paging ul li a.active {
  color: #fff;
  background: #303181;
}
#responses-embed .in .slider .slides .list .item .holder .image {
  margin: 22px 0 0;
  width: 100%;
  position: relative;
  left: auto;
}
#responses-embed .in .slider .slides .list .item .holder .image picture {
  position: relative;
  width: calc(100% + 43px);
  left: -14px;
}
#responses-embed .in .slider .slides .list .item .holder .content .parex {
  padding: 0;
}
#responses-ga .in .content p {
  padding: 32px 0 0 0;
}
#responses-ga .in .content p.parex {
  padding: 16px 0 0 0;
}
#responses-params .in .steps {
  width: calc(100% + 16px);
}
#responses-params .in .steps ul {
  padding: 32px 0 0 0;
}
#responses-params .in .steps ul li {
  margin: 8px 0 0 0;
  position: relative;
  padding: 96px 0 0 0;
  border-radius: 24px;
}
#responses-params .in .steps ul li:before {
  display: none;
}
#responses-params .in .steps ul li .info {
  padding: 0 32px 0 32px;
  width: 100%;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#responses-params .in .steps ul li .info .title {
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  line-height: 108%;
  padding: 32px 0 0 0;
  letter-spacing: -0.03em;
}
#responses-params .in .steps ul li .info .desc {
  font-family: 'Inter Medium', sans-serif;
  font-size: 18px;
  line-height: 167%;
}
#responses-params .in .steps ul li .image {
  width: 100%;
  margin: 0;
  left: auto;
}
#responses-params .in .steps ul li.step-1 {
  background: #f2f2f2;
}
#responses-params .in .steps ul li.step-2 {
  background: #c0dddb;
}
#responses-params .in .steps ul li.step-3 {
  background: #46827e;
  color: #fff;
}
#responses-safe {
  margin: 72px 0;
}
#responses-safe .in .content .list ul {
  padding: 16px 0 0 0;
}
#responses-safe .in .content .list ul li {
  padding: 32px 0 0 0;
}
#responses-safe .in .content .list ul li:before {
  display: none;
}
#responses-safe .in .content .list ul li .icon {
  display: block;
  width: 56px;
  height: 56px;
}
#responses-safe .in .content .list ul li .icon.iso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-iso.svg') no-repeat center center;
  background-size: cover;
}
#responses-safe .in .content .list ul li .icon.gdpr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-gdpr.svg') no-repeat center center;
  background-size: cover;
}
#responses-safe .in .content .list ul li .icon.storage {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-storage.svg') no-repeat center center;
  background-size: cover;
}
#responses-safe .in .content .list ul li .icon.cloud {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-cloud.svg') no-repeat center center;
  background-size: cover;
}
#responses-safe .in .content .list ul li .info h3 {
  font-family: 'Inter Medium', sans-serif;
  color: #3d4144;
  font-size: 16px;
  padding: 24px 0 0 0;
  line-height: 150%;
}
#responses-safe .in .content .list ul li .info p {
  padding: 8px 0 0 0;
  color: #60607a;
}
.no-touch #responses-intro .in a:hover,
.no-touch #responses-collect .in a:hover,
.no-touch #responses-link .in a:hover,
.no-touch #responses-qr .in a:hover,
.no-touch #responses-campaign .in a:hover,
.no-touch #responses-social .in a:hover,
.no-touch #responses-embed .in a:hover,
.no-touch #responses-ga .in a:hover,
.no-touch #responses-params .in a:hover,
.no-touch #responses-safe .in a:hover {
  color: #056efc;
}
.no-touch #responses-intro .in .cta-more:hover,
.no-touch #responses-collect .in .cta-more:hover,
.no-touch #responses-link .in .cta-more:hover,
.no-touch #responses-qr .in .cta-more:hover,
.no-touch #responses-campaign .in .cta-more:hover,
.no-touch #responses-social .in .cta-more:hover,
.no-touch #responses-embed .in .cta-more:hover,
.no-touch #responses-ga .in .cta-more:hover,
.no-touch #responses-params .in .cta-more:hover,
.no-touch #responses-safe .in .cta-more:hover {
  color: #000;
}
.no-touch #responses-intro .in .cta-more:hover:before,
.no-touch #responses-collect .in .cta-more:hover:before,
.no-touch #responses-link .in .cta-more:hover:before,
.no-touch #responses-qr .in .cta-more:hover:before,
.no-touch #responses-campaign .in .cta-more:hover:before,
.no-touch #responses-social .in .cta-more:hover:before,
.no-touch #responses-embed .in .cta-more:hover:before,
.no-touch #responses-ga .in .cta-more:hover:before,
.no-touch #responses-params .in .cta-more:hover:before,
.no-touch #responses-safe .in .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/responses/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #responses-intro .in .cta p.basic:hover a,
.no-touch #responses-collect .in .cta p.basic:hover a,
.no-touch #responses-link .in .cta p.basic:hover a,
.no-touch #responses-qr .in .cta p.basic:hover a,
.no-touch #responses-campaign .in .cta p.basic:hover a,
.no-touch #responses-social .in .cta p.basic:hover a,
.no-touch #responses-embed .in .cta p.basic:hover a,
.no-touch #responses-ga .in .cta p.basic:hover a,
.no-touch #responses-params .in .cta p.basic:hover a,
.no-touch #responses-safe .in .cta p.basic:hover a,
.no-touch #responses-intro .in .cta p.basic:hover span,
.no-touch #responses-collect .in .cta p.basic:hover span,
.no-touch #responses-link .in .cta p.basic:hover span,
.no-touch #responses-qr .in .cta p.basic:hover span,
.no-touch #responses-campaign .in .cta p.basic:hover span,
.no-touch #responses-social .in .cta p.basic:hover span,
.no-touch #responses-embed .in .cta p.basic:hover span,
.no-touch #responses-ga .in .cta p.basic:hover span,
.no-touch #responses-params .in .cta p.basic:hover span,
.no-touch #responses-safe .in .cta p.basic:hover span {
  background: #1b54d6;
}
.no-touch #responses-intro .in .cta p.pro:hover a,
.no-touch #responses-collect .in .cta p.pro:hover a,
.no-touch #responses-link .in .cta p.pro:hover a,
.no-touch #responses-qr .in .cta p.pro:hover a,
.no-touch #responses-campaign .in .cta p.pro:hover a,
.no-touch #responses-social .in .cta p.pro:hover a,
.no-touch #responses-embed .in .cta p.pro:hover a,
.no-touch #responses-ga .in .cta p.pro:hover a,
.no-touch #responses-params .in .cta p.pro:hover a,
.no-touch #responses-safe .in .cta p.pro:hover a,
.no-touch #responses-intro .in .cta p.pro:hover span,
.no-touch #responses-collect .in .cta p.pro:hover span,
.no-touch #responses-link .in .cta p.pro:hover span,
.no-touch #responses-qr .in .cta p.pro:hover span,
.no-touch #responses-campaign .in .cta p.pro:hover span,
.no-touch #responses-social .in .cta p.pro:hover span,
.no-touch #responses-embed .in .cta p.pro:hover span,
.no-touch #responses-ga .in .cta p.pro:hover span,
.no-touch #responses-params .in .cta p.pro:hover span,
.no-touch #responses-safe .in .cta p.pro:hover span {
  background: #be2808;
}
.no-touch #responses-collect .in .slider .slides .list .item .content .parex a:hover {
  color: #000;
}
@media only screen and (min-width: 480px) {
  #responses-intro .in,
  #responses-collect .in,
  #responses-link .in,
  #responses-qr .in,
  #responses-campaign .in,
  #responses-social .in,
  #responses-embed .in,
  #responses-ga .in,
  #responses-params .in,
  #responses-safe .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
  #responses-intro .in .image,
  #responses-collect .in .image,
  #responses-link .in .image,
  #responses-qr .in .image,
  #responses-campaign .in .image,
  #responses-social .in .image,
  #responses-embed .in .image,
  #responses-ga .in .image,
  #responses-params .in .image,
  #responses-safe .in .image {
    left: auto;
    width: 100%;
  }
  #responses-collect .in {
    width: 448px;
    padding: 40px 24px 40px 24px;
  }
  #responses-collect .in:before {
    width: calc(100% + 16px);
    height: 100%;
    content: '';
    transition: background 0.5s;
    position: absolute;
    border-radius: 24px;
    top: 0;
    left: -8px;
    display: block;
  }
  #responses-collect .in .slider .slides {
    width: calc(100% + 32px);
    left: -16px;
  }
  #responses-collect .in .slider .slides .list .item .content {
    padding: 40px 32px 32px 32px;
  }
  #responses-collect .in.theme-1 {
    background: none;
  }
  #responses-collect .in.theme-1:before {
    background: #dae7e9;
  }
  #responses-collect .in.theme-2 {
    background: none;
  }
  #responses-collect .in.theme-2:before {
    background: #ece7de;
  }
  #responses-collect .in.theme-3 {
    background: none;
  }
  #responses-collect .in.theme-3:before {
    background: #e2e7eb;
  }
  #responses-collect .in.theme-4 {
    background: none;
  }
  #responses-collect .in.theme-4:before {
    background: #e1e7d6;
  }
  #responses-collect .in.theme-5 {
    background: none;
  }
  #responses-collect .in.theme-5:before {
    background: #e5e3dd;
  }
  #responses-link .in .image {
    width: 100%;
  }
  #responses-link .in .image picture img {
    border-radius: 24px;
  }
  #responses-link .in .image .desc {
    left: -32px;
    bottom: 110px;
    font-size: 12px;
  }
  #responses-embed .in {
    width: 448px;
    background: none;
    padding: 56px 24px 32px 24px;
    left: 0;
  }
  #responses-embed .in:before {
    width: calc(100% + 16px);
    height: 100%;
    content: '';
    transition: background 0.5s;
    position: absolute;
    border-radius: 24px;
    top: 0;
    left: -8px;
    background: #f2f2f2;
    display: block;
  }
  #responses-embed .in .slider .slides .list .item .holder .image picture {
    width: calc(100% + 60px);
    left: -20px;
  }
  #responses-params .in .steps {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #responses-intro .in,
  #responses-collect .in,
  #responses-link .in,
  #responses-qr .in,
  #responses-campaign .in,
  #responses-social .in,
  #responses-embed .in,
  #responses-ga .in,
  #responses-params .in,
  #responses-safe .in {
    width: 700px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #responses-intro .in h2,
  #responses-collect .in h2,
  #responses-link .in h2,
  #responses-qr .in h2,
  #responses-campaign .in h2,
  #responses-social .in h2,
  #responses-embed .in h2,
  #responses-ga .in h2,
  #responses-params .in h2,
  #responses-safe .in h2 {
    line-height: 110%;
    font-size: 42px;
  }
  #responses-intro .in h2.section,
  #responses-collect .in h2.section,
  #responses-link .in h2.section,
  #responses-qr .in h2.section,
  #responses-campaign .in h2.section,
  #responses-social .in h2.section,
  #responses-embed .in h2.section,
  #responses-ga .in h2.section,
  #responses-params .in h2.section,
  #responses-safe .in h2.section {
    padding: 54px 0 0 0;
    margin: 0;
  }
  #responses-intro .in p,
  #responses-collect .in p,
  #responses-link .in p,
  #responses-qr .in p,
  #responses-campaign .in p,
  #responses-social .in p,
  #responses-embed .in p,
  #responses-ga .in p,
  #responses-params .in p,
  #responses-safe .in p {
    padding: 32px 0 0 0;
  }
  #responses-intro .in .content,
  #responses-collect .in .content,
  #responses-link .in .content,
  #responses-qr .in .content,
  #responses-campaign .in .content,
  #responses-social .in .content,
  #responses-embed .in .content,
  #responses-ga .in .content,
  #responses-params .in .content,
  #responses-safe .in .content {
    flex: 0 1 50%;
  }
  #responses-intro .in .content .parex,
  #responses-collect .in .content .parex,
  #responses-link .in .content .parex,
  #responses-qr .in .content .parex,
  #responses-campaign .in .content .parex,
  #responses-social .in .content .parex,
  #responses-embed .in .content .parex,
  #responses-ga .in .content .parex,
  #responses-params .in .content .parex,
  #responses-safe .in .content .parex {
    font-size: 18px;
  }
  #responses-intro .in .content .tip,
  #responses-collect .in .content .tip,
  #responses-link .in .content .tip,
  #responses-qr .in .content .tip,
  #responses-campaign .in .content .tip,
  #responses-social .in .content .tip,
  #responses-embed .in .content .tip,
  #responses-ga .in .content .tip,
  #responses-params .in .content .tip,
  #responses-safe .in .content .tip {
    margin: 32px 0 0 0;
  }
  #responses-intro .in .content .more,
  #responses-collect .in .content .more,
  #responses-link .in .content .more,
  #responses-qr .in .content .more,
  #responses-campaign .in .content .more,
  #responses-social .in .content .more,
  #responses-embed .in .content .more,
  #responses-ga .in .content .more,
  #responses-params .in .content .more,
  #responses-safe .in .content .more {
    padding: 48px 0 0 0;
  }
  #responses-intro .in .image,
  #responses-collect .in .image,
  #responses-link .in .image,
  #responses-qr .in .image,
  #responses-campaign .in .image,
  #responses-social .in .image,
  #responses-embed .in .image,
  #responses-ga .in .image,
  #responses-params .in .image,
  #responses-safe .in .image {
    flex: 0 1 50%;
    right: -54px;
    margin: 0;
  }
  #responses-intro .in .cta,
  #responses-collect .in .cta,
  #responses-link .in .cta,
  #responses-qr .in .cta,
  #responses-campaign .in .cta,
  #responses-social .in .cta,
  #responses-embed .in .cta,
  #responses-ga .in .cta,
  #responses-params .in .cta,
  #responses-safe .in .cta {
    display: flex;
    justify-content: center;
  }
  #responses-intro .in .cta p,
  #responses-collect .in .cta p,
  #responses-link .in .cta p,
  #responses-qr .in .cta p,
  #responses-campaign .in .cta p,
  #responses-social .in .cta p,
  #responses-embed .in .cta p,
  #responses-ga .in .cta p,
  #responses-params .in .cta p,
  #responses-safe .in .cta p {
    padding: 64px 0 0 0;
  }
  #responses-intro .in .cta p a,
  #responses-collect .in .cta p a,
  #responses-link .in .cta p a,
  #responses-qr .in .cta p a,
  #responses-campaign .in .cta p a,
  #responses-social .in .cta p a,
  #responses-embed .in .cta p a,
  #responses-ga .in .cta p a,
  #responses-params .in .cta p a,
  #responses-safe .in .cta p a,
  #responses-intro .in .cta p span,
  #responses-collect .in .cta p span,
  #responses-link .in .cta p span,
  #responses-qr .in .cta p span,
  #responses-campaign .in .cta p span,
  #responses-social .in .cta p span,
  #responses-embed .in .cta p span,
  #responses-ga .in .cta p span,
  #responses-params .in .cta p span,
  #responses-safe .in .cta p span {
    width: auto;
    padding: 0 28px;
  }
  #responses-intro .in .cta p.basic,
  #responses-collect .in .cta p.basic,
  #responses-link .in .cta p.basic,
  #responses-qr .in .cta p.basic,
  #responses-campaign .in .cta p.basic,
  #responses-social .in .cta p.basic,
  #responses-embed .in .cta p.basic,
  #responses-ga .in .cta p.basic,
  #responses-params .in .cta p.basic,
  #responses-safe .in .cta p.basic {
    margin: 0 16px 0 0;
  }
  #responses-intro .in .cta p.pro,
  #responses-collect .in .cta p.pro,
  #responses-link .in .cta p.pro,
  #responses-qr .in .cta p.pro,
  #responses-campaign .in .cta p.pro,
  #responses-social .in .cta p.pro,
  #responses-embed .in .cta p.pro,
  #responses-ga .in .cta p.pro,
  #responses-params .in .cta p.pro,
  #responses-safe .in .cta p.pro {
    padding: 64px 0 0 0;
  }
  #responses-intro .in {
    text-align: center;
    padding-top: 66px;
  }
  #responses-intro .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #responses-intro .in .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #responses-intro .in .list ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #responses-intro .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #responses-intro .in .title {
    line-height: 143%;
    margin: 70px 0 0 0;
    padding: 0;
    font-size: 28px;
  }
  #responses-intro .in .title:before {
    display: none;
  }
  #responses-collect {
    margin: 104px 0 0 0;
  }
  #responses-collect .in {
    width: 700px;
    padding: 56px 0 56px 0;
    position: static;
  }
  #responses-collect .in:before {
    width: calc(100% - 16px);
    left: 8px;
  }
  #responses-collect .in h2.section {
    text-align: center;
    padding-right: 15%;
    padding-left: 15%;
  }
  #responses-collect .in h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #responses-collect .in .slider .paging ul {
    padding: 40px 0 0 0;
    justify-content: center;
  }
  #responses-collect .in .slider .paging ul li {
    margin: 0 16px 0 0;
  }
  #responses-collect .in .slider .paging ul li a {
    height: 40px;
    line-height: 143%;
    padding: 0 14px;
    font-size: 14px;
  }
  #responses-collect .in .slider .paging ul li:last-child {
    margin: 0;
  }
  #responses-collect .in .slider .slides {
    left: auto;
    margin: 40px 0 0 0;
    width: 100%;
  }
  #responses-collect .in .slider .slides .list .item {
    display: flex;
    flex-direction: row-reverse;
    border-radius: 24px;
    overflow: hidden;
  }
  #responses-collect .in .slider .slides .list .item .content {
    flex: 0 1 50%;
    padding: 24px 32px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  #responses-collect .in .slider .slides .list .item .content h3 {
    flex: 0 1 100%;
    font-size: 22px;
  }
  #responses-collect .in .slider .slides .list .item .content ul {
    flex: 0 1 100%;
  }
  #responses-collect .in .slider .slides .list .item .content .parex {
    flex: 0 1 100%;
    padding: 8px 0 0 0;
    font-size: 14px;
  }
  #responses-collect .in .slider .slides .list .item .image {
    flex: 0 1 50%;
    right: auto;
  }
  #responses-link {
    margin: 104px 0 0 0;
  }
  #responses-link .in .image .desc {
    padding: 12px 16px;
    bottom: 92px;
  }
  #responses-campaign {
    margin: 104px 0 0 0;
  }
  #responses-campaign .in {
    flex-direction: row-reverse;
  }
  #responses-campaign .in .image {
    right: auto;
    left: -54px;
  }
  #responses-campaign .in .solution {
    flex: 0 1 100%;
    text-align: center;
  }
  #responses-campaign .in .solution h3 {
    padding: 64px 0 0 0;
  }
  #responses-campaign .in .solution ul {
    display: flex;
    justify-content: space-between;
    padding: 40px 0 0 0;
  }
  #responses-campaign .in .solution ul li {
    flex: 0 1 18%;
    padding: 0;
    display: block;
  }
  #responses-campaign .in .solution ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #responses-campaign .in .solution ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #responses-social {
    margin: 104px 0 0 0;
  }
  #responses-social .in .content .list ul li .icon {
    width: 56px;
    height: 56px;
  }
  #responses-embed {
    margin: 104px 0 0 0;
  }
  #responses-embed .in {
    width: 700px;
    padding: 56px 0 56px 0;
    position: static;
  }
  #responses-embed .in:before {
    width: calc(100% - 16px);
    left: 8px;
  }
  #responses-embed .in:after {
    content: '';
    display: block;
    position: absolute;
    width: 10000px;
    height: 100%;
    background: #fff;
    top: 0;
    right: -9992px;
    z-index: 99;
  }
  #responses-embed .in h2.section {
    text-align: center;
    padding-right: 10%;
    padding-left: 10%;
  }
  #responses-embed .in h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #responses-embed .in .slider {
    flex: 0 1 100%;
  }
  #responses-embed .in .slider .paging ul {
    padding: 64px 0 0 0;
    justify-content: center;
  }
  #responses-embed .in .slider .paging ul li {
    margin: 0 16px 0 0;
  }
  #responses-embed .in .slider .paging ul li a {
    height: 40px;
    line-height: 143%;
    padding: 0 14px;
    font-size: 14px;
  }
  #responses-embed .in .slider .paging ul li:last-child {
    margin: 0;
  }
  #responses-embed .in .slider .slides .list .item .holder {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  #responses-embed .in .slider .slides .list .item .holder .image {
    right: auto;
    margin: 36px 0 0;
  }
  #responses-embed .in .slider .slides .list .item .holder .image picture {
    width: calc(100% + 52px);
    left: -17px;
  }
  #responses-embed .in .slider .slides .list .item .holder .content {
    flex: 0 1 46%;
    padding: 42px 0 0 0;
  }
  #responses-qr {
    margin: 104px 0 0 0;
  }
  #responses-qr .in {
    flex-direction: row-reverse;
  }
  #responses-qr .in .image {
    right: auto;
    left: -54px;
  }
  #responses-ga {
    margin: 104px 0 0 0;
  }
  #responses-ga .in .content p.parex {
    padding: 32px 0 0 0;
  }
  #responses-params {
    margin: 104px 0 0 0;
  }
  #responses-params .in {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  #responses-params .in h2 {
    flex: 0 1 47%;
  }
  #responses-params .in .content {
    flex: 0 1 50%;
  }
  #responses-params .in .content h3 {
    padding: 40px 0 0 0;
  }
  #responses-params .in .content p {
    padding: 21px 0 0 0;
  }
  #responses-params .in .content p.parex {
    padding: 62px 0 0 0;
  }
  #responses-params .in .steps {
    flex: 0 1 100%;
  }
  #responses-params .in .steps ul {
    display: flex;
    padding: 56px 0 0 0;
    justify-content: space-between;
  }
  #responses-params .in .steps ul li {
    width: calc((100% - 48px) / 3);
    padding: 216px 0 0 0;
    margin: 0;
  }
  #responses-params .in .steps ul li .info .title {
    font-size: 50px;
    line-height: 112%;
  }
  #responses-params .in .steps ul li .info .desc {
    padding: 16px 0 0 0;
  }
  #responses-params .in .steps ul li .image {
    right: auto;
    flex: 0 1 100%;
  }
  #responses-safe {
    margin: 104px 0 0 0;
  }
  #responses-safe .in {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 104px 0;
    align-items: flex-start;
    justify-content: space-between;
  }
  #responses-safe .in h2 {
    flex: 0 1 47%;
  }
  #responses-safe .in .content {
    flex: 0 1 50%;
  }
  #responses-safe .in .content .list ul {
    padding: 32px 0 0 0;
  }
  #responses-safe .in .content .list ul li {
    display: flex;
    justify-content: space-between;
  }
  #responses-safe .in .content .list ul li .icon {
    flex: 0 1 64px;
    width: 64px;
    height: 64px;
  }
  #responses-safe .in .content .list ul li .info {
    flex: 0 1 calc(100% - 96px);
  }
  #responses-safe .in .content .list ul li .info h3 {
    padding: 0;
    line-height: 144%;
    font-size: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  #responses-intro .in,
  #responses-collect .in,
  #responses-link .in,
  #responses-qr .in,
  #responses-campaign .in,
  #responses-social .in,
  #responses-embed .in,
  #responses-ga .in,
  #responses-params .in,
  #responses-safe .in {
    width: 1120px;
  }
  #responses-intro .in h2,
  #responses-collect .in h2,
  #responses-link .in h2,
  #responses-qr .in h2,
  #responses-campaign .in h2,
  #responses-social .in h2,
  #responses-embed .in h2,
  #responses-ga .in h2,
  #responses-params .in h2,
  #responses-safe .in h2 {
    font-size: 50px;
  }
  #responses-intro .in h3,
  #responses-collect .in h3,
  #responses-link .in h3,
  #responses-qr .in h3,
  #responses-campaign .in h3,
  #responses-social .in h3,
  #responses-embed .in h3,
  #responses-ga .in h3,
  #responses-params .in h3,
  #responses-safe .in h3 {
    font-size: 42px;
    line-height: 114%;
    letter-spacing: -0.03em;
  }
  #responses-intro .in .content,
  #responses-collect .in .content,
  #responses-link .in .content,
  #responses-qr .in .content,
  #responses-campaign .in .content,
  #responses-social .in .content,
  #responses-embed .in .content,
  #responses-ga .in .content,
  #responses-params .in .content,
  #responses-safe .in .content {
    flex: 0 1 calc(50% - 82px);
  }
  #responses-intro .in .content .parex,
  #responses-collect .in .content .parex,
  #responses-link .in .content .parex,
  #responses-qr .in .content .parex,
  #responses-campaign .in .content .parex,
  #responses-social .in .content .parex,
  #responses-embed .in .content .parex,
  #responses-ga .in .content .parex,
  #responses-params .in .content .parex,
  #responses-safe .in .content .parex {
    line-height: 167%;
  }
  #responses-intro .in .image,
  #responses-collect .in .image,
  #responses-link .in .image,
  #responses-qr .in .image,
  #responses-campaign .in .image,
  #responses-social .in .image,
  #responses-embed .in .image,
  #responses-ga .in .image,
  #responses-params .in .image,
  #responses-safe .in .image {
    height: 644px;
    right: 0;
  }
  #responses-intro .in .image picture,
  #responses-collect .in .image picture,
  #responses-link .in .image picture,
  #responses-qr .in .image picture,
  #responses-campaign .in .image picture,
  #responses-social .in .image picture,
  #responses-embed .in .image picture,
  #responses-ga .in .image picture,
  #responses-params .in .image picture,
  #responses-safe .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -162px;
  }
  #responses-intro .in .cta p,
  #responses-collect .in .cta p,
  #responses-link .in .cta p,
  #responses-qr .in .cta p,
  #responses-campaign .in .cta p,
  #responses-social .in .cta p,
  #responses-embed .in .cta p,
  #responses-ga .in .cta p,
  #responses-params .in .cta p,
  #responses-safe .in .cta p {
    padding: 96px 0 0 0;
  }
  #responses-intro .in .cta p.basic,
  #responses-collect .in .cta p.basic,
  #responses-link .in .cta p.basic,
  #responses-qr .in .cta p.basic,
  #responses-campaign .in .cta p.basic,
  #responses-social .in .cta p.basic,
  #responses-embed .in .cta p.basic,
  #responses-ga .in .cta p.basic,
  #responses-params .in .cta p.basic,
  #responses-safe .in .cta p.basic {
    margin: 0 32px 0 0;
  }
  #responses-intro .in .cta p.pro,
  #responses-collect .in .cta p.pro,
  #responses-link .in .cta p.pro,
  #responses-qr .in .cta p.pro,
  #responses-campaign .in .cta p.pro,
  #responses-social .in .cta p.pro,
  #responses-embed .in .cta p.pro,
  #responses-ga .in .cta p.pro,
  #responses-params .in .cta p.pro,
  #responses-safe .in .cta p.pro {
    padding: 96px 0 0 0;
  }
  #responses-intro .in {
    padding-top: 68px;
  }
  #responses-intro .in .list {
    flex: 0 1 100%;
  }
  #responses-intro .in .list ul li {
    flex: 0 1 23%;
  }
  #responses-intro .in .title {
    width: 800px;
    margin: 88px auto 0 auto;
  }
  #responses-collect {
    margin: 120px 0 0 0;
  }
  #responses-collect .in {
    width: 1120px;
    padding: 62px 0 72px 0;
  }
  #responses-collect .in:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #responses-collect .in h2.section {
    padding-right: 16%;
    padding-left: 16%;
  }
  #responses-collect .in .slider .slides .list .item .content {
    padding: 0 64px;
  }
  #responses-collect .in .slider .slides .list .item .content h3 {
    font-size: 28px;
  }
  #responses-collect .in .slider .slides .list .item .content ul {
    padding: 24px 0 0 0;
  }
  #responses-collect .in .slider .slides .list .item .content ul li {
    padding: 24px 0 0 32px;
  }
  #responses-collect .in .slider .slides .list .item .content ul li:before {
    top: 27px;
  }
  #responses-collect .in .slider .slides .list .item .content .parex {
    font-size: 18px;
  }
  #responses-collect .in .slider .slides .list .item .image {
    height: auto;
  }
  #responses-collect .in .slider .slides .list .item .image picture {
    left: auto;
    position: relative;
    width: auto;
    right: auto;
    height: auto;
  }
  #responses-link {
    margin: 136px 0 0 0;
  }
  #responses-link .in .image .desc {
    height: 116px;
    left: 14px;
    bottom: 174px;
    padding: 21px 23px;
    font-size: 16px;
  }
  #responses-campaign {
    margin: 136px 0 0 0;
  }
  #responses-campaign .in .image {
    left: 0;
  }
  #responses-campaign .in .image picture {
    left: -164px;
  }
  #responses-campaign .in .solution h3 {
    font-size: 21px;
    line-height: 133%;
  }
  #responses-campaign .in .solution ul li .value {
    padding: 24px 16px 0 16px;
  }
  #responses-social {
    margin: 150px 0 0 0;
  }
  #responses-social .in .content .list ul {
    justify-content: flex-start;
  }
  #responses-social .in .content .list ul li {
    margin: 0 16px 0 0;
  }
  #responses-social .in .content .list ul li:last-child {
    margin: 0;
  }
  #responses-embed {
    margin: 120px 0 0 0;
  }
  #responses-embed .in {
    width: 1120px;
    padding: 62px 0 20px 0;
  }
  #responses-embed .in:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #responses-embed .in h2.section {
    padding-right: 16%;
    padding-left: 16%;
  }
  #responses-embed .in .slider .slides .list .item .holder .image {
    margin: 26px 0 0;
    height: auto;
    flex: 0 1 640px;
  }
  #responses-embed .in .slider .slides .list .item .holder .image picture {
    width: calc(100% + 96px);
    left: -30px;
    height: auto;
  }
  #responses-embed .in .slider .slides .list .item .holder .content {
    flex: 0 1 384px;
  }
  #responses-qr {
    margin: 136px 0 0 0;
  }
  #responses-qr .in .image {
    left: auto;
  }
  #responses-qr .in .image picture {
    left: -164px;
  }
  #responses-ga {
    margin: 136px 0 0 0;
  }
  #responses-params {
    margin: 136px 0 0 0;
  }
  #responses-params .in {
    align-items: flex-start;
  }
  #responses-params .in .content {
    flex: 0 1 50%;
  }
  #responses-params .in .content h3 {
    font-size: 21px;
    line-height: 124%;
    letter-spacing: -0.02em;
  }
  #responses-params .in .steps ul li {
    padding: 108px 0 0 0;
    width: calc((100% - 64px) / 3);
  }
  #responses-params .in .steps ul li .image {
    height: auto;
  }
  #responses-params .in .steps ul li .image picture {
    width: 100%;
    position: relative;
    height: auto;
    right: auto;
  }
  #responses-safe {
    margin: 120px 0 0 0;
  }
  #responses-safe .in {
    padding: 0 0 100px 0;
    align-items: flex-start;
  }
  #responses-safe .in .content {
    flex: 0 1 50%;
  }
}
#business-headline .in,
#business-overview .in,
#business-expert .in,
#business-flexibility .in,
#business-omni .in,
#business-real .in,
#business-custom .in,
#business-started .in,
#business-action .in,
#business-seamless .in,
#business-empower .in,
#business-enterprise .in,
#business-references .in,
#business-software .in {
  text-align: left;
  color: #3d4144;
  padding: 0 24px 0 48px;
  font-size: 14px;
}
#business-headline .in h1,
#business-overview .in h1,
#business-expert .in h1,
#business-flexibility .in h1,
#business-omni .in h1,
#business-real .in h1,
#business-custom .in h1,
#business-started .in h1,
#business-action .in h1,
#business-seamless .in h1,
#business-empower .in h1,
#business-enterprise .in h1,
#business-references .in h1,
#business-software .in h1 {
  font-size: 37px;
  padding: 0 24px 0 0;
  line-height: 108%;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.03em;
  color: #fff;
}
#business-headline .in h1 span,
#business-overview .in h1 span,
#business-expert .in h1 span,
#business-flexibility .in h1 span,
#business-omni .in h1 span,
#business-real .in h1 span,
#business-custom .in h1 span,
#business-started .in h1 span,
#business-action .in h1 span,
#business-seamless .in h1 span,
#business-empower .in h1 span,
#business-enterprise .in h1 span,
#business-references .in h1 span,
#business-software .in h1 span {
  color: #bd944a;
  display: block;
}
#business-headline .in h2,
#business-overview .in h2,
#business-expert .in h2,
#business-flexibility .in h2,
#business-omni .in h2,
#business-real .in h2,
#business-custom .in h2,
#business-started .in h2,
#business-action .in h2,
#business-seamless .in h2,
#business-empower .in h2,
#business-enterprise .in h2,
#business-references .in h2,
#business-software .in h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  color: #000;
}
#business-headline .in h2 span,
#business-overview .in h2 span,
#business-expert .in h2 span,
#business-flexibility .in h2 span,
#business-omni .in h2 span,
#business-real .in h2 span,
#business-custom .in h2 span,
#business-started .in h2 span,
#business-action .in h2 span,
#business-seamless .in h2 span,
#business-empower .in h2 span,
#business-enterprise .in h2 span,
#business-references .in h2 span,
#business-software .in h2 span {
  color: #bd944a;
  display: block;
}
#business-headline .in h2 span span,
#business-overview .in h2 span span,
#business-expert .in h2 span span,
#business-flexibility .in h2 span span,
#business-omni .in h2 span span,
#business-real .in h2 span span,
#business-custom .in h2 span span,
#business-started .in h2 span span,
#business-action .in h2 span span,
#business-seamless .in h2 span span,
#business-empower .in h2 span span,
#business-enterprise .in h2 span span,
#business-references .in h2 span span,
#business-software .in h2 span span {
  white-space: nowrap;
  display: inline;
}
#business-headline .in h3,
#business-overview .in h3,
#business-expert .in h3,
#business-flexibility .in h3,
#business-omni .in h3,
#business-real .in h3,
#business-custom .in h3,
#business-started .in h3,
#business-action .in h3,
#business-seamless .in h3,
#business-empower .in h3,
#business-enterprise .in h3,
#business-references .in h3,
#business-software .in h3,
#business-headline .in h4,
#business-overview .in h4,
#business-expert .in h4,
#business-flexibility .in h4,
#business-omni .in h4,
#business-real .in h4,
#business-custom .in h4,
#business-started .in h4,
#business-action .in h4,
#business-seamless .in h4,
#business-empower .in h4,
#business-enterprise .in h4,
#business-references .in h4,
#business-software .in h4 {
  font-weight: 'Inter Medium', sans-serif;
  font-size: 18px;
  padding: 0;
  line-height: 144%;
  color: #000;
}
#business-headline .in ul,
#business-overview .in ul,
#business-expert .in ul,
#business-flexibility .in ul,
#business-omni .in ul,
#business-real .in ul,
#business-custom .in ul,
#business-started .in ul,
#business-action .in ul,
#business-seamless .in ul,
#business-empower .in ul,
#business-enterprise .in ul,
#business-references .in ul,
#business-software .in ul {
  padding: 24px 0 0 0;
}
#business-headline .in ul li,
#business-overview .in ul li,
#business-expert .in ul li,
#business-flexibility .in ul li,
#business-omni .in ul li,
#business-real .in ul li,
#business-custom .in ul li,
#business-started .in ul li,
#business-action .in ul li,
#business-seamless .in ul li,
#business-empower .in ul li,
#business-enterprise .in ul li,
#business-references .in ul li,
#business-software .in ul li {
  font-size: 14px;
  line-height: 143%;
  padding: 8px 0 0 24px;
}
#business-headline .in ul li:before,
#business-overview .in ul li:before,
#business-expert .in ul li:before,
#business-flexibility .in ul li:before,
#business-omni .in ul li:before,
#business-real .in ul li:before,
#business-custom .in ul li:before,
#business-started .in ul li:before,
#business-action .in ul li:before,
#business-seamless .in ul li:before,
#business-empower .in ul li:before,
#business-enterprise .in ul li:before,
#business-references .in ul li:before,
#business-software .in ul li:before {
  top: 16px;
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 1px;
  background: #bd944a;
}
#business-headline .in a,
#business-overview .in a,
#business-expert .in a,
#business-flexibility .in a,
#business-omni .in a,
#business-real .in a,
#business-custom .in a,
#business-started .in a,
#business-action .in a,
#business-seamless .in a,
#business-empower .in a,
#business-enterprise .in a,
#business-references .in a,
#business-software .in a {
  color: #3d4144;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
}
#business-headline .in p,
#business-overview .in p,
#business-expert .in p,
#business-flexibility .in p,
#business-omni .in p,
#business-real .in p,
#business-custom .in p,
#business-started .in p,
#business-action .in p,
#business-seamless .in p,
#business-empower .in p,
#business-enterprise .in p,
#business-references .in p,
#business-software .in p {
  line-height: 186%;
}
#business-headline .in p.parex,
#business-overview .in p.parex,
#business-expert .in p.parex,
#business-flexibility .in p.parex,
#business-omni .in p.parex,
#business-real .in p.parex,
#business-custom .in p.parex,
#business-started .in p.parex,
#business-action .in p.parex,
#business-seamless .in p.parex,
#business-empower .in p.parex,
#business-enterprise .in p.parex,
#business-references .in p.parex,
#business-software .in p.parex {
  font-size: 16px;
  line-height: 150%;
  padding: 24px 0 0 0;
}
#business-headline .in .button,
#business-overview .in .button,
#business-expert .in .button,
#business-flexibility .in .button,
#business-omni .in .button,
#business-real .in .button,
#business-custom .in .button,
#business-started .in .button,
#business-action .in .button,
#business-seamless .in .button,
#business-empower .in .button,
#business-enterprise .in .button,
#business-references .in .button,
#business-software .in .button {
  background: #bd944a;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  text-decoration: none;
  padding: 0 24px;
  text-align: center;
  font-size: 16px;
  transition: background 0.5s, border-color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#business-headline .in .button.outline,
#business-overview .in .button.outline,
#business-expert .in .button.outline,
#business-flexibility .in .button.outline,
#business-omni .in .button.outline,
#business-real .in .button.outline,
#business-custom .in .button.outline,
#business-started .in .button.outline,
#business-action .in .button.outline,
#business-seamless .in .button.outline,
#business-empower .in .button.outline,
#business-enterprise .in .button.outline,
#business-references .in .button.outline,
#business-software .in .button.outline {
  background: #101010;
  border: 1px solid #bd944a;
}
#business-headline .in .cta-more,
#business-overview .in .cta-more,
#business-expert .in .cta-more,
#business-flexibility .in .cta-more,
#business-omni .in .cta-more,
#business-real .in .cta-more,
#business-custom .in .cta-more,
#business-started .in .cta-more,
#business-action .in .cta-more,
#business-seamless .in .cta-more,
#business-empower .in .cta-more,
#business-enterprise .in .cta-more,
#business-references .in .cta-more,
#business-software .in .cta-more {
  font-size: 21px;
  line-height: 124%;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #bd944a;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#business-headline .in .cta-more:before,
#business-overview .in .cta-more:before,
#business-expert .in .cta-more:before,
#business-flexibility .in .cta-more:before,
#business-omni .in .cta-more:before,
#business-real .in .cta-more:before,
#business-custom .in .cta-more:before,
#business-started .in .cta-more:before,
#business-action .in .cta-more:before,
#business-seamless .in .cta-more:before,
#business-empower .in .cta-more:before,
#business-enterprise .in .cta-more:before,
#business-references .in .cta-more:before,
#business-software .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#business-headline .in.dark,
#business-overview .in.dark,
#business-expert .in.dark,
#business-flexibility .in.dark,
#business-omni .in.dark,
#business-real .in.dark,
#business-custom .in.dark,
#business-started .in.dark,
#business-action .in.dark,
#business-seamless .in.dark,
#business-empower .in.dark,
#business-enterprise .in.dark,
#business-references .in.dark,
#business-software .in.dark {
  background: #101010;
  border-radius: 24px;
  color: #ced0d5;
  position: relative;
  width: calc(100% - 16px);
  left: 8px;
  padding: 64px 26px 40px 40px;
}
#business-headline .in.dark h2,
#business-overview .in.dark h2,
#business-expert .in.dark h2,
#business-flexibility .in.dark h2,
#business-omni .in.dark h2,
#business-real .in.dark h2,
#business-custom .in.dark h2,
#business-started .in.dark h2,
#business-action .in.dark h2,
#business-seamless .in.dark h2,
#business-empower .in.dark h2,
#business-enterprise .in.dark h2,
#business-references .in.dark h2,
#business-software .in.dark h2 {
  color: #fff;
  padding: 0;
}
#business-headline .in.dark h3,
#business-overview .in.dark h3,
#business-expert .in.dark h3,
#business-flexibility .in.dark h3,
#business-omni .in.dark h3,
#business-real .in.dark h3,
#business-custom .in.dark h3,
#business-started .in.dark h3,
#business-action .in.dark h3,
#business-seamless .in.dark h3,
#business-empower .in.dark h3,
#business-enterprise .in.dark h3,
#business-references .in.dark h3,
#business-software .in.dark h3 {
  color: #fff;
}
#business-headline .in.light,
#business-overview .in.light,
#business-expert .in.light,
#business-flexibility .in.light,
#business-omni .in.light,
#business-real .in.light,
#business-custom .in.light,
#business-started .in.light,
#business-action .in.light,
#business-seamless .in.light,
#business-empower .in.light,
#business-enterprise .in.light,
#business-references .in.light,
#business-software .in.light {
  background: #f2f2f2;
  border-radius: 24px;
  position: relative;
  width: calc(100% - 16px);
  left: 8px;
  padding: 64px 16px 40px 40px;
}
#business-headline {
  background: #101010;
}
#business-headline .in {
  padding: 72px 24px 308px 48px;
  color: #ccc;
}
#business-headline .in .content h1 span {
  height: 80px;
}
#business-headline .in .content p {
  padding: 23px 0 0 0;
  line-height: 157%;
  font-family: 'Inter Medium', sans-serif;
}
#business-headline .in .content p.buttons {
  padding: 16px 24px 0 0;
  line-height: 100%;
}
#business-headline .in .content p.buttons .button {
  margin: 16px 0 0 0;
  white-space: nowrap;
}
#business-headline .in .content p.icons {
  display: none;
}
#business-headline .in .content .badge {
  display: none;
}
#business-headline .in.en,
#business-headline .in.uk,
#business-headline .in.da {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-en-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.cs {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-cs-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.de {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-de-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.es {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-es-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.fr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fr-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.pl {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-pl-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.no {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-no-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.nl {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-nl-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.it {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-it-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.fi {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fi-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.sv {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-sv-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-headline .in.br {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-br-min.jpg') no-repeat calc((100% + 38px) / 2) calc(100% + 280px);
  background-size: 600px auto;
}
#business-overview .in .toggles {
  padding: 26px 0 0 0;
}
#business-overview .in .toggles .item {
  position: relative;
  padding: 0 0 24px 72px;
  margin: 16px 0 0 0;
}
#business-overview .in .toggles .item:after {
  position: absolute;
  width: 10000px;
  height: 1px;
  display: block;
  content: '';
  background: #e3e4e9;
  bottom: 0;
  left: 72px;
}
#business-overview .in .toggles .item:last-child {
  padding-bottom: 0;
}
#business-overview .in .toggles .item:last-child:after {
  display: none;
}
#business-overview .in .toggles .item h3 {
  font-size: 14px;
  cursor: pointer;
  line-height: 143%;
  color: #3d4144;
  padding: 4px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#business-overview .in .toggles .item h3 i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-arrow-down-gray.svg') no-repeat center center;
  background-size: cover;
  display: block;
  width: 16px;
  transition: transform 0.2s;
  height: 16px;
}
#business-overview .in .toggles .item h3.active i {
  transform: rotate(180deg);
}
#business-overview .in .toggles .item p {
  line-height: 157%;
  padding: 8px 0 0 0;
}
#business-overview .in .toggles .item .list {
  display: none;
}
#business-overview .in .toggles .item .list ul li {
  font-size: 13px;
  line-height: 154%;
}
#business-overview .in .toggles .item .list ul li:before {
  background: #3d4144;
}
#business-overview .in .toggles .item.insights {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-headphones.svg') no-repeat left top;
  background-size: 48px 48px;
}
#business-overview .in .toggles .item.hr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-respondents.svg') no-repeat left top;
  background-size: 48px 48px;
}
#business-overview .in .toggles .item.rnd {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-code.svg') no-repeat left top;
  background-size: 48px 48px;
}
#business-overview .in .toggles .item.mkt {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-graphs.svg') no-repeat left top;
  background-size: 48px 48px;
}
#business-overview .in .solutions {
  padding: 56px 0 0 0;
}
#business-overview .in .solutions h3 {
  font-family: 'Inter SemiBold', sans-serif;
  padding: 0;
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.01em;
  color: #000;
}
#business-overview .in .solutions .list ul {
  padding: 20px 0 0 0;
}
#business-overview .in .solutions .list ul li {
  padding: 4px 0 0 0;
  display: inline-flex;
}
#business-overview .in .solutions .list ul li:before {
  display: none;
}
#business-overview .in .solutions .list ul li span {
  height: 40px;
  display: flex;
  left: 48px;
  padding: 0 16px;
  font-size: 12px;
  line-height: 133%;
  align-items: center;
  background: #f8f5ef;
  color: #8f5f00;
  border-radius: 24px;
}
#business-overview .in .solutions .list ul li a {
  color: #8f5f00;
  font-family: 'Inter Regular', sans-serif;
}
#business-expert .in {
  padding-top: 72px;
}
#business-expert .in h2 {
  padding: 0;
}
#business-expert .in .image {
  width: 768px;
  position: relative;
  left: -44px;
  height: 303px;
}
#business-expert .in .image picture {
  display: flex;
  flex-direction: column;
}
#business-flexibility {
  margin: 32px 0 0 0;
}
#business-flexibility .in {
  overflow: hidden;
}
#business-flexibility .in a {
  color: #fff;
}
#business-flexibility .in .item .content ul {
  padding: 16px 0 16px 0;
}
#business-flexibility .in .item .content ul li {
  font-size: 14px;
  line-height: 143%;
}
#business-flexibility .in .item.flexibility .content h3 {
  padding: 24px 0 0 0;
  font-size: 16px;
  line-height: 150%;
}
#business-flexibility .in .item.flexibility .image {
  margin: 24px 0 0 0;
  width: 480px;
  position: relative;
  left: -16px;
  height: 407px;
}
#business-flexibility .in .item.flexibility .image picture {
  display: flex;
  flex-direction: column;
}
#business-flexibility .in .item.mobile {
  padding: 56px 0 0 0;
}
#business-flexibility .in .item.mobile .image {
  width: 360px;
  margin: 40px 0 0 0;
  position: relative;
  left: -80px;
  height: 360px;
}
#business-flexibility .in .item.mobile .image picture {
  display: flex;
  border-radius: 16px;
  overflow: hidden;
  flex-direction: column;
}
#business-omni .in .content h2 {
  padding: 56px 0 0 0;
}
#business-omni .in .content .list {
  padding: 24px 0 0 0;
}
#business-omni .in .content .list ul {
  padding: 0;
}
#business-omni .in .image {
  margin: 42px 0 0 0;
  width: 400px;
  position: relative;
  left: -32px;
  height: 400px;
}
#business-omni .in .image picture {
  display: flex;
  flex-direction: column;
}
#business-real {
  margin: 48px 0 0 0;
}
#business-real .in.dark {
  padding-bottom: 68px;
}
#business-real .in.dark .holder .content h3 {
  padding: 24px 0 0 0;
  font-size: 16px;
  line-height: 150%;
}
#business-real .in.dark .holder .content ul {
  padding: 16px 0 16px 0;
}
#business-real .in.dark .holder .content ul li {
  font-size: 14px;
  line-height: 143%;
}
#business-real .in.dark .holder .image {
  margin: 16px 0 0 0;
  width: 344px;
  height: 344px;
  position: relative;
  left: calc((100% - 358px)/2);
}
#business-real .in.dark .holder .image picture {
  display: flex;
  flex-direction: column;
}
#business-real .in.dark .reports h3 {
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  padding: 16px 0 0 0;
  line-height: 150%;
}
#business-real .in.dark .reports .list ul {
  padding: 8px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#business-real .in.dark .reports .list ul li {
  padding: 32px 0 0 0;
  flex: 0 1 22%;
  display: flex;
  justify-content: center;
  margin: 0 15% 0 0;
  flex-wrap: wrap;
}
#business-real .in.dark .reports .list ul li:before {
  display: none;
}
#business-real .in.dark .reports .list ul li:nth-child(3n+0) {
  margin: 0;
}
#business-real .in.dark .reports .list ul li .link {
  display: block;
  text-align: center;
}
#business-real .in.dark .reports .list ul li .link .icon {
  display: block;
  margin: 0 auto;
  width: 56px;
  height: 56px;
}
#business-real .in.dark .reports .list ul li .link .icon.pdf {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-pdf.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.docx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-docx.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.pptx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-pptx.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.xlsx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-xlsx.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.csv {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-csv.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.xml {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-xml.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.cloud {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-cloud.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link .icon.sheets {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-sheets.svg') no-repeat center center;
  background-size: cover;
}
#business-real .in.dark .reports .list ul li .link span {
  line-height: 143%;
  flex: 0 1 100%;
  display: block;
  margin: 8px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
}
#business-real .in.dark .reports .list ul li a.link {
  text-decoration: none;
}
#business-real .in.dark .reports .list ul li a.link span {
  color: #bd944a;
  transition: color 0.2s;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-download.svg') no-repeat center left;
  background-size: 16px 16px;
  padding: 0 0 0 24px;
}
#business-real .in.dark .reports .list ul li a.link span.link {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-link.svg') no-repeat center left;
  background-size: 16px 16px;
}
#business-custom .in .holder h2 {
  padding: 44px 0 0 0;
}
#business-custom .in .holder .content {
  padding: 8px 0 0 0;
}
#business-custom .in .holder .content h3 {
  padding: 32px 0 0 0;
  font-size: 16px;
  line-height: 150%;
}
#business-custom .in .holder .content p {
  padding: 16px 0 0 0;
}
#business-custom .in .holder .content ul {
  padding: 16px 0 0 0;
}
#business-custom .in .image {
  margin: 4px 0 0 0;
  width: 768px;
  height: 396px;
  position: relative;
  left: -44px;
}
#business-custom .in .image picture {
  display: flex;
  flex-direction: column;
}
#business-custom .in .needs h3 {
  padding: 24px 0 0 0;
  font-family: 'Inter Bold', sans-serif;
}
#business-custom .in .needs .list {
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#business-custom .in .needs .list ul {
  padding: 8px 0 0 0;
}
#business-custom .in .needs .list ul li {
  margin: 24px 0 0 0;
  box-sizing: border-box;
  padding: 40px;
  background: #f2f2f2;
  border-radius: 24px;
}
#business-custom .in .needs .list ul li:before {
  display: none;
}
#business-custom .in .needs .list ul li h4 {
  padding: 24px 0 0 0;
}
#business-custom .in .needs .list ul li p {
  padding: 16px 0 0 0;
}
#business-custom .in .needs .list ul li .image {
  width: 88px;
  height: 88px;
  left: auto;
}
#business-custom .in .needs .list ul li .image img {
  border-radius: 24px;
}
#business-custom .in .needs .list ul li .frequency {
  color: #202124;
  margin: 16px 0 0 0;
  border-top: 1px solid #ced0d5;
}
#business-started,
#business-action {
  margin: 72px 0 0 0;
}
#business-started .in.dark,
#business-action .in.dark {
  color: #e3e4e9;
  padding: 128px 40px 48px 40px;
}
#business-started .in.dark .content,
#business-action .in.dark .content {
  position: relative;
}
#business-started .in.dark .content h3,
#business-action .in.dark .content h3 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#business-started .in.dark .content p.buttons,
#business-action .in.dark .content p.buttons {
  padding: 16px 0 0 0;
  line-height: 100%;
}
#business-started .in.dark .content p.buttons .button,
#business-action .in.dark .content p.buttons .button {
  margin: 24px 0 0 0;
}
#business-started .in.dark .content .badge,
#business-action .in.dark .content .badge {
  display: block;
  position: absolute;
  width: 104px;
  height: 104px;
  content: '';
  top: -135px;
  left: 0;
}
#business-action {
  margin: 56px 0 0 0;
}
#business-seamless {
  margin: 32px 0 0 0;
}
#business-seamless .in {
  overflow: hidden;
}
#business-seamless .in h2 {
  padding: 0;
}
#business-seamless .in .content .toggles {
  padding: 26px 0 0 0;
}
#business-seamless .in .content .toggles .item {
  position: relative;
  padding: 20px 0;
}
#business-seamless .in .content .toggles .item:after {
  position: absolute;
  width: 10000px;
  height: 1px;
  display: block;
  content: '';
  background: #e3e4e9;
  bottom: 0;
  left: 0;
}
#business-seamless .in .content .toggles .item:last-child {
  padding-bottom: 0;
}
#business-seamless .in .content .toggles .item:last-child:after {
  display: none;
}
#business-seamless .in .content .toggles .item h3 {
  font-size: 16px;
  line-height: 140%;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#business-seamless .in .content .toggles .item h3 i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-arrow-down-gray.svg') no-repeat center center;
  background-size: cover;
  display: block;
  width: 16px;
  transition: transform 0.2s;
  height: 16px;
}
#business-seamless .in .content .toggles .item h3.active i {
  transform: rotate(180deg);
}
#business-seamless .in .content .toggles .item .desc {
  display: none;
}
#business-seamless .in .content .toggles .item .desc p {
  padding: 16px 0 8px 0;
}
#business-seamless .in .image {
  margin: 24px 0 0 0;
  width: 768px;
  height: 398px;
  position: relative;
  left: -32px;
}
#business-seamless .in .image picture {
  display: flex;
  flex-direction: column;
}
#business-empower .in h2 {
  padding: 64px 0 0 0;
}
#business-empower .in .content .item {
  margin: 40px 0 0 0;
  position: relative;
  padding: 0 0 0 72px;
}
#business-empower .in .content .item h3 {
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  line-height: 150%;
  display: flex;
  min-height: 56px;
  position: relative;
  padding: 0;
  left: -72px;
  width: calc(100% + 72px);
  align-items: center;
  color: #3d4144;
  justify-content: space-between;
}
#business-empower .in .content .item h3:before {
  display: block;
  content: '';
  width: 56px;
  height: 56px;
}
#business-empower .in .content .item h3 span {
  flex: 0 1 calc(100% - 72px);
}
#business-empower .in .content .item h4 {
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  padding: 32px 0 0 0;
  line-height: 150%;
  color: #3d4144;
}
#business-empower .in .content .item p {
  line-height: 157%;
  padding: 16px 0 0 0;
  color: #60607a;
}
#business-empower .in .content .item ul {
  padding: 10px 0 0 0;
}
#business-empower .in .content .item ul li {
  line-height: 143%;
  color: #60607a;
}
#business-empower .in .content .item.step-1:before {
  content: '';
  position: absolute;
  width: 2px;
  height: calc(100% - 38px);
  background: #e3e4e9;
  display: block;
  top: 68px;
  left: calc((56px - 2px) / 2);
}
#business-empower .in .content .item.step-1 h3:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-step-1.svg') no-repeat center center;
  background-size: cover;
}
#business-empower .in .content .item.step-2 {
  margin: 48px 0 0 0;
}
#business-empower .in .content .item.step-2 h3:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-step-2.svg') no-repeat center center;
  background-size: cover;
}
#business-empower .in .content .more {
  padding: 32px 0 0 0;
}
#business-empower .in .integrations ul {
  padding: 28px 0 0 0;
  display: flex;
  flex-wrap: wrap;
}
#business-empower .in .integrations ul li {
  padding: 0;
  width: 88px;
  margin: 12px calc((100% - (88px * 3)) / 2) 0 0;
}
#business-empower .in .integrations ul li:nth-child(3n+0) {
  margin-right: 0;
}
#business-empower .in .integrations ul li:before {
  display: none;
}
#business-empower .in .integrations ul li i {
  width: 88px;
  display: block;
  height: 88px;
}
#business-enterprise {
  margin: 56px 0 0 0;
}
#business-enterprise .in.dark {
  padding-bottom: 56px;
}
#business-enterprise .in.dark a {
  color: #fff;
}
#business-enterprise .in.dark .content .item {
  padding: 40px 0 0 0;
}
#business-enterprise .in.dark .content .item .icons {
  padding: 0;
  display: flex;
}
#business-enterprise .in.dark .content .item .icons i {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 16px 0 0;
}
#business-enterprise .in.dark .content .item .icons i.sso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-sso.svg') no-repeat center center;
  background-size: cover;
}
#business-enterprise .in.dark .content .item .icons i.digicert {
  width: 91px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-digicert.svg') no-repeat center center;
  background-size: cover;
}
#business-enterprise .in.dark .content .item .icons i.iso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-iso.svg') no-repeat center center;
  background-size: cover;
}
#business-enterprise .in.dark .content .item .icons i.gdpr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-gdpr.svg') no-repeat center center;
  background-size: cover;
}
#business-enterprise .in.dark .content .item .icons i.secure {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-secure.svg') no-repeat center center;
  background-size: cover;
}
#business-enterprise .in.dark .content .item .desc h3 {
  padding: 24px 0 0 0;
  font-size: 16px;
  line-height: 150%;
  font-family: 'Inter Medium', sans-serif;
}
#business-enterprise .in.dark .content .item .desc p {
  padding: 8px 0 0 0;
}
#business-enterprise .in.dark .content .more {
  padding: 40px 0 0 0;
}
#business-enterprise .in.dark .content .more .cta-more {
  color: #ca9a43;
}
#business-references .in h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
}
#business-references .in .rated {
  padding: 72px 0 0 0;
}
#business-references .in .rated h2 {
  padding: 0;
}
#business-references .in .rated h2 span {
  display: inline;
  color: #000;
}
#business-references .in .rated p {
  padding: 16px 0 0 0;
}
#business-references .in .rated p.more {
  padding: 24px 0 0 0;
}
#business-references .in .rated .badges ul {
  padding: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#business-references .in .rated .badges ul li {
  padding: 0;
}
#business-references .in .rated .badges ul li:before {
  display: none;
}
#business-references .in .rated .badges ul li i {
  width: 80px;
  height: 80px;
  display: block;
}
#business-references .in .reviews {
  padding: 72px 0 0 0;
  position: relative;
}
#business-references .in .reviews h2 {
  padding: 0;
}
#business-references .in .reviews .list {
  text-align: center;
  margin: 32px 0 0 0;
  position: relative;
  box-sizing: border-box;
  width: calc(100% + 56px);
  left: -40px;
  padding: 48px 32px 86px 32px;
  border-radius: 24px;
  border: 1px solid #e3e4e9;
}
#business-references .in .reviews .list ul {
  padding: 0;
}
#business-references .in .reviews .list ul li {
  padding: 0;
}
#business-references .in .reviews .list ul li:before {
  display: none;
}
#business-references .in .reviews .list ul li .text {
  padding: 0;
  font-size: 18px;
  line-height: 167%;
  color: #000;
}
#business-references .in .reviews .list ul li .image {
  margin: 24px 0 0 0;
}
#business-references .in .reviews .list ul li .image img {
  width: 72px;
  height: 72px;
  border-radius: 100%;
}
#business-references .in .reviews .list ul li .author {
  padding: 16px 0 0 0;
  color: #000;
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#business-references .in .reviews .list ul li .author span {
  display: block;
  color: #60607a;
  font-family: 'Inter Regular', sans-serif;
  font-size: 13px;
  line-height: 154%;
}
#business-references .in .reviews .list ul li .logo {
  margin: 24px 0 0 0;
}
#business-references .in .reviews .list ul li .logo i {
  display: block;
  width: 104px;
  height: 43px;
  margin: 0 auto;
}
#business-references .in .reviews .paging {
  position: absolute;
  width: calc(100% + 56px);
  left: -40px;
  bottom: 24px;
}
#business-references .in .reviews .paging ul {
  padding: 0;
  display: flex;
  justify-content: center;
}
#business-references .in .reviews .paging ul li {
  padding: 0 8px 0 0;
}
#business-references .in .reviews .paging ul li:last-child {
  padding: 0;
}
#business-references .in .reviews .paging ul li:before {
  display: none;
}
#business-references .in .reviews .paging ul li a,
#business-references .in .reviews .paging ul li span {
  display: flex;
  cursor: pointer;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
}
#business-references .in .reviews .paging ul li a i,
#business-references .in .reviews .paging ul li span i {
  display: block;
  width: 8px;
  transition: background 0.5s;
  height: 8px;
  border-radius: 100%;
  background: #e3e4e9;
}
#business-references .in .reviews .paging ul li a.active i,
#business-references .in .reviews .paging ul li span.active i {
  background: #000;
}
#business-references .in .use-case-highlight .use-case-highlight-cta-more {
  color: #bd944a !important;
}
#business-references .in .use-case-highlight .use-case-highlight-cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-gold.svg') no-repeat center center;
  background-size: cover;
}
#business-references .in .use-case-highlight.type-a:before {
  background: #bd944a;
}
#business-references.home-go-005 .in .cta-more,
#business-references.home-go-006 .in .cta-more {
  color: #2030c2;
  padding: 0 32px 0 0;
  font-size: 18px;
}
#business-references.home-go-005 .in .cta-more:before,
#business-references.home-go-006 .in .cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/home/icon-right-blueberry.svg') no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
}
#business-software .in {
  padding-bottom: 32px;
}
#business-software .in .content h2 {
  padding: 72px 0 0 0;
}
#business-software .in .content p.parex {
  padding: 16px 0 0 0;
}
#business-software .in .content .desc {
  position: relative;
  max-height: 225px;
  overflow: hidden;
  transition: max-height 0.2s;
  margin: 32px 0 0 0;
}
#business-software .in .content .desc:before {
  content: '';
  position: absolute;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 70%);
  display: block;
  width: 100%;
  height: 134px;
  z-index: 1;
  left: 0;
  bottom: 0;
}
#business-software .in .content .desc p {
  padding: 0;
}
#business-software .in .content .desc .cols p {
  padding: 24px 0 0 0;
}
#business-software .in .content .desc .cols p.highlight {
  font-family: 'Inter Medium', sans-serif;
  color: #000;
}
#business-software .in .content .desc .more {
  padding: 0;
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  cursor: pointer;
}
#business-software .in .content .desc .more i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-down.svg') no-repeat center center;
  background-size: cover;
  display: block;
  width: 16px;
  transition: transform 0.2s;
  height: 16px;
  margin: 0 8px 0 0;
}
#business-software .in .content .desc .more span {
  color: #bd944a;
  transition: color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.01em;
}
#business-software .in .content .desc.show {
  overflow: visible;
  max-height: 1000px;
}
#business-software .in .content .desc.show:before {
  display: none;
}
#business-software .in .content .desc.show .more {
  display: none;
}
#business-software .in .image {
  margin: 40px 0 0 0;
  width: 360px;
  height: 554px;
  position: relative;
  left: calc((100% - 384px)/2);
}
#business-software .in .image picture {
  display: flex;
  flex-direction: column;
}
.no-touch #business-headline .in a:hover,
.no-touch #business-overview .in a:hover,
.no-touch #business-expert .in a:hover,
.no-touch #business-flexibility .in a:hover,
.no-touch #business-omni .in a:hover,
.no-touch #business-real .in a:hover,
.no-touch #business-custom .in a:hover,
.no-touch #business-started .in a:hover,
.no-touch #business-action .in a:hover,
.no-touch #business-seamless .in a:hover,
.no-touch #business-empower .in a:hover,
.no-touch #business-enterprise .in a:hover,
.no-touch #business-references .in a:hover,
.no-touch #business-software .in a:hover {
  color: #a67516;
}
.no-touch #business-headline .in .button:hover,
.no-touch #business-overview .in .button:hover,
.no-touch #business-expert .in .button:hover,
.no-touch #business-flexibility .in .button:hover,
.no-touch #business-omni .in .button:hover,
.no-touch #business-real .in .button:hover,
.no-touch #business-custom .in .button:hover,
.no-touch #business-started .in .button:hover,
.no-touch #business-action .in .button:hover,
.no-touch #business-seamless .in .button:hover,
.no-touch #business-empower .in .button:hover,
.no-touch #business-enterprise .in .button:hover,
.no-touch #business-references .in .button:hover,
.no-touch #business-software .in .button:hover,
.no-touch #business-headline .in .button:active,
.no-touch #business-overview .in .button:active,
.no-touch #business-expert .in .button:active,
.no-touch #business-flexibility .in .button:active,
.no-touch #business-omni .in .button:active,
.no-touch #business-real .in .button:active,
.no-touch #business-custom .in .button:active,
.no-touch #business-started .in .button:active,
.no-touch #business-action .in .button:active,
.no-touch #business-seamless .in .button:active,
.no-touch #business-empower .in .button:active,
.no-touch #business-enterprise .in .button:active,
.no-touch #business-references .in .button:active,
.no-touch #business-software .in .button:active {
  background: #9b6400;
  color: #fff;
}
.no-touch #business-headline .in .button:hover.outline,
.no-touch #business-overview .in .button:hover.outline,
.no-touch #business-expert .in .button:hover.outline,
.no-touch #business-flexibility .in .button:hover.outline,
.no-touch #business-omni .in .button:hover.outline,
.no-touch #business-real .in .button:hover.outline,
.no-touch #business-custom .in .button:hover.outline,
.no-touch #business-started .in .button:hover.outline,
.no-touch #business-action .in .button:hover.outline,
.no-touch #business-seamless .in .button:hover.outline,
.no-touch #business-empower .in .button:hover.outline,
.no-touch #business-enterprise .in .button:hover.outline,
.no-touch #business-references .in .button:hover.outline,
.no-touch #business-software .in .button:hover.outline,
.no-touch #business-headline .in .button:active.outline,
.no-touch #business-overview .in .button:active.outline,
.no-touch #business-expert .in .button:active.outline,
.no-touch #business-flexibility .in .button:active.outline,
.no-touch #business-omni .in .button:active.outline,
.no-touch #business-real .in .button:active.outline,
.no-touch #business-custom .in .button:active.outline,
.no-touch #business-started .in .button:active.outline,
.no-touch #business-action .in .button:active.outline,
.no-touch #business-seamless .in .button:active.outline,
.no-touch #business-empower .in .button:active.outline,
.no-touch #business-enterprise .in .button:active.outline,
.no-touch #business-references .in .button:active.outline,
.no-touch #business-software .in .button:active.outline {
  background: #101010;
  border-color: #fff;
}
.no-touch #business-headline .in .cta-more:hover,
.no-touch #business-overview .in .cta-more:hover,
.no-touch #business-expert .in .cta-more:hover,
.no-touch #business-flexibility .in .cta-more:hover,
.no-touch #business-omni .in .cta-more:hover,
.no-touch #business-real .in .cta-more:hover,
.no-touch #business-custom .in .cta-more:hover,
.no-touch #business-started .in .cta-more:hover,
.no-touch #business-action .in .cta-more:hover,
.no-touch #business-seamless .in .cta-more:hover,
.no-touch #business-empower .in .cta-more:hover,
.no-touch #business-enterprise .in .cta-more:hover,
.no-touch #business-references .in .cta-more:hover,
.no-touch #business-software .in .cta-more:hover {
  color: #9b6400;
}
.no-touch #business-headline .in .cta-more:hover:before,
.no-touch #business-overview .in .cta-more:hover:before,
.no-touch #business-expert .in .cta-more:hover:before,
.no-touch #business-flexibility .in .cta-more:hover:before,
.no-touch #business-omni .in .cta-more:hover:before,
.no-touch #business-real .in .cta-more:hover:before,
.no-touch #business-custom .in .cta-more:hover:before,
.no-touch #business-started .in .cta-more:hover:before,
.no-touch #business-action .in .cta-more:hover:before,
.no-touch #business-seamless .in .cta-more:hover:before,
.no-touch #business-empower .in .cta-more:hover:before,
.no-touch #business-enterprise .in .cta-more:hover:before,
.no-touch #business-references .in .cta-more:hover:before,
.no-touch #business-software .in .cta-more:hover:before {
  right: -8px;
}
.no-touch #business-overview .in .solutions .list ul li a:hover {
  color: #000;
}
.no-touch #business-flexibility .in a:hover {
  color: #a67516;
}
.no-touch #business-real .in.dark .reports .list ul li a.link:hover span {
  color: #9b6400;
}
.no-touch #business-enterprise .in.dark .content .more .cta-more:hover {
  color: #9b6400;
}
.no-touch #business-references .in .reviews .paging ul li a:hover i,
.no-touch #business-references .in .reviews .paging ul li span:hover i {
  background: #000;
}
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:hover,
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:active {
  color: #000 !important;
}
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:hover:before,
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:active {
  color: #bd944a !important;
}
.no-touch #business-references .in .use-case-highlight .use-case-highlight-cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-gold.svg') no-repeat center center;
  background-size: cover !important;
}
.no-touch #business-references.home-go-005 .in .cta-more:hover,
.no-touch #business-references.home-go-006 .in .cta-more:hover {
  color: #2030c2;
}
.no-touch #business-software .in .content .desc .more:hover span {
  color: #9b6400;
}
@media only screen and (min-width: 480px) {
  #business-headline .in.dark,
  #business-overview .in.dark,
  #business-expert .in.dark,
  #business-flexibility .in.dark,
  #business-omni .in.dark,
  #business-real .in.dark,
  #business-custom .in.dark,
  #business-started .in.dark,
  #business-action .in.dark,
  #business-seamless .in.dark,
  #business-empower .in.dark,
  #business-enterprise .in.dark,
  #business-references .in.dark,
  #business-software .in.dark {
    left: 0;
    padding: 64px 24px 40px 48px;
    width: 430px;
    position: static;
    background: none;
  }
  #business-headline .in.dark:before,
  #business-overview .in.dark:before,
  #business-expert .in.dark:before,
  #business-flexibility .in.dark:before,
  #business-omni .in.dark:before,
  #business-real .in.dark:before,
  #business-custom .in.dark:before,
  #business-started .in.dark:before,
  #business-action .in.dark:before,
  #business-seamless .in.dark:before,
  #business-empower .in.dark:before,
  #business-enterprise .in.dark:before,
  #business-references .in.dark:before,
  #business-software .in.dark:before {
    content: '';
    display: block;
    width: calc(100% - 48px);
    height: 100%;
    background: #101010;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: -1;
  }
  #business-headline .in.light,
  #business-overview .in.light,
  #business-expert .in.light,
  #business-flexibility .in.light,
  #business-omni .in.light,
  #business-real .in.light,
  #business-custom .in.light,
  #business-started .in.light,
  #business-action .in.light,
  #business-seamless .in.light,
  #business-empower .in.light,
  #business-enterprise .in.light,
  #business-references .in.light,
  #business-software .in.light {
    left: 0;
    width: 430px;
    position: static;
    background: none;
    overflow: visible;
  }
  #business-headline .in.light:before,
  #business-overview .in.light:before,
  #business-expert .in.light:before,
  #business-flexibility .in.light:before,
  #business-omni .in.light:before,
  #business-real .in.light:before,
  #business-custom .in.light:before,
  #business-started .in.light:before,
  #business-action .in.light:before,
  #business-seamless .in.light:before,
  #business-empower .in.light:before,
  #business-enterprise .in.light:before,
  #business-references .in.light:before,
  #business-software .in.light:before {
    content: '';
    display: block;
    width: calc(100% - 48px);
    height: 100%;
    background: #f2f2f2;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: -1;
  }
  #business-started .in.dark,
  #business-action .in.dark {
    padding: 128px 40px 48px 40px;
  }
  #business-seamless .in:after {
    content: '';
    display: block;
    height: 100%;
    background: #fff;
    width: 24px;
    position: absolute;
    top: 0;
    right: 0;
  }
  #business-seamless .in .content .toggles .item:after {
    width: 100%;
  }
  #business-references.home-go-005 .in,
  #business-references.home-go-006 .in {
    padding: 0;
  }
  #business-references.home-go-005 .in .reviews .list,
  #business-references.home-go-006 .in .reviews .list {
    width: 100%;
    left: auto;
  }
}
@media only screen and (min-width: 768px) {
  #business-headline .in,
  #business-overview .in,
  #business-expert .in,
  #business-flexibility .in,
  #business-omni .in,
  #business-real .in,
  #business-custom .in,
  #business-started .in,
  #business-action .in,
  #business-seamless .in,
  #business-empower .in,
  #business-enterprise .in,
  #business-references .in,
  #business-software .in {
    width: 678px;
    padding: 0;
  }
  #business-headline .in h1,
  #business-overview .in h1,
  #business-expert .in h1,
  #business-flexibility .in h1,
  #business-omni .in h1,
  #business-real .in h1,
  #business-custom .in h1,
  #business-started .in h1,
  #business-action .in h1,
  #business-seamless .in h1,
  #business-empower .in h1,
  #business-enterprise .in h1,
  #business-references .in h1,
  #business-software .in h1 {
    font-size: 42px;
  }
  #business-headline .in h2,
  #business-overview .in h2,
  #business-expert .in h2,
  #business-flexibility .in h2,
  #business-omni .in h2,
  #business-real .in h2,
  #business-custom .in h2,
  #business-started .in h2,
  #business-action .in h2,
  #business-seamless .in h2,
  #business-empower .in h2,
  #business-enterprise .in h2,
  #business-references .in h2,
  #business-software .in h2 {
    font-size: 39px;
  }
  #business-headline .in .button,
  #business-overview .in .button,
  #business-expert .in .button,
  #business-flexibility .in .button,
  #business-omni .in .button,
  #business-real .in .button,
  #business-custom .in .button,
  #business-started .in .button,
  #business-action .in .button,
  #business-seamless .in .button,
  #business-empower .in .button,
  #business-enterprise .in .button,
  #business-references .in .button,
  #business-software .in .button {
    display: inline-flex;
  }
  #business-headline .in.dark,
  #business-overview .in.dark,
  #business-expert .in.dark,
  #business-flexibility .in.dark,
  #business-omni .in.dark,
  #business-real .in.dark,
  #business-custom .in.dark,
  #business-started .in.dark,
  #business-action .in.dark,
  #business-seamless .in.dark,
  #business-empower .in.dark,
  #business-enterprise .in.dark,
  #business-references .in.dark,
  #business-software .in.dark {
    width: 678px;
    padding: 64px 0 40px 0;
  }
  #business-headline .in.dark:before,
  #business-overview .in.dark:before,
  #business-expert .in.dark:before,
  #business-flexibility .in.dark:before,
  #business-omni .in.dark:before,
  #business-real .in.dark:before,
  #business-custom .in.dark:before,
  #business-started .in.dark:before,
  #business-action .in.dark:before,
  #business-seamless .in.dark:before,
  #business-empower .in.dark:before,
  #business-enterprise .in.dark:before,
  #business-references .in.dark:before,
  #business-software .in.dark:before {
    width: calc(100% - 16px);
    left: 8px;
  }
  #business-headline .in.light,
  #business-overview .in.light,
  #business-expert .in.light,
  #business-flexibility .in.light,
  #business-omni .in.light,
  #business-real .in.light,
  #business-custom .in.light,
  #business-started .in.light,
  #business-action .in.light,
  #business-seamless .in.light,
  #business-empower .in.light,
  #business-enterprise .in.light,
  #business-references .in.light,
  #business-software .in.light {
    width: 678px;
    padding: 64px 0 40px 0;
    position: static;
    background: none;
  }
  #business-headline .in.light:before,
  #business-overview .in.light:before,
  #business-expert .in.light:before,
  #business-flexibility .in.light:before,
  #business-omni .in.light:before,
  #business-real .in.light:before,
  #business-custom .in.light:before,
  #business-started .in.light:before,
  #business-action .in.light:before,
  #business-seamless .in.light:before,
  #business-empower .in.light:before,
  #business-enterprise .in.light:before,
  #business-references .in.light:before,
  #business-software .in.light:before {
    width: calc(100% - 16px);
    left: 8px;
  }
  #business-headline {
    background: none;
  }
  #business-headline:before {
    width: 600px;
    content: '';
    position: absolute;
    display: block;
    height: 600px;
    bottom: 0;
    left: calc(((100% - 600px) / 2) + (152px / 2));
    border-radius: 24px;
  }
  #business-headline:after {
    content: '';
    background: #fff;
    width: 10000px;
    display: block;
    right: -9992px;
    height: 100%;
    position: absolute;
    top: 0;
  }
  #business-headline .in {
    padding: 72px 0 72px 0;
    position: static;
  }
  #business-headline .in:before {
    content: '';
    display: block;
    width: calc(100% - 16px);
    height: 100%;
    background: #101010;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: -1;
  }
  #business-headline .in .content {
    width: 50%;
    position: relative;
    z-index: 1;
  }
  #business-headline .in .content h1 {
    padding: 0;
  }
  #business-headline .in .content h1 span {
    white-space: nowrap;
    height: 45px;
  }
  #business-headline .in .content h1 span br {
    display: none;
  }
  #business-headline .in .content p.buttons {
    padding: 16px 0 0 0;
  }
  #business-headline .in .content p.buttons .button {
    margin: 16px 16px 0 0;
  }
  #business-headline .in .content p.buttons .button:last-child {
    margin-right: 0;
  }
  #business-headline .in .content p.icons {
    padding: 48px 0 0 0;
    display: flex;
  }
  #business-headline .in .content p.icons i {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 32px 0 0;
  }
  #business-headline .in .content p.icons i:last-child {
    margin: 0;
  }
  #business-headline .in .content p.icons i.iso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-iso.svg') no-repeat center center;
    background-size: cover;
  }
  #business-headline .in .content p.icons i.gdpr {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-gdpr.svg') no-repeat center center;
    background-size: cover;
  }
  #business-headline .in .content p.icons i.sso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-sso.svg') no-repeat center center;
    background-size: cover;
  }
  #business-headline .in .content .badge {
    width: 108px;
    display: block;
    height: 108px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/badge-crozdesk-quality-choice-2022-white.png') no-repeat center center;
    background-size: cover;
    position: absolute;
    bottom: -29px;
    z-index: 1;
    right: -116px;
  }
  #business-headline .in.en,
  #business-headline .in.uk,
  #business-headline .in.da {
    background: none;
  }
  #business-headline .in.cs {
    background: none;
  }
  #business-headline .in.de {
    background: none;
  }
  #business-headline .in.es {
    background: none;
  }
  #business-headline .in.fr {
    background: none;
  }
  #business-headline .in.pl {
    background: none;
  }
  #business-headline .in.no {
    background: none;
  }
  #business-headline .in.nl {
    background: none;
  }
  #business-headline .in.it {
    background: none;
  }
  #business-headline .in.fi {
    background: none;
  }
  #business-headline .in.sv {
    background: none;
  }
  #business-headline .in.br {
    background: none;
  }
  #business-overview .in {
    text-align: center;
  }
  #business-overview .in .toggles {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #business-overview .in .toggles .item {
    padding: 0;
    flex: 0 1 45%;
    margin: 40px 0 0 0;
    text-align: left;
  }
  #business-overview .in .toggles .item:after {
    display: none;
  }
  #business-overview .in .toggles .item h3 {
    padding: 0 0 0 72px;
    cursor: default;
    height: 48px;
  }
  #business-overview .in .toggles .item h3 i {
    display: none;
  }
  #business-overview .in .toggles .item p {
    padding: 16px 0 0 0;
  }
  #business-overview .in .toggles .item .list {
    display: block;
  }
  #business-expert .in {
    text-align: center;
  }
  #business-expert .in .content h2 {
    padding: 88px 0 0 0;
  }
  #business-flexibility:before,
  #business-flexibility:after {
    content: '';
    background: #fff;
    width: 10000px;
    display: block;
    left: -9992px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  #business-flexibility:after {
    left: auto;
    right: -9992px;
  }
  #business-flexibility .in {
    overflow: visible;
  }
  #business-flexibility .in .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
  }
  #business-flexibility .in .item .content {
    flex: 0 1 50%;
  }
  #business-flexibility .in .item.flexibility .image {
    left: auto;
    right: -180px;
    margin: 0;
    position: absolute;
  }
  #business-flexibility .in .item.flexibility .image picture {
    display: flex;
    flex-direction: column;
  }
  #business-flexibility .in .item.mobile {
    flex-direction: row-reverse;
  }
  #business-flexibility .in .item.mobile .image {
    margin: 0;
    left: -48px;
  }
  #business-omni .in {
    display: flex;
  }
  #business-omni .in .content {
    flex: 0 1 50%;
  }
  #business-omni .in .image {
    left: auto;
    right: -124px;
    margin: 56px 0 0 0;
    position: absolute;
  }
  #business-real:before {
    content: '';
    background: #fff;
    width: 10000px;
    display: block;
    left: -9992px;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
  }
  #business-real .in.dark .holder {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    flex-direction: row-reverse;
  }
  #business-real .in.dark .holder .content {
    flex: 0 1 50%;
  }
  #business-real .in.dark .holder .image {
    left: -48px;
    margin: 0 0 0 0;
    position: absolute;
  }
  #business-real .in.dark .reports {
    text-align: center;
  }
  #business-real .in.dark .reports h3 {
    padding: 86px 0 0 0;
  }
  #business-real .in.dark .reports .list ul li {
    flex: 0 1 12.5%;
    margin: 0;
  }
  #business-custom .in .holder {
    display: flex;
    flex-wrap: wrap;
  }
  #business-custom .in .holder h2 {
    flex: 0 1 50%;
  }
  #business-custom .in .holder .content {
    flex: 0 1 50%;
  }
  #business-custom .in .needs {
    flex: 0 1 100%;
  }
  #business-custom .in .needs h3 {
    text-align: center;
  }
  #business-custom .in .needs h3 span {
    color: #bd944a;
  }
  #business-custom .in .needs .list {
    left: 0;
    width: 100%;
  }
  #business-custom .in .needs .list ul {
    display: flex;
    justify-content: space-between;
  }
  #business-custom .in .needs .list ul li {
    flex: 0 1 31%;
    padding: 32px;
  }
  #business-custom .in .needs .more {
    text-align: center;
  }
  #business-started .in.dark,
  #business-action .in.dark {
    padding: 48px 40px;
  }
  #business-started .in.dark:before,
  #business-action .in.dark:before {
    width: 678px;
    left: calc((100% - 678px) / 2);
  }
  #business-started .in.dark .content,
  #business-action .in.dark .content {
    padding: 0 170px 0 0;
  }
  #business-started .in.dark .content p.buttons .button,
  #business-action .in.dark .content p.buttons .button {
    margin: 16px 16px 0 0;
  }
  #business-started .in.dark .content p.buttons .button:last-child,
  #business-action .in.dark .content p.buttons .button:last-child {
    margin-right: 0;
  }
  #business-started .in.dark .content .badge,
  #business-action .in.dark .content .badge {
    left: auto;
    right: 0;
    top: calc((100% - 104px) / 2);
  }
  #business-seamless .in:after {
    display: none;
  }
  #business-seamless .in .content .toggles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #business-seamless .in .content .toggles .item {
    flex: 0 1 30%;
  }
  #business-seamless .in .content .toggles .item:after {
    display: none;
  }
  #business-seamless .in .content .toggles .item h3 {
    cursor: default;
  }
  #business-seamless .in .content .toggles .item h3 i {
    display: none;
  }
  #business-seamless .in .content .toggles .item .desc {
    display: block;
  }
  #business-seamless .in .image {
    width: 738px;
    left: -30px;
    height: 382px;
  }
  #business-empower .in .integrations ul {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #business-empower .in .integrations ul li {
    margin: 12px 0 0 0;
    width: 75px;
  }
  #business-empower .in .integrations ul li i {
    width: 75px;
    height: 75px;
  }
  #business-enterprise .in.dark .content .item {
    display: flex;
    justify-content: center;
  }
  #business-enterprise .in.dark .content .item .icons {
    padding: 0 64px 0 0;
    flex: 0 1 163px;
    justify-content: flex-end;
  }
  #business-enterprise .in.dark .content .item .icons i:last-child {
    margin: 0;
  }
  #business-enterprise .in.dark .content .item .desc {
    flex: 0 1 44%;
  }
  #business-enterprise .in.dark .content .item .desc h3 {
    padding: 0;
  }
  #business-enterprise .in.dark .content .item:first-child .icons {
    flex-direction: row-reverse;
  }
  #business-enterprise .in.dark .content .item:first-child .icons i {
    margin: 0 16px 0 0;
  }
  #business-enterprise .in.dark .content .item:first-child .icons i:first-child {
    margin: 0;
  }
  #business-references .in {
    text-align: center;
  }
  #business-references .in .rated .badges ul {
    justify-content: center;
  }
  #business-references .in .rated .badges ul li {
    padding: 0 88px 0 0;
  }
  #business-references .in .rated .badges ul li:last-child {
    padding: 0;
  }
  #business-references .in .rated .badges ul li i {
    width: 104px;
    height: 104px;
  }
  #business-references .in .reviews .list {
    width: 100%;
    left: auto;
  }
  #business-references .in .reviews .paging {
    width: 100%;
    left: auto;
  }
  #business-references .in .use-case-highlight {
    text-align: left;
  }
  #business-references.home-go-005 .in,
  #business-references.home-go-006 .in {
    width: 432px;
    text-align: left;
  }
  #business-references.home-go-005 .in .rated h2,
  #business-references.home-go-006 .in .rated h2 {
    font-size: 21px;
    line-height: 124%;
  }
  #business-references.home-go-005 .in .rated .badges ul,
  #business-references.home-go-006 .in .rated .badges ul {
    justify-content: space-between;
  }
  #business-references.home-go-005 .in .rated .badges ul li,
  #business-references.home-go-006 .in .rated .badges ul li {
    padding: 0;
  }
  #business-references.home-go-005 .in .rated .badges ul li i,
  #business-references.home-go-006 .in .rated .badges ul li i {
    width: 80px;
    height: 80px;
  }
  #business-references.home-go-005 .in .reviews h2,
  #business-references.home-go-006 .in .reviews h2 {
    font-size: 21px;
    line-height: 124%;
  }
  #business-software .in {
    display: flex;
    flex-direction: row-reverse;
  }
  #business-software .in .content {
    flex: 0 1 50%;
  }
  #business-software .in .image {
    left: -23px;
    width: 305px;
    height: 469px;
    margin: 80px 0 0 0;
    position: absolute;
  }
  #business-software .in .image picture {
    display: flex;
    flex-direction: column;
  }
  body.en #business-headline:before,
  body.uk #business-headline:before,
  body.da #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-en.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.cs #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-cs.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.de #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-de.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.es #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-es.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.fr #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fr.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.pl #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-pl.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.no #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-no.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.nl #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-nl.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.it #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-it.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.fi #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fi.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.sv #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-sv.jpg') no-repeat 108px center;
    background-size: cover;
  }
  body.br #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-br.jpg') no-repeat 108px center;
    background-size: cover;
  }
}
@media only screen and (min-width: 844px) {
  #business-references.home-go-005 .in,
  #business-references.home-go-006 .in {
    width: 752px;
    text-align: center;
  }
  #business-references.home-go-005 .in .rated h2,
  #business-references.home-go-006 .in .rated h2 {
    font-size: 24px;
    line-height: 125%;
  }
  #business-references.home-go-005 .in .rated .badges ul,
  #business-references.home-go-006 .in .rated .badges ul {
    justify-content: center;
  }
  #business-references.home-go-005 .in .rated .badges ul li,
  #business-references.home-go-006 .in .rated .badges ul li {
    padding: 0 88px 0 0;
  }
  #business-references.home-go-005 .in .rated .badges ul li:last-child,
  #business-references.home-go-006 .in .rated .badges ul li:last-child {
    padding: 0;
  }
  #business-references.home-go-005 .in .rated .badges ul li i,
  #business-references.home-go-006 .in .rated .badges ul li i {
    width: 104px;
    height: 104px;
  }
  #business-references.home-go-005 .in .reviews h2,
  #business-references.home-go-006 .in .reviews h2 {
    font-size: 24px;
    line-height: 125%;
  }
}
@media only screen and (min-width: 1080px) {
  #business-references.home-go-005 .in,
  #business-references.home-go-006 .in {
    width: 752px;
    text-align: center;
  }
  #business-references.home-go-005 .in .rated .more .cta-more,
  #business-references.home-go-006 .in .rated .more .cta-more {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 125%;
    padding: 0 40px 0 0;
  }
  #business-references.home-go-005 .in .rated .more .cta-more:before,
  #business-references.home-go-006 .in .rated .more .cta-more:before {
    width: 32px;
    height: 32px;
  }
}
@media only screen and (min-width: 1216px) {
  #business-references.home-go-005 .in,
  #business-references.home-go-006 .in {
    width: 1168px;
  }
  #business-references.home-go-005 .in .rated,
  #business-references.home-go-006 .in .rated {
    padding: 104px 0 0 0;
  }
  #business-references.home-go-005 .in .rated h2,
  #business-references.home-go-006 .in .rated h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #business-references.home-go-005 .in .rated h2 span,
  #business-references.home-go-006 .in .rated h2 span {
    color: #000;
  }
  #business-references.home-go-005 .in .rated p.desc,
  #business-references.home-go-006 .in .rated p.desc {
    padding: 16px 17% 0 17%;
    font-size: 18px;
    line-height: 167%;
  }
  #business-references.home-go-005 .in .rated p.more,
  #business-references.home-go-006 .in .rated p.more {
    padding: 32px 0 0 0;
  }
  #business-references.home-go-005 .in .rated .badges ul,
  #business-references.home-go-006 .in .rated .badges ul {
    padding: 48px 0 0 0;
  }
  #business-references.home-go-005 .in .reviews,
  #business-references.home-go-006 .in .reviews {
    padding: 120px 0 0 0;
  }
  #business-references.home-go-005 .in .reviews h2,
  #business-references.home-go-006 .in .reviews h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #business-references.home-go-005 .in .reviews .list,
  #business-references.home-go-006 .in .reviews .list {
    padding: 0;
    margin: 54px 0 0 0;
    border-radius: 0;
    border: 0;
  }
  #business-references.home-go-005 .in .reviews .list ul,
  #business-references.home-go-006 .in .reviews .list ul {
    display: flex;
    justify-content: space-between;
  }
  #business-references.home-go-005 .in .reviews .list ul li,
  #business-references.home-go-006 .in .reviews .list ul li {
    box-sizing: border-box;
    padding: 48px 32px;
    flex: 0 1 31.4%;
    border: 1px solid #e3e4e9;
    border-radius: 24px;
  }
  #business-references.home-go-005 .in .reviews .paging,
  #business-references.home-go-006 .in .reviews .paging {
    display: none;
  }
}
@media only screen and (min-width: 1280px) {
  #business-headline .in,
  #business-overview .in,
  #business-expert .in,
  #business-flexibility .in,
  #business-omni .in,
  #business-real .in,
  #business-custom .in,
  #business-started .in,
  #business-action .in,
  #business-seamless .in,
  #business-empower .in,
  #business-enterprise .in,
  #business-references .in,
  #business-software .in {
    width: 1120px;
  }
  #business-headline .in h1,
  #business-overview .in h1,
  #business-expert .in h1,
  #business-flexibility .in h1,
  #business-omni .in h1,
  #business-real .in h1,
  #business-custom .in h1,
  #business-started .in h1,
  #business-action .in h1,
  #business-seamless .in h1,
  #business-empower .in h1,
  #business-enterprise .in h1,
  #business-references .in h1,
  #business-software .in h1 {
    font-size: 58px;
  }
  #business-headline .in h2,
  #business-overview .in h2,
  #business-expert .in h2,
  #business-flexibility .in h2,
  #business-omni .in h2,
  #business-real .in h2,
  #business-custom .in h2,
  #business-started .in h2,
  #business-action .in h2,
  #business-seamless .in h2,
  #business-empower .in h2,
  #business-enterprise .in h2,
  #business-references .in h2,
  #business-software .in h2 {
    font-size: 58px;
    line-height: 110%;
  }
  #business-headline .in p.parex,
  #business-overview .in p.parex,
  #business-expert .in p.parex,
  #business-flexibility .in p.parex,
  #business-omni .in p.parex,
  #business-real .in p.parex,
  #business-custom .in p.parex,
  #business-started .in p.parex,
  #business-action .in p.parex,
  #business-seamless .in p.parex,
  #business-empower .in p.parex,
  #business-enterprise .in p.parex,
  #business-references .in p.parex,
  #business-software .in p.parex {
    font-size: 18px;
    line-height: 167%;
  }
  #business-headline .in.dark,
  #business-overview .in.dark,
  #business-expert .in.dark,
  #business-flexibility .in.dark,
  #business-omni .in.dark,
  #business-real .in.dark,
  #business-custom .in.dark,
  #business-started .in.dark,
  #business-action .in.dark,
  #business-seamless .in.dark,
  #business-empower .in.dark,
  #business-enterprise .in.dark,
  #business-references .in.dark,
  #business-software .in.dark {
    width: 1120px;
  }
  #business-headline .in.dark:before,
  #business-overview .in.dark:before,
  #business-expert .in.dark:before,
  #business-flexibility .in.dark:before,
  #business-omni .in.dark:before,
  #business-real .in.dark:before,
  #business-custom .in.dark:before,
  #business-started .in.dark:before,
  #business-action .in.dark:before,
  #business-seamless .in.dark:before,
  #business-empower .in.dark:before,
  #business-enterprise .in.dark:before,
  #business-references .in.dark:before,
  #business-software .in.dark:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #business-headline .in.light,
  #business-overview .in.light,
  #business-expert .in.light,
  #business-flexibility .in.light,
  #business-omni .in.light,
  #business-real .in.light,
  #business-custom .in.light,
  #business-started .in.light,
  #business-action .in.light,
  #business-seamless .in.light,
  #business-empower .in.light,
  #business-enterprise .in.light,
  #business-references .in.light,
  #business-software .in.light {
    width: 1120px;
  }
  #business-headline .in.light:before,
  #business-overview .in.light:before,
  #business-expert .in.light:before,
  #business-flexibility .in.light:before,
  #business-omni .in.light:before,
  #business-real .in.light:before,
  #business-custom .in.light:before,
  #business-started .in.light:before,
  #business-action .in.light:before,
  #business-seamless .in.light:before,
  #business-empower .in.light:before,
  #business-enterprise .in.light:before,
  #business-references .in.light:before,
  #business-software .in.light:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #business-headline {
    overflow: hidden;
  }
  #business-headline:before {
    width: 720px;
    border-radius: 0;
    height: 720px;
    left: calc(((100% - 720px) / 2) + (420px / 2));
  }
  #business-headline .in {
    padding: 96px 0;
  }
  #business-headline .in:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #business-headline .in .content {
    width: 48%;
  }
  #business-headline .in .content h1 span {
    height: 63px;
  }
  #business-headline .in .content p {
    width: 448px;
  }
  #business-headline .in .content .badge {
    right: -224px;
  }
  #business-overview .in .toggles .item {
    flex: 0 1 23%;
    margin: 48px 0 0 0;
  }
  #business-overview .in .toggles .item h3 {
    height: 56px;
    font-size: 16px;
    line-height: 150%;
  }
  #business-overview .in .toggles .item.insights {
    background-size: 56px 56px;
  }
  #business-overview .in .toggles .item.hr {
    background-size: 56px 56px;
  }
  #business-overview .in .toggles .item.rnd {
    background-size: 56px 56px;
  }
  #business-overview .in .toggles .item.mkt {
    background-size: 56px 56px;
  }
  #business-overview .in .solutions h3 {
    font-size: 21px;
    line-height: 133%;
  }
  #business-overview .in .solutions .list ul {
    padding: 18px 18% 0 18%;
  }
  #business-overview .in .solutions .list ul li {
    padding: 8px 0 0 0;
  }
  #business-expert .in .content h2 {
    font-size: 50px;
    line-height: 112%;
  }
  #business-expert .in .content h2 span {
    display: inline;
  }
  #business-expert .in .content p.parex {
    padding: 24px 18% 0 18%;
    color: #1d1d1d;
  }
  #business-expert .in .image {
    width: 1271px;
    left: -74px;
    height: 519px;
  }
  #business-flexibility:before,
  #business-flexibility:after {
    left: -9968px;
    height: calc(100% + 112px);
  }
  #business-flexibility:after {
    left: auto;
    height: 100%;
    right: -9968px;
  }
  #business-flexibility .in .item .content h2 {
    padding: 24px 0 16px 0;
  }
  #business-flexibility .in .item.flexibility .content {
    flex: 0 1 544px;
    min-height: 706px;
  }
  #business-flexibility .in .item.flexibility .content h3 {
    width: 425px;
    padding: 42px 0 0 0;
    font-size: 18px;
    line-height: 144%;
  }
  #business-flexibility .in .item.flexibility .content p {
    width: 425px;
  }
  #business-flexibility .in .item.flexibility .content ul {
    width: 425px;
    padding: 4px 0 0 0;
  }
  #business-flexibility .in .item.flexibility .content ul li {
    padding-top: 12px;
  }
  #business-flexibility .in .item.flexibility .content ul li:before {
    top: 20px;
  }
  #business-flexibility .in .item.flexibility .image {
    width: 834px;
    right: -290px;
    height: 706px;
  }
  #business-flexibility .in .item.mobile {
    padding: 0;
  }
  #business-flexibility .in .item.mobile .content {
    flex: 0 1 42%;
    left: -74px;
    position: relative;
    padding: 0 32px 0 0;
    box-sizing: border-box;
  }
  #business-flexibility .in .item.mobile .image {
    width: 640px;
    left: -158px;
    height: 528px;
  }
  #business-flexibility .in .item.mobile .image picture {
    border-radius: 24px;
  }
  #business-flexibility .in.dark {
    padding: 116px 0 0 0;
  }
  #business-omni .in {
    padding: 232px 0 0 0;
  }
  #business-omni .in .content {
    flex: 0 1 544px;
  }
  #business-omni .in .content h2 {
    padding: 0;
  }
  #business-omni .in .content p.parex {
    padding: 40px 0 0 0;
  }
  #business-omni .in .content .list {
    display: flex;
    justify-content: space-between;
  }
  #business-omni .in .content .list ul {
    flex: 0 1 48%;
  }
  #business-omni .in .content .buttons {
    padding: 40px 0 0 0;
  }
  #business-omni .in .image {
    width: 640px;
    margin: 24px 0 0 0;
    right: -160px;
    height: 640px;
  }
  #business-real {
    margin: 145px 0 0 0;
  }
  #business-real:before {
    left: -9968px;
  }
  #business-real .in.dark {
    padding: 88px 0;
  }
  #business-real .in.dark .holder .content {
    flex: 0 1 544px;
  }
  #business-real .in.dark .holder .content h2 {
    padding: 32px 0 6px 0;
  }
  #business-real .in.dark .holder .content h3 {
    padding: 42px 0 0 0;
    font-size: 18px;
    line-height: 144%;
  }
  #business-real .in.dark .holder .content ul {
    padding: 4px 0 0 0;
  }
  #business-real .in.dark .holder .content ul li {
    padding-top: 12px;
  }
  #business-real .in.dark .holder .content ul li:before {
    top: 20px;
  }
  #business-real .in.dark .holder .content .more {
    padding: 48px 0 0 0;
  }
  #business-real .in.dark .holder .image {
    width: 640px;
    left: -96px;
    height: 640px;
  }
  #business-real .in.dark .reports h3 {
    font-size: 18px;
    line-height: 144%;
  }
  #business-real .in.dark .reports .list ul {
    padding: 0;
  }
  #business-real .in.dark .reports .list ul li {
    padding: 40px 0 0 0;
  }
  #business-real .in.dark .reports .list ul li .link span {
    margin: 16px 0 0 0;
  }
  #business-custom {
    margin: 120px 0 0 0;
  }
  #business-custom .in .holder {
    justify-content: space-between;
  }
  #business-custom .in .holder h2 {
    flex: 0 1 544px;
    font-size: 50px;
    line-height: 112%;
    padding: 0;
  }
  #business-custom .in .holder .content {
    flex: 0 1 544px;
    padding: 0;
  }
  #business-custom .in .holder .content h3 {
    font-size: 18px;
    line-height: 144%;
    padding: 48px 0 0 0;
  }
  #business-custom .in .holder .content h3:first-child {
    padding: 8px 0 0 0;
  }
  #business-custom .in .image {
    width: 1271px;
    left: -75px;
    margin: 0;
    height: 654px;
  }
  #business-custom .in .needs h3 {
    font-size: 28px;
    line-height: 121%;
  }
  #business-custom .in .needs .list ul li {
    flex: 0 1 31.4%;
    padding: 40px;
    margin: 40px 0 0 0;
  }
  #business-custom .in .needs .more {
    padding: 56px 0 0 0;
  }
  #business-started,
  #business-action {
    margin: 92px 0 0 0;
  }
  #business-started .in.dark,
  #business-action .in.dark {
    padding: 72px 160px 72px 96px;
  }
  #business-started .in.dark:before,
  #business-action .in.dark:before {
    width: 1120px;
    left: calc((100% - 1120px) / 2);
  }
  #business-started .in.dark .content,
  #business-action .in.dark .content {
    padding: 0 270px 0 0;
  }
  #business-started .in.dark .content p.parex,
  #business-action .in.dark .content p.parex {
    padding: 16px 0 0 0;
  }
  #business-started .in.dark .content p.buttons,
  #business-action .in.dark .content p.buttons {
    padding: 24px 0 0 0;
  }
  #business-started .in.dark .content .badge,
  #business-action .in.dark .content .badge {
    top: calc((100% - 141px) / 2);
    width: 141px;
    height: 141px;
  }
  #business-seamless {
    margin: 56px 0 0 0;
  }
  #business-seamless .in .holder {
    display: flex;
    justify-content: space-between;
  }
  #business-seamless .in .holder h2 {
    font-size: 42px;
    line-height: 114%;
    flex: 0 1 352px;
    padding: 32px 0 0 0;
  }
  #business-seamless .in .holder .content {
    flex: 0 1 736px;
  }
  #business-seamless .in .holder .content .toggles {
    padding: 0;
  }
  #business-seamless .in .holder .content .toggles .item {
    flex: 0 1 48%;
    padding: 40px 0 0 0;
  }
  #business-seamless .in .holder .content .toggles .item h3 {
    font-size: 18px;
    font-family: 'Inter SemiBold', sans-serif;
    line-height: 144%;
  }
  #business-seamless .in .holder .content .toggles .item .desc p {
    padding: 8px 0 0 0;
  }
  #business-seamless .in .image {
    width: 1216px;
    left: -48px;
    margin: 16px 0 0 0;
    height: 635px;
  }
  #business-seamless .in.light {
    padding: 56px 0 0 0;
  }
  #business-empower .in {
    display: flex;
    justify-content: space-between;
    padding: 120px 0 0 0;
  }
  #business-empower .in h2 {
    font-size: 50px;
    padding: 0;
    line-height: 112%;
    flex: 0 1 480px;
  }
  #business-empower .in .content {
    flex: 0 1 544px;
    padding: 0;
  }
  #business-empower .in .content .item {
    padding: 0 0 0 96px;
  }
  #business-empower .in .content .item h3 {
    font-size: 18px;
    line-height: 144%;
    min-height: 64px;
    width: calc(100% + 96px);
    left: -96px;
  }
  #business-empower .in .content .item h3:before {
    width: 64px;
    height: 64px;
  }
  #business-empower .in .content .item h3 span {
    flex: 0 1 calc(100% - 96px);
  }
  #business-empower .in .content .item.step-1 {
    margin: 16px 0 0 0;
  }
  #business-empower .in .content .item.step-1:before {
    top: 74px;
    left: calc((64px - 2px) / 2);
  }
  #business-empower .in .content .more {
    padding: 42px 0 0 96px;
  }
  #business-empower .in .integrations {
    width: 468px;
    position: absolute;
    top: 362px;
  }
  #business-empower .in .integrations ul {
    flex-wrap: wrap;
    justify-content: center;
  }
  #business-empower .in .integrations ul li {
    margin: 24px 24px 0 0;
    width: 140px;
  }
  #business-empower .in .integrations ul li i {
    width: 140px;
    height: 140px;
  }
  #business-enterprise {
    margin: 122px 0 0 0;
  }
  #business-enterprise .in.dark {
    padding: 86px 0 124px 0;
  }
  #business-enterprise .in.dark h2 {
    font-size: 50px;
    line-height: 112%;
    width: 581px;
  }
  #business-enterprise .in.dark .content .item .icons {
    flex: 0 1 480px;
    box-sizing: border-box;
  }
  #business-enterprise .in.dark .content .item .icons i {
    width: 64px;
    height: 64px;
    margin: 0 24px 0 0;
  }
  #business-enterprise .in.dark .content .item .icons i.digicert {
    width: 104px;
    margin: 0 24px 0 0;
  }
  #business-enterprise .in.dark .content .item .icons i:last-child {
    margin: 0;
  }
  #business-enterprise .in.dark .content .item .desc {
    flex: 0 1 640px;
  }
  #business-enterprise .in.dark .content .item .desc h3 {
    font-size: 18px;
    line-height: 144%;
  }
  #business-enterprise .in.dark .content .item:first-child {
    padding: 90px 0 0 0;
  }
  #business-enterprise .in.dark .content .item:first-child .icons {
    justify-content: flex-start;
  }
  #business-enterprise .in.dark .content .item:first-child .icons i:last-child {
    margin: 0 24px 0 0;
  }
  #business-enterprise .in.dark .content .more {
    padding: 48px 0 0 480px;
  }
  #business-references .in .rated {
    padding: 104px 0 0 0;
  }
  #business-references .in .rated h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #business-references .in .rated h2 span {
    color: #bd944a;
  }
  #business-references .in .rated p.desc {
    padding: 16px 17% 0 17%;
    font-size: 18px;
    line-height: 167%;
  }
  #business-references .in .rated p.more {
    padding: 32px 0 0 0;
  }
  #business-references .in .rated .badges ul {
    padding: 48px 0 0 0;
  }
  #business-references .in .reviews {
    padding: 120px 0 0 0;
  }
  #business-references .in .reviews h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #business-references .in .reviews .list {
    padding: 0;
    margin: 54px 0 0 0;
    border-radius: 0;
    border: 0;
  }
  #business-references .in .reviews .list ul {
    display: flex;
    justify-content: space-between;
  }
  #business-references .in .reviews .list ul li {
    box-sizing: border-box;
    padding: 48px 32px;
    flex: 0 1 31.4%;
    border: 1px solid #e3e4e9;
    border-radius: 24px;
  }
  #business-references .in .reviews .paging {
    display: none;
  }
  #business-software {
    margin: 115px 0 105px 0;
  }
  #business-software .in .content {
    flex: 0 1 544px;
  }
  #business-software .in .content h2 {
    font-size: 50px;
    line-height: 112%;
    padding: 0;
  }
  #business-software .in .content p.parex {
    padding: 24px 0 0 0;
  }
  #business-software .in .content .desc {
    max-height: none;
  }
  #business-software .in .content .desc:before {
    display: none;
  }
  #business-software .in .content .desc .cols {
    display: flex;
    justify-content: space-between;
  }
  #business-software .in .content .desc .cols p {
    flex: 0 1 44.7%;
  }
  #business-software .in .content .desc .cols p.highlight span {
    position: relative;
    display: block;
  }
  #business-software .in .content .desc .cols p.highlight span:before {
    background: #ebebeb;
    width: 3px;
    height: calc(100% - 10px);
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: -30px;
  }
  #business-software .in .content .desc .more {
    display: none;
  }
  #business-software .in .image {
    width: 512px;
    height: 788px;
    left: -96px;
    margin: 5px 0 0 0;
    position: relative;
  }
  body.en #business-headline:before,
  boby.uk #business-headline:before,
  body.da #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-en.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.cs #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-cs.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.de #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-de.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.es #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-es.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.fr #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fr.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.pl #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-pl.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.no #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-no.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.nl #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-nl.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.it #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-it.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.fi #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-fi.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.sv #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-sv.jpg') no-repeat 83px center;
    background-size: cover;
  }
  body.br #business-headline:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/bg-headline-br.jpg') no-repeat 83px center;
    background-size: cover;
  }
}
@media only screen and (max-width: 767px) {
  #features-list .in .header .col .sui-btn {
    text-decoration: underline;
    cursor: pointer;
    color: #000;
    font-family: 'Inter Regular', sans-serif;
    background: none;
    height: auto;
    padding: 0;
  }
}
#features-list .in {
  padding: 0 0 52px 0;
}
#features-list .in h2 {
  text-align: left;
  font-size: 18px;
  padding: 45px 8px 15px 8px;
  color: #000;
}
#features-list .in .header .row {
  display: flex;
  padding: 8px 0 0 0;
  font-size: 12px;
  width: 100%;
  justify-content: flex-end;
  color: #000;
}
#features-list .in .header .row .col {
  flex: 0 1 18%;
  height: 88px;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding: 15px 0;
  display: flex;
  flex-wrap: wrap;
}
#features-list .in .header .row .col strong,
#features-list .in .header .row .col span,
#features-list .in .header .row .col a {
  flex: 0 1 100%;
  display: block;
}
#features-list .in .header .row .col:nth-child(1) {
  background: #f1f3f3;
  border-top-left-radius: 10px;
}
#features-list .in .header .row .col:nth-child(2) {
  background: #ceecf9;
}
#features-list .in .header .row .col:nth-child(3) {
  background: #addbef;
}
#features-list .in .header .row .col:nth-child(4) {
  background: #7cc4e1;
  border-top-right-radius: 10px;
}
#features-list .in .header.fixed {
  background: #fff;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.24);
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1;
  left: 0;
}
#features-list .in .header.fixed .row {
  width: 100%;
}
#features-list .in .group {
  font-size: 12px;
  color: #000;
  border-top: 1px solid #e3e4e9;
  border-bottom: 1px solid #e3e4e9;
}
#features-list .in .group .row {
  display: flex;
  width: 100%;
}
#features-list .in .group .row .col {
  flex: 0 1 18%;
  border-top: 1px solid #e3e4e9;
  display: flex;
  box-sizing: border-box;
  padding: 12px 2px;
  justify-content: center;
  align-items: center;
  text-align: center;
  white-space: nowrap;
  border-right: 1px solid #e3e4e9;
  line-height: 143%;
}
#features-list .in .group .row .col:last-child {
  border-right: 0;
}
#features-list .in .group .row .col .infinite {
  font-size: 16px;
}
#features-list .in .group .row .col .infinite-text {
  display: none;
}
#features-list .in .group .row .col .bullet {
  display: block;
  background: #303181;
  width: 10px;
  height: 10px;
  border-radius: 100%;
}
#features-list .in .group .row .col.title {
  padding: 12px 8px 12px 2px;
  white-space: normal;
  display: block;
  flex: 1;
  color: #3d4144;
  justify-content: flex-end;
  text-align: right;
  line-height: 133%;
}
#features-list .in .group .row .col.title a {
  font-family: 'Inter Regular', sans-serif;
}
#features-list .in .group .row:first-child .col {
  border-top: 0;
}
#features-list .in .include {
  background: #ebebeb url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-include-mobile.jpg') no-repeat center bottom;
  background-size: 320px 320px;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.04);
  border-radius: 24px;
  padding: 20px 20px 320px 20px;
  width: calc(100% - 16px);
  margin: 72px auto 0 auto;
  color: #000;
}
#features-list .in .include h3 {
  font-size: 24px;
  line-height: 125%;
  font-family: 'Inter Bold', sans-serif;
  width: 264px;
  margin: 0 auto;
}
#features-list .in .include ul {
  position: relative;
  left: -10px;
  display: inline-block;
  padding: 10px 0 0 0;
}
#features-list .in .include ul li {
  align-items: center;
  font-size: 14px;
  line-height: 143%;
  text-align: left;
  padding: 16px 0 0 0;
  display: flex;
}
#features-list .in .include ul li:before {
  display: none;
}
#features-list .in .include ul li i {
  margin: 0 16px 0 0;
}
@media only screen and (min-width: 480px) {
  #features-list .in {
    width: 464px;
  }
  #features-list .in .header .col {
    padding: 15px 8px;
  }
  #features-list .in .header.fixed .row {
    width: 464px;
    margin: 0 auto;
  }
  #features-list .in .group {
    border: 1px solid #e3e4e9;
    border-radius: 10px;
  }
  #features-list .in .group.main {
    border-top-right-radius: 0;
  }
  #features-list .in .include {
    width: 464px;
  }
}
@media only screen and (min-width: 768px) {
  #features-list .in {
    width: 720px;
    padding: 0 0 80px 0;
  }
  #features-list .in h2 {
    padding: 45px 16px 20px 16px;
  }
  #features-list .in .header .row {
    width: 720px;
  }
  #features-list .in .header .row .col {
    height: 98px;
    align-content: space-between;
    padding: 17px 8px;
  }
  #features-list .in .header .row .col strong {
    font-size: 18px;
  }
  #features-list .in .header .row .col .sui-btn {
    flex: none;
    display: inline-flex;
  }
  #features-list .in .header.fixed .row {
    width: 720px;
  }
  #features-list .in .group .row .col {
    font-size: 14px;
  }
  #features-list .in .group .row .col .infinite {
    display: none;
  }
  #features-list .in .group .row .col .infinite-text {
    display: inline;
  }
  #features-list .in .group .row .col.title {
    font-size: 12px;
    padding: 12px 16px;
  }
  #features-list .in .include {
    width: 720px;
    background: #ebebeb url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-include-tablet.jpg') no-repeat right bottom;
    background-size: 416px 416px;
    padding: 0 20px 0 48px;
    min-height: 416px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    text-align: left;
    justify-content: flex-start;
  }
  #features-list .in .include h3 {
    flex: 0 1 50%;
    padding: 0;
    margin: 0;
  }
  #features-list .in .include ul {
    flex: 0 1 100%;
    padding: 20px 0 0 0;
    left: auto;
  }
}
@media only screen and (min-width: 1152px) {
  #features-list .in .header .row {
    width: 720px;
  }
  #features-list .in .header.fixed {
    top: 88px;
  }
  #features-list .in .header.fixed .row {
    width: 720px;
  }
}
@media only screen and (min-width: 1280px) {
  #features-list .in {
    width: 1100px;
  }
  #features-list .in .header .row {
    width: 1100px;
    padding: 16px 0 0 0;
  }
  #features-list .in .header.fixed .row {
    width: 1100px;
  }
  #features-list .in .include {
    width: 1100px;
    background: #ebebeb url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-include-desktop.jpg') no-repeat 93% bottom;
    background-size: 496px 496px;
    min-height: 496px;
    padding: 0 20px 0 112px;
  }
  #features-list .in .include h3 {
    font-size: 32px;
    flex: 0 1 40%;
  }
  #features-list .in .include ul li {
    padding: 24px 0 0 0;
  }
}
#templates .in {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
}
#templates .in .cta {
  text-align: center;
  padding: 10px 0 0 0;
  flex: 0 1 100%;
  font-size: 20px;
  font-family: 'Inter Regular', sans-serif;
}
#templates .in .category {
  flex: 0 1 100%;
  display: flex;
  border-bottom: 1px solid #e9e9e9;
  justify-content: space-between;
  padding: 35px 0 30px 0;
  align-items: center;
}
#templates .in .category .category-toggle {
  cursor: pointer;
  color: #000;
  transition: color 0.5s;
}
#templates .in .category .category-toggle i {
  opacity: 0.5;
  transition: opacity 0.5s;
}
#templates .in .category .search-toggle {
  cursor: pointer;
  color: #000;
  transition: color 0.5s;
}
#templates .in .category .search {
  display: none;
  position: fixed;
  background: #fff;
  z-index: 1;
  top: 0;
  width: 100%;
  border-bottom: 0;
  height: 100%;
  left: 0;
  box-sizing: border-box;
}
#templates .in .category .search .keyword {
  padding: 0 24px;
  height: 72px;
  display: flex;
  color: #000;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#templates .in .category .search .keyword:before {
  content: '';
  width: calc(100% - 48px);
  bottom: 0;
  height: 2px;
  left: 24px;
  background: #303181;
  display: block;
  position: absolute;
}
#templates .in .category .search .keyword .form {
  flex: 0 1 calc(100% - 50px);
}
#templates .in .category .search .keyword .form input {
  background: none;
  border: 0;
  height: 40px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
  padding: 0 5px;
  margin: 0;
  outline: none;
  -webkit-appearance: none;
}
#templates .in .category .search .keyword .form input:focus {
  outline: none;
}
#templates .in .category .search .keyword .close {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.5s;
}
#templates .in .category .search .list {
  display: none;
  padding: 0 24px;
  height: calc(100% - 72px);
}
#templates .in .category .search .list .title {
  padding: 17px 0 0 0;
}
#templates .in .category .search .list .title h3 {
  padding: 0;
  display: inline;
  color: #000;
}
#templates .in .category .search .list .title h3:before {
  content: '"';
}
#templates .in .category .search .list .title h3:after {
  content: '"';
}
#templates .in .category .search .list .title .count {
  color: #4a526e;
  font-size: 16px;
  padding: 0 0 0 3px;
  display: inline-block;
}
#templates .in .category .search .list .title .count:before {
  content: '(';
}
#templates .in .category .search .list .title .count:after {
  content: ')';
}
#templates .in .category .search .list .templates {
  padding: 30px 0 30px 0;
  position: relative;
}
#templates .in .category .search .list .templates ul {
  padding: 0;
}
#templates .in .category .search .list .templates ul li {
  padding: 12px 0 0 0;
  display: flex;
  justify-content: space-between;
  margin: 18px 0 0 0;
}
#templates .in .category .search .list .templates ul li:before {
  display: block;
  content: '';
  width: 10000px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 56px;
  background: #e9e9e9;
}
#templates .in .category .search .list .templates ul li:first-child {
  padding: 0;
  margin: 0;
}
#templates .in .category .search .list .templates ul li:first-child:before {
  display: none;
}
#templates .in .category .search .list .templates ul li .image {
  flex: 0 1 40px;
}
#templates .in .category .search .list .templates ul li .image a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 6px;
}
#templates .in .category .search .list .templates ul li .image a picture,
#templates .in .category .search .list .templates ul li .image a img {
  width: auto;
  height: 100%;
  border-radius: 6px;
}
#templates .in .category .search .list .templates ul li .info {
  flex: 0 1 calc(100% - 56px);
}
#templates .in .category .search .list .templates ul li .info h3 {
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #000;
  transition: color 0.5s;
}
#templates .in .category .search .list .templates ul li .info p {
  padding: 0;
  color: rgba(0, 0, 0, 0.4);
}
#templates .in .category .search .not-found {
  padding: 0 24px;
  height: calc(100% - 72px);
  justify-content: center;
  align-items: center;
  display: none;
  flex-wrap: wrap;
  flex-direction: column;
}
#templates .in .category .search .not-found h2 {
  font-size: 20px;
  text-align: center;
  color: #000;
  padding: 0;
}
#templates .in .category .search .not-found h2 span:before {
  content: '"';
}
#templates .in .category .search .not-found h2 span:after {
  content: '"';
}
#templates .in .category .search .not-found p {
  display: flex;
  padding: 20px 0 0 0;
}
#templates .in .category .search .not-found p .sui-btn {
  padding-left: 24px;
  padding-right: 24px;
}
#templates .in .category .categories {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  background: #fff;
}
#templates .in .category .categories p {
  padding: 0 24px;
  height: 72px;
  display: flex;
  color: #000;
  justify-content: space-between;
  align-items: center;
}
#templates .in .category .categories p .close {
  font-size: 18px;
  cursor: pointer;
  transition: color 0.5s;
}
#templates .in .category .categories ul {
  padding: 0;
}
#templates .in .category .categories ul li {
  padding: 0;
  margin: 1px 0 0 0;
}
#templates .in .category .categories ul li:before {
  display: none;
}
#templates .in .category .categories ul li span {
  cursor: pointer;
  display: block;
  width: 100%;
  box-sizing: border-box;
  line-height: 48px;
  height: 48px;
  padding: 0 24px 0 56px;
  color: #000;
  transition: background 0.5s;
}
#templates .in .category .categories ul li.active:before {
  display: block;
  color: #000;
  left: 27px;
  top: 17px;
  font-size: 14px;
}
#templates .in .category .categories ul li.active span {
  background: rgba(0, 0, 0, 0.05);
  font-family: 'Inter SemiBold', sans-serif;
}
#templates .in .category.fixed {
  position: fixed;
  height: 72px;
  background: #fff;
  z-index: 1;
  top: 0;
  width: 100%;
  border-bottom: 0;
  left: 0;
  padding: 0 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
#templates .in .list,
#templates .in .results {
  flex: 0 1 100%;
}
#templates .in .list .item .title,
#templates .in .results .item .title {
  padding: 30px 0 0 0;
}
#templates .in .list .item .title h2,
#templates .in .results .item .title h2 {
  padding: 0;
  display: inline;
  color: #000;
}
#templates .in .list .item .title .count,
#templates .in .results .item .title .count {
  color: #4a526e;
  font-size: 14px;
  padding: 0 0 0 3px;
  display: inline-block;
}
#templates .in .list .item .title .count:before,
#templates .in .results .item .title .count:before {
  content: '(';
}
#templates .in .list .item .title .count:after,
#templates .in .results .item .title .count:after {
  content: ')';
}
#templates .in .list .item .templates,
#templates .in .results .item .templates {
  padding: 30px 0 30px 0;
  position: relative;
}
#templates .in .list .item .templates:after,
#templates .in .results .item .templates:after {
  display: block;
  content: '';
  width: 10000px;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -50%;
  background: #e9e9e9;
}
#templates .in .list .item .templates ul,
#templates .in .results .item .templates ul {
  padding: 0;
}
#templates .in .list .item .templates ul li,
#templates .in .results .item .templates ul li {
  padding: 12px 0 0 0;
  display: flex;
  justify-content: space-between;
  margin: 18px 0 0 0;
}
#templates .in .list .item .templates ul li:before,
#templates .in .results .item .templates ul li:before {
  display: block;
  content: '';
  width: 10000px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 56px;
  background: #e9e9e9;
}
#templates .in .list .item .templates ul li:first-child,
#templates .in .results .item .templates ul li:first-child {
  padding: 0;
  margin: 0;
}
#templates .in .list .item .templates ul li:first-child:before,
#templates .in .results .item .templates ul li:first-child:before {
  display: none;
}
#templates .in .list .item .templates ul li .image,
#templates .in .results .item .templates ul li .image {
  flex: 0 1 40px;
}
#templates .in .list .item .templates ul li .image a,
#templates .in .results .item .templates ul li .image a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  overflow: hidden;
  border-radius: 6px;
}
#templates .in .list .item .templates ul li .image a picture,
#templates .in .results .item .templates ul li .image a picture,
#templates .in .list .item .templates ul li .image a img,
#templates .in .results .item .templates ul li .image a img {
  width: auto;
  height: 100%;
  border-radius: 6px;
}
#templates .in .list .item .templates ul li .info,
#templates .in .results .item .templates ul li .info {
  flex: 0 1 calc(100% - 56px);
}
#templates .in .list .item .templates ul li .info h3,
#templates .in .results .item .templates ul li .info h3 {
  padding: 5px 0 0 0;
  font-size: 14px;
  color: #000;
  transition: color 0.5s;
}
#templates .in .list .item .templates ul li .info h3 a,
#templates .in .results .item .templates ul li .info h3 a {
  color: #000;
  text-decoration: none;
}
#templates .in .list .item .templates ul li .info p,
#templates .in .results .item .templates ul li .info p {
  padding: 0;
  color: rgba(0, 0, 0, 0.4);
}
#templates .in .list .item .templates ul li.hide,
#templates .in .results .item .templates ul li.hide {
  display: none;
}
#templates .in .list .item .templates .more,
#templates .in .results .item .templates .more {
  text-align: center;
  padding: 30px 0 0 0;
}
#templates .in .list .item .templates .more .toggle,
#templates .in .results .item .templates .more .toggle {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  color: #2030c2;
  transition: color 0.5s;
}
#templates .in .list .item .templates .more .toggle i,
#templates .in .results .item .templates .more .toggle i {
  color: #2030c2;
  transition: color 0.5s;
  margin: 0 16px 0 0;
}
#templates .in .list .item.single .templates:after,
#templates .in .results .item.single .templates:after {
  display: none;
}
#templates .in .list .item:last-child .templates:after,
#templates .in .results .item:last-child .templates:after {
  display: none;
}
#templates .in .results {
  display: none;
}
#templates .in .results .own {
  display: none;
}
#templates .in .not-found {
  display: none;
}
#template-page {
  margin: 56px 0 0 0;
  text-align: left;
  border-top: 1px solid #e3e4e9;
  color: #000;
}
#template-page .in {
  padding: 32px 24px 0 48px;
}
#template-page .in h2 {
  font-size: 32px;
  line-height: 119%;
  font-family: 'Inter Bold', sans-serif;
}
#template-page .in .parex {
  font-size: 16px;
  padding: 24px 0 0 0;
  line-height: 175%;
}
#template-page .in .workflow {
  padding: 24px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#template-page .in .workflow .item {
  margin: 8px 0 0 0;
  border-radius: 24px;
  overflow: hidden;
  position: relative;
}
#template-page .in .workflow .item h3 {
  font-family: 'Inter Medium', sans-serif;
  font-size: 18px;
  line-height: 144%;
  text-align: center;
  padding: 0;
}
#template-page .in .workflow .item h3 a {
  color: #000;
  font-family: 'Inter Medium', sans-serif;
  text-decoration: none;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 40px 40px 24px 40px;
  position: relative;
}
#template-page .in .workflow .item h3 a:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-arrow-circle.svg') no-repeat left center;
  background-size: 24px 24px;
  display: block;
  bottom: -12px;
}
#template-page .in .workflow .item .image a {
  display: block;
}
#template-page .in .workflow .item .image a picture {
  display: flex;
}
#template-page .in .workflow .item .content {
  position: absolute;
  top: 0;
  color: #fff;
  opacity: 0;
  text-align: left;
  left: 0;
  transition: opacity 0.5s;
  border-radius: 24px;
  padding: 0 32px 32px 32px;
  width: 100%;
  font-size: 14px;
  height: 100%;
  background: rgba(0, 0, 0, 0.92);
  box-sizing: border-box;
}
#template-page .in .workflow .item .content h4 {
  color: #fff;
  font-size: 24px;
  padding: 32px 0 0 0;
  line-height: 143%;
}
#template-page .in .workflow .item .content p {
  line-height: 143%;
}
#template-page .in .workflow .item .content ul {
  padding: 16px 0 0 0;
}
#template-page .in .workflow .item .content ul li {
  line-height: 143%;
  padding: 0 0 0 24px;
}
#template-page .in .workflow .item .content ul li:before {
  top: 7px;
  content: '';
  width: 5px;
  height: 5px;
  display: block;
  border-radius: 100%;
  background: #fff;
}
#template-page .in .workflow .item.build {
  background: #f2f2f2;
}
#template-page .in .workflow .item.collect {
  background: #c9dfe8;
}
#template-page .in .workflow .item.analyze {
  background: #ecd86e;
}
.no-touch #templates .in .category .category-toggle:hover {
  color: #2030c2;
}
.no-touch #templates .in .category .category-toggle:hover i {
  opacity: 1;
}
.no-touch #templates .in .category .search-toggle:hover {
  color: #2030c2;
}
.no-touch #templates .in .category .search .keyword .close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.no-touch #templates .in .category .categories p .close:hover {
  color: rgba(0, 0, 0, 0.4);
}
.no-touch #templates .in .category .categories ul li span:hover {
  background: rgba(0, 0, 0, 0.05);
}
.no-touch #templates .in .list .item .templates ul li:hover .info h3,
.no-touch #templates .in .results .item .templates ul li:hover .info h3 {
  color: #2030c2;
}
.no-touch #templates .in .list .item .templates ul li:hover .info h3 a,
.no-touch #templates .in .results .item .templates ul li:hover .info h3 a {
  color: #2030c2;
}
.no-touch #templates .in .list .item .templates .more .toggle:hover,
.no-touch #templates .in .results .item .templates .more .toggle:hover {
  color: #000;
}
.no-touch #templates .in .list .item .templates .more .toggle:hover i,
.no-touch #templates .in .results .item .templates .more .toggle:hover i {
  color: #000;
}
.no-touch #template-page .in .workflow .item:hover .content {
  opacity: 1;
}
@media only screen and (min-width: 480px) {
  #templates .in {
    padding: 10px 25px 30px 25px;
    width: 100%;
  }
  #template-page {
    width: 100%;
  }
  #template-page .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
    margin: 0 auto;
  }
  #template-page .in .workflow {
    left: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #templates .in {
    padding: 20px 32px 30px 32px;
    justify-content: space-between;
  }
  #templates .in .cta {
    padding: 15px 0 20px 0;
    font-size: 24px;
  }
  #templates .in .category {
    flex: 0 1 224px;
    border: 0;
    display: block;
    padding-bottom: 0;
  }
  #templates .in .category .category-toggle {
    display: none;
  }
  #templates .in .category .search-toggle {
    display: none;
  }
  #templates .in .category .search {
    display: block;
    position: relative;
    height: auto;
    left: auto;
    top: auto;
    background: none;
  }
  #templates .in .category .search .keyword {
    height: 54px;
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
  }
  #templates .in .category .search .keyword:before {
    display: none;
  }
  #templates .in .category .search .keyword .form {
    flex: 0 1 calc(100% - 56px);
  }
  #templates .in .category .search .keyword .close {
    font-size: 14px;
    visibility: hidden;
  }
  #templates .in .category .search .keyword .close i {
    display: flex;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: rgba(0, 0, 0, 0.05);
    justify-content: center;
    align-items: center;
  }
  #templates .in .category .search .list {
    display: none;
  }
  #templates .in .category .search .not-found {
    display: none;
  }
  #templates .in .category .categories {
    position: relative;
    background: none;
    height: auto;
    display: block;
    left: auto;
    top: auto;
  }
  #templates .in .category .categories p {
    padding: 27px 16px 25px 16px;
    height: auto;
  }
  #templates .in .category .categories p .close {
    display: none;
  }
  #templates .in .category .categories ul li span {
    line-height: 40px;
    display: inline-block;
    width: auto;
    padding: 0 16px;
    height: 40px;
    color: rgba(0, 0, 0, 0.6);
  }
  #templates .in .category .categories ul li.active:before {
    display: none;
  }
  #templates .in .category .categories ul li.active span {
    background: #ebf2ff;
    border-radius: 5px;
    color: #424394;
  }
  #templates .in .list,
  #templates .in .results {
    flex: 0 1 calc(100% - 264px);
    display: block;
  }
  #templates .in .list .item .title h2,
  #templates .in .results .item .title h2 {
    font-size: 24px;
  }
  #templates .in .list .item .templates,
  #templates .in .results .item .templates {
    padding: 0 0 30px 0;
  }
  #templates .in .list .item .templates:after,
  #templates .in .results .item .templates:after {
    width: 100%;
    left: 0;
  }
  #templates .in .list .item .templates ul,
  #templates .in .results .item .templates ul {
    display: flex;
    flex-wrap: wrap;
  }
  #templates .in .list .item .templates ul li,
  #templates .in .results .item .templates ul li {
    padding: 0;
    width: calc((100% - 32px) / 3);
    margin: 25px 16px 0 0;
    display: block;
  }
  #templates .in .list .item .templates ul li:before,
  #templates .in .results .item .templates ul li:before {
    display: none;
  }
  #templates .in .list .item .templates ul li:first-child,
  #templates .in .results .item .templates ul li:first-child {
    margin: 25px 16px 0 0;
  }
  #templates .in .list .item .templates ul li:nth-child(3n+0),
  #templates .in .results .item .templates ul li:nth-child(3n+0) {
    margin-right: 0;
  }
  #templates .in .list .item .templates ul li .image,
  #templates .in .results .item .templates ul li .image {
    flex: 0 1 100%;
    width: 100%;
    height: 128px;
  }
  #templates .in .list .item .templates ul li .image a,
  #templates .in .results .item .templates ul li .image a {
    width: 100%;
    height: 100%;
  }
  #templates .in .list .item .templates ul li .image a picture,
  #templates .in .results .item .templates ul li .image a picture,
  #templates .in .list .item .templates ul li .image a img,
  #templates .in .results .item .templates ul li .image a img {
    width: 224px;
    height: 128px;
  }
  #templates .in .list .item .templates ul li .info h3,
  #templates .in .results .item .templates ul li .info h3 {
    padding: 15px 0 0 0;
  }
  #templates .in .list .item .templates ul li .info p,
  #templates .in .results .item .templates ul li .info p {
    padding: 2px 0 0 0;
  }
  #templates .in .results {
    display: none;
  }
  #templates .in .results .item .title h2:before {
    content: '"';
  }
  #templates .in .results .item .title h2:after {
    content: '"';
  }
  #templates .in .results .item .own {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
  }
  #templates .in .results .item .own p {
    padding: 0;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
  }
  #templates .in .results .item .own p.more {
    padding: 0 0 0 20px;
  }
  #templates .in .results .item .own p.more .sui-btn {
    white-space: nowrap;
  }
  #templates .in .not-found {
    flex: 0 1 calc(100% - 264px);
    display: none;
    flex-wrap: wrap;
    flex-direction: column;
  }
  #templates .in .not-found .title {
    padding: 30px 0 0 0;
  }
  #templates .in .not-found .title h2 {
    font-size: 24px;
    padding: 0;
    color: #000;
  }
  #templates .in .not-found .title h2 span:before {
    content: '"';
  }
  #templates .in .not-found .title h2 span:after {
    content: '"';
  }
  #templates .in .not-found p {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 20px 0 0 0;
    padding: 0;
    flex: 1 1 auto;
    align-items: center;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.03);
  }
  #template-page {
    width: 100%;
    border: 0;
    margin: 0;
  }
  #template-page .in {
    text-align: center;
    width: 700px;
    padding-top: 136px;
  }
  #template-page .in h2 {
    font-size: 42px;
    padding: 0;
    line-height: 114%;
  }
  #template-page .in .workflow {
    display: flex;
    padding: 64px 0 0 0;
    justify-content: space-between;
  }
  #template-page .in .workflow .item {
    flex: 0 1 31.5%;
    margin: 0;
  }
  #template-page .in .workflow .item .image {
    margin: 24px 0 0 0;
  }
  .no-touch #templates .in .category .categories ul li span:hover {
    background: #ebf2ff;
    border-radius: 5px;
    color: #424394;
  }
}
@media only screen and (min-width: 1032px) {
  #templates .in {
    width: 968px;
    padding: 20px 0 30px 0;
    margin: 0 auto;
  }
  #template-page .in {
    width: 100%;
  }
  #template-page .in .workflow .item.collect {
    background: #c2d8e3;
  }
}
@media only screen and (min-width: 1152px) {
  #template-page .in {
    width: 1032px;
  }
  #template-page .in .workflow .item.collect {
    background: #c2d8e3;
  }
}
@media only screen and (min-width: 1280px) {
  #templates .in {
    width: 1160px;
  }
  #templates .in .list .item .templates ul li,
  #templates .in .results .item .templates ul li {
    width: calc((100% - 48px) / 3);
    margin: 25px 24px 0 0;
  }
  #templates .in .list .item .templates ul li:first-child,
  #templates .in .results .item .templates ul li:first-child {
    margin: 25px 24px 0 0;
  }
  #templates .in .list .item .templates ul li .image,
  #templates .in .results .item .templates ul li .image {
    height: 176px;
  }
  #templates .in .list .item .templates ul li .image a picture,
  #templates .in .results .item .templates ul li .image a picture,
  #templates .in .list .item .templates ul li .image a img,
  #templates .in .results .item .templates ul li .image a img {
    width: 280px;
    height: 176px;
  }
  #templates .in .list .item .templates ul li .info h3,
  #templates .in .results .item .templates ul li .info h3 {
    padding: 17px 0 0 0;
    font-size: 16px;
  }
  #templates .in .not-found p {
    margin: 30px 0 0 0;
  }
  #template-page .in {
    width: 1100px;
  }
  #template-page .in .workflow .item .content {
    padding: 8px 40px 40px 40px;
  }
}
#types .in {
  padding-top: 0;
}
#types .in .item {
  padding: 40px 0 0 0;
}
#types .in .item .image {
  position: relative;
  width: calc(100% + 50px);
  left: -25px;
}
#types .in .item .image a,
#types .in .item .image span {
  display: block;
  position: relative;
  height: 180px;
  overflow: hidden;
}
#types .in .item .image a strong,
#types .in .item .image span strong {
  display: flex;
  position: absolute;
  bottom: 0;
  color: #fff;
  padding: 0 16px;
  height: 36px;
  align-items: center;
  background: rgba(0, 0, 0, 0.4);
  right: 0;
}
#types .in .item .image .rectangle {
  display: none;
}
#types .in .item .content h2 a {
  color: #031647;
  text-decoration: none;
}
#types .in .item .content p {
  padding: 20px 0 0 0;
  line-height: 130%;
}
#types .in .item .content p em {
  font-style: italic;
}
#types .in .item .content .more a i {
  display: none;
}
#types .in .item.left .image a strong,
#types .in .item.left .image span strong {
  right: auto;
  left: 0;
}
.no-touch #types .in .item .content h2 a:hover {
  color: #303181;
}
@media only screen and (min-width: 480px) {
  #types .in .item .image a,
  #types .in .item .image span {
    height: 240px;
  }
}
@media only screen and (min-width: 768px) {
  #types .in {
    padding-bottom: 70px;
  }
  #types .in .item {
    display: flex;
    padding: 90px 0 0 0;
    justify-content: space-between;
  }
  #types .in .item .image {
    flex: 0 1 320px;
    width: 100%;
    left: auto;
  }
  #types .in .item .image:before {
    display: block;
    position: absolute;
    width: 85%;
    height: 85%;
    content: '';
    background: #d6f3f6;
    bottom: -34px;
    left: -34px;
  }
  #types .in .item .image a,
  #types .in .item .image span {
    display: flex;
    height: auto;
  }
  #types .in .item .image a strong,
  #types .in .item .image span strong {
    height: 44px;
    z-index: 2;
  }
  #types .in .item .image img {
    position: relative;
    z-index: 1;
  }
  #types .in .item .content {
    flex: 0 1 320px;
    text-align: left;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
  }
  #types .in .item .content h2 {
    font-size: 28px;
    padding: 0;
  }
  #types .in .item .content .more a {
    text-decoration: none;
    font-family: 'Inter SemiBold', sans-serif;
    display: flex;
    align-items: center;
  }
  #types .in .item .content .more a i {
    display: block;
    padding: 0 0 0 8px;
    position: relative;
    right: 0;
    transition: color 0.5s, right 1s;
  }
  #types .in .item.left {
    flex-direction: row-reverse;
    padding: 130px 0 0 0;
  }
  #types .in .item.left .image:before {
    left: auto;
    right: -34px;
    bottom: auto;
    top: -34px;
  }
  #types .in .item.seagreen .content .more a {
    color: #34764a;
  }
  #types .in .item.seagreen .content .more a i {
    color: #34764a;
  }
  #types .in .item.seagreen .image:before {
    background: #bedfb9;
  }
  #types .in .item.darkcyan .image:before {
    background: #d6f3f6;
  }
  #types .in .item.darkcyan .content .more a {
    color: #066f77;
  }
  #types .in .item.darkcyan .content .more a i {
    color: #066f77;
  }
  #types .in .item.darkred .image:before {
    background: #fa7067;
  }
  #types .in .item.darkred .content .more a {
    color: #7c0016;
  }
  #types .in .item.darkred .content .more a i {
    color: #7c0016;
  }
  #types .in .item.saddlebrown .image:before {
    background: #f0e2c8;
  }
  #types .in .item.saddlebrown .content .more a {
    color: #4d422e;
  }
  #types .in .item.saddlebrown .content .more a i {
    color: #4d422e;
  }
  #types .in .item.olive .image:before {
    background: #eaec7e;
  }
  #types .in .item.olive .content .more a {
    color: #757704;
  }
  #types .in .item.olive .content .more a i {
    color: #757704;
  }
  #types .in .item.indigo .image:before {
    background: #bfc4f0;
  }
  #types .in .item.indigo .content .more a {
    color: #3c3279;
  }
  #types .in .item.indigo .content .more a i {
    color: #3c3279;
  }
  #types .in .item.bluejay .image:before {
    background: #c8ebfb;
  }
  #types .in .item.bluejay .content .more a {
    color: #0b4c74;
  }
  #types .in .item.bluejay .content .more a i {
    color: #0b4c74;
  }
  #types .in .item.rust .image:before {
    background: #ffb18f;
  }
  #types .in .item.rust .content .more a {
    color: #b5541d;
  }
  #types .in .item.rust .content .more a i {
    color: #b5541d;
  }
  #types.custom .in .item .image:before {
    display: none;
  }
  #types.custom .in .item .image .rectangle {
    display: block;
    position: absolute;
    width: 85%;
    height: 85%;
    background: transparent;
    bottom: -34px;
    left: -34px;
  }
  #types.custom .in .item.left .image .rectangle {
    left: auto;
    right: -34px;
    bottom: auto;
    top: -34px;
  }
  .no-touch #types .in .item .content .more a:hover {
    color: #000;
  }
  .no-touch #types .in .item .content .more a:hover i {
    color: #000;
    right: -5px;
  }
}
@media only screen and (min-width: 1280px) {
  #types .in {
    width: calc(1100px - 150px);
    padding-bottom: 80px;
  }
  #types .in .item {
    padding: 100px 0 0 0;
  }
  #types .in .item .image {
    flex: 0 1 360px;
  }
  #types .in .item .image:before {
    bottom: -40px;
    left: -40px;
  }
  #types .in .item .content {
    flex: 0 1 495px;
  }
  #types .in .item .content h2 {
    font-size: 32px;
  }
  #types .in .item .content p {
    line-height: 160%;
  }
  #types .in .item .content p .sui-font-smaller {
    font-size: 15px;
  }
  #types .in .item .content p.more {
    padding: 30px 0 0 0;
  }
  #types .in .item .content p.more .sui-font-smaller {
    font-size: 16px;
  }
  #types .in .item.left {
    padding: 130px 0 0 0;
  }
  #types .in .item.left .image:before {
    right: -40px;
    top: -40px;
  }
  #types.custom .in .item .image .rectangle {
    bottom: -40px;
    left: -40px;
  }
  #types.custom .in .item.left .image .rectangle {
    right: -40px;
    top: -40px;
  }
}
#create .in {
  padding-top: 5px;
}
#create .in .stats {
  border-bottom: 1px solid #dce3eb;
  padding: 0 0 40px 0;
  text-align: center;
  margin: 0 0 8px 0;
}
#create .in .stats ul {
  padding: 0;
  display: inline-block;
}
#create .in .stats ul li {
  padding: 13px 0 0 0;
}
#create .in .stats ul li:before {
  display: none;
}
#create .in .stats ul li div {
  text-align: left;
}
#create .in .stats ul li div h5,
#create .in .stats ul li div strong {
  padding: 0;
  font-family: 'Inter SemiBold', sans-serif;
  box-sizing: border-box;
  font-size: 18px;
  text-align: right;
  color: #4a526e;
  display: inline-block;
  width: 50px;
}
#create .in .stats ul li div span {
  white-space: nowrap;
  text-align: left;
  color: #4a526e;
  padding: 0 5px 0 15px;
  display: inline-block;
  box-sizing: border-box;
}
#create .in .content {
  padding: 25px 0 0 0;
}
#create .in .content .item {
  padding: 5px 0 0 0;
}
#create .in .content .item p {
  text-align: left;
}
#create .in .content .item p.desc {
  color: #4a526e;
  padding: 10px 0 0 0;
}
#create .in .content .item p.desc a {
  white-space: nowrap;
}
#create .in .wizard {
  display: none;
}
#create .in .questions {
  text-align: left;
  padding: 15px 0 0 0;
}
#create .in .questions .list ul {
  padding: 25px 0 0 0;
  display: inline-block;
}
#create .in .questions .list ul li {
  padding: 5px 0 0 0;
  display: flex;
  align-items: center;
}
#create .in .questions .list ul li:before {
  display: none;
}
#create .in .questions .list ul li:first-child {
  padding: 0;
}
#create .in .questions .list ul li .icon {
  background: rgba(233, 233, 233, 0.7);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
  width: 40px;
  flex: 0 0 40px;
}
#create .in .questions .list ul li .icon .sui-icon.lg {
  font-size: 34px;
}
#create .in .questions .list ul li .name {
  display: block;
  flex: 0 0 calc(100% - 40px);
  box-sizing: border-box;
  padding: 0 0 0 16px;
}
#create.dark .in {
  padding-bottom: 0;
}
#create.dark .in .stats {
  margin-bottom: 0;
}
#create.dark .in .stats ul li div h5,
#create.dark .in .stats ul li div strong {
  color: #424394;
  font-family: 'Inter Bold', sans-serif;
}
#create.dark .in .stats ul li div span {
  color: #000;
}
@media only screen and (min-width: 480px) {
  #create .in {
    width: auto;
    padding: 10px 25px 30px 25px;
  }
  #create .in .content {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  #create .in {
    width: 700px;
    padding: 10px 0 30px 0;
  }
  #create .in .stats {
    border-bottom: 0;
    padding: 0 0 30px 0;
    margin: 0;
  }
  #create .in .stats ul {
    display: flex;
    justify-content: space-between;
  }
  #create .in .stats ul li {
    flex: 0 0 17%;
    padding: 20px 0 0 0;
  }
  #create .in .stats ul li div h5,
  #create .in .stats ul li div strong {
    width: 100%;
    text-align: center;
    display: block;
    font-size: 25px;
  }
  #create .in .stats ul li div span {
    padding: 4px 0 0 0;
    text-align: center;
    line-height: 161%;
    display: block;
    white-space: normal;
  }
  #create .in .content {
    display: flex;
    padding: 15px 0 0 0;
    justify-content: space-between;
  }
  #create .in .content .item {
    flex: 0 0 45%;
    padding: 0;
  }
  #create .in .wizard {
    display: block;
    text-align: left;
    position: relative;
    padding: 50px 0 0 0;
  }
  #create .in .wizard:before {
    content: '';
    position: absolute;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00999999', endColorstr='#ffffff', GradientType=0);
    display: block;
    width: 10000px;
    height: 170px;
    z-index: 1;
    left: -50%;
    bottom: -85px;
  }
  #create .in .wizard:after {
    z-index: 1;
    content: '';
    display: block;
    background: #ebebeb;
    position: absolute;
    height: 1px;
    width: 10000px;
    bottom: 0;
    left: -50%;
  }
  #create .in .wizard .frame {
    height: 235px;
    overflow-y: hidden;
    width: 100%;
    background: #fff;
    box-shadow: 0 16px 64px rgba(0, 0, 0, 0.2);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
  }
  #create .in .wizard .frame .categories {
    flex: 0 0 180px;
    box-sizing: border-box;
    border-right: 1px solid #ebebeb;
  }
  #create .in .wizard .frame .categories ul {
    padding: 11px 0 0 12px;
  }
  #create .in .wizard .frame .categories ul li {
    padding: 0;
    height: 27px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #create .in .wizard .frame .categories ul li:before {
    display: none;
  }
  #create .in .wizard .frame .categories ul li .title {
    font-size: 7px;
    color: #456585;
    padding: 0 0 0 12px;
  }
  #create .in .wizard .frame .categories ul li .count {
    margin: 0 11px 0 0;
    background: rgba(209, 212, 217, 0.6);
    color: #456585;
    font-size: 6px;
    display: block;
    width: 19px;
    height: 11px;
    text-align: center;
    border-radius: calc(11px / 2);
    box-sizing: border-box;
    padding: 3px 0 0 0;
  }
  #create .in .wizard .frame .categories ul li.active {
    background: rgba(48, 49, 129, 0.1);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    position: relative;
  }
  #create .in .wizard .frame .categories ul li.active:before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: auto;
    right: 0;
    background: #303181;
  }
  #create .in .wizard .frame .categories ul li.active .title {
    color: #303181;
  }
  #create .in .wizard .frame .categories ul li.active .count {
    background: #303181;
    color: #fff;
  }
  #create .in .wizard .frame .categories .header {
    padding: 17px 0 0 16px;
  }
  #create .in .wizard .frame .categories .header .logo {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/logo-blue.svg') no-repeat center center;
    background-size: cover;
    position: relative;
    margin: 0 23px 0 0;
  }
  #create .in .wizard .frame .categories .header .logo:after {
    background: #ebebeb;
    width: 1px;
    content: '';
    display: block;
    height: 12px;
    position: absolute;
    top: 1px;
    right: -14px;
  }
  #create .in .wizard .frame .categories .header .dashboard {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-dashboard.svg') no-repeat center left;
    background-size: 9px 9px;
    display: inline-block;
    box-sizing: border-box;
    height: 13px;
    color: #666;
    padding: 3px 0 0 15px;
    position: relative;
    top: -4px;
    font-size: 7px;
  }
  #create .in .wizard .frame .categories .select {
    color: #000;
    font-size: 8px;
    padding: 17px 0 0 24px;
  }
  #create .in .wizard .frame .list {
    flex: 0 0 calc(100% - 180px);
  }
  #create .in .wizard .frame .list .header {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    justify-content: space-between;
  }
  #create .in .wizard .frame .list .header p {
    height: 53px;
    padding: 0;
    display: flex;
  }
  #create .in .wizard .frame .list .header p strong {
    font-family: 'Inter SemiBold', sans-serif;
    align-self: center;
  }
  #create .in .wizard .frame .list .header p.title {
    padding: 0 0 0 30px;
    font-size: 10px;
  }
  #create .in .wizard .frame .list .header p.create {
    align-items: center;
    padding: 0 30px 0 0;
  }
  #create .in .wizard .frame .list .header p.create .sui-btn {
    height: 29px;
    font-size: 8px;
    padding: 8px 9px 0 9px;
    cursor: default;
  }
  #create .in .wizard .frame .list .header p.create .sui-btn i {
    position: relative;
    top: 2px;
    font-size: 12px;
  }
  #create .in .wizard .frame .list .surveys {
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
  }
  #create .in .wizard .frame .list .surveys li {
    padding: 20px 0 0 0;
    width: 135px;
  }
  #create .in .wizard .frame .list .surveys li:before {
    display: none;
  }
  #create .in .wizard .frame .list .surveys li span {
    display: block;
  }
  #create .in .wizard .frame .list .surveys li span.title {
    font-size: 7px;
    padding: 5px 0 0 0;
    letter-spacing: 0.006em;
    color: #456585;
    line-height: 140%;
  }
  #create .in .wizard .frame .list .surveys li span.count {
    font-size: 8px;
    color: #757575;
    padding: 5px 0 0 0;
    letter-spacing: 0.006em;
  }
  #create .in .wizard .frame .list .surveys li .image {
    width: 135px;
  }
  #create .in .wizard .frame .list .surveys li .image img {
    border-radius: 5px;
  }
  #create .in .questions {
    position: relative;
    z-index: 1;
  }
  #create .in .questions .title {
    text-align: center;
    padding: 35px 0 0 0;
  }
  #create .in .questions .title .sui-font-large {
    font-size: 18px;
  }
  #create .in .questions .list ul {
    padding: 18px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #create .in .questions .list ul li {
    flex: 0 0 49%;
    padding: 16px 0 0 0;
  }
  #create .in .questions .list ul li:first-child {
    padding: 16px 0 0 0;
  }
  #create .in .questions .list ul li .icon {
    height: 64px;
    width: 64px;
    border-radius: 12px;
    flex: 0 0 64px;
  }
  #create .in .questions .list ul li .icon .sui-icon.lg {
    font-size: 55px;
  }
  #create .in .questions .list ul li .name {
    padding: 0 0 0 24px;
    flex: 0 0 calc(100% - 64px);
  }
  #create.dark .in .stats {
    padding: 0;
  }
  .no-touch #create .in .wizard .frame .list .header p.create .sui-btn:hover {
    background: #303181;
    cursor: text;
  }
}
@media only screen and (min-width: 1280px) {
  #create .in {
    width: 1100px;
  }
  #create .in .stats {
    padding: 0 0 40px 0;
  }
  #create .in .content {
    padding: 25px 0 0 0;
  }
  #create .in .content .item {
    flex: 0 0 43%;
  }
  #create .in .wizard {
    padding: 65px 0 0 0;
  }
  #create .in .wizard .frame {
    height: 350px;
  }
  #create .in .wizard .frame .categories {
    flex: 0 0 280px;
  }
  #create .in .wizard .frame .categories ul {
    padding: 16px 0 0 18px;
  }
  #create .in .wizard .frame .categories ul li {
    height: 42px;
  }
  #create .in .wizard .frame .categories ul li .title {
    padding: 0 0 0 19px;
    font-size: 12px;
  }
  #create .in .wizard .frame .categories ul li .count {
    font-size: 10px;
    margin: 0 15px 0 0;
    border-radius: calc(17px / 2);
    width: 29px;
    height: 17px;
  }
  #create .in .wizard .frame .categories .header {
    padding: 25px 0 0 22px;
  }
  #create .in .wizard .frame .categories .header .logo {
    width: 22px;
    margin: 0 36px 0 0;
    height: 22px;
  }
  #create .in .wizard .frame .categories .header .logo:after {
    height: 18px;
    top: 2px;
    right: -20px;
  }
  #create .in .wizard .frame .categories .header .dashboard {
    font-size: 12px;
    top: -6px;
    height: 14px;
    background-size: 14px 14px;
    padding: 1px 0 0 25px;
    color: #666;
  }
  #create .in .wizard .frame .categories .select {
    font-size: 13px;
    padding: 33px 0 0 36px;
  }
  #create .in .wizard .frame .list {
    flex: 0 0 calc(100% - 280px);
  }
  #create .in .wizard .frame .list .header p {
    height: 86px;
  }
  #create .in .wizard .frame .list .header p.title {
    padding: 0 0 0 48px;
    font-size: 16px;
  }
  #create .in .wizard .frame .list .header p.create {
    padding: 0 40px 0 0;
  }
  #create .in .wizard .frame .list .header p.create .sui-btn {
    height: 46px;
    font-size: 13px;
    padding: 15px 16px 0 16px;
  }
  #create .in .wizard .frame .list .header p.create .sui-btn i {
    font-size: 18px;
  }
  #create .in .wizard .frame .list .surveys {
    padding: 0 40px 0 48px;
  }
  #create .in .wizard .frame .list .surveys li {
    padding: 30px 0 0 0;
    width: 215px;
  }
  #create .in .wizard .frame .list .surveys li span.title {
    font-size: 13px;
    color: #071b4e;
  }
  #create .in .wizard .frame .list .surveys li span.count {
    font-size: 12px;
  }
  #create .in .wizard .frame .list .surveys li .image {
    width: 215px;
  }
  #create .in .questions .title {
    padding: 65px 0 0 0;
  }
  #create .in .questions .list ul {
    padding: 35px 0 0;
  }
  #create .in .questions .list ul li {
    flex: 0 0 26%;
  }
}
#about-us .in {
  padding-top: 0;
}
#about-us .in .about .image {
  margin: 32px 0 0 0;
  position: relative;
  left: -25px;
  width: calc(100% + 50px);
}
#about-us .in .members {
  position: relative;
  padding: 0 0 30px 0;
}
#about-us .in .members:before {
  display: block;
  width: 10000px;
  height: 1px;
  content: '';
  background: #e9e9e9;
  position: absolute;
  left: -5000px;
  bottom: 0;
}
#about-us .in .members .list ul {
  padding: 10px 0 0 0;
}
#about-us .in .members .list ul li {
  padding: 25px 0 0 0;
}
#about-us .in .members .list ul li:before {
  display: none;
}
#about-us .in .members .list ul li .image {
  padding: 1px;
  width: 130px;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
  border-radius: 100%;
}
#about-us .in .members .list ul li .image img {
  border-radius: 100%;
  vertical-align: bottom;
}
#about-us .in .members .list ul li .content h3 {
  padding: 15px 0 0 0;
  font-size: 18px;
}
#about-us .in .members .list ul li .content p {
  padding: 2px 0 0 0;
  color: #4a526e;
}
#about-us .in .contacts {
  padding: 5px 0 0 0;
}
#about-us .in .contacts .media ul {
  padding: 0;
}
#about-us .in .contacts .media ul li {
  padding: 25px 0 0 0;
}
#about-us .in .contacts .media ul li:before {
  display: none;
}
#about-us .in .contacts .media ul li .logo {
  border: 1px solid #e9e9e9;
  margin: 0 auto;
  width: 150px;
}
#about-us .in .contacts .media ul li .logo span {
  padding: 10px;
  display: block;
}
#about-us .in .contacts .media ul li .logo.color {
  background: #fff;
}
#about-us .in .contacts .media ul li .logo.bw {
  background: #000;
}
#about-us .in .contacts .media ul li .files {
  padding: 10px 0 0 0;
}
@media only screen and (min-width: 768px) {
  #about-us .in {
    padding-top: 10px;
  }
  #about-us .in .about .image {
    width: 100%;
    left: auto;
  }
  #about-us .in .about .image:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 270px;
    bottom: -34px;
    left: -34px;
    background: #f2f3f4;
  }
  #about-us .in .about .image img {
    position: relative;
    z-index: 1;
  }
  #about-us .in .members {
    padding: 50px 0 50px 0;
  }
  #about-us .in .members .list ul {
    justify-content: center;
    padding: 20px 0 0 0;
    display: flex;
    flex-wrap: wrap;
  }
  #about-us .in .members .list ul li {
    padding: 35px 0 0 0;
    width: 50%;
  }
  #about-us .in .contacts {
    padding: 20px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #about-us .in {
    padding-top: 40px;
  }
  #about-us .in .about {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
  #about-us .in .about .content {
    flex: 0 1 47%;
    text-align: left;
  }
  #about-us .in .about .image {
    flex: 0 1 48%;
  }
  #about-us .in .about .image:before {
    bottom: -32px;
    left: -32px;
  }
  #about-us .in .members {
    padding: 75px 0 65px 0;
  }
  #about-us .in .members .list ul li {
    padding: 45px 0 0 0;
    width: 33.33333%;
  }
  #about-us .in .members .list ul li .image {
    width: 150px;
  }
  #about-us .in .contacts {
    padding: 40px 0 20px 0;
    display: flex;
    justify-content: space-between;
  }
  #about-us .in .contacts .company {
    flex: 0 1 48%;
  }
  #about-us .in .contacts .media {
    flex: 0 1 48%;
  }
}
#contact-us .in {
  text-align: left;
}
#contact-us .in .item .content {
  padding: 0 25px 25px 25px;
}
#contact-us .in .item .content p {
  padding: 20px 0 0 0;
}
#contact-us .in .item .main a {
  display: flex;
  padding: 18px 50px 18px 80px;
  box-sizing: border-box;
  widows: 100%;
  text-decoration: none;
  transition: color 0.5s;
  color: #031647;
  flex-wrap: wrap;
  align-items: center;
}
#contact-us .in .item .main a:before {
  position: absolute;
  transform: rotate(-90deg);
  right: 16px;
  font-size: 28px;
}
#contact-us .in .item .main a strong {
  flex: 0 1 100%;
  font-size: 20px;
}
#contact-us .in .item .main a span {
  flex: 0 1 100%;
  font-family: 'Inter Regular', sans-serif;
  padding: 5px 0 0 0;
}
#contact-us .in .item.help {
  width: calc(100% + 50px);
  position: relative;
  left: -25px;
  background: -moz-linear-gradient(top, #ffffff 0%, #e6efff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e6efff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6efff 100%);
  border-bottom: 1px solid #c6d7ff;
}
#contact-us .in .item.help .content ul {
  padding: 17px 0 0 0;
}
#contact-us .in .item.help .content ul li {
  padding: 0;
  margin: 8px 0 0 0;
}
#contact-us .in .item.help .content ul li:before {
  display: none;
}
#contact-us .in .item.help .content ul li a,
#contact-us .in .item.help .content ul li span {
  box-sizing: border-box;
  border: 1px solid #303181;
  border-radius: 4px;
  background: #fff;
  text-decoration: none;
  padding: 0 15px;
  cursor: pointer;
  transition: color 0.5s, background 0.5s;
  display: flex;
  height: 50px;
  color: #424394;
  font-family: 'Inter SemiBold', sans-serif;
  align-items: center;
}
#contact-us .in .item.help .content ul li a:before,
#contact-us .in .item.help .content ul li span:before {
  position: absolute;
  transform: rotate(-90deg);
  right: 9px;
  font-size: 20px;
  left: auto;
}
#contact-us .in .item.help .content ul li .hint {
  position: absolute;
  bottom: 54px;
  font-size: 12px;
  box-sizing: border-box;
  padding: 0 20px 18px 20px;
  width: 100%;
  display: none;
  border-radius: 8px;
  background: #3d4144;
  color: #fff;
  z-index: 99;
  line-height: 130%;
}
#contact-us .in .item.help .content ul li .hint small {
  padding: 16px 0 0 0;
  display: block;
}
#contact-us .in .item.help .content ul li .hint small:first-child {
  font-family: 'Inter Medium', sans-serif;
}
#contact-us .in .item.help .main {
  border-top: 1px solid #c6d7ff;
}
#contact-us .in .item.help .main a {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-help.svg') no-repeat 25px center;
  background-size: 38px 38px;
}
#contact-us .in .item.sales {
  width: calc(100% + 50px);
  position: relative;
  left: -25px;
  border-bottom: 1px solid #edeff0;
}
#contact-us .in .item.sales .content ul {
  padding: 11px 0 0 0;
}
#contact-us .in .item.sales .content ul li {
  padding: 14px 0 0 24px;
}
#contact-us .in .item.sales .content ul li:before {
  top: 14px;
  transform: rotate(-90deg);
  color: #031647;
}
#contact-us .in .item.sales .content ul li span {
  color: #2030c2;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: underline;
  transition: color 0.5s;
  cursor: pointer;
}
#contact-us .in .item.sales .content .privacy {
  padding: 10px 0 0 0;
}
#contact-us .in .item.sales .content .privacy ul li a {
  font-family: 'Inter Regular', sans-serif;
  color: #031647;
}
#contact-us .in .item.sales .main {
  border-top: 1px solid #edeff0;
}
#contact-us .in .item.sales .main a {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-badge.svg') no-repeat 25px center;
  background-size: 38px 38px;
}
.no-touch #contact-us .in .item .main a:hover {
  color: #000;
}
.no-touch #contact-us .in .item.help .content ul li a:hover,
.no-touch #contact-us .in .item.help .content ul li span:hover {
  background: #303181;
  border-color: #303181;
  color: #fff;
}
.no-touch #contact-us .in .item.help .content ul li:hover .hint {
  display: block;
}
.no-touch #contact-us .in .item.sales .content ul li span:hover {
  color: #000;
}
.no-touch #contact-us .in .item.sales .content .privacy ul li a:hover {
  color: #000;
}
@media only screen and (min-width: 768px) {
  #contact-us .in {
    padding: 15px 0 45px;
    display: flex;
    justify-content: space-between;
  }
  #contact-us .in .item {
    flex: 0 1 47%;
    padding: 0 0 77px 0;
  }
  #contact-us .in .item .main {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
  }
  #contact-us .in .item.help {
    width: 100%;
    left: auto;
    background: -moz-linear-gradient(-45deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    background: linear-gradient(135deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    border-bottom-left-radius: 6px;
    border-right: 1px solid #c6d7ff;
    border-left: 1px solid #c6d7ff;
    border-bottom-right-radius: 6px;
  }
  #contact-us .in .item.help:before,
  #contact-us .in .item.help:after {
    width: 1px;
    height: calc(100% - 5px);
    display: block;
    content: '';
    position: absolute;
    left: -1px;
    bottom: 5px;
    background: -moz-linear-gradient(top, #ffffff 20%, #c6d7ff 100%);
    background: -webkit-linear-gradient(top, #ffffff 20%, #c6d7ff 100%);
    background: linear-gradient(to bottom, #ffffff 20%, #c6d7ff 100%);
  }
  #contact-us .in .item.help:after {
    left: auto;
    right: -1px;
  }
  #contact-us .in .item.help .content ul {
    padding: 17px 0 0 0;
  }
  #contact-us .in .item.help .content ul li {
    padding: 0;
    margin: 10px 0 0 0;
  }
  #contact-us .in .item.help .content ul li:before {
    display: none;
  }
  #contact-us .in .item.help .content ul li a {
    height: 56px;
    font-size: 16px;
  }
  #contact-us .in .item.help .content ul li .hint {
    bottom: 62px;
  }
  #contact-us .in .item.sales {
    width: 100%;
    left: auto;
    border-right: 1px solid #edeff0;
    border-left: 1px solid #edeff0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
  }
  #contact-us .in .item.sales:before,
  #contact-us .in .item.sales:after {
    width: 1px;
    height: calc(100% - 5px);
    display: block;
    content: '';
    position: absolute;
    left: -1px;
    bottom: 5px;
    background: -moz-linear-gradient(top, #ffffff 10%, #edeff0 100%);
    background: -webkit-linear-gradient(top, #ffffff 10%, #edeff0 100%);
    background: linear-gradient(to bottom, #ffffff 10%, #edeff0 100%);
  }
  #contact-us .in .item.sales:after {
    left: auto;
    right: -1px;
  }
  #contact-us .in .item.sales .content .privacy h3 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  #contact-us .in {
    padding: 25px 0 55px;
  }
  #contact-us .in .item {
    padding: 0 0 91px 0;
  }
  #contact-us .in .item .content {
    padding: 0 35px 35px 35px;
  }
  #contact-us .in .item .main a {
    padding: 25px 60px 25px 95px;
  }
  #contact-us .in .item .main a:before {
    right: 26px;
  }
  #contact-us .in .item.help .content ul li .hint {
    width: 300px;
  }
  #contact-us .in .item.help .main a {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-help.svg') no-repeat 35px center;
    background-size: 42px 42px;
  }
  #contact-us .in .item.sales .main a {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-badge.svg') no-repeat 35px center;
    background-size: 42px 42px;
  }
}
#mobile .in .device {
  padding: 15px 0 0 0;
}
#mobile .in .device .content p {
  color: #4a526e;
  padding: 18px 0 0 0;
}
#mobile .in .device .mobile {
  height: 495px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#mobile .in .device .mobile .welcome {
  position: absolute;
  filter: blur(1.5px);
  width: 146px;
  opacity: 0.9;
  height: 317px;
  box-sizing: border-box;
  padding: 8px 3px 0 3px;
  box-shadow: 20px 1px 50px rgba(24, 58, 69, 0.15), 30px 44px 42px rgba(24, 58, 69, 0.04);
  left: calc((100% - 400px)/2);
  color: #323232;
  border-radius: 30px;
}
#mobile .in .device .mobile .welcome:before {
  content: '';
  display: block;
  width: 146px;
  height: 317px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.svg') no-repeat center center;
  background-size: cover;
}
#mobile .in .device .mobile .welcome .frame {
  width: 140px;
  height: 298px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-mobile-frame-welcome.jpg') no-repeat center center;
  background-size: contain;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
#mobile .in .device .mobile .welcome .frame:before {
  content: '';
  position: absolute;
  width: 123px;
  height: 6px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-phonebar-white.png') no-repeat center center;
  background-size: contain;
  left: 10px;
  top: 10px;
}
#mobile .in .device .mobile .welcome .frame .content {
  color: #323232;
}
#mobile .in .device .mobile .welcome .frame .content h2 {
  font-size: 19px;
  padding: 0;
  line-height: 130%;
  color: #fff;
  letter-spacing: -0.01em;
  width: auto;
}
#mobile .in .device .mobile .welcome .frame .content p.enter {
  padding: 10px 0 0 0;
  line-height: normal;
}
#mobile .in .device .mobile .welcome .frame .content p .button {
  height: 22px;
  border-radius: 5px;
  display: inline-block;
  color: #323232;
  background: #fff;
  font-size: 10px;
  box-sizing: border-box;
  padding: 5px 10px 0 10px;
}
#mobile .in .device .mobile .survey {
  width: 162px;
  height: 352px;
  box-sizing: border-box;
  padding: 9px 3px 0 3px;
  box-shadow: 20px 1px 50px rgba(24, 58, 69, 0.15), 30px 44px 42px rgba(24, 58, 69, 0.04);
  margin: 0 auto;
  position: relative;
  color: #323232;
  border-radius: 30px;
}
#mobile .in .device .mobile .survey:before {
  content: '';
  display: block;
  width: 162px;
  height: 352px;
  position: absolute;
  top: 0;
  left: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.svg') no-repeat center center;
  background-size: cover;
}
#mobile .in .device .mobile .survey:after {
  content: '';
  border-radius: 100%;
  background: #f3ece8;
  position: absolute;
  display: block;
  z-index: -1;
  height: 495px;
  width: 495px;
  top: -72px;
  left: -385px;
}
#mobile .in .device .mobile .survey .frame {
  width: 156px;
  height: 332px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-mobile-frame.jpg') no-repeat center center;
  background-size: cover;
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: left;
}
#mobile .in .device .mobile .survey .frame:before {
  content: '';
  position: absolute;
  width: 138px;
  height: 6px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-phonebar-white.png') no-repeat center center;
  background-size: contain;
  left: 10px;
  top: 10px;
}
#mobile .in .device .mobile .survey .frame .content {
  color: #323232;
}
#mobile .in .device .mobile .survey .frame .content h3 {
  padding: 0;
  font-size: 16px;
  line-height: 140%;
  width: auto;
  letter-spacing: -0.01em;
}
#mobile .in .device .mobile .survey .frame .content h4 {
  padding: 8px 0 0 0;
  font-size: 9px;
  line-height: 130%;
  width: auto;
}
#mobile .in .device .mobile .survey .frame .content p {
  font-size: 6px;
}
#mobile .in .device .mobile .survey .frame .content p.hint {
  font-size: 6px;
  padding: 2px 0 0 0;
  color: rgba(50, 50, 50, 0.6);
}
#mobile .in .device .mobile .survey .frame.sc .content {
  padding: 0 0 60px 0;
}
#mobile .in .device .mobile .survey .frame.sc .content .question ul {
  width: auto;
  height: auto;
  padding: 7px 0 0 0;
}
#mobile .in .device .mobile .survey .frame.sc .content .question ul li {
  width: auto;
  height: auto;
  padding: 4px 0 0 0;
}
#mobile .in .device .mobile .survey .frame.sc .content .question ul li:before {
  display: none;
}
#mobile .in .device .mobile .survey .frame.sc .content .question ul li span {
  display: block;
  font-size: 6px;
  line-height: 120%;
  padding: 7px;
  box-sizing: border-box;
  min-height: 22px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
}
#mobile .in .device .mobile .survey .frame.sc .content .question ul li:first-child {
  padding: 0;
}
#mobile .in .review .image {
  display: none;
}
#mobile .in .review .sui-customer-review {
  padding: 35px 0 0;
}
#mobile .in .review .sui-customer-review .text {
  font-style: normal;
}
#mobile .in .review .sui-customer-review .text span {
  font-family: 'Inter Regular', sans-serif;
  font-size: 13.5px;
}
#mobile .in .review .sui-customer-review .sui-customer-review-name {
  padding: 26px 0 0 0;
}
#mobile .in .review .sui-customer-review .sui-customer-review-name .sui-people {
  width: 50px;
  height: 50px;
}
#mobile .in .review .sui-customer-review .sui-customer-review-name .author {
  width: calc(100% - 63px);
}
#mobile .in .review .sui-customer-review .sui-customer-review-name .author p {
  padding: 6px 0 0;
}
#mobile .in .review .sui-customer-review .sui-rating {
  padding: 17px 0 0;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon {
  position: relative;
  font-size: 16px;
  margin: 0 5px 0 0;
  opacity: 1;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon:last-child {
  margin: 0;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon:last-child:before {
  opacity: 0.2;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon:last-child.highlight:before {
  opacity: 1;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon .sui-icon {
  position: absolute;
  top: 0;
  left: 0;
}
#mobile .in .review .sui-customer-review .sui-rating .sui-icon.highlight {
  color: #303181;
}
@media only screen and (min-width: 480px) {
  #mobile .in {
    width: auto;
    padding: 10px 25px 30px 25px;
  }
  #mobile .in .device .mobile {
    height: 607px;
    margin: 22px 0 0 0;
    padding: 0 0 0 128px;
  }
  #mobile .in .device .mobile .welcome {
    width: 178px;
    padding: 6px 3px 0 3px;
    height: 386px;
    left: calc((100% - 370px)/2);
  }
  #mobile .in .device .mobile .welcome:before {
    width: 178px;
    height: 386px;
  }
  #mobile .in .device .mobile .welcome .frame {
    width: 172px;
    height: 373px;
  }
  #mobile .in .device .mobile .welcome .frame:before {
    width: 151px;
    height: 7px;
    left: 12px;
    top: 15px;
  }
  #mobile .in .device .mobile .survey {
    width: 200px;
    height: 435px;
    padding: 11px 3px 0 3px;
  }
  #mobile .in .device .mobile .survey:before {
    width: 200px;
    height: 435px;
  }
  #mobile .in .device .mobile .survey:after {
    height: 607px;
    width: 607px;
    top: -85px;
    left: -475px;
  }
  #mobile .in .device .mobile .survey .frame {
    width: 193px;
    padding: 0 12px;
    height: 410px;
  }
  #mobile .in .device .mobile .survey .frame:before {
    width: 169px;
    height: 8px;
    left: 12px;
    top: 12px;
  }
  #mobile .in .device .mobile .survey .frame .content h3 {
    font-size: 21px;
  }
  #mobile .in .device .mobile .survey .frame .content h4 {
    font-size: 11px;
    letter-spacing: -0.01em;
  }
  #mobile .in .device .mobile .survey .frame .content p.hint {
    font-size: 9px;
  }
  #mobile .in .device .mobile .survey .frame.sc .content .question ul li span {
    min-height: 27px;
    padding: 9px 7px;
    font-size: 8px;
  }
  #mobile .in .review .sui-customer-review {
    padding: 55px 0 0;
  }
  #mobile .in .review .sui-customer-review .text span {
    font-size: 15px;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .sui-people {
    width: 64px;
    height: 64px;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .author {
    width: calc(100% - 77px);
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .author p {
    padding: 14px 0 0;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .author p .name {
    font-size: 15px;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .author p .position {
    font-size: 13.5px;
  }
}
@media only screen and (min-width: 768px) {
  #mobile .in {
    width: 700px;
    padding: 0 0 30px 0;
  }
  #mobile .in .device {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  #mobile .in .device .content {
    text-align: left;
    flex: 0 0 48%;
  }
  #mobile .in .device .mobile {
    flex: 0 0 74%;
    height: 700px;
  }
  #mobile .in .device .mobile .welcome {
    width: 205px;
    left: calc((100% - 440px)/2);
    height: 446px;
    padding: 8px 4px 0 4px;
  }
  #mobile .in .device .mobile .welcome:before {
    width: 205px;
    height: 446px;
  }
  #mobile .in .device .mobile .welcome .frame {
    width: 197px;
    height: 427px;
  }
  #mobile .in .device .mobile .welcome .frame:before {
    width: 173px;
    height: 8px;
    left: 13px;
  }
  #mobile .in .device .mobile .welcome .frame .content {
    flex: auto;
    text-align: center;
  }
  #mobile .in .device .mobile .survey {
    width: 230px;
    height: 500px;
    padding: 13px 4px 0 4px;
  }
  #mobile .in .device .mobile .survey:before {
    width: 230px;
    height: 500px;
  }
  #mobile .in .device .mobile .survey:after {
    height: 700px;
    width: 700px;
    top: -105px;
    left: -555px;
  }
  #mobile .in .device .mobile .survey .frame {
    width: 222px;
    height: 472px;
  }
  #mobile .in .device .mobile .survey .frame:before {
    width: 194px;
    height: 9px;
  }
  #mobile .in .device .mobile .survey .frame .content {
    flex: auto;
  }
  #mobile .in .device .mobile .survey .frame .content h3 {
    font-size: 24px;
  }
  #mobile .in .device .mobile .survey .frame .content h4 {
    font-size: 13px;
  }
  #mobile .in .device .mobile .survey .frame.sc .content .question ul li span {
    min-height: 31px;
    font-size: 9px;
    padding: 10px 9px;
  }
  #mobile .in .review .sui-customer-review {
    padding: 10px 0 0 0;
    width: 570px;
    margin: 0 auto;
  }
  #mobile .in .review .sui-customer-review .text span {
    font-size: 15px;
    color: #4a526e;
  }
}
@media only screen and (min-width: 1280px) {
  #mobile .in {
    width: 1100px;
  }
  #mobile .in .device .mobile {
    flex: 0 0 61%;
    margin: 60px 0 0;
  }
  #mobile .in .review {
    width: 880px;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  #mobile .in .review .image {
    width: 280px;
    display: block;
  }
  #mobile .in .review .sui-customer-review {
    width: 545px;
    padding: 0;
    margin-left: 0;
    text-align: right;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .sui-people {
    display: none;
  }
  #mobile .in .review .sui-customer-review .sui-customer-review-name .author {
    width: 100%;
  }
}
#collection .in {
  text-align: left;
  padding-top: 15px 0 0 0;
}
#collection .in p {
  padding: 15px 0 0 0;
  color: #4a526e;
}
#collection .in .content .animation {
  display: none;
}
#collection .in .content .list ul {
  padding: 45px 0 0 0;
  display: inline-block;
}
#collection .in .content .list ul li {
  padding: 10px 0 0 0;
}
#collection .in .content .list ul li:before {
  display: none;
}
#collection .in .content .list ul li:first-child {
  padding: 0;
}
#collection .in .content .list ul li a,
#collection .in .content .list ul li span {
  text-decoration: none;
  color: #031647;
  font-family: 'Inter Regular', sans-serif;
  cursor: text;
  display: flex;
  align-items: center;
}
#collection .in .content .list ul li a .icon,
#collection .in .content .list ul li span .icon {
  background: rgba(215, 219, 227, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  height: 52px;
  width: 52px;
  border-radius: 100%;
  flex: 0 0 52px;
}
#collection .in .content .list ul li a .icon .sui-icon.lg,
#collection .in .content .list ul li span .icon .sui-icon.lg {
  font-size: 20px;
}
#collection .in .content .list ul li a .name,
#collection .in .content .list ul li span .name {
  display: block;
  flex: 0 0 calc(100% - 52px);
  box-sizing: border-box;
  line-height: 161%;
  padding: 0 0 0 16px;
}
#collection .in .content .list p {
  padding: 35px 0 0 0;
  text-align: center;
}
#collection .in .content .list p .sui-btn.light {
  padding: 19px 28px 0 28px;
  display: inline-block;
  width: auto;
}
@media only screen and (min-width: 480px) {
  #collection .in {
    width: auto;
    padding: 0 25px 30px 25px;
    text-align: center;
  }
  #collection .in .content .list {
    text-align: left;
  }
  #collection .in .content .list ul li a .name,
  #collection .in .content .list ul li span .name {
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  #collection .in {
    width: 700px;
    padding: 10px 0 30px 0;
  }
  #collection .in p {
    padding: 30px 0 0 0;
    color: #071b4e;
  }
  #collection .in .content .list ul {
    display: flex;
    padding: 40px 0 0 0;
    flex-wrap: wrap;
  }
  #collection .in .content .list ul li {
    flex: 0 0 33.33333%;
    display: block;
    padding: 15px 0 0 0;
  }
  #collection .in .content .list ul li:first-child {
    padding: 15px 0 0 0;
  }
  #collection .in .content .list ul li a,
  #collection .in .content .list ul li span {
    display: block;
  }
  #collection .in .content .list ul li a .icon,
  #collection .in .content .list ul li span .icon {
    display: block;
    margin: 0 auto;
    text-align: center;
  }
  #collection .in .content .list ul li a .icon .sui-icon,
  #collection .in .content .list ul li span .icon .sui-icon {
    top: 16px;
    position: relative;
  }
  #collection .in .content .list ul li a .name,
  #collection .in .content .list ul li span .name {
    margin: 0 auto;
    padding: 15px 20px 0 20px;
    text-align: center;
  }
  #collection .in .content .list p {
    padding: 55px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #collection .in {
    padding-top: 60px;
    width: 1100px;
  }
  #collection .in .subtitle {
    width: 830px;
    margin: 0 auto;
    color: #4a526e;
    padding: 20px 0 0;
  }
  #collection .in .content {
    display: flex;
    margin: 70px 0 100px 0;
    align-items: center;
    padding: 0 40px;
  }
  #collection .in .content .animation {
    display: block;
    flex: 0 0 595px;
  }
  #collection .in .content .animation .mobile {
    height: 523px;
    width: 450px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-collection.png') no-repeat center center;
    background-size: 450px 450px;
    display: flex;
    justify-content: center;
  }
  #collection .in .content .animation .mobile .device {
    width: 241px;
    height: 523px;
    border-radius: 30px;
    box-shadow: 30px 24px 92px rgba(24, 58, 69, 0.26);
    position: relative;
    padding: 15px 5px 0 5px;
    left: 7px;
    top: -8px;
    opacity: 0;
    transition: opacity 2s;
  }
  #collection .in .content .animation .mobile .device:before {
    content: '';
    display: block;
    width: 241px;
    height: 523px;
    position: absolute;
    top: 0;
    left: 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-animation-frame.svg') no-repeat center center;
    background-size: cover;
  }
  #collection .in .content .animation .mobile .device .frame {
    width: 231px;
    height: 491px;
    box-sizing: border-box;
    padding: 0;
    margin: 0 auto;
    position: relative;
    color: #323232;
    border-radius: 20px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-collection-frame.png') no-repeat center center;
    background-size: contain;
  }
  #collection .in .content .animation .mobile .device .frame:before {
    content: '';
    position: absolute;
    width: 204px;
    height: 9px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-phonebar.png') no-repeat center center;
    background-size: contain;
    left: 15px;
    top: 15px;
  }
  #collection .in .content .animation .mobile .device .frame .content {
    margin: 0;
    text-align: center;
    padding: 150px 25px 0 25px;
    display: block;
  }
  #collection .in .content .animation .mobile .device .frame .content h2 {
    color: #57656c;
    padding: 0;
    font-size: 22px;
    line-height: 112%;
    position: relative;
  }
  #collection .in .content .animation .mobile .device .frame .content h2 sup {
    position: absolute;
  }
  #collection .in .content .animation .mobile .device .frame .content p.enter {
    padding: 25px 0 0;
  }
  #collection .in .content .animation .mobile .device .frame .content p.enter .button {
    letter-spacing: -0.01em;
    color: #57656c;
    font-size: 12px;
    display: inline-block;
    background: #fff;
    height: 36px;
    box-sizing: border-box;
    padding: 5px 13px 0 13px;
    border-radius: 5px;
  }
  #collection .in .content .animation .mobile .device .frame .slides {
    position: absolute;
    width: 520px;
    height: calc(100% + 140px);
    top: 0;
    left: -50px;
    opacity: 0;
    transition: opacity 1s;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul {
    padding: 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li {
    text-align: left;
    height: 631px;
    position: relative;
    padding: 0 148px 0 0;
    box-sizing: border-box;
    display: none;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li:first-child {
    display: list-item;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li:before {
    width: 148px;
    content: '';
    left: auto;
    right: 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li .method {
    opacity: 0.5;
    transition: opacity 1s, top 1s;
    position: absolute;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li .method.move {
    opacity: 1;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li .method.hide {
    opacity: 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link:before {
    height: 366px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-1.svg') no-repeat center center;
    background-size: contain;
    top: 25px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method {
    top: 280px;
    left: 54px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method .visual {
    background: #fff;
    border-radius: 5px;
    width: 310px;
    display: flex;
    padding: 0 10px 0 20px;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    justify-content: space-between;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method .visual p {
    padding: 0;
    font-size: 12px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method .visual p.url {
    letter-spacing: 0.015em;
    color: #071b4e;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method .visual p.button strong {
    color: #303181;
    padding: 8px 13px 0 13px;
    background: #e3f0ff;
    border-radius: 4px;
    height: 36px;
    display: block;
    box-sizing: border-box;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method.move {
    top: 360px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.link .method.hide {
    top: 440px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social:before {
    height: 302px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-2.svg') no-repeat center center;
    background-size: contain;
    top: 88px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method {
    top: 250px;
    left: 19px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual {
    background: #fff;
    border-radius: 5px;
    width: 345px;
    box-sizing: border-box;
    height: 74px;
    padding: 0 38px;
    display: flex;
    align-items: center;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual p {
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual p span .sui-icon.flaticon-facebook {
    font-size: 23px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual p span .sui-icon.flaticon-twitter {
    font-size: 23px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual p span .sui-icon.flaticon-google-sheets {
    font-size: 29px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method .visual p span .icon-vk {
    display: block;
    width: 25px;
    height: 16px;
    position: relative;
    top: 6px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-vk.svg') no-repeat center center;
    background-size: contain;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method.move {
    top: 350px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.social .method.hide {
    top: 480px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation:before {
    height: 235px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-3.svg') no-repeat center center;
    background-size: contain;
    top: 155px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method {
    top: 137px;
    left: 96px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual {
    background: #fff;
    border-radius: 5px;
    width: 268px;
    padding: 27px 32px 0 29px;
    box-sizing: border-box;
    height: 150px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .mail {
    position: absolute;
    width: 53px;
    height: 53px;
    background: #ffd7d4;
    border-radius: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -60px;
    top: 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .mail span {
    position: absolute;
    background: #d93025;
    width: 22px;
    text-align: center;
    height: 22px;
    border-radius: 100%;
    border: 2px solid #ffd7d4;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 100%;
    color: #fff;
    padding: 3px 0 0 0;
    top: 4px;
    right: 4px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .mail .sui-icon {
    color: #d93025;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .mail .sui-icon.sm {
    font-size: 24px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .placeholder {
    width: 100%;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-invitation-frame.svg') no-repeat center center;
    background-size: contain;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .placeholder .icon {
    display: block;
    width: 31px;
    height: 31px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-image-choice.svg') no-repeat center center;
    background-size: contain;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts {
    padding: 9px 0 0 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i {
    display: inline-block;
    height: 6px;
    background: #d7dbe3;
    margin: 11px 8px 0 0;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i:nth-child(1) {
    width: 50px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i:nth-child(2) {
    width: 82px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i:nth-child(3) {
    width: 40px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i:nth-child(4) {
    width: 35px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method .visual .texts i:nth-child(5) {
    width: 74px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method.move {
    top: 307px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.invitation .method.hide {
    top: 540px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed:before {
    height: 224px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-4.svg') no-repeat center center;
    background-size: contain;
    top: 219px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method {
    top: 28px;
    left: 84px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual {
    background: #fff;
    border-radius: 5px;
    width: 279px;
    height: 214px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .head {
    padding: 0 10px 0 20px;
    align-items: center;
    box-sizing: border-box;
    height: 56px;
    display: flex;
    justify-content: space-between;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .head p {
    padding: 0;
    font-size: 12px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .head p.copy {
    letter-spacing: 0.015em;
    color: #071b4e;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .head p.button strong {
    color: #303181;
    padding: 8px 13px 0 13px;
    background: #e3f0ff;
    border-radius: 4px;
    height: 36px;
    display: block;
    box-sizing: border-box;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .code {
    background: #3b3b3e;
    color: #afb4ba;
    font-size: 12px;
    line-height: 160%;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px 28px 0 28px;
    height: calc(100% - 56px);
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .code strong {
    overflow-wrap: break-word;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .code strong span.blue {
    color: #37f3ff;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .code strong span.yellow {
    color: #f4cc48;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method .visual .code strong span.white {
    color: #fff;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method.move {
    top: 328px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.embed .method.hide {
    top: 480px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr:before {
    height: 108px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-5.svg') no-repeat center center;
    background-size: contain;
    top: 282px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr .method {
    top: 99px;
    left: 194px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr .method .visual {
    background: #fff;
    border-radius: 5px;
    width: 170px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr .method .visual .icon {
    display: block;
    width: 92px;
    height: 92px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icons/icon-qr.svg') no-repeat center center;
    background-size: contain;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr .method.move {
    top: 299px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.qr .method.hide {
    top: 550px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print:before {
    height: 67px;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/collection-line-6.svg') no-repeat center center;
    background-size: contain;
    top: 347px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method {
    top: 238px;
    left: 93px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual {
    box-sizing: border-box;
    padding: 16px;
    background: #fff;
    border-radius: 5px;
    width: 271px;
    height: 82px;
    display: flex;
    align-items: center;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual .icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #448dff;
    border-radius: 4px;
    flex: 0 0 50px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual .icon .sui-icon {
    color: #fff;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual .file {
    line-height: 100%;
    position: relative;
    top: -2px;
    padding: 0 0 0 13px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual .file strong sup {
    position: relative;
    top: 5px;
    font-size: 13.5px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method .visual .file span {
    font-size: 12px;
    padding: 2px 0 0 0;
    color: #929bb2;
    display: block;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method.move {
    top: 368px;
  }
  #collection .in .content .animation .mobile .device .frame .slides ul li.print .method.hide {
    top: 468px;
  }
  #collection .in .content .list {
    position: relative;
    top: -3px;
  }
  #collection .in .content .list ul {
    padding: 0;
    display: block;
  }
  #collection .in .content .list ul li {
    display: flex;
    padding: 12px 0 0 0;
  }
  #collection .in .content .list ul li:first-child {
    padding: 0;
  }
  #collection .in .content .list ul li a,
  #collection .in .content .list ul li span {
    cursor: pointer;
    display: flex;
  }
  #collection .in .content .list ul li a .name,
  #collection .in .content .list ul li span .name {
    text-align: left;
    padding: 0 0 0 20px;
    color: #4a526e;
  }
  #collection .in .content .list ul li a.active .icon,
  #collection .in .content .list ul li span.active .icon {
    background: #303181;
    transition: background 1s;
  }
  #collection .in .content .list ul li a.active .icon .sui-icon,
  #collection .in .content .list ul li span.active .icon .sui-icon {
    color: #fff;
    transition: color 1s;
  }
  #collection .in .content .list p {
    text-align: left;
    padding: 65px 0 0 0;
  }
}
#analyze .in p {
  color: #4a526e;
}
#analyze .in h4 {
  padding: 40px 0 0 0;
}
#analyze .in .analytics {
  display: none;
}
#analyze .in .exports-title {
  font-size: 16px;
  padding: 40px 0 0 0;
}
#analyze .in .exports-subtitle {
  padding: 12px 0 0 0;
}
#analyze .in .list {
  width: 250px;
  margin: 0 auto;
}
#analyze .in .list ul {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
#analyze .in .list ul li {
  padding: 45px 0 0 0;
  flex: 0 0 33.33333%;
  color: #4a526e;
}
#analyze .in .list ul li:before {
  display: none;
}
#analyze .in .list ul li .icon {
  display: block;
  width: 44px;
  height: 54px;
  margin: 0 auto;
}
#analyze .in .list ul li .icon i {
  display: block;
  width: 44px;
  height: 54px;
}
#analyze .in .list ul li .icon i.pdf {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pdf.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .icon i.docx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-docx.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .icon i.pptx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pptx.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .icon i.xlsx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-xlsx.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .icon i.csv {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-csv.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .icon i.xml {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-xml.svg') no-repeat center top;
  background-size: auto 100%;
}
#analyze .in .list ul li .name {
  display: block;
  margin: 0 auto;
  width: 44px;
  padding: 15px 0 0 0;
}
#analyze .in .list ul li:nth-child(1) .icon,
#analyze .in .list ul li:nth-child(4) .icon {
  margin: 0 auto 0 0;
}
#analyze .in .list ul li:nth-child(1) .name,
#analyze .in .list ul li:nth-child(4) .name {
  margin: 0 auto 0 0;
}
#analyze .in .list ul li:nth-child(3) .icon,
#analyze .in .list ul li:nth-child(6) .icon {
  margin: 0 0 0 auto;
}
#analyze .in .list ul li:nth-child(3) .name,
#analyze .in .list ul li:nth-child(6) .name {
  margin: 0 0 0 auto;
}
@media only screen and (min-width: 480px) {
  #analyze .in {
    width: auto;
    padding: 10px 25px 30px 25px;
  }
  #analyze .in .list {
    width: 430px;
  }
  #analyze .in .list ul li {
    flex: 0 0 16.66666%;
  }
  #analyze .in .list ul li:nth-child(1) .icon,
  #analyze .in .list ul li:nth-child(4) .icon {
    margin: 0 auto;
  }
  #analyze .in .list ul li:nth-child(1) .name,
  #analyze .in .list ul li:nth-child(4) .name {
    margin: 0 auto;
  }
  #analyze .in .list ul li:nth-child(3) .icon,
  #analyze .in .list ul li:nth-child(6) .icon {
    margin: 0 auto;
  }
  #analyze .in .list ul li:nth-child(3) .name,
  #analyze .in .list ul li:nth-child(6) .name {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  #analyze .in {
    width: 700px;
    padding: 30px 0 30px 0;
  }
  #analyze .in p {
    padding: 35px 0 0 0;
  }
  #analyze .in .exports-title {
    font-size: 32px;
  }
  #analyze .in .analytics {
    display: block;
    padding: 40px 0 0 0;
  }
  #analyze .in .analytics .view {
    width: 504px;
    margin: 0 auto;
    display: none;
  }
  #analyze .in .analytics .view .header {
    background: #d4dadf;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    height: 22px;
    position: relative;
    box-sizing: border-box;
    padding: 7px 0 0 22px;
  }
  #analyze .in .analytics .view .header span {
    display: block;
    position: relative;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
  }
  #analyze .in .analytics .view .header span:before,
  #analyze .in .analytics .view .header span:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -12px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
  }
  #analyze .in .analytics .view .header span:after {
    left: auto;
    right: -12px;
  }
  #analyze .in .analytics .view .content {
    background: #f1f3f5;
    box-sizing: border-box;
    text-align: left;
    padding: 26px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  #analyze .in .analytics .view .content .graph {
    background: #fff;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0 2px 9px rgba(208, 217, 226, 0.6);
    box-sizing: border-box;
    padding: 23px;
  }
  #analyze .in .analytics .view .content .graph .title {
    padding: 0;
    font-size: 12px;
  }
  #analyze .in .analytics .view .content .graph .scale {
    margin: 25px 0 0 0;
    position: relative;
  }
  #analyze .in .analytics .view .content .graph .scale ul {
    padding: 0;
    width: 370px;
    margin: 0 0 0 auto;
    display: flex;
    border-bottom: 1px solid #e7ebf4;
  }
  #analyze .in .analytics .view .content .graph .scale ul li {
    padding: 0;
    flex: 0 0 9.0909%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-self: flex-end;
    position: relative;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:before {
    display: none;
  }
  #analyze .in .analytics .view .content .graph .scale ul li i {
    display: block;
    width: 15px;
    height: 100px;
    background: #fc0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }
  #analyze .in .analytics .view .content .graph .scale ul li span {
    display: block;
    color: #456585;
    flex: 0 0 100%;
    font-size: 8px;
    position: absolute;
    bottom: -17px;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(2) i {
    height: 31px;
    background: #016aa1;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(3) i {
    height: 12px;
    background: #0182ad;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(4) i {
    height: 101px;
    background: #019db9;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(5) i {
    height: 51px;
    background: #01b8c6;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(6) i {
    height: 141px;
    background: #2dcacc;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(7) i {
    height: 59px;
    background: #6dd7d0;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(8) i {
    height: 13px;
    background: #ace4d3;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(9) i {
    height: 22px;
    background: #cae8c8;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(10) i {
    height: 85px;
    background: #e4ebbd;
  }
  #analyze .in .analytics .view .content .graph .scale ul li:nth-child(11) i {
    height: 31px;
    background: #ffeeb1;
  }
  #analyze .in .analytics .view .content .graph .scale .row {
    position: absolute;
    width: calc(100% - 370px);
  }
  #analyze .in .analytics .view .content .graph .scale .row span {
    color: #456585;
    display: block;
    font-size: 8px;
    width: 100%;
    text-align: right;
    position: relative;
    box-sizing: border-box;
    padding: 0 10px 0 0;
    top: 3px;
  }
  #analyze .in .analytics .view .content .graph .scale .row span:after {
    border: 1px dashed #e7ebf4;
    height: 0;
    right: -370px;
    display: block;
    top: 4px;
    content: '';
    width: 370px;
    position: absolute;
  }
  #analyze .in .analytics .view .content .graph .scale .row.top {
    top: 20px;
  }
  #analyze .in .analytics .view .content .graph .scale .row.middle {
    top: 80px;
  }
  #analyze .in .analytics .view .content .graph .scale .row.bottom {
    bottom: 0;
  }
  #analyze .in .analytics .view .content .graph .scale .row.bottom span:after {
    display: none;
  }
  #analyze .in .analytics .view .content .graph .details {
    margin: 35px 0 0 0;
    padding: 0 0 0 18px;
    box-sizing: border-box;
    color: #456585;
    font-size: 7px;
    position: relative;
  }
  #analyze .in .analytics .view .content .graph .details:before {
    display: block;
    width: 10px;
    height: 10px;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-config.svg') no-repeat center center;
    background-size: cover;
  }
  #analyze .in .analytics .view:nth-child(1) {
    display: block;
  }
  #analyze .in .analytics-desc p {
    color: #031647;
    text-align: left;
    padding: 20px 0 0 0;
    width: 504px;
    margin: 0 auto;
    display: none;
  }
  #analyze .in .analytics-desc p:nth-child(1) {
    display: block;
  }
  #analyze .in .exports-title {
    padding: 95px 0 0 0;
  }
  #analyze .in .list {
    width: 550px;
  }
}
@media only screen and (min-width: 1280px) {
  #analyze .in {
    padding-top: 0;
    width: 1100px;
  }
  #analyze .in h2 {
    padding: 0;
  }
  #analyze .in .analyze-subtitle {
    width: 830px;
    margin: 0 auto;
    padding: 20px 0 0 0;
  }
  #analyze .in .analytics {
    padding: 60px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  #analyze .in .analytics:after {
    content: '';
    background: #f9f9f9;
    width: 654px;
    height: 654px;
    position: absolute;
    top: 45px;
    right: -500px;
    z-index: -1;
    display: block;
    border-radius: 100%;
  }
  #analyze .in .analytics .view {
    margin: 0 10px;
    display: flex;
    flex-direction: column;
  }
  #analyze .in .analytics .view .content {
    flex: 1 0;
  }
  #analyze .in .analytics .view .content .tabs .title {
    padding: 0;
    font-size: 17px;
  }
  #analyze .in .analytics .view .content .tabs .title span {
    letter-spacing: -0.02em;
  }
  #analyze .in .analytics .view .content .tabs .list {
    width: auto;
    padding: 10px 0 0 0;
  }
  #analyze .in .analytics .view .content .tabs .list ul {
    display: block;
  }
  #analyze .in .analytics .view .content .tabs .list ul li {
    display: inline-block;
    font-size: 9px;
    height: 32px;
    box-sizing: border-box;
    padding: 13px 9px 0 9px;
    opacity: 0.6;
  }
  #analyze .in .analytics .view .content .tabs .list ul li.active {
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    opacity: 1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.075);
    position: relative;
  }
  #analyze .in .analytics .view .content .tabs .list ul li.active:before {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    position: absolute;
    bottom: -4px;
    height: 5px;
    left: 0;
    top: auto;
  }
  #analyze .in .analytics .view .content .tabs .results {
    background: #fff;
    text-align: left;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 9px rgba(208, 217, 226, 0.6);
    box-sizing: border-box;
    padding: 20px 23px 23px 23px;
  }
  #analyze .in .analytics .view .content .tabs .results p {
    font-size: 12px;
    padding: 0;
  }
  #analyze .in .analytics .view .content .tabs .results .legend {
    margin: 16px 0 0 0;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul {
    flex-wrap: wrap;
    display: flex;
    padding: 0;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li {
    padding: 0;
    flex: 0 0 100%;
    display: flex;
    height: 20px;
    align-items: center;
    position: relative;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li:before {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    border-radius: 2px;
    left: 0;
    top: 6px;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li span {
    opacity: 0.5;
    font-size: 9px;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li span.name {
    flex: 0 0 130px;
    padding: 0 0 0 20px;
    box-sizing: border-box;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li span.count {
    flex: 0 0 130px;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li:nth-child(1):before {
    background: #016aa1;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li:nth-child(2):before {
    background: #2dcacc;
  }
  #analyze .in .analytics .view .content .tabs .results .legend ul li:nth-child(3):before {
    background: #e4ebbd;
  }
  #analyze .in .analytics .view .content .tabs .results .scale {
    margin: 18px 0 0 0;
    position: relative;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0 0 0;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li {
    padding: 0;
    flex: 0 0 100%;
    display: flex;
    align-items: center;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li:before {
    display: none;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li i {
    display: block;
    height: 6px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li span {
    font-size: 10px;
    padding: 0 0 0 11px;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li:nth-child(1) i {
    width: 98px;
    background: #016aa1;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li:nth-child(2) i {
    width: 252px;
    background: #2dcacc;
  }
  #analyze .in .analytics .view .content .tabs .results .scale ul li:nth-child(3) i {
    width: 39px;
    background: #e4ebbd;
  }
  #analyze .in .analytics .view .content .tabs .results .scale .grid {
    height: 64px;
    display: flex;
    justify-content: space-between;
  }
  #analyze .in .analytics .view .content .tabs .results .scale .grid .col {
    width: 0;
    height: 100%;
    border: 1px dashed #e7ebf4;
    flex: 0 0 1px;
  }
  #analyze .in .analytics .view:nth-child(1) {
    display: flex;
  }
  #analyze .in .analytics .view:nth-child(2) .content {
    padding: 15px 36px 26px 36px;
  }
  #analyze .in .analytics-desc {
    display: flex;
    justify-content: space-between;
  }
  #analyze .in .analytics-desc p {
    display: block;
    margin: 0 10px;
  }
  #analyze .in .list {
    width: 605px;
  }
}
#builder-intro .in,
#builder-easy .in,
#builder-types .in,
#builder-branding .in,
#builder-multimedia .in,
#builder-pagination .in,
#builder-logic .in,
#builder-settings .in,
#builder-templates .in,
#builder-review .in {
  text-align: left;
  color: #000;
  padding: 0 24px 0 48px;
  font-size: 16px;
}
#builder-intro .in h2,
#builder-easy .in h2,
#builder-types .in h2,
#builder-branding .in h2,
#builder-multimedia .in h2,
#builder-pagination .in h2,
#builder-logic .in h2,
#builder-settings .in h2,
#builder-templates .in h2,
#builder-review .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#builder-intro .in h2.section,
#builder-easy .in h2.section,
#builder-types .in h2.section,
#builder-branding .in h2.section,
#builder-multimedia .in h2.section,
#builder-pagination .in h2.section,
#builder-logic .in h2.section,
#builder-settings .in h2.section,
#builder-templates .in h2.section,
#builder-review .in h2.section {
  padding: 46px 0 0 0;
  margin: 80px 0 0 0;
}
#builder-intro .in h2.section:before,
#builder-easy .in h2.section:before,
#builder-types .in h2.section:before,
#builder-branding .in h2.section:before,
#builder-multimedia .in h2.section:before,
#builder-pagination .in h2.section:before,
#builder-logic .in h2.section:before,
#builder-settings .in h2.section:before,
#builder-templates .in h2.section:before,
#builder-review .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: normal;
  top: 0;
  left: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  height: 30px;
  width: 32px;
  position: absolute;
  display: flex;
  align-items: flex-end;
  line-height: 100%;
  border-top: 2px solid #000;
}
#builder-intro .in h2.section.section-1:before,
#builder-easy .in h2.section.section-1:before,
#builder-types .in h2.section.section-1:before,
#builder-branding .in h2.section.section-1:before,
#builder-multimedia .in h2.section.section-1:before,
#builder-pagination .in h2.section.section-1:before,
#builder-logic .in h2.section.section-1:before,
#builder-settings .in h2.section.section-1:before,
#builder-templates .in h2.section.section-1:before,
#builder-review .in h2.section.section-1:before {
  content: '01';
}
#builder-intro .in h2.section.section-2:before,
#builder-easy .in h2.section.section-2:before,
#builder-types .in h2.section.section-2:before,
#builder-branding .in h2.section.section-2:before,
#builder-multimedia .in h2.section.section-2:before,
#builder-pagination .in h2.section.section-2:before,
#builder-logic .in h2.section.section-2:before,
#builder-settings .in h2.section.section-2:before,
#builder-templates .in h2.section.section-2:before,
#builder-review .in h2.section.section-2:before {
  content: '02';
}
#builder-intro .in h2.section.section-3:before,
#builder-easy .in h2.section.section-3:before,
#builder-types .in h2.section.section-3:before,
#builder-branding .in h2.section.section-3:before,
#builder-multimedia .in h2.section.section-3:before,
#builder-pagination .in h2.section.section-3:before,
#builder-logic .in h2.section.section-3:before,
#builder-settings .in h2.section.section-3:before,
#builder-templates .in h2.section.section-3:before,
#builder-review .in h2.section.section-3:before {
  content: '03';
}
#builder-intro .in h2.section.section-4:before,
#builder-easy .in h2.section.section-4:before,
#builder-types .in h2.section.section-4:before,
#builder-branding .in h2.section.section-4:before,
#builder-multimedia .in h2.section.section-4:before,
#builder-pagination .in h2.section.section-4:before,
#builder-logic .in h2.section.section-4:before,
#builder-settings .in h2.section.section-4:before,
#builder-templates .in h2.section.section-4:before,
#builder-review .in h2.section.section-4:before {
  content: '04';
}
#builder-intro .in h2.section.section-5:before,
#builder-easy .in h2.section.section-5:before,
#builder-types .in h2.section.section-5:before,
#builder-branding .in h2.section.section-5:before,
#builder-multimedia .in h2.section.section-5:before,
#builder-pagination .in h2.section.section-5:before,
#builder-logic .in h2.section.section-5:before,
#builder-settings .in h2.section.section-5:before,
#builder-templates .in h2.section.section-5:before,
#builder-review .in h2.section.section-5:before {
  content: '05';
}
#builder-intro .in h2.section.section-6:before,
#builder-easy .in h2.section.section-6:before,
#builder-types .in h2.section.section-6:before,
#builder-branding .in h2.section.section-6:before,
#builder-multimedia .in h2.section.section-6:before,
#builder-pagination .in h2.section.section-6:before,
#builder-logic .in h2.section.section-6:before,
#builder-settings .in h2.section.section-6:before,
#builder-templates .in h2.section.section-6:before,
#builder-review .in h2.section.section-6:before {
  content: '06';
}
#builder-intro .in h2.section.section-7:before,
#builder-easy .in h2.section.section-7:before,
#builder-types .in h2.section.section-7:before,
#builder-branding .in h2.section.section-7:before,
#builder-multimedia .in h2.section.section-7:before,
#builder-pagination .in h2.section.section-7:before,
#builder-logic .in h2.section.section-7:before,
#builder-settings .in h2.section.section-7:before,
#builder-templates .in h2.section.section-7:before,
#builder-review .in h2.section.section-7:before {
  content: '07';
}
#builder-intro .in h2.section.section-8:before,
#builder-easy .in h2.section.section-8:before,
#builder-types .in h2.section.section-8:before,
#builder-branding .in h2.section.section-8:before,
#builder-multimedia .in h2.section.section-8:before,
#builder-pagination .in h2.section.section-8:before,
#builder-logic .in h2.section.section-8:before,
#builder-settings .in h2.section.section-8:before,
#builder-templates .in h2.section.section-8:before,
#builder-review .in h2.section.section-8:before {
  content: '08';
}
#builder-intro .in h3,
#builder-easy .in h3,
#builder-types .in h3,
#builder-branding .in h3,
#builder-multimedia .in h3,
#builder-pagination .in h3,
#builder-logic .in h3,
#builder-settings .in h3,
#builder-templates .in h3,
#builder-review .in h3 {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  padding: 40px 0 0 0;
  color: #3d4144;
  line-height: 133%;
  letter-spacing: -0.01em;
}
#builder-intro .in p,
#builder-easy .in p,
#builder-types .in p,
#builder-branding .in p,
#builder-multimedia .in p,
#builder-pagination .in p,
#builder-logic .in p,
#builder-settings .in p,
#builder-templates .in p,
#builder-review .in p {
  line-height: 157%;
  padding: 16px 0 0 0;
}
#builder-intro .in a,
#builder-easy .in a,
#builder-types .in a,
#builder-branding .in a,
#builder-multimedia .in a,
#builder-pagination .in a,
#builder-logic .in a,
#builder-settings .in a,
#builder-templates .in a,
#builder-review .in a {
  text-decoration: none;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
}
#builder-intro .in ul,
#builder-easy .in ul,
#builder-types .in ul,
#builder-branding .in ul,
#builder-multimedia .in ul,
#builder-pagination .in ul,
#builder-logic .in ul,
#builder-settings .in ul,
#builder-templates .in ul,
#builder-review .in ul {
  padding: 16px 0 0 0;
}
#builder-intro .in ul li,
#builder-easy .in ul li,
#builder-types .in ul li,
#builder-branding .in ul li,
#builder-multimedia .in ul li,
#builder-pagination .in ul li,
#builder-logic .in ul li,
#builder-settings .in ul li,
#builder-templates .in ul li,
#builder-review .in ul li {
  line-height: 150%;
  padding: 16px 0 0 40px;
}
#builder-intro .in ul li:before,
#builder-easy .in ul li:before,
#builder-types .in ul li:before,
#builder-branding .in ul li:before,
#builder-multimedia .in ul li:before,
#builder-pagination .in ul li:before,
#builder-logic .in ul li:before,
#builder-settings .in ul li:before,
#builder-templates .in ul li:before,
#builder-review .in ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#builder-intro .in .content .parex,
#builder-easy .in .content .parex,
#builder-types .in .content .parex,
#builder-branding .in .content .parex,
#builder-multimedia .in .content .parex,
#builder-pagination .in .content .parex,
#builder-logic .in .content .parex,
#builder-settings .in .content .parex,
#builder-templates .in .content .parex,
#builder-review .in .content .parex {
  line-height: 175%;
}
#builder-intro .in .content .more,
#builder-easy .in .content .more,
#builder-types .in .content .more,
#builder-branding .in .content .more,
#builder-multimedia .in .content .more,
#builder-pagination .in .content .more,
#builder-logic .in .content .more,
#builder-settings .in .content .more,
#builder-templates .in .content .more,
#builder-review .in .content .more {
  padding: 32px 0 0 0;
}
#builder-intro .in .image,
#builder-easy .in .image,
#builder-types .in .image,
#builder-branding .in .image,
#builder-multimedia .in .image,
#builder-pagination .in .image,
#builder-logic .in .image,
#builder-settings .in .image,
#builder-templates .in .image,
#builder-review .in .image {
  margin: 40px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#builder-intro .in .image picture,
#builder-easy .in .image picture,
#builder-types .in .image picture,
#builder-branding .in .image picture,
#builder-multimedia .in .image picture,
#builder-pagination .in .image picture,
#builder-logic .in .image picture,
#builder-settings .in .image picture,
#builder-templates .in .image picture,
#builder-review .in .image picture {
  display: flex;
  flex-direction: column;
}
#builder-intro .in .image picture img,
#builder-easy .in .image picture img,
#builder-types .in .image picture img,
#builder-branding .in .image picture img,
#builder-multimedia .in .image picture img,
#builder-pagination .in .image picture img,
#builder-logic .in .image picture img,
#builder-settings .in .image picture img,
#builder-templates .in .image picture img,
#builder-review .in .image picture img {
  border-radius: 24px;
}
#builder-intro .in .cta-more,
#builder-easy .in .cta-more,
#builder-types .in .cta-more,
#builder-branding .in .cta-more,
#builder-multimedia .in .cta-more,
#builder-pagination .in .cta-more,
#builder-logic .in .cta-more,
#builder-settings .in .cta-more,
#builder-templates .in .cta-more,
#builder-review .in .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#builder-intro .in .cta-more:before,
#builder-easy .in .cta-more:before,
#builder-types .in .cta-more:before,
#builder-branding .in .cta-more:before,
#builder-multimedia .in .cta-more:before,
#builder-pagination .in .cta-more:before,
#builder-logic .in .cta-more:before,
#builder-settings .in .cta-more:before,
#builder-templates .in .cta-more:before,
#builder-review .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#builder-intro .in .button-outline,
#builder-easy .in .button-outline,
#builder-types .in .button-outline,
#builder-branding .in .button-outline,
#builder-multimedia .in .button-outline,
#builder-pagination .in .button-outline,
#builder-logic .in .button-outline,
#builder-settings .in .button-outline,
#builder-templates .in .button-outline,
#builder-review .in .button-outline {
  padding: 0 24px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  height: 56px;
  transition: background 0.5s, border-color 0.5s;
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 150%;
  letter-spacing: -0.01em;
  box-sizing: border-box;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  width: auto;
}
#builder-intro:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 426px;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom, #f8f8f8 5.25%, #ffffff 100%);
}
#builder-intro .in {
  padding-top: 56px;
}
#builder-intro .in .list ul {
  padding: 0;
}
#builder-intro .in .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#builder-intro .in .list ul li:before {
  display: none;
}
#builder-intro .in .list ul li:first-child {
  padding: 0;
}
#builder-intro .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#builder-intro .in .list ul li .icon.pagination {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-pagination.svg') no-repeat center center;
  background-size: cover;
}
#builder-intro .in .list ul li .icon.preview {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-preview.svg') no-repeat center center;
  background-size: cover;
}
#builder-intro .in .list ul li .icon.schedule {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-schedule.svg') no-repeat center center;
  background-size: cover;
}
#builder-intro .in .list ul li .icon.redirect {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-redirect.svg') no-repeat center center;
  background-size: cover;
}
#builder-intro .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  color: #3d4144;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#builder-intro .in .title {
  margin: 64px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#builder-intro .in .title:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#builder-intro .in .title strong {
  color: #000;
}
#builder-types .in .content .list ul {
  padding: 32px 0 0 0;
}
#builder-types .in .content .list ul li {
  padding: 8px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#builder-types .in .content .list ul li:before {
  display: none;
}
#builder-types .in .content .list ul li:first-child {
  padding: 0;
}
#builder-types .in .content .list ul li .icon {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 1 40px;
}
#builder-types .in .content .list ul li .icon.single-choice {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-single-choice.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.multiple-choice {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-multiple-choice.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.text-answer {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-text-answer.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.image-choice {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-image-choice.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.star-rating {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-star-rating.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.semantic-differential {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-semantic-differential.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.nps {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-nps.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.rating-scale {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-rating-scale.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.ordering {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-ordering.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.single-choice-matrix {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-single-choice-matrix.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.multiple-choice-matrix {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-multiple-choice-matrix.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .icon.custom-text {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-custom-text.svg') no-repeat center center;
  background-size: cover;
}
#builder-types .in .content .list ul li .value {
  flex: 0 1 calc(100% - 56px);
  line-height: 154%;
  color: #202124;
  font-size: 13px;
  font-family: 'Inter Medium', sans-serif;
}
#builder-types .in .content .more {
  padding: 40px 0 0 0;
}
#builder-pagination .in .exit ul {
  padding: 24px 0 0 0;
}
#builder-pagination .in .exit ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#builder-pagination .in .exit ul li:before {
  display: none;
}
#builder-pagination .in .exit ul li:first-child {
  padding: 0;
}
#builder-pagination .in .exit ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#builder-pagination .in .exit ul li .icon.return {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-return.svg') no-repeat center center;
  background-size: cover;
}
#builder-pagination .in .exit ul li .icon.graph {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-graph.svg') no-repeat center center;
  background-size: cover;
}
#builder-pagination .in .exit ul li .icon.jump {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-jump.svg') no-repeat center center;
  background-size: cover;
}
#builder-pagination .in .exit ul li .icon.share {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-share.svg') no-repeat center center;
  background-size: cover;
}
#builder-pagination .in .exit ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  color: #3d4144;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#builder-settings:after {
  content: '';
  width: 10000px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: -24px;
  left: -5000px;
  background: #e3e4e9;
}
#builder-settings .in {
  padding-bottom: 40px;
}
#builder-settings .in .toggles {
  padding: 26px 0 0 0;
}
#builder-settings .in .toggles .item {
  position: relative;
  padding: 0;
  box-sizing: border-box;
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#builder-settings .in .toggles .item:after {
  position: absolute;
  width: 10000px;
  height: 1px;
  display: block;
  content: '';
  background: #e3e4e9;
  bottom: 0;
  left: 0;
}
#builder-settings .in .toggles .item:last-child {
  padding-bottom: 0;
}
#builder-settings .in .toggles .item:last-child:after {
  display: none;
}
#builder-settings .in .toggles .item h3 {
  font-size: 14px;
  cursor: pointer;
  line-height: 143%;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
  padding: 0 0 0 56px;
  display: flex;
  min-height: 64px;
  align-items: center;
  justify-content: space-between;
  flex: 0 1 100%;
}
#builder-settings .in .toggles .item h3 span {
  padding: 0 16px 0 0;
}
#builder-settings .in .toggles .item h3 i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-arrow-down-gray.svg') no-repeat center center;
  background-size: cover;
  display: block;
  width: 16px;
  transition: transform 0.2s;
  height: 16px;
}
#builder-settings .in .toggles .item h3.active i {
  transform: rotate(180deg);
}
#builder-settings .in .toggles .item .info {
  display: none;
  padding: 0 0 32px 56px;
}
#builder-settings .in .toggles .item .info p {
  font-size: 14px;
  padding: 0;
  line-height: 157%;
  color: #3d4144;
}
#builder-settings .in .toggles .item.availability h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-calendar.svg') no-repeat left center;
  background-size: 32px 32px;
}
#builder-settings .in .toggles .item.notifications h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-bell.svg') no-repeat left center;
  background-size: 32px 32px;
}
#builder-settings .in .toggles .item.language h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-earth.svg') no-repeat left center;
  background-size: 32px 32px;
}
#builder-settings .in .toggles .item.security h3 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-shield.svg') no-repeat left center;
  background-size: 32px 32px;
}
#builder-settings .in .toggles .item:last-child .info {
  padding-bottom: 0;
}
#builder-templates:after {
  content: '';
  width: 10000px;
  height: 1px;
  display: block;
  position: absolute;
  bottom: 0;
  left: -5000px;
  background: #e3e4e9;
}
#builder-templates .in {
  padding-bottom: 64px;
}
#builder-templates .in .list {
  padding: 24px 0 0 0;
}
#builder-templates .in .list .item {
  margin: 24px 0 0 0;
  border-radius: 16px;
  transition: box-shadow 0.5s;
}
#builder-templates .in .list .item .image {
  left: auto;
  width: 100%;
  margin: 0;
}
#builder-templates .in .list .item .image picture {
  border-top-left-radius: 16px;
  overflow: hidden;
  border-top-right-radius: 16px;
}
#builder-templates .in .list .item .image picture img {
  border-radius: 0;
}
#builder-templates .in .list .item .title {
  padding: 0;
}
#builder-templates .in .list .item .title a {
  display: block;
  box-sizing: border-box;
  padding: 20px;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 143%;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
#builder-templates .in .list .item.yellow {
  background: #eadb7c;
}
#builder-templates .in .list .item.green {
  background: #d4dcd7;
}
#builder-templates .in .list .item.red {
  background: #e78f6e;
}
#builder-templates .in .list .item.brown {
  background: #e8d7cf;
}
#builder-templates .in .more {
  padding: 40px 0 0 0;
}
#builder-review .in {
  padding-top: 56px;
  padding-bottom: 32px;
}
#builder-review .in h2 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#builder-review .in .image {
  width: 100%;
  left: auto;
}
#builder-review .in .image picture img {
  border-radius: 0;
}
#builder-review .in .slides {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-quote.svg') no-repeat left 9px;
  background-size: 40px 40px;
}
#builder-review .in .slides .list .item .content {
  padding: 72px 0 0 0;
}
#builder-review .in .slides .list .item .content p {
  font-size: 18px;
  padding: 0;
  line-height: 167%;
  color: #202124;
}
#builder-review .in .slides .list .item .author {
  padding: 24px 0 0 0;
  font-size: 14px;
}
#builder-review .in .slides .list .item .author strong {
  display: inline-block;
  margin: 0 24px 0 0;
}
#builder-review .in .slides .list .item .author span {
  color: #a2a8ad;
}
#builder-review .in .slides .nav {
  display: flex;
  padding: 40px 0 0 0;
  justify-content: flex-end;
}
#builder-review .in .slides .nav span {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
#builder-review .in .slides .nav span a {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: background 0.5s, border-color 0.5s;
  height: 100%;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
#builder-review .in .slides .nav span.prev a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-arrow-left-black.svg');
  background-size: 16px 16px;
}
#builder-review .in .slides .nav span.next {
  margin: 0 0 0 8px;
}
#builder-review .in .slides .nav span.next a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-arrow-right-black.svg');
  background-size: 16px 16px;
}
.no-touch #builder-intro .in a:hover,
.no-touch #builder-easy .in a:hover,
.no-touch #builder-types .in a:hover,
.no-touch #builder-branding .in a:hover,
.no-touch #builder-multimedia .in a:hover,
.no-touch #builder-pagination .in a:hover,
.no-touch #builder-logic .in a:hover,
.no-touch #builder-settings .in a:hover,
.no-touch #builder-templates .in a:hover,
.no-touch #builder-review .in a:hover {
  color: #056efc;
}
.no-touch #builder-intro .in .cta-more:hover,
.no-touch #builder-easy .in .cta-more:hover,
.no-touch #builder-types .in .cta-more:hover,
.no-touch #builder-branding .in .cta-more:hover,
.no-touch #builder-multimedia .in .cta-more:hover,
.no-touch #builder-pagination .in .cta-more:hover,
.no-touch #builder-logic .in .cta-more:hover,
.no-touch #builder-settings .in .cta-more:hover,
.no-touch #builder-templates .in .cta-more:hover,
.no-touch #builder-review .in .cta-more:hover,
.no-touch #builder-intro .in .cta-more:active,
.no-touch #builder-easy .in .cta-more:active,
.no-touch #builder-types .in .cta-more:active,
.no-touch #builder-branding .in .cta-more:active,
.no-touch #builder-multimedia .in .cta-more:active,
.no-touch #builder-pagination .in .cta-more:active,
.no-touch #builder-logic .in .cta-more:active,
.no-touch #builder-settings .in .cta-more:active,
.no-touch #builder-templates .in .cta-more:active,
.no-touch #builder-review .in .cta-more:active {
  color: #000;
}
.no-touch #builder-intro .in .cta-more:hover:before,
.no-touch #builder-easy .in .cta-more:hover:before,
.no-touch #builder-types .in .cta-more:hover:before,
.no-touch #builder-branding .in .cta-more:hover:before,
.no-touch #builder-multimedia .in .cta-more:hover:before,
.no-touch #builder-pagination .in .cta-more:hover:before,
.no-touch #builder-logic .in .cta-more:hover:before,
.no-touch #builder-settings .in .cta-more:hover:before,
.no-touch #builder-templates .in .cta-more:hover:before,
.no-touch #builder-review .in .cta-more:hover:before,
.no-touch #builder-intro .in .cta-more:active:before,
.no-touch #builder-easy .in .cta-more:active:before,
.no-touch #builder-types .in .cta-more:active:before,
.no-touch #builder-branding .in .cta-more:active:before,
.no-touch #builder-multimedia .in .cta-more:active:before,
.no-touch #builder-pagination .in .cta-more:active:before,
.no-touch #builder-logic .in .cta-more:active:before,
.no-touch #builder-settings .in .cta-more:active:before,
.no-touch #builder-templates .in .cta-more:active:before,
.no-touch #builder-review .in .cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-right-black.svg') no-repeat center center;
  background-size: cover;
  right: -8px;
}
.no-touch #builder-intro .in .button-outline:hover,
.no-touch #builder-easy .in .button-outline:hover,
.no-touch #builder-types .in .button-outline:hover,
.no-touch #builder-branding .in .button-outline:hover,
.no-touch #builder-multimedia .in .button-outline:hover,
.no-touch #builder-pagination .in .button-outline:hover,
.no-touch #builder-logic .in .button-outline:hover,
.no-touch #builder-settings .in .button-outline:hover,
.no-touch #builder-templates .in .button-outline:hover,
.no-touch #builder-review .in .button-outline:hover {
  color: #3d4144;
  background: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #builder-intro .in .button-outline:active,
.no-touch #builder-easy .in .button-outline:active,
.no-touch #builder-types .in .button-outline:active,
.no-touch #builder-branding .in .button-outline:active,
.no-touch #builder-multimedia .in .button-outline:active,
.no-touch #builder-pagination .in .button-outline:active,
.no-touch #builder-logic .in .button-outline:active,
.no-touch #builder-settings .in .button-outline:active,
.no-touch #builder-templates .in .button-outline:active,
.no-touch #builder-review .in .button-outline:active {
  color: #3d4144;
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #builder-templates .in .list .item:hover {
  box-shadow: 0 16px 42px rgba(0, 19, 41, 0.24);
}
.no-touch #builder-review .in .slides .nav span:hover a {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #builder-review .in .slides .nav span:active a {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
@media only screen and (min-width: 480px) {
  #builder-intro .in,
  #builder-easy .in,
  #builder-types .in,
  #builder-branding .in,
  #builder-multimedia .in,
  #builder-pagination .in,
  #builder-logic .in,
  #builder-settings .in,
  #builder-templates .in,
  #builder-review .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
  #builder-intro .in .cta,
  #builder-easy .in .cta,
  #builder-types .in .cta,
  #builder-branding .in .cta,
  #builder-multimedia .in .cta,
  #builder-pagination .in .cta,
  #builder-logic .in .cta,
  #builder-settings .in .cta,
  #builder-templates .in .cta,
  #builder-review .in .cta {
    width: 100%;
    left: auto;
  }
  #builder-easy .in .image {
    left: auto;
    width: 100%;
  }
  #builder-branding .in .image {
    left: auto;
    width: 100%;
  }
  #builder-multimedia .in .image {
    left: auto;
    width: 100%;
  }
  #builder-pagination .in .image {
    left: auto;
    width: 100%;
  }
  #builder-logic .in .image {
    left: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #builder-intro .in,
  #builder-easy .in,
  #builder-types .in,
  #builder-branding .in,
  #builder-multimedia .in,
  #builder-pagination .in,
  #builder-logic .in,
  #builder-settings .in,
  #builder-templates .in,
  #builder-review .in {
    width: 700px;
  }
  #builder-intro .in h2,
  #builder-easy .in h2,
  #builder-types .in h2,
  #builder-branding .in h2,
  #builder-multimedia .in h2,
  #builder-pagination .in h2,
  #builder-logic .in h2,
  #builder-settings .in h2,
  #builder-templates .in h2,
  #builder-review .in h2 {
    line-height: 110%;
    font-size: 32px;
  }
  #builder-intro .in h2.section,
  #builder-easy .in h2.section,
  #builder-types .in h2.section,
  #builder-branding .in h2.section,
  #builder-multimedia .in h2.section,
  #builder-pagination .in h2.section,
  #builder-logic .in h2.section,
  #builder-settings .in h2.section,
  #builder-templates .in h2.section,
  #builder-review .in h2.section {
    padding: 54px 0 0 0;
    margin: 0;
  }
  #builder-intro .in p,
  #builder-easy .in p,
  #builder-types .in p,
  #builder-branding .in p,
  #builder-multimedia .in p,
  #builder-pagination .in p,
  #builder-logic .in p,
  #builder-settings .in p,
  #builder-templates .in p,
  #builder-review .in p {
    padding: 24px 0 0 0;
  }
  #builder-intro .in ul,
  #builder-easy .in ul,
  #builder-types .in ul,
  #builder-branding .in ul,
  #builder-multimedia .in ul,
  #builder-pagination .in ul,
  #builder-logic .in ul,
  #builder-settings .in ul,
  #builder-templates .in ul,
  #builder-review .in ul {
    padding: 8px 0 0 0;
  }
  #builder-intro:before {
    height: 850px;
  }
  #builder-intro .in {
    text-align: center;
    padding-top: 80px;
  }
  #builder-intro .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #builder-intro .in .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #builder-intro .in .list ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #builder-intro .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #builder-intro .in .title {
    line-height: 150%;
    margin: 96px 0 0 0;
    padding: 0;
    font-size: 24px;
    letter-spacing: -0.01em;
  }
  #builder-intro .in .title:before {
    display: none;
  }
  #builder-easy .in {
    display: flex;
    padding-top: 96px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #builder-easy .in .content {
    flex: 0 1 50%;
  }
  #builder-easy .in .content .more {
    padding: 48px 0 0 0;
  }
  #builder-easy .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #builder-types .in {
    text-align: center;
    padding-top: 88px;
  }
  #builder-types .in .content h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #builder-types .in .content .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #builder-types .in .content .list ul li {
    flex: 0 1 50%;
    padding: 24px 0 0 0;
    text-align: left;
  }
  #builder-types .in .content .list ul li:first-child {
    padding: 24px 0 0 0;
  }
  #builder-types .in .content .list ul li .icon {
    width: 48px;
    height: 48px;
    flex: 0 1 48px;
  }
  #builder-types .in .content .list ul li .value {
    flex: 0 1 calc(100% - 72px);
  }
  #builder-types .in .content .more {
    padding: 64px 0 0 0;
  }
  #builder-branding .in {
    display: flex;
    padding-top: 120px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #builder-branding .in .content {
    flex: 0 1 50%;
  }
  #builder-branding .in .content .more {
    padding: 48px 0 0 0;
  }
  #builder-branding .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #builder-multimedia .in {
    display: flex;
    padding-top: 104px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  #builder-multimedia .in .content {
    flex: 0 1 50%;
  }
  #builder-multimedia .in .content .more {
    padding: 44px 0 0 0;
  }
  #builder-multimedia .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #builder-pagination .in {
    display: flex;
    padding-top: 104px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #builder-pagination .in .content {
    flex: 0 1 50%;
  }
  #builder-pagination .in .content .more {
    padding: 44px 0 0 0;
  }
  #builder-pagination .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #builder-pagination .in .exit {
    flex: 0 1 100%;
    text-align: center;
  }
  #builder-pagination .in .exit h3 {
    padding: 64px 0 0 0;
  }
  #builder-pagination .in .exit ul {
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  #builder-pagination .in .exit ul li {
    padding: 0;
    width: 20%;
    display: block;
  }
  #builder-pagination .in .exit ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #builder-pagination .in .exit ul li .value {
    padding: 24px 0 0 0;
    display: block;
  }
  #builder-logic .in {
    display: flex;
    padding-top: 120px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  #builder-logic .in .content {
    flex: 0 1 50%;
  }
  #builder-logic .in .content .more {
    padding: 44px 0 0 0;
  }
  #builder-logic .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #builder-settings:after {
    display: none;
  }
  #builder-settings .in {
    padding-bottom: 0;
    padding-top: 104px;
    text-align: center;
  }
  #builder-settings .in .content h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #builder-settings .in .toggles {
    display: flex;
    padding: 24px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #builder-settings .in .toggles .item {
    width: 43%;
  }
  #builder-settings .in .toggles .item:after {
    display: none;
  }
  #builder-settings .in .toggles .item h3 {
    display: block;
    cursor: unset;
    margin: 48px 0 0 0;
    line-height: 150%;
    font-size: 16px;
    min-height: auto;
    padding: 64px 0 0 0;
  }
  #builder-settings .in .toggles .item h3 span {
    padding: 0;
  }
  #builder-settings .in .toggles .item h3 i {
    display: none;
  }
  #builder-settings .in .toggles .item .info {
    display: block;
    padding: 0;
  }
  #builder-settings .in .toggles .item .info p {
    line-height: 175%;
    padding: 10px 0 0 0;
    font-size: 16px;
  }
  #builder-settings .in .toggles .item.availability h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-calendar.svg') no-repeat top center;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.notifications h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-bell.svg') no-repeat top center;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.language h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-earth.svg') no-repeat top center;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.security h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-shield.svg') no-repeat top center;
    background-size: 40px 40px;
  }
  #builder-templates:after {
    display: none;
  }
  #builder-templates .in {
    text-align: center;
    padding-bottom: 104px;
    padding-top: 168px;
    border-bottom: 1px solid #e3e4e9;
  }
  #builder-templates .in .content h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #builder-templates .in .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #builder-templates .in .list .item {
    width: 48%;
    text-align: left;
  }
  #builder-templates .in .more {
    padding: 74px 0 0 0;
  }
  #builder-review .in {
    display: flex;
    padding-top: 80px;
    padding-bottom: 88px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  #builder-review .in h2 {
    flex: 0 1 100%;
    padding: 0 0 56px 0;
  }
  #builder-review .in .image {
    flex: 0 1 47%;
    margin: 0;
  }
  #builder-review .in .slides {
    flex: 0 1 47%;
    text-align: left;
  }
}
@media only screen and (min-width: 1152px) {
  #builder-intro .in,
  #builder-easy .in,
  #builder-types .in,
  #builder-branding .in,
  #builder-multimedia .in,
  #builder-pagination .in,
  #builder-logic .in,
  #builder-settings .in,
  #builder-templates .in,
  #builder-review .in {
    width: 1100px;
  }
  #builder-intro .in h2,
  #builder-easy .in h2,
  #builder-types .in h2,
  #builder-branding .in h2,
  #builder-multimedia .in h2,
  #builder-pagination .in h2,
  #builder-logic .in h2,
  #builder-settings .in h2,
  #builder-templates .in h2,
  #builder-review .in h2 {
    line-height: 113%;
    font-size: 42px;
  }
  #builder-intro:before {
    height: 1200px;
  }
  #builder-intro .in .list ul li {
    flex: 0 1 23%;
  }
  #builder-intro .in .title {
    width: 800px;
    margin: 96px auto 0 auto;
  }
  #builder-easy .in .content {
    flex: 0 1 470px;
  }
  #builder-easy .in .image {
    right: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #builder-easy .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -175px;
  }
  #builder-types .in .content .parex {
    margin: 0 auto;
    width: 736px;
  }
  #builder-types .in .content .list {
    width: 1056px;
    margin: 0 auto;
  }
  #builder-types .in .content .list ul li {
    flex: 0 1 288px;
    margin: 0 96px 0 0;
  }
  #builder-types .in .content .list ul li:nth-child(3n+0) {
    margin: 0;
  }
  #builder-branding .in .content {
    flex: 0 1 470px;
  }
  #builder-branding .in .image {
    right: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #builder-branding .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -175px;
  }
  #builder-multimedia .in .content {
    flex: 0 1 470px;
  }
  #builder-multimedia .in .image {
    right: 0;
    left: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #builder-multimedia .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    left: -175px;
  }
  #builder-pagination .in .content {
    flex: 0 1 470px;
  }
  #builder-pagination .in .content h2 {
    width: 110%;
  }
  #builder-pagination .in .image {
    right: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #builder-pagination .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -175px;
  }
  #builder-logic .in .content {
    flex: 0 1 470px;
  }
  #builder-logic .in .image {
    right: 0;
    left: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #builder-logic .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    left: -175px;
  }
  #builder-settings .in {
    display: flex;
    text-align: left;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #builder-settings .in .content {
    flex: 0 1 328px;
  }
  #builder-settings .in .content h2 {
    font-size: 37px;
    line-height: 108%;
  }
  #builder-settings .in .content h2.section:before {
    justify-content: flex-start;
    left: 0;
  }
  #builder-settings .in .content .parex {
    display: none;
  }
  #builder-settings .in .toggles {
    flex: 0 1 738px;
    padding: 0;
  }
  #builder-settings .in .toggles .item {
    flex: 0 1 354px;
  }
  #builder-settings .in .toggles .item:nth-child(1),
  #builder-settings .in .toggles .item:nth-child(2) {
    padding: 0 0 48px 0;
  }
  #builder-settings .in .toggles .item h3 {
    margin: 0;
  }
  #builder-settings .in .toggles .item.availability h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-calendar.svg') no-repeat left top;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.notifications h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-bell.svg') no-repeat left top;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.language h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-earth.svg') no-repeat left top;
    background-size: 40px 40px;
  }
  #builder-settings .in .toggles .item.security h3 {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-shield.svg') no-repeat left top;
    background-size: 40px 40px;
  }
  #builder-templates .in .content .parex {
    margin: 0 auto;
    width: 800px;
  }
  #builder-templates .in .list {
    padding: 32px 0 0 0;
  }
  #builder-templates .in .list .item {
    width: 22.9%;
  }
  #builder-review .in {
    justify-content: flex-start;
    padding-bottom: 96px;
  }
  #builder-review .in h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #builder-review .in .image {
    flex: 0 1 480px;
    margin: 0 96px 0 0;
  }
  #builder-review .in .slides {
    flex: 0 1 448px;
  }
}
#reports-intro .in,
#reports-brand .in,
#reports-results .in,
#reports-views .in,
#reports-fledged .in,
#reports-review .in {
  text-align: left;
  color: #000;
  padding: 0 24px 0 48px;
  font-size: 16px;
}
#reports-intro .in h2,
#reports-brand .in h2,
#reports-results .in h2,
#reports-views .in h2,
#reports-fledged .in h2,
#reports-review .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#reports-intro .in h2.section,
#reports-brand .in h2.section,
#reports-results .in h2.section,
#reports-views .in h2.section,
#reports-fledged .in h2.section,
#reports-review .in h2.section {
  padding: 46px 0 0 0;
  margin: 48px 0 0 0;
}
#reports-intro .in h2.section:before,
#reports-brand .in h2.section:before,
#reports-results .in h2.section:before,
#reports-views .in h2.section:before,
#reports-fledged .in h2.section:before,
#reports-review .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: normal;
  top: 0;
  left: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  height: 30px;
  width: 32px;
  position: absolute;
  display: flex;
  align-items: flex-end;
  line-height: 100%;
  border-top: 2px solid #000;
}
#reports-intro .in h2.section.section-1:before,
#reports-brand .in h2.section.section-1:before,
#reports-results .in h2.section.section-1:before,
#reports-views .in h2.section.section-1:before,
#reports-fledged .in h2.section.section-1:before,
#reports-review .in h2.section.section-1:before {
  content: '01';
}
#reports-intro .in h2.section.section-2:before,
#reports-brand .in h2.section.section-2:before,
#reports-results .in h2.section.section-2:before,
#reports-views .in h2.section.section-2:before,
#reports-fledged .in h2.section.section-2:before,
#reports-review .in h2.section.section-2:before {
  content: '02';
}
#reports-intro .in h2.section.section-3:before,
#reports-brand .in h2.section.section-3:before,
#reports-results .in h2.section.section-3:before,
#reports-views .in h2.section.section-3:before,
#reports-fledged .in h2.section.section-3:before,
#reports-review .in h2.section.section-3:before {
  content: '03';
}
#reports-intro .in h2.section.section-4:before,
#reports-brand .in h2.section.section-4:before,
#reports-results .in h2.section.section-4:before,
#reports-views .in h2.section.section-4:before,
#reports-fledged .in h2.section.section-4:before,
#reports-review .in h2.section.section-4:before {
  content: '04';
}
#reports-intro .in h3,
#reports-brand .in h3,
#reports-results .in h3,
#reports-views .in h3,
#reports-fledged .in h3,
#reports-review .in h3 {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  padding: 40px 0 0 0;
  color: #3d4144;
  line-height: 133%;
  letter-spacing: -0.01em;
}
#reports-intro .in p,
#reports-brand .in p,
#reports-results .in p,
#reports-views .in p,
#reports-fledged .in p,
#reports-review .in p {
  line-height: 157%;
  padding: 16px 0 0 0;
}
#reports-intro .in a,
#reports-brand .in a,
#reports-results .in a,
#reports-views .in a,
#reports-fledged .in a,
#reports-review .in a {
  text-decoration: none;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
}
#reports-intro .in ul,
#reports-brand .in ul,
#reports-results .in ul,
#reports-views .in ul,
#reports-fledged .in ul,
#reports-review .in ul {
  padding: 16px 0 0 0;
}
#reports-intro .in ul li,
#reports-brand .in ul li,
#reports-results .in ul li,
#reports-views .in ul li,
#reports-fledged .in ul li,
#reports-review .in ul li {
  line-height: 150%;
  padding: 16px 0 0 40px;
}
#reports-intro .in ul li:before,
#reports-brand .in ul li:before,
#reports-results .in ul li:before,
#reports-views .in ul li:before,
#reports-fledged .in ul li:before,
#reports-review .in ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#reports-intro .in .content .parex,
#reports-brand .in .content .parex,
#reports-results .in .content .parex,
#reports-views .in .content .parex,
#reports-fledged .in .content .parex,
#reports-review .in .content .parex {
  line-height: 175%;
}
#reports-intro .in .content .more,
#reports-brand .in .content .more,
#reports-results .in .content .more,
#reports-views .in .content .more,
#reports-fledged .in .content .more,
#reports-review .in .content .more {
  padding: 32px 0 0 0;
}
#reports-intro .in .image,
#reports-brand .in .image,
#reports-results .in .image,
#reports-views .in .image,
#reports-fledged .in .image,
#reports-review .in .image {
  margin: 40px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#reports-intro .in .image picture,
#reports-brand .in .image picture,
#reports-results .in .image picture,
#reports-views .in .image picture,
#reports-fledged .in .image picture,
#reports-review .in .image picture {
  display: flex;
  flex-direction: column;
}
#reports-intro .in .image picture img,
#reports-brand .in .image picture img,
#reports-results .in .image picture img,
#reports-views .in .image picture img,
#reports-fledged .in .image picture img,
#reports-review .in .image picture img {
  border-radius: 24px;
}
#reports-intro .in .cta-more,
#reports-brand .in .cta-more,
#reports-results .in .cta-more,
#reports-views .in .cta-more,
#reports-fledged .in .cta-more,
#reports-review .in .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#reports-intro .in .cta-more:before,
#reports-brand .in .cta-more:before,
#reports-results .in .cta-more:before,
#reports-views .in .cta-more:before,
#reports-fledged .in .cta-more:before,
#reports-review .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#reports-intro .in .button,
#reports-brand .in .button,
#reports-results .in .button,
#reports-views .in .button,
#reports-fledged .in .button,
#reports-review .in .button {
  color: #fff;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  width: auto;
  height: 56px;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 10px;
  background: #006cff;
}
#reports-intro .in .button.black,
#reports-brand .in .button.black,
#reports-results .in .button.black,
#reports-views .in .button.black,
#reports-fledged .in .button.black,
#reports-review .in .button.black {
  background: #000;
}
#reports-intro .in .button-outline,
#reports-brand .in .button-outline,
#reports-results .in .button-outline,
#reports-views .in .button-outline,
#reports-fledged .in .button-outline,
#reports-review .in .button-outline {
  padding: 0 24px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  height: 56px;
  transition: background 0.5s, border-color 0.5s;
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 150%;
  letter-spacing: -0.01em;
  box-sizing: border-box;
  display: inline-flex;
  text-decoration: none;
  cursor: pointer;
  align-items: center;
  width: auto;
}
#reports-intro .in {
  padding-top: 96px;
}
#reports-intro .in .list ul {
  padding: 0;
}
#reports-intro .in .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reports-intro .in .list ul li:before {
  display: none;
}
#reports-intro .in .list ul li:first-child {
  padding: 0;
}
#reports-intro .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#reports-intro .in .list ul li .icon.logo {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-logo.svg') no-repeat center center;
  background-size: cover;
}
#reports-intro .in .list ul li .icon.info {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-info.svg') no-repeat center center;
  background-size: cover;
}
#reports-intro .in .list ul li .icon.graph {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-graph.svg') no-repeat center center;
  background-size: cover;
}
#reports-intro .in .list ul li .icon.performance {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-performance.svg') no-repeat center center;
  background-size: cover;
}
#reports-intro .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  color: #3d4144;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#reports-intro .in .title {
  margin: 64px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#reports-intro .in .title:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#reports-intro .in .title strong {
  color: #000;
}
#reports-brand .in .content h2.section {
  margin: 80px 0 0 0;
}
#reports-brand .in .content .subtitle {
  padding: 32px 0 0 0;
  font-family: 'Inter Medium', sans-serif;
}
#reports-brand .in .content ul {
  padding: 8px 0 0 0;
}
#reports-results .in .group {
  padding: 40px 0 0 0;
}
#reports-results .in .group .list h3 {
  font-weight: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  padding: 0 0 16px 0;
  line-height: 144%;
  color: #000;
  letter-spacing: -0.01em;
}
#reports-results .in .group .list .item {
  position: relative;
}
#reports-results .in .group .list .item:before {
  content: '';
  background: #e3e4e9;
  width: 10000px;
  height: 1px;
  display: block;
  left: 0;
  bottom: 0;
  position: absolute;
}
#reports-results .in .group .list .item h4 {
  color: #000;
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  line-height: 150%;
  padding: 0 0 0 48px;
  display: flex;
  align-items: center;
  height: 64px;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 32px 32px;
  width: 100%;
  box-sizing: border-box;
  justify-content: space-between;
}
#reports-results .in .group .list .item h4 i {
  cursor: pointer;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
#reports-results .in .group .list .item h4 i:before {
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-arrow-down.svg') no-repeat center center;
  height: 24px;
  width: 24px;
  transition: transform 0.2s;
  background-size: cover;
  content: '';
}
#reports-results .in .group .list .item h4 i.active {
  background: #e0e0e0;
}
#reports-results .in .group .list .item h4 i.active:before {
  transform: rotate(180deg);
}
#reports-results .in .group .list .item h4.pdf {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-pdf.svg');
}
#reports-results .in .group .list .item h4.docx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-docx.svg');
}
#reports-results .in .group .list .item h4.pptx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-pptx.svg');
}
#reports-results .in .group .list .item h4.xlsx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-xlsx.svg');
}
#reports-results .in .group .list .item h4.google-sheets {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-google-sheets.svg');
}
#reports-results .in .group .list .item h4.csv {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-csv.svg');
}
#reports-results .in .group .list .item .info {
  display: none;
  padding: 0 0 32px 0;
}
#reports-results .in .group .list .item .info p {
  padding: 16px 0 0 0;
  color: #60607a;
}
#reports-results .in .group .list .item .download {
  cursor: pointer;
  width: 48px;
  box-sizing: border-box;
  position: absolute;
  top: 8px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  right: 56px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#reports-results .in .group .list .item .download:before {
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-download.svg') no-repeat center center;
  height: 16px;
  width: 16px;
  background-size: cover;
  content: '';
}
#reports-results .in .group .list .item .download strong {
  box-sizing: border-box;
  padding: 0 8px;
  display: none;
  height: 24px;
  position: absolute;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 133%;
  white-space: nowrap;
  color: #fff;
  top: -33px;
  align-items: center;
  background: #3d4144;
  border-radius: 6px;
}
#reports-results .in .group .list .item:last-child:before {
  display: none;
}
#reports-results .in .group .list .item:last-child .info {
  padding: 0 0 8px 0;
}
#reports-results .in .group .image {
  margin: 24px 0 0 0;
}
#reports-results .in .demo {
  margin: 48px 0 0 0;
  padding: 0 0 48px 0;
  position: relative;
}
#reports-results .in .demo:before,
#reports-results .in .demo:after {
  content: '';
  background: #e3e4e9;
  width: 10000px;
  height: 1px;
  display: block;
  left: 0;
  top: 0;
  position: absolute;
}
#reports-results .in .demo:after {
  top: auto;
  bottom: 0;
}
#reports-results .in .demo h3 {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 24px;
  padding: 96px 0 0 0;
  line-height: 150%;
  color: #000;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-info-square.svg') no-repeat left 48px;
  background-size: 32px 32px;
}
#reports-results .in .demo .cta {
  padding: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#reports-results .in .demo .cta .button-outline {
  font-size: 14px;
}
#reports-views .in .content h2.section {
  margin: 64px 0 0 0;
}
#reports-views .in .image {
  margin: 40px 0 144px 0;
}
#reports-views .in .image .quote {
  background: #e1eef3;
  border-radius: 24px;
  box-sizing: border-box;
  position: absolute;
  width: calc(100% - (40px + 16px));
  bottom: -144px;
  left: 40px;
  padding: 24px 24px 44px 24px;
}
#reports-views .in .image .quote .info {
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
  color: #224f64;
  padding: 48px 0 0 0;
  font-family: 'Inter Bold', sans-serif;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-quote.svg') no-repeat 0 0;
  background-size: 24px 24px;
}
#reports-views .in .image .quote .author {
  font-size: 14px;
  line-height: 143%;
  color: #224f64;
  padding: 24px 0 0 0;
}
#reports-views .in .filter ul {
  padding: 24px 0 0 0;
}
#reports-views .in .filter ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reports-views .in .filter ul li:before {
  display: none;
}
#reports-views .in .filter ul li:first-child {
  padding: 0;
}
#reports-views .in .filter ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#reports-views .in .filter ul li .icon.answer {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-answer.svg') no-repeat center center;
  background-size: cover;
}
#reports-views .in .filter ul li .icon.calendar {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-calendar.svg') no-repeat center center;
  background-size: cover;
}
#reports-views .in .filter ul li .icon.time {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-time.svg') no-repeat center center;
  background-size: cover;
}
#reports-views .in .filter ul li .icon.confirm {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-confirm.svg') no-repeat center center;
  background-size: cover;
}
#reports-views .in .filter ul li .icon.share {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-share.svg') no-repeat center center;
  background-size: cover;
}
#reports-views .in .filter ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  color: #3d4144;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#reports-review {
  border-top: 1px solid #e3e4e9;
  margin: 32px 0 0 0;
}
#reports-review .in {
  padding-top: 56px;
  padding-bottom: 32px;
}
#reports-review .in h2 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#reports-review .in .image {
  width: 100%;
  left: auto;
}
#reports-review .in .image picture img {
  border-radius: 0;
}
#reports-review .in .slides {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-quote.svg') no-repeat left 9px;
  background-size: 40px 40px;
}
#reports-review .in .slides .list .item .content {
  padding: 72px 0 0 0;
}
#reports-review .in .slides .list .item .content p {
  font-size: 18px;
  padding: 0;
  line-height: 167%;
  color: #202124;
}
#reports-review .in .slides .list .item .author {
  padding: 24px 0 0 0;
  font-size: 14px;
}
#reports-review .in .slides .list .item .author strong {
  display: inline-block;
  margin: 0 24px 0 0;
}
#reports-review .in .slides .list .item .author span {
  color: #a2a8ad;
}
#reports-review .in .slides .nav {
  display: flex;
  padding: 40px 0 0 0;
  justify-content: flex-end;
}
#reports-review .in .slides .nav span {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
#reports-review .in .slides .nav span a {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: background 0.5s, border-color 0.5s;
  height: 100%;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
#reports-review .in .slides .nav span.prev a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-arrow-left-black.svg');
  background-size: 16px 16px;
}
#reports-review .in .slides .nav span.next {
  margin: 0 0 0 8px;
}
#reports-review .in .slides .nav span.next a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/builder/icon-arrow-right-black.svg');
  background-size: 16px 16px;
}
#reports-review .in .cta {
  border-top: 1px solid #e3e4e9;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  width: calc(100% + 24px);
  margin: 56px 0 0 0;
  left: -24px;
  padding: 40px 0 16px 0;
}
#reports-review .in .cta .button {
  margin: 16px 0 0 0;
}
#reports-review .in .cta .button.registration {
  background: #303181;
}
.no-touch #reports-intro .in a:hover,
.no-touch #reports-brand .in a:hover,
.no-touch #reports-results .in a:hover,
.no-touch #reports-views .in a:hover,
.no-touch #reports-fledged .in a:hover,
.no-touch #reports-review .in a:hover {
  color: #056efc;
}
.no-touch #reports-intro .in .cta-more:hover,
.no-touch #reports-brand .in .cta-more:hover,
.no-touch #reports-results .in .cta-more:hover,
.no-touch #reports-views .in .cta-more:hover,
.no-touch #reports-fledged .in .cta-more:hover,
.no-touch #reports-review .in .cta-more:hover,
.no-touch #reports-intro .in .cta-more:active,
.no-touch #reports-brand .in .cta-more:active,
.no-touch #reports-results .in .cta-more:active,
.no-touch #reports-views .in .cta-more:active,
.no-touch #reports-fledged .in .cta-more:active,
.no-touch #reports-review .in .cta-more:active {
  color: #000;
}
.no-touch #reports-intro .in .cta-more:hover:before,
.no-touch #reports-brand .in .cta-more:hover:before,
.no-touch #reports-results .in .cta-more:hover:before,
.no-touch #reports-views .in .cta-more:hover:before,
.no-touch #reports-fledged .in .cta-more:hover:before,
.no-touch #reports-review .in .cta-more:hover:before,
.no-touch #reports-intro .in .cta-more:active:before,
.no-touch #reports-brand .in .cta-more:active:before,
.no-touch #reports-results .in .cta-more:active:before,
.no-touch #reports-views .in .cta-more:active:before,
.no-touch #reports-fledged .in .cta-more:active:before,
.no-touch #reports-review .in .cta-more:active:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #reports-intro .in .cta-more:active,
.no-touch #reports-brand .in .cta-more:active,
.no-touch #reports-results .in .cta-more:active,
.no-touch #reports-views .in .cta-more:active,
.no-touch #reports-fledged .in .cta-more:active,
.no-touch #reports-review .in .cta-more:active {
  color: #004ec8;
}
.no-touch #reports-intro .in .button:hover,
.no-touch #reports-brand .in .button:hover,
.no-touch #reports-results .in .button:hover,
.no-touch #reports-views .in .button:hover,
.no-touch #reports-fledged .in .button:hover,
.no-touch #reports-review .in .button:hover {
  background: #126bf4;
}
.no-touch #reports-intro .in .button:active,
.no-touch #reports-brand .in .button:active,
.no-touch #reports-results .in .button:active,
.no-touch #reports-views .in .button:active,
.no-touch #reports-fledged .in .button:active,
.no-touch #reports-review .in .button:active {
  background: #004ec8;
}
.no-touch #reports-intro .in .button.black:hover,
.no-touch #reports-brand .in .button.black:hover,
.no-touch #reports-results .in .button.black:hover,
.no-touch #reports-views .in .button.black:hover,
.no-touch #reports-fledged .in .button.black:hover,
.no-touch #reports-review .in .button.black:hover {
  background: #3d4144;
}
.no-touch #reports-intro .in .button.black:active,
.no-touch #reports-brand .in .button.black:active,
.no-touch #reports-results .in .button.black:active,
.no-touch #reports-views .in .button.black:active,
.no-touch #reports-fledged .in .button.black:active,
.no-touch #reports-review .in .button.black:active {
  background: #000;
}
.no-touch #reports-intro .in .button-outline:hover,
.no-touch #reports-brand .in .button-outline:hover,
.no-touch #reports-results .in .button-outline:hover,
.no-touch #reports-views .in .button-outline:hover,
.no-touch #reports-fledged .in .button-outline:hover,
.no-touch #reports-review .in .button-outline:hover {
  background: #ebebeb;
  border-color: #ebebeb;
  color: #3d4144;
}
.no-touch #reports-intro .in .button-outline:active,
.no-touch #reports-brand .in .button-outline:active,
.no-touch #reports-results .in .button-outline:active,
.no-touch #reports-views .in .button-outline:active,
.no-touch #reports-fledged .in .button-outline:active,
.no-touch #reports-review .in .button-outline:active {
  background: #e0e0e0;
  color: #3d4144;
  border-color: #e0e0e0;
}
.no-touch #reports-results .in .group .list .item .download:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #reports-results .in .group .list .item .download:hover strong {
  display: flex;
}
.no-touch #reports-results .in .group .list .item .download:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #reports-review .in .slides .nav span:hover a {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #reports-review .in .slides .nav span:active a {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #reports-review .in .cta .button.registration:hover {
  background: #424394;
}
.no-touch #reports-review .in .cta .button.registration:active {
  background: #303181;
}
@media only screen and (min-width: 480px) {
  #reports-intro .in,
  #reports-brand .in,
  #reports-results .in,
  #reports-views .in,
  #reports-fledged .in,
  #reports-review .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
  #reports-intro .in .cta,
  #reports-brand .in .cta,
  #reports-results .in .cta,
  #reports-views .in .cta,
  #reports-fledged .in .cta,
  #reports-review .in .cta {
    width: 100%;
    left: auto;
  }
  #reports-brand .in .image {
    left: auto;
    width: 100%;
  }
  #reports-results .in .group .image {
    left: auto;
    width: 100%;
  }
  #reports-results .in .demo .cta {
    justify-content: flex-start;
  }
  #reports-results .in .demo .cta .button {
    margin: 0 16px 0 0;
  }
  #reports-views .in .image {
    left: auto;
    width: 100%;
  }
  #reports-views .in .image .quote {
    left: 32px;
    width: calc(100% - 64px);
  }
  #reports-fledged .in .image {
    left: auto;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #reports-intro .in,
  #reports-brand .in,
  #reports-results .in,
  #reports-views .in,
  #reports-fledged .in,
  #reports-review .in {
    width: 700px;
  }
  #reports-intro .in h2,
  #reports-brand .in h2,
  #reports-results .in h2,
  #reports-views .in h2,
  #reports-fledged .in h2,
  #reports-review .in h2 {
    line-height: 110%;
    font-size: 32px;
  }
  #reports-intro .in h2.section,
  #reports-brand .in h2.section,
  #reports-results .in h2.section,
  #reports-views .in h2.section,
  #reports-fledged .in h2.section,
  #reports-review .in h2.section {
    padding: 54px 0 0 0;
    margin: 0;
  }
  #reports-intro .in p,
  #reports-brand .in p,
  #reports-results .in p,
  #reports-views .in p,
  #reports-fledged .in p,
  #reports-review .in p {
    padding: 24px 0 0 0;
  }
  #reports-intro .in ul,
  #reports-brand .in ul,
  #reports-results .in ul,
  #reports-views .in ul,
  #reports-fledged .in ul,
  #reports-review .in ul {
    padding: 8px 0 0 0;
  }
  #reports-intro .in {
    text-align: center;
    padding-top: 80px;
  }
  #reports-intro .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #reports-intro .in .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #reports-intro .in .list ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #reports-intro .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #reports-intro .in .title {
    line-height: 150%;
    margin: 116px 0 0 0;
    padding: 0;
    font-size: 24px;
    letter-spacing: -0.01em;
  }
  #reports-intro .in .title:before {
    display: none;
  }
  #reports-brand .in {
    display: flex;
    padding-top: 88px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  #reports-brand .in .content {
    flex: 0 1 50%;
  }
  #reports-brand .in .content h2.section {
    margin: 0;
  }
  #reports-brand .in .content .more {
    padding: 48px 0 0 0;
  }
  #reports-brand .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #reports-results .in {
    padding-top: 104px;
  }
  #reports-results .in .content {
    width: 800px;
    margin: 0 auto;
    text-align: center;
  }
  #reports-results .in .content h2.section:before {
    justify-content: center;
    left: calc((100% - 32px) / 2);
  }
  #reports-results .in .group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 88px 0 0 0;
  }
  #reports-results .in .group .list {
    flex: 0 1 50%;
  }
  #reports-results .in .group .list h3 {
    font-size: 21px;
    line-height: 133%;
    padding: 0 0 14px 0;
  }
  #reports-results .in .group .list .item {
    padding: 24px 0;
  }
  #reports-results .in .group .list .item:before {
    display: none;
  }
  #reports-results .in .group .list .item h4 {
    height: 32px;
  }
  #reports-results .in .group .list .item h4 i {
    display: none;
  }
  #reports-results .in .group .list .item .info {
    display: block;
    padding: 0 96px 0 0;
  }
  #reports-results .in .group .list .item .download {
    right: 0;
    top: 76px;
  }
  #reports-results .in .group .list .item:last-child {
    padding: 24px 0 0 0;
  }
  #reports-results .in .group .list .item:last-child .info {
    padding: 0 72px 0 0;
  }
  #reports-results .in .group .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #reports-results .in .group.reverse {
    padding: 96px 0 0 0;
    flex-direction: row-reverse;
  }
  #reports-results .in .group.reverse .image {
    right: auto;
    left: -54px;
  }
  #reports-results .in .demo {
    margin: 104px 0 0 0;
    padding: 88px 0;
    border-top: 1px solid #e3e4e9;
    border-bottom: 1px solid #e3e4e9;
    display: flex;
    justify-content: space-between;
  }
  #reports-results .in .demo:before,
  #reports-results .in .demo:after {
    display: none;
  }
  #reports-results .in .demo h3 {
    padding: 48px 0 0 0;
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reports/icon-info-square.svg') no-repeat 0 0;
    background-size: 32px 32px;
  }
  #reports-results .in .demo .cta {
    justify-content: flex-end;
    align-items: center;
    padding: 48px 0 0 0;
  }
  #reports-views .in {
    display: flex;
    padding-top: 96px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #reports-views .in .content {
    flex: 0 1 36%;
  }
  #reports-views .in .content h2.section {
    margin: 0;
  }
  #reports-views .in .content .more {
    padding: 48px 0 0 0;
  }
  #reports-views .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #reports-views .in .image .quote {
    bottom: auto;
    left: -96px;
    width: calc(100% - 104px);
    height: 290px;
    top: calc((100% - 290px) / 2);
  }
  #reports-views .in .filter {
    flex: 0 1 100%;
    text-align: center;
  }
  #reports-views .in .filter h3 {
    padding: 56px 0 0 0;
  }
  #reports-views .in .filter ul {
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  #reports-views .in .filter ul li {
    padding: 0;
    width: 20%;
    display: block;
  }
  #reports-views .in .filter ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #reports-views .in .filter ul li .value {
    padding: 24px 0 0 0;
    display: block;
  }
  #reports-fledged .in {
    display: flex;
    padding-top: 104px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  #reports-fledged .in .content {
    flex: 0 1 50%;
  }
  #reports-fledged .in .content .more {
    padding: 44px 0 0 0;
  }
  #reports-fledged .in .image {
    flex: 0 1 50%;
    margin: 0;
    left: -54px;
  }
  #reports-review {
    margin: 96px 0 0 0;
    border: 0;
  }
  #reports-review .in {
    display: flex;
    border-top: 1px solid #e3e4e9;
    padding-top: 80px;
    padding-bottom: 88px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  #reports-review .in h2 {
    flex: 0 1 100%;
    padding: 0 0 56px 0;
  }
  #reports-review .in .image {
    flex: 0 1 47%;
    margin: 0;
  }
  #reports-review .in .slides {
    flex: 0 1 47%;
    text-align: left;
  }
  #reports-review .in .cta {
    margin: 80px 0 0 0;
    left: auto;
    padding: 88px 0 0 0;
    width: 100%;
  }
  #reports-review .in .cta .button {
    margin: 0 32px 0 0;
  }
  #reports-review .in .cta .button.black {
    margin: 0;
  }
}
@media only screen and (min-width: 1152px) {
  #reports-intro .in,
  #reports-brand .in,
  #reports-results .in,
  #reports-views .in,
  #reports-fledged .in,
  #reports-review .in {
    width: 1100px;
  }
  #reports-intro .in h2,
  #reports-brand .in h2,
  #reports-results .in h2,
  #reports-views .in h2,
  #reports-fledged .in h2,
  #reports-review .in h2 {
    line-height: 114%;
    font-size: 42px;
  }
  #reports-intro .in .list ul li {
    flex: 0 1 23%;
  }
  #reports-intro .in .title {
    width: 800px;
    margin: 96px auto 0 auto;
  }
  #reports-brand .in .content {
    flex: 0 1 470px;
  }
  #reports-brand .in .image {
    left: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #reports-brand .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    left: -175px;
  }
  #reports-results .in .group .list {
    flex: 0 1 470px;
  }
  #reports-results .in .group .image {
    left: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #reports-results .in .group .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -175px;
  }
  #reports-results .in .group.reverse .image {
    left: 0;
  }
  #reports-results .in .group.reverse .image picture {
    right: auto;
    left: -175px;
  }
  #reports-results .in .demo h3 {
    padding: 0 0 0 56px;
    flex: 0 1 100%;
    align-self: center;
  }
  #reports-results .in .demo .cta {
    padding: 0;
  }
  #reports-views .in .content {
    flex: 0 1 470px;
  }
  #reports-views .in .image {
    right: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #reports-views .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -175px;
  }
  #reports-views .in .image .quote {
    width: 328px;
    padding: 32px;
    left: -16px;
    top: calc((100% - 328px) / 2);
    height: 328px;
  }
  #reports-views .in .image .quote .info {
    padding: 56px 0 0 0;
    font-family: 'Inter Bold', sans-serif;
    font-size: 24px;
    line-height: 125%;
    background-size: 32px 32px;
  }
  #reports-fledged .in .content {
    flex: 0 1 470px;
  }
  #reports-fledged .in .image {
    right: 0;
    left: 0;
    flex: 0 1 50%;
    height: 644px;
  }
  #reports-fledged .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    left: -175px;
  }
  #reports-review .in {
    justify-content: flex-start;
    padding-bottom: 96px;
  }
  #reports-review .in h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #reports-review .in .image {
    flex: 0 1 480px;
    margin: 0 96px 0 0;
  }
  #reports-review .in .slides {
    flex: 0 1 448px;
  }
}
#dashboards-headline .in,
#dashboards-intro .in,
#dashboards-relevant .in,
#dashboards-multiple .in,
#dashboards-data .in,
#dashboards-benchmarks .in,
#dashboards-share .in,
#dashboards-advance .in,
#dashboards-review .in {
  text-align: left;
  color: #000;
  padding: 0 24px 0 48px;
  font-size: 14px;
}
#dashboards-headline .in h1,
#dashboards-intro .in h1,
#dashboards-relevant .in h1,
#dashboards-multiple .in h1,
#dashboards-data .in h1,
#dashboards-benchmarks .in h1,
#dashboards-share .in h1,
#dashboards-advance .in h1,
#dashboards-review .in h1 {
  font-size: 37px;
  padding: 0 24px 0 0;
  line-height: 108%;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.03em;
  color: #000;
}
#dashboards-headline .in h2,
#dashboards-intro .in h2,
#dashboards-relevant .in h2,
#dashboards-multiple .in h2,
#dashboards-data .in h2,
#dashboards-benchmarks .in h2,
#dashboards-share .in h2,
#dashboards-advance .in h2,
#dashboards-review .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 119%;
  letter-spacing: -0.03em;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#dashboards-headline .in h2.section,
#dashboards-intro .in h2.section,
#dashboards-relevant .in h2.section,
#dashboards-multiple .in h2.section,
#dashboards-data .in h2.section,
#dashboards-benchmarks .in h2.section,
#dashboards-share .in h2.section,
#dashboards-advance .in h2.section,
#dashboards-review .in h2.section {
  padding: 46px 0 0 0;
}
#dashboards-headline .in h2.section:before,
#dashboards-intro .in h2.section:before,
#dashboards-relevant .in h2.section:before,
#dashboards-multiple .in h2.section:before,
#dashboards-data .in h2.section:before,
#dashboards-benchmarks .in h2.section:before,
#dashboards-share .in h2.section:before,
#dashboards-advance .in h2.section:before,
#dashboards-review .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: normal;
  top: 0;
  left: 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 13px;
  height: 30px;
  width: 32px;
  position: absolute;
  display: flex;
  align-items: flex-end;
  line-height: 100%;
  border-top: 2px solid #000;
}
#dashboards-headline .in h2.section.section-1:before,
#dashboards-intro .in h2.section.section-1:before,
#dashboards-relevant .in h2.section.section-1:before,
#dashboards-multiple .in h2.section.section-1:before,
#dashboards-data .in h2.section.section-1:before,
#dashboards-benchmarks .in h2.section.section-1:before,
#dashboards-share .in h2.section.section-1:before,
#dashboards-advance .in h2.section.section-1:before,
#dashboards-review .in h2.section.section-1:before {
  content: '01';
}
#dashboards-headline .in h2.section.section-2:before,
#dashboards-intro .in h2.section.section-2:before,
#dashboards-relevant .in h2.section.section-2:before,
#dashboards-multiple .in h2.section.section-2:before,
#dashboards-data .in h2.section.section-2:before,
#dashboards-benchmarks .in h2.section.section-2:before,
#dashboards-share .in h2.section.section-2:before,
#dashboards-advance .in h2.section.section-2:before,
#dashboards-review .in h2.section.section-2:before {
  content: '02';
}
#dashboards-headline .in h2.section.section-3:before,
#dashboards-intro .in h2.section.section-3:before,
#dashboards-relevant .in h2.section.section-3:before,
#dashboards-multiple .in h2.section.section-3:before,
#dashboards-data .in h2.section.section-3:before,
#dashboards-benchmarks .in h2.section.section-3:before,
#dashboards-share .in h2.section.section-3:before,
#dashboards-advance .in h2.section.section-3:before,
#dashboards-review .in h2.section.section-3:before {
  content: '03';
}
#dashboards-headline .in h2.section.section-4:before,
#dashboards-intro .in h2.section.section-4:before,
#dashboards-relevant .in h2.section.section-4:before,
#dashboards-multiple .in h2.section.section-4:before,
#dashboards-data .in h2.section.section-4:before,
#dashboards-benchmarks .in h2.section.section-4:before,
#dashboards-share .in h2.section.section-4:before,
#dashboards-advance .in h2.section.section-4:before,
#dashboards-review .in h2.section.section-4:before {
  content: '04';
}
#dashboards-headline .in h3,
#dashboards-intro .in h3,
#dashboards-relevant .in h3,
#dashboards-multiple .in h3,
#dashboards-data .in h3,
#dashboards-benchmarks .in h3,
#dashboards-share .in h3,
#dashboards-advance .in h3,
#dashboards-review .in h3 {
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  line-height: 133%;
  letter-spacing: -0.01em;
}
#dashboards-headline .in ul,
#dashboards-intro .in ul,
#dashboards-relevant .in ul,
#dashboards-multiple .in ul,
#dashboards-data .in ul,
#dashboards-benchmarks .in ul,
#dashboards-share .in ul,
#dashboards-advance .in ul,
#dashboards-review .in ul {
  padding: 16px 0 0 0;
}
#dashboards-headline .in ul li,
#dashboards-intro .in ul li,
#dashboards-relevant .in ul li,
#dashboards-multiple .in ul li,
#dashboards-data .in ul li,
#dashboards-benchmarks .in ul li,
#dashboards-share .in ul li,
#dashboards-advance .in ul li,
#dashboards-review .in ul li {
  line-height: 150%;
  padding: 16px 0 0 40px;
  position: relative;
  font-size: 16px;
}
#dashboards-headline .in ul li:before,
#dashboards-intro .in ul li:before,
#dashboards-relevant .in ul li:before,
#dashboards-multiple .in ul li:before,
#dashboards-data .in ul li:before,
#dashboards-benchmarks .in ul li:before,
#dashboards-share .in ul li:before,
#dashboards-advance .in ul li:before,
#dashboards-review .in ul li:before {
  top: 16px;
  content: '';
  width: 24px;
  display: block;
  left: 0;
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-check.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-headline .in p,
#dashboards-intro .in p,
#dashboards-relevant .in p,
#dashboards-multiple .in p,
#dashboards-data .in p,
#dashboards-benchmarks .in p,
#dashboards-share .in p,
#dashboards-advance .in p,
#dashboards-review .in p {
  padding: 24px 0 0 0;
  line-height: 175%;
}
#dashboards-headline .in .content ul.custom,
#dashboards-intro .in .content ul.custom,
#dashboards-relevant .in .content ul.custom,
#dashboards-multiple .in .content ul.custom,
#dashboards-data .in .content ul.custom,
#dashboards-benchmarks .in .content ul.custom,
#dashboards-share .in .content ul.custom,
#dashboards-advance .in .content ul.custom,
#dashboards-review .in .content ul.custom {
  padding: 20px 0 0 0;
}
#dashboards-headline .in .content ul.custom li,
#dashboards-intro .in .content ul.custom li,
#dashboards-relevant .in .content ul.custom li,
#dashboards-multiple .in .content ul.custom li,
#dashboards-data .in .content ul.custom li,
#dashboards-benchmarks .in .content ul.custom li,
#dashboards-share .in .content ul.custom li,
#dashboards-advance .in .content ul.custom li,
#dashboards-review .in .content ul.custom li {
  padding: 16px 0 0 32px;
  font-size: 14px;
}
#dashboards-headline .in .content ul.custom li:before,
#dashboards-intro .in .content ul.custom li:before,
#dashboards-relevant .in .content ul.custom li:before,
#dashboards-multiple .in .content ul.custom li:before,
#dashboards-data .in .content ul.custom li:before,
#dashboards-benchmarks .in .content ul.custom li:before,
#dashboards-share .in .content ul.custom li:before,
#dashboards-advance .in .content ul.custom li:before,
#dashboards-review .in .content ul.custom li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-check-filled.svg') no-repeat center center;
  background-size: cover;
  width: 16px;
  height: 16px;
  top: 18px;
}
#dashboards-headline .in .content ul.custom li strong,
#dashboards-intro .in .content ul.custom li strong,
#dashboards-relevant .in .content ul.custom li strong,
#dashboards-multiple .in .content ul.custom li strong,
#dashboards-data .in .content ul.custom li strong,
#dashboards-benchmarks .in .content ul.custom li strong,
#dashboards-share .in .content ul.custom li strong,
#dashboards-advance .in .content ul.custom li strong,
#dashboards-review .in .content ul.custom li strong {
  line-height: 157%;
  font-family: 'Inter Medium', sans-serif;
  display: block;
}
#dashboards-headline .in .content ul.custom li span,
#dashboards-intro .in .content ul.custom li span,
#dashboards-relevant .in .content ul.custom li span,
#dashboards-multiple .in .content ul.custom li span,
#dashboards-data .in .content ul.custom li span,
#dashboards-benchmarks .in .content ul.custom li span,
#dashboards-share .in .content ul.custom li span,
#dashboards-advance .in .content ul.custom li span,
#dashboards-review .in .content ul.custom li span {
  line-height: 157%;
  display: block;
  padding: 4px 0 0 0;
}
#dashboards-headline .in .content .subtitle,
#dashboards-intro .in .content .subtitle,
#dashboards-relevant .in .content .subtitle,
#dashboards-multiple .in .content .subtitle,
#dashboards-data .in .content .subtitle,
#dashboards-benchmarks .in .content .subtitle,
#dashboards-share .in .content .subtitle,
#dashboards-advance .in .content .subtitle,
#dashboards-review .in .content .subtitle {
  font-size: 16px;
  line-height: 175%;
  padding: 16px 0 0 0;
}
#dashboards-headline .in .content .subtitle a,
#dashboards-intro .in .content .subtitle a,
#dashboards-relevant .in .content .subtitle a,
#dashboards-multiple .in .content .subtitle a,
#dashboards-data .in .content .subtitle a,
#dashboards-benchmarks .in .content .subtitle a,
#dashboards-share .in .content .subtitle a,
#dashboards-advance .in .content .subtitle a,
#dashboards-review .in .content .subtitle a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
}
#dashboards-headline .in .content .more,
#dashboards-intro .in .content .more,
#dashboards-relevant .in .content .more,
#dashboards-multiple .in .content .more,
#dashboards-data .in .content .more,
#dashboards-benchmarks .in .content .more,
#dashboards-share .in .content .more,
#dashboards-advance .in .content .more,
#dashboards-review .in .content .more {
  padding: 32px 0 0 0;
}
#dashboards-headline .in .image,
#dashboards-intro .in .image,
#dashboards-relevant .in .image,
#dashboards-multiple .in .image,
#dashboards-data .in .image,
#dashboards-benchmarks .in .image,
#dashboards-share .in .image,
#dashboards-advance .in .image,
#dashboards-review .in .image {
  margin: 40px 0 0 0;
  position: relative;
  width: calc(100% + 56px);
  left: -40px;
}
#dashboards-headline .in .image picture,
#dashboards-intro .in .image picture,
#dashboards-relevant .in .image picture,
#dashboards-multiple .in .image picture,
#dashboards-data .in .image picture,
#dashboards-benchmarks .in .image picture,
#dashboards-share .in .image picture,
#dashboards-advance .in .image picture,
#dashboards-review .in .image picture {
  display: flex;
}
#dashboards-headline .in .image picture img,
#dashboards-intro .in .image picture img,
#dashboards-relevant .in .image picture img,
#dashboards-multiple .in .image picture img,
#dashboards-data .in .image picture img,
#dashboards-benchmarks .in .image picture img,
#dashboards-share .in .image picture img,
#dashboards-advance .in .image picture img,
#dashboards-review .in .image picture img {
  border-radius: 24px;
}
#dashboards-headline .in .cta-more,
#dashboards-intro .in .cta-more,
#dashboards-relevant .in .cta-more,
#dashboards-multiple .in .cta-more,
#dashboards-data .in .cta-more,
#dashboards-benchmarks .in .cta-more,
#dashboards-share .in .cta-more,
#dashboards-advance .in .cta-more,
#dashboards-review .in .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 40px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#dashboards-headline .in .cta-more:before,
#dashboards-intro .in .cta-more:before,
#dashboards-relevant .in .cta-more:before,
#dashboards-multiple .in .cta-more:before,
#dashboards-data .in .cta-more:before,
#dashboards-benchmarks .in .cta-more:before,
#dashboards-share .in .cta-more:before,
#dashboards-advance .in .cta-more:before,
#dashboards-review .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#dashboards-headline .in .button,
#dashboards-intro .in .button,
#dashboards-relevant .in .button,
#dashboards-multiple .in .button,
#dashboards-data .in .button,
#dashboards-benchmarks .in .button,
#dashboards-share .in .button,
#dashboards-advance .in .button,
#dashboards-review .in .button {
  background: #303181;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  text-decoration: none;
  padding: 0 24px;
  text-align: center;
  white-space: nowrap;
  font-size: 16px;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#dashboards-headline .in .button.demo,
#dashboards-intro .in .button.demo,
#dashboards-relevant .in .button.demo,
#dashboards-multiple .in .button.demo,
#dashboards-data .in .button.demo,
#dashboards-benchmarks .in .button.demo,
#dashboards-share .in .button.demo,
#dashboards-advance .in .button.demo,
#dashboards-review .in .button.demo {
  background: #e9f0fc;
  color: #303181;
  margin-right: 0;
}
#dashboards-headline {
  background: #b0c7d5;
}
#dashboards-headline .in .content h1 {
  padding: 70px 0 0 0;
}
#dashboards-headline .in .content p {
  padding: 32px 0 0 0;
}
#dashboards-headline .in .content p .button {
  display: inline-flex;
  margin: 16px 0 0 0;
  width: 100%;
}
#dashboards-headline .in .content p.more {
  padding: 16px 24px 0 0;
}
#dashboards-headline .in .image {
  margin: 14px 0 0 0;
}
#dashboards-headline .in .image picture {
  display: flex;
  position: relative;
  overflow: hidden;
  width: calc(100% + 72px);
  left: -48px;
}
#dashboards-intro .in {
  padding-top: 64px;
}
#dashboards-intro .in .list ul {
  padding: 0;
}
#dashboards-intro .in .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dashboards-intro .in .list ul li:before {
  display: none;
}
#dashboards-intro .in .list ul li:first-child {
  padding: 0;
}
#dashboards-intro .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#dashboards-intro .in .list ul li .icon.url {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-url.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-intro .in .list ul li .icon.filter {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-filter.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-intro .in .list ul li .icon.responsive {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-responsive.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-intro .in .list ul li .icon.time {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-time.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-intro .in .list ul li .icon.download {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-download.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-intro .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-size: 14px;
  color: #3d4144;
  font-family: 'Inter Medium', sans-serif;
}
#dashboards-intro .in .title {
  margin: 48px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#dashboards-intro .in .title:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#dashboards-intro .in .title strong {
  color: #000;
}
#dashboards-relevant .in {
  padding-top: 64px;
}
#dashboards-multiple {
  margin: 80px 0 0 0;
}
#dashboards-multiple .in {
  background: #1f1f49;
  border-radius: 24px;
  padding: 40px 16px 48px 40px;
  position: relative;
  color: #fff;
  width: calc(100% - 16px);
  left: 8px;
}
#dashboards-multiple .in a {
  color: #fff;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
}
#dashboards-multiple .in .title h2 {
  color: #fff;
}
#dashboards-multiple .in .title h2 span {
  color: #8cafc3;
}
#dashboards-multiple .in .title p {
  font-size: 16px;
}
#dashboards-multiple .in .list .item {
  padding: 56px 0 0 0;
}
#dashboards-multiple .in .list .item .image {
  width: auto;
  left: auto;
  margin: 0;
}
#dashboards-multiple .in .list .item .image picture {
  display: flex;
  width: 64px;
}
#dashboards-multiple .in .list .item .image picture img {
  border-radius: 100%;
}
#dashboards-multiple .in .list .item .content h3 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  color: #fff;
  letter-spacing: -0.02em;
  padding: 32px 0 0 0;
}
#dashboards-multiple .in .list .item .content p {
  font-size: 13px;
  color: #ced0d5;
  line-height: 154%;
  padding: 16px 0 0 0;
}
#dashboards-multiple .in .list .item .content p.additional {
  border-top: 1px solid rgba(255, 255, 255, 0.18);
  margin: 16px 0 0 0;
}
#dashboards-multiple .in .list .item:nth-child(1) {
  padding: 48px 0 0 0;
}
#dashboards-multiple .in.transparent {
  background: none;
  border-radius: 0;
  padding: 0 16px 48px 40px;
  position: relative;
  color: #000;
  width: 100%;
  left: auto;
}
#dashboards-data .in {
  padding-top: 40px;
}
#dashboards-benchmarks .in {
  padding-top: 80px;
}
#dashboards-benchmarks .in .content ul.custom li strong {
  font-family: 'Inter SemiBold', sans-serif;
}
#dashboards-share .in {
  padding-top: 80px;
}
#dashboards-share .in .list h3 {
  padding: 40px 0 0 0;
}
#dashboards-share .in .list ul {
  padding: 24px 0 0 0;
}
#dashboards-share .in .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#dashboards-share .in .list ul li:before {
  display: none;
}
#dashboards-share .in .list ul li:first-child {
  padding: 0;
}
#dashboards-share .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#dashboards-share .in .list ul li .icon.trends {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-trends.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-share .in .list ul li .icon.uncover {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-uncover.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-share .in .list ul li .icon.improve {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-improve.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-share .in .list ul li .icon.boost {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-boost.svg') no-repeat center center;
  background-size: cover;
}
#dashboards-share .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-size: 14px;
  color: #3d4144;
  font-family: 'Inter Medium', sans-serif;
}
#dashboards-advance {
  margin: 80px 0 0 0;
}
#dashboards-advance .in {
  background: #1f1f49;
  border-radius: 24px;
  padding: 56px 40px;
  position: relative;
  color: #ced0d5;
  width: calc(100% - 16px);
  left: 8px;
}
#dashboards-advance .in h2 {
  color: #fff;
}
#dashboards-advance .in h2 span {
  color: #8cafc3;
}
#dashboards-advance .in p {
  font-size: 16px;
}
#dashboards-advance .in .more {
  padding: 32px 0 0 0;
}
#dashboards-advance .in .more .button {
  background: #a2d1e6;
  color: #000;
  height: auto;
  min-height: 56px;
  padding: 16px 24px;
  line-height: 150%;
}
#dashboards-review {
  border-top: 1px solid #e3e4e9;
  margin: 32px 0 0 0;
}
#dashboards-review .in {
  padding-top: 56px;
  padding-bottom: 64px;
}
#dashboards-review .in h2 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#dashboards-review .in .image {
  width: 100%;
  left: auto;
}
#dashboards-review .in .slides {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-quote.svg') no-repeat left 32px;
  background-size: 40px 40px;
}
#dashboards-review .in .slides .list .item .content {
  padding: 96px 0 0 0;
}
#dashboards-review .in .slides .list .item .content p {
  font-size: 18px;
  padding: 0;
  line-height: 167%;
  color: #202124;
}
#dashboards-review .in .slides .list .item .author {
  padding: 24px 0 0 0;
  font-size: 14px;
}
#dashboards-review .in .slides .list .item .author strong {
  display: inline-block;
  margin: 0 24px 0 0;
}
#dashboards-review .in .slides .list .item .author span {
  color: #a2a8ad;
}
.no-touch #dashboards-headline .in .content .subtitle a:hover,
.no-touch #dashboards-intro .in .content .subtitle a:hover,
.no-touch #dashboards-relevant .in .content .subtitle a:hover,
.no-touch #dashboards-multiple .in .content .subtitle a:hover,
.no-touch #dashboards-data .in .content .subtitle a:hover,
.no-touch #dashboards-benchmarks .in .content .subtitle a:hover,
.no-touch #dashboards-share .in .content .subtitle a:hover,
.no-touch #dashboards-advance .in .content .subtitle a:hover,
.no-touch #dashboards-review .in .content .subtitle a:hover {
  color: #056efc;
}
.no-touch #dashboards-headline .in .cta-more:hover,
.no-touch #dashboards-intro .in .cta-more:hover,
.no-touch #dashboards-relevant .in .cta-more:hover,
.no-touch #dashboards-multiple .in .cta-more:hover,
.no-touch #dashboards-data .in .cta-more:hover,
.no-touch #dashboards-benchmarks .in .cta-more:hover,
.no-touch #dashboards-share .in .cta-more:hover,
.no-touch #dashboards-advance .in .cta-more:hover,
.no-touch #dashboards-review .in .cta-more:hover {
  color: #000;
}
.no-touch #dashboards-headline .in .cta-more:hover:before,
.no-touch #dashboards-intro .in .cta-more:hover:before,
.no-touch #dashboards-relevant .in .cta-more:hover:before,
.no-touch #dashboards-multiple .in .cta-more:hover:before,
.no-touch #dashboards-data .in .cta-more:hover:before,
.no-touch #dashboards-benchmarks .in .cta-more:hover:before,
.no-touch #dashboards-share .in .cta-more:hover:before,
.no-touch #dashboards-advance .in .cta-more:hover:before,
.no-touch #dashboards-review .in .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/dashboards/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #dashboards-headline .in .button:hover,
.no-touch #dashboards-intro .in .button:hover,
.no-touch #dashboards-relevant .in .button:hover,
.no-touch #dashboards-multiple .in .button:hover,
.no-touch #dashboards-data .in .button:hover,
.no-touch #dashboards-benchmarks .in .button:hover,
.no-touch #dashboards-share .in .button:hover,
.no-touch #dashboards-advance .in .button:hover,
.no-touch #dashboards-review .in .button:hover {
  background: #424394;
}
.no-touch #dashboards-headline .in .button:active,
.no-touch #dashboards-intro .in .button:active,
.no-touch #dashboards-relevant .in .button:active,
.no-touch #dashboards-multiple .in .button:active,
.no-touch #dashboards-data .in .button:active,
.no-touch #dashboards-benchmarks .in .button:active,
.no-touch #dashboards-share .in .button:active,
.no-touch #dashboards-advance .in .button:active,
.no-touch #dashboards-review .in .button:active {
  background: #303181;
}
.no-touch #dashboards-headline .in .button.demo:hover,
.no-touch #dashboards-intro .in .button.demo:hover,
.no-touch #dashboards-relevant .in .button.demo:hover,
.no-touch #dashboards-multiple .in .button.demo:hover,
.no-touch #dashboards-data .in .button.demo:hover,
.no-touch #dashboards-benchmarks .in .button.demo:hover,
.no-touch #dashboards-share .in .button.demo:hover,
.no-touch #dashboards-advance .in .button.demo:hover,
.no-touch #dashboards-review .in .button.demo:hover {
  background: #d3e1f9;
}
.no-touch #dashboards-headline .in .button.demo:active,
.no-touch #dashboards-intro .in .button.demo:active,
.no-touch #dashboards-relevant .in .button.demo:active,
.no-touch #dashboards-multiple .in .button.demo:active,
.no-touch #dashboards-data .in .button.demo:active,
.no-touch #dashboards-benchmarks .in .button.demo:active,
.no-touch #dashboards-share .in .button.demo:active,
.no-touch #dashboards-advance .in .button.demo:active,
.no-touch #dashboards-review .in .button.demo:active {
  background: #bcd1f6;
}
.no-touch #dashboards-multiple .in a:hover {
  color: #8cafc3;
}
.no-touch #dashboards-advance .in .more .button:hover {
  background: #7abddb;
}
.no-touch #dashboards-advance .in .more .button:active {
  background: #a2d1e6;
}
@media only screen and (min-width: 480px) {
  #dashboards-headline .in,
  #dashboards-intro .in,
  #dashboards-relevant .in,
  #dashboards-multiple .in,
  #dashboards-data .in,
  #dashboards-benchmarks .in,
  #dashboards-share .in,
  #dashboards-advance .in,
  #dashboards-review .in {
    margin: 0 auto;
    width: 400px;
    padding: 0;
  }
  #dashboards-headline .in .image,
  #dashboards-intro .in .image,
  #dashboards-relevant .in .image,
  #dashboards-multiple .in .image,
  #dashboards-data .in .image,
  #dashboards-benchmarks .in .image,
  #dashboards-share .in .image,
  #dashboards-advance .in .image,
  #dashboards-review .in .image {
    width: 100%;
    left: auto;
  }
  #dashboards-headline .in .content p.more {
    padding-right: 0;
  }
  #dashboards-headline .in .image {
    margin: 0;
    bottom: -40px;
  }
  #dashboards-headline .in .image picture {
    width: 100%;
    left: auto;
  }
  #dashboards-headline .in .image picture img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  #dashboards-intro .in {
    padding-top: 104px;
  }
  #dashboards-intro .in .title {
    margin: 64px 0 0 0;
  }
  #dashboards-relevant .in {
    padding-top: 80px;
  }
  #dashboards-multiple .in {
    left: auto;
    background: none;
    padding: 56px 16px 56px 16px;
    width: 432px;
  }
  #dashboards-multiple .in:before {
    content: '';
    top: 0;
    display: block;
    height: 100%;
    background: #1f1f49;
    border-radius: 24px;
    position: absolute;
    z-index: -1;
    width: calc(100vw - 16px);
    left: calc(((100vw - 16px - 432px) / 2) * -1);
  }
  #dashboards-multiple .in.transparent {
    padding: 0;
    width: 400px;
    margin: 0 auto;
  }
  #dashboards-multiple .in.transparent:before {
    display: none;
  }
  #dashboards-data .in {
    padding-top: 80px;
  }
  #dashboards-benchmarks .in {
    padding-top: 80px;
  }
  #dashboards-share .in {
    padding-top: 80px;
  }
  #dashboards-advance .in {
    left: auto;
    background: none;
    padding: 56px 16px 56px 16px;
    width: 432px;
    position: static;
  }
  #dashboards-advance .in:before {
    content: '';
    top: 0;
    display: block;
    width: calc(100% - 16px);
    height: 100%;
    background: #1f1f49;
    border-radius: 24px;
    position: absolute;
    left: 8px;
    z-index: -1;
  }
  #dashboards-advance .in h2 {
    text-align: center;
  }
  #dashboards-advance .in p {
    text-align: center;
  }
  #dashboards-advance .in .more .button {
    display: inline-flex;
  }
  #dashboards-review .in {
    padding-top: 56px;
    padding-bottom: 64px;
  }
}
@media only screen and (min-width: 768px) {
  #dashboards-headline .in,
  #dashboards-intro .in,
  #dashboards-relevant .in,
  #dashboards-multiple .in,
  #dashboards-data .in,
  #dashboards-benchmarks .in,
  #dashboards-share .in,
  #dashboards-advance .in,
  #dashboards-review .in {
    width: 700px;
  }
  #dashboards-headline .in h1,
  #dashboards-intro .in h1,
  #dashboards-relevant .in h1,
  #dashboards-multiple .in h1,
  #dashboards-data .in h1,
  #dashboards-benchmarks .in h1,
  #dashboards-share .in h1,
  #dashboards-advance .in h1,
  #dashboards-review .in h1 {
    font-size: 42px;
  }
  #dashboards-headline .in h1 span,
  #dashboards-intro .in h1 span,
  #dashboards-relevant .in h1 span,
  #dashboards-multiple .in h1 span,
  #dashboards-data .in h1 span,
  #dashboards-benchmarks .in h1 span,
  #dashboards-share .in h1 span,
  #dashboards-advance .in h1 span,
  #dashboards-review .in h1 span {
    display: block;
  }
  #dashboards-headline .in h2,
  #dashboards-intro .in h2,
  #dashboards-relevant .in h2,
  #dashboards-multiple .in h2,
  #dashboards-data .in h2,
  #dashboards-benchmarks .in h2,
  #dashboards-share .in h2,
  #dashboards-advance .in h2,
  #dashboards-review .in h2 {
    font-size: 37px;
  }
  #dashboards-headline .in ul,
  #dashboards-intro .in ul,
  #dashboards-relevant .in ul,
  #dashboards-multiple .in ul,
  #dashboards-data .in ul,
  #dashboards-benchmarks .in ul,
  #dashboards-share .in ul,
  #dashboards-advance .in ul,
  #dashboards-review .in ul {
    padding: 8px 0 0 0;
  }
  #dashboards-headline .in .content ul.custom,
  #dashboards-intro .in .content ul.custom,
  #dashboards-relevant .in .content ul.custom,
  #dashboards-multiple .in .content ul.custom,
  #dashboards-data .in .content ul.custom,
  #dashboards-benchmarks .in .content ul.custom,
  #dashboards-share .in .content ul.custom,
  #dashboards-advance .in .content ul.custom,
  #dashboards-review .in .content ul.custom {
    padding: 28px 0 0 0;
  }
  #dashboards-headline .in .content ul.custom li,
  #dashboards-intro .in .content ul.custom li,
  #dashboards-relevant .in .content ul.custom li,
  #dashboards-multiple .in .content ul.custom li,
  #dashboards-data .in .content ul.custom li,
  #dashboards-benchmarks .in .content ul.custom li,
  #dashboards-share .in .content ul.custom li,
  #dashboards-advance .in .content ul.custom li,
  #dashboards-review .in .content ul.custom li {
    padding: 12px 0 0 32px;
  }
  #dashboards-headline .in .content ul.custom li:before,
  #dashboards-intro .in .content ul.custom li:before,
  #dashboards-relevant .in .content ul.custom li:before,
  #dashboards-multiple .in .content ul.custom li:before,
  #dashboards-data .in .content ul.custom li:before,
  #dashboards-benchmarks .in .content ul.custom li:before,
  #dashboards-share .in .content ul.custom li:before,
  #dashboards-advance .in .content ul.custom li:before,
  #dashboards-review .in .content ul.custom li:before {
    top: 15px;
  }
  #dashboards-headline .in .content .subtitle,
  #dashboards-intro .in .content .subtitle,
  #dashboards-relevant .in .content .subtitle,
  #dashboards-multiple .in .content .subtitle,
  #dashboards-data .in .content .subtitle,
  #dashboards-benchmarks .in .content .subtitle,
  #dashboards-share .in .content .subtitle,
  #dashboards-advance .in .content .subtitle,
  #dashboards-review .in .content .subtitle {
    padding: 24px 0 0 0;
  }
  #dashboards-headline .in .content .more,
  #dashboards-intro .in .content .more,
  #dashboards-relevant .in .content .more,
  #dashboards-multiple .in .content .more,
  #dashboards-data .in .content .more,
  #dashboards-benchmarks .in .content .more,
  #dashboards-share .in .content .more,
  #dashboards-advance .in .content .more,
  #dashboards-review .in .content .more {
    padding: 40px 0 0 0;
  }
  #dashboards-headline .in.columns,
  #dashboards-intro .in.columns,
  #dashboards-relevant .in.columns,
  #dashboards-multiple .in.columns,
  #dashboards-data .in.columns,
  #dashboards-benchmarks .in.columns,
  #dashboards-share .in.columns,
  #dashboards-advance .in.columns,
  #dashboards-review .in.columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #dashboards-headline .in.columns .content,
  #dashboards-intro .in.columns .content,
  #dashboards-relevant .in.columns .content,
  #dashboards-multiple .in.columns .content,
  #dashboards-data .in.columns .content,
  #dashboards-benchmarks .in.columns .content,
  #dashboards-share .in.columns .content,
  #dashboards-advance .in.columns .content,
  #dashboards-review .in.columns .content {
    flex: 0 1 50%;
  }
  #dashboards-headline .in.columns .image,
  #dashboards-intro .in.columns .image,
  #dashboards-relevant .in.columns .image,
  #dashboards-multiple .in.columns .image,
  #dashboards-data .in.columns .image,
  #dashboards-benchmarks .in.columns .image,
  #dashboards-share .in.columns .image,
  #dashboards-advance .in.columns .image,
  #dashboards-review .in.columns .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #dashboards-headline .in.columns.reverse,
  #dashboards-intro .in.columns.reverse,
  #dashboards-relevant .in.columns.reverse,
  #dashboards-multiple .in.columns.reverse,
  #dashboards-data .in.columns.reverse,
  #dashboards-benchmarks .in.columns.reverse,
  #dashboards-share .in.columns.reverse,
  #dashboards-advance .in.columns.reverse,
  #dashboards-review .in.columns.reverse {
    flex-direction: row-reverse;
  }
  #dashboards-headline .in.columns.reverse .image,
  #dashboards-intro .in.columns.reverse .image,
  #dashboards-relevant .in.columns.reverse .image,
  #dashboards-multiple .in.columns.reverse .image,
  #dashboards-data .in.columns.reverse .image,
  #dashboards-benchmarks .in.columns.reverse .image,
  #dashboards-share .in.columns.reverse .image,
  #dashboards-advance .in.columns.reverse .image,
  #dashboards-review .in.columns.reverse .image {
    right: auto;
    left: -54px;
  }
  #dashboards-headline {
    background: none;
  }
  #dashboards-headline .in {
    position: static;
  }
  #dashboards-headline .in .content {
    padding: 72px 280px 72px 0;
  }
  #dashboards-headline .in .content h1 {
    padding: 0 80px 0 0;
  }
  #dashboards-headline .in .content ul {
    padding: 24px 0 0 0;
  }
  #dashboards-headline .in .content p.more {
    display: flex;
    padding: 24px 0 0 0;
    width: 128%;
  }
  #dashboards-headline .in .content p.more .button {
    width: auto;
    margin-right: 16px;
  }
  #dashboards-headline .in .content p.more .button.demo {
    margin-right: 0;
  }
  #dashboards-headline .in .image {
    bottom: auto;
    position: absolute;
    width: calc(100% - 16px);
    top: 0;
    height: 100%;
    background: #b0c7d5;
    left: 8px;
    z-index: -1;
    border-radius: 24px;
    overflow: hidden;
  }
  #dashboards-headline .in .image picture {
    height: 100%;
    justify-content: center;
    align-items: center;
    left: 70px;
  }
  #dashboards-headline .in .image picture img {
    border-radius: 0;
    border-top-left-radius: 0;
    height: 100%;
    width: auto;
    border-top-right-radius: 0;
  }
  #dashboards-intro .in {
    text-align: center;
    padding-top: 64px;
  }
  #dashboards-intro .in .list ul {
    display: flex;
    justify-content: space-between;
  }
  #dashboards-intro .in .list ul li {
    flex: 0 1 16%;
    padding: 0;
    display: block;
  }
  #dashboards-intro .in .list ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #dashboards-intro .in .list ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #dashboards-intro .in .title {
    line-height: 150%;
    margin: 80px 0 0 0;
    padding: 0;
    font-size: 24px;
    letter-spacing: -0.01em;
  }
  #dashboards-intro .in .title:before {
    display: none;
  }
  #dashboards-multiple .in {
    padding: 56px 0;
    width: 700px;
  }
  #dashboards-multiple .in:before {
    left: calc(((100vw - 16px - 700px) / 2) * -1);
  }
  #dashboards-multiple .in .title h2 {
    text-align: center;
  }
  #dashboards-multiple .in .title p {
    text-align: center;
    padding: 16px 0 0 0;
  }
  #dashboards-multiple .in .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #dashboards-multiple .in .list .item {
    padding: 80px 0 0 0;
    flex: 0 1 328px;
  }
  #dashboards-multiple .in .list .item .image picture {
    width: 80px;
  }
  #dashboards-multiple .in .list .item:nth-child(1) {
    padding: 80px 0 0 0;
  }
  #dashboards-multiple .in.transparent {
    padding: 24px 0 0 0;
    width: 700px;
  }
  #dashboards-benchmarks .in .content ul.custom {
    padding: 12px 0 0 0;
  }
  #dashboards-benchmarks .in .content ul.custom li {
    padding: 16px 0 0 32px;
  }
  #dashboards-benchmarks .in .content ul.custom li:before {
    top: 18px;
  }
  #dashboards-share .in .list {
    flex: 0 1 100%;
    text-align: center;
  }
  #dashboards-share .in .list h3 {
    padding: 56px 0 0 0;
  }
  #dashboards-share .in .list ul {
    padding: 48px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  #dashboards-share .in .list ul li {
    padding: 0;
    width: 20%;
    display: block;
  }
  #dashboards-share .in .list ul li .icon {
    width: 64px;
    height: 64px;
    margin: 0 auto;
  }
  #dashboards-share .in .list ul li .value {
    padding: 24px 0 0 0;
    display: block;
  }
  #dashboards-advance .in {
    padding: 56px 0;
    width: 700px;
  }
  #dashboards-review {
    margin: 0;
    border: 0;
  }
  #dashboards-review .in {
    display: flex;
    padding-top: 80px;
    padding-bottom: 88px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    text-align: center;
  }
  #dashboards-review .in h2 {
    flex: 0 1 100%;
    padding: 0 0 56px 0;
    font-size: 32px;
  }
  #dashboards-review .in .image {
    flex: 0 1 47%;
    margin: 0;
  }
  #dashboards-review .in .slides {
    flex: 0 1 47%;
    text-align: left;
    background-position: 0 0;
  }
  #dashboards-review .in .slides .list .item .content {
    padding: 72px 0 0 0;
  }
}
@media only screen and (min-width: 1152px) {
  #dashboards-headline .in,
  #dashboards-intro .in,
  #dashboards-relevant .in,
  #dashboards-multiple .in,
  #dashboards-data .in,
  #dashboards-benchmarks .in,
  #dashboards-share .in,
  #dashboards-advance .in,
  #dashboards-review .in {
    width: 1100px;
  }
  #dashboards-headline .in h1,
  #dashboards-intro .in h1,
  #dashboards-relevant .in h1,
  #dashboards-multiple .in h1,
  #dashboards-data .in h1,
  #dashboards-benchmarks .in h1,
  #dashboards-share .in h1,
  #dashboards-advance .in h1,
  #dashboards-review .in h1 {
    font-size: 58px;
  }
  #dashboards-headline .in h2,
  #dashboards-intro .in h2,
  #dashboards-relevant .in h2,
  #dashboards-multiple .in h2,
  #dashboards-data .in h2,
  #dashboards-benchmarks .in h2,
  #dashboards-share .in h2,
  #dashboards-advance .in h2,
  #dashboards-review .in h2 {
    font-size: 40px;
  }
  #dashboards-headline .in h3,
  #dashboards-intro .in h3,
  #dashboards-relevant .in h3,
  #dashboards-multiple .in h3,
  #dashboards-data .in h3,
  #dashboards-benchmarks .in h3,
  #dashboards-share .in h3,
  #dashboards-advance .in h3,
  #dashboards-review .in h3 {
    font-size: 24px;
    line-height: 150%;
  }
  #dashboards-headline .in.columns,
  #dashboards-intro .in.columns,
  #dashboards-relevant .in.columns,
  #dashboards-multiple .in.columns,
  #dashboards-data .in.columns,
  #dashboards-benchmarks .in.columns,
  #dashboards-share .in.columns,
  #dashboards-advance .in.columns,
  #dashboards-review .in.columns {
    justify-content: space-between;
  }
  #dashboards-headline .in.columns .content,
  #dashboards-intro .in.columns .content,
  #dashboards-relevant .in.columns .content,
  #dashboards-multiple .in.columns .content,
  #dashboards-data .in.columns .content,
  #dashboards-benchmarks .in.columns .content,
  #dashboards-share .in.columns .content,
  #dashboards-advance .in.columns .content,
  #dashboards-review .in.columns .content {
    flex: 0 1 480px;
  }
  #dashboards-headline .in.columns .image,
  #dashboards-intro .in.columns .image,
  #dashboards-relevant .in.columns .image,
  #dashboards-multiple .in.columns .image,
  #dashboards-data .in.columns .image,
  #dashboards-benchmarks .in.columns .image,
  #dashboards-share .in.columns .image,
  #dashboards-advance .in.columns .image,
  #dashboards-review .in.columns .image {
    height: 644px;
    right: 0;
    flex: 0 1 480px;
  }
  #dashboards-headline .in.columns .image picture,
  #dashboards-intro .in.columns .image picture,
  #dashboards-relevant .in.columns .image picture,
  #dashboards-multiple .in.columns .image picture,
  #dashboards-data .in.columns .image picture,
  #dashboards-benchmarks .in.columns .image picture,
  #dashboards-share .in.columns .image picture,
  #dashboards-advance .in.columns .image picture,
  #dashboards-review .in.columns .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    right: -160px;
  }
  #dashboards-headline .in.columns.reverse,
  #dashboards-intro .in.columns.reverse,
  #dashboards-relevant .in.columns.reverse,
  #dashboards-multiple .in.columns.reverse,
  #dashboards-data .in.columns.reverse,
  #dashboards-benchmarks .in.columns.reverse,
  #dashboards-share .in.columns.reverse,
  #dashboards-advance .in.columns.reverse,
  #dashboards-review .in.columns.reverse {
    flex-direction: row-reverse;
  }
  #dashboards-headline .in.columns.reverse .image,
  #dashboards-intro .in.columns.reverse .image,
  #dashboards-relevant .in.columns.reverse .image,
  #dashboards-multiple .in.columns.reverse .image,
  #dashboards-data .in.columns.reverse .image,
  #dashboards-benchmarks .in.columns.reverse .image,
  #dashboards-share .in.columns.reverse .image,
  #dashboards-advance .in.columns.reverse .image,
  #dashboards-review .in.columns.reverse .image {
    right: auto;
    left: 0;
  }
  #dashboards-headline .in.columns.reverse .image picture,
  #dashboards-intro .in.columns.reverse .image picture,
  #dashboards-relevant .in.columns.reverse .image picture,
  #dashboards-multiple .in.columns.reverse .image picture,
  #dashboards-data .in.columns.reverse .image picture,
  #dashboards-benchmarks .in.columns.reverse .image picture,
  #dashboards-share .in.columns.reverse .image picture,
  #dashboards-advance .in.columns.reverse .image picture,
  #dashboards-review .in.columns.reverse .image picture {
    left: -160px;
    right: auto;
  }
  #dashboards-headline .in .content {
    padding: 124px 630px 124px 0;
  }
  #dashboards-headline .in .content h1 {
    padding: 0;
  }
  #dashboards-intro .in .title {
    width: 736px;
    margin: 80px auto 0 auto;
  }
  #dashboards-multiple .in {
    padding: 88px 0 136px 0;
    width: 1100px;
  }
  #dashboards-multiple .in:before {
    left: calc(((100vw - 16px - 1100px) / 2) * -1);
  }
  #dashboards-multiple .in .list .item {
    flex: 0 1 248px;
  }
  #dashboards-multiple .in.transparent {
    padding: 0;
    width: 1100px;
  }
  #dashboards-data .in {
    padding-top: 124px;
  }
  #dashboards-benchmarks .in {
    padding-top: 124px;
  }
  #dashboards-share .in {
    padding-top: 124px;
  }
  #dashboards-share .in .list h3 {
    padding: 96px 0 0 0;
  }
  #dashboards-advance {
    margin: 120px 0 0 0;
  }
  #dashboards-advance .in {
    padding: 104px 0 112px 0;
    width: 736px;
  }
  #dashboards-advance .in h2 span {
    display: block;
  }
  #dashboards-advance .in p {
    font-size: 18px;
    line-height: 167%;
  }
  #dashboards-advance .in .more {
    padding: 56px 0 0 0;
  }
  #dashboards-review .in {
    justify-content: flex-start;
    padding-top: 96px;
    padding-bottom: 96px;
  }
  #dashboards-review .in h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #dashboards-review .in .image {
    flex: 0 1 480px;
    margin: 0 96px 0 0;
  }
  #dashboards-review .in .slides {
    flex: 0 1 448px;
  }
}
@media only screen and (min-width: 1200px) {
  #dashboards-headline .in,
  #dashboards-intro .in,
  #dashboards-relevant .in,
  #dashboards-multiple .in,
  #dashboards-data .in,
  #dashboards-benchmarks .in,
  #dashboards-share .in,
  #dashboards-advance .in,
  #dashboards-review .in {
    width: 1120px;
  }
  #dashboards-multiple .in {
    width: 1120px;
  }
  #dashboards-multiple .in:before {
    left: calc(((100vw - 16px - 1120px) / 2) * -1);
  }
  #dashboards-data .in .content ul.custom {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #dashboards-data .in .content ul.custom li {
    box-sizing: border-box;
    flex: 0 1 232px;
  }
}
@media only screen and (min-width: 1280px) {
  #dashboards-headline .in .image {
    width: calc(100% - 64px);
    left: 32px;
  }
  #dashboards-multiple .in:before {
    width: calc(100vw - 64px);
    left: calc(((100vw - 64px - 1120px) / 2) * -1);
  }
  #dashboards-advance .in {
    width: 736px;
  }
  #dashboards-advance .in:before {
    width: calc(100% - 64px);
    left: 32px;
  }
}
#teams-headline .in,
#teams-nav .in,
#teams-administration .in,
#teams-feedback .in,
#teams-activity .in,
#teams-ownership .in,
#teams-sso .in,
#teams-design .in,
#teams-grow .in,
#teams-references .in,
#teams-action .in {
  text-align: left;
  color: #3d4144;
  padding: 0 24px 0 48px;
  font-size: 14px;
}
#teams-headline .in h1,
#teams-nav .in h1,
#teams-administration .in h1,
#teams-feedback .in h1,
#teams-activity .in h1,
#teams-ownership .in h1,
#teams-sso .in h1,
#teams-design .in h1,
#teams-grow .in h1,
#teams-references .in h1,
#teams-action .in h1 {
  font-size: 37px;
  padding: 0 24px 0 0;
  line-height: 108%;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.03em;
  color: #fff;
}
#teams-headline .in h1 span,
#teams-nav .in h1 span,
#teams-administration .in h1 span,
#teams-feedback .in h1 span,
#teams-activity .in h1 span,
#teams-ownership .in h1 span,
#teams-sso .in h1 span,
#teams-design .in h1 span,
#teams-grow .in h1 span,
#teams-references .in h1 span,
#teams-action .in h1 span {
  color: #bd944a;
  display: block;
}
#teams-headline .in h2,
#teams-nav .in h2,
#teams-administration .in h2,
#teams-feedback .in h2,
#teams-activity .in h2,
#teams-ownership .in h2,
#teams-sso .in h2,
#teams-design .in h2,
#teams-grow .in h2,
#teams-references .in h2,
#teams-action .in h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 32px;
  line-height: 119%;
  padding: 0;
  letter-spacing: -0.03em;
  color: #000;
}
#teams-headline .in h2 span,
#teams-nav .in h2 span,
#teams-administration .in h2 span,
#teams-feedback .in h2 span,
#teams-activity .in h2 span,
#teams-ownership .in h2 span,
#teams-sso .in h2 span,
#teams-design .in h2 span,
#teams-grow .in h2 span,
#teams-references .in h2 span,
#teams-action .in h2 span {
  color: #bd944a;
}
#teams-headline .in h3,
#teams-nav .in h3,
#teams-administration .in h3,
#teams-feedback .in h3,
#teams-activity .in h3,
#teams-ownership .in h3,
#teams-sso .in h3,
#teams-design .in h3,
#teams-grow .in h3,
#teams-references .in h3,
#teams-action .in h3 {
  font-weight: 'Inter Medium', sans-serif;
  font-size: 18px;
  padding: 0;
  line-height: 144%;
  color: #000;
}
#teams-headline .in ul,
#teams-nav .in ul,
#teams-administration .in ul,
#teams-feedback .in ul,
#teams-activity .in ul,
#teams-ownership .in ul,
#teams-sso .in ul,
#teams-design .in ul,
#teams-grow .in ul,
#teams-references .in ul,
#teams-action .in ul {
  padding: 24px 0 0 0;
}
#teams-headline .in ul li,
#teams-nav .in ul li,
#teams-administration .in ul li,
#teams-feedback .in ul li,
#teams-activity .in ul li,
#teams-ownership .in ul li,
#teams-sso .in ul li,
#teams-design .in ul li,
#teams-grow .in ul li,
#teams-references .in ul li,
#teams-action .in ul li {
  font-size: 14px;
  line-height: 143%;
  padding: 8px 0 0 24px;
}
#teams-headline .in ul li:before,
#teams-nav .in ul li:before,
#teams-administration .in ul li:before,
#teams-feedback .in ul li:before,
#teams-activity .in ul li:before,
#teams-ownership .in ul li:before,
#teams-sso .in ul li:before,
#teams-design .in ul li:before,
#teams-grow .in ul li:before,
#teams-references .in ul li:before,
#teams-action .in ul li:before {
  top: 16px;
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 1px;
  background: #bd944a;
}
#teams-headline .in p,
#teams-nav .in p,
#teams-administration .in p,
#teams-feedback .in p,
#teams-activity .in p,
#teams-ownership .in p,
#teams-sso .in p,
#teams-design .in p,
#teams-grow .in p,
#teams-references .in p,
#teams-action .in p {
  line-height: 186%;
}
#teams-headline .in a,
#teams-nav .in a,
#teams-administration .in a,
#teams-feedback .in a,
#teams-activity .in a,
#teams-ownership .in a,
#teams-sso .in a,
#teams-design .in a,
#teams-grow .in a,
#teams-references .in a,
#teams-action .in a {
  font-family: 'Inter SemiBold', sans-serif;
  color: #3d4144;
  text-decoration: none;
}
#teams-headline .in .button,
#teams-nav .in .button,
#teams-administration .in .button,
#teams-feedback .in .button,
#teams-activity .in .button,
#teams-ownership .in .button,
#teams-sso .in .button,
#teams-design .in .button,
#teams-grow .in .button,
#teams-references .in .button,
#teams-action .in .button {
  background: #bd944a;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
  text-decoration: none;
  padding: 0 24px;
  text-align: center;
  font-size: 16px;
  transition: background 0.5s, border-color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#teams-headline .in .button.outline,
#teams-nav .in .button.outline,
#teams-administration .in .button.outline,
#teams-feedback .in .button.outline,
#teams-activity .in .button.outline,
#teams-ownership .in .button.outline,
#teams-sso .in .button.outline,
#teams-design .in .button.outline,
#teams-grow .in .button.outline,
#teams-references .in .button.outline,
#teams-action .in .button.outline {
  background: #101010;
  border: 1px solid #bd944a;
}
#teams-headline .in .cta-more,
#teams-nav .in .cta-more,
#teams-administration .in .cta-more,
#teams-feedback .in .cta-more,
#teams-activity .in .cta-more,
#teams-ownership .in .cta-more,
#teams-sso .in .cta-more,
#teams-design .in .cta-more,
#teams-grow .in .cta-more,
#teams-references .in .cta-more,
#teams-action .in .cta-more {
  font-size: 21px;
  line-height: 124%;
  font-family: 'Inter Bold', sans-serif;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #bd944a;
  cursor: pointer;
  padding: 0 48px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#teams-headline .in .cta-more:before,
#teams-nav .in .cta-more:before,
#teams-administration .in .cta-more:before,
#teams-feedback .in .cta-more:before,
#teams-activity .in .cta-more:before,
#teams-ownership .in .cta-more:before,
#teams-sso .in .cta-more:before,
#teams-design .in .cta-more:before,
#teams-grow .in .cta-more:before,
#teams-references .in .cta-more:before,
#teams-action .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#teams-headline .in.dark,
#teams-nav .in.dark,
#teams-administration .in.dark,
#teams-feedback .in.dark,
#teams-activity .in.dark,
#teams-ownership .in.dark,
#teams-sso .in.dark,
#teams-design .in.dark,
#teams-grow .in.dark,
#teams-references .in.dark,
#teams-action .in.dark {
  background: #101010;
  border-radius: 24px;
  color: #ced0d5;
  position: relative;
  width: calc(100% - 16px);
  left: 8px;
  padding: 56px 16px 56px 40px;
}
#teams-headline .in.dark h2,
#teams-nav .in.dark h2,
#teams-administration .in.dark h2,
#teams-feedback .in.dark h2,
#teams-activity .in.dark h2,
#teams-ownership .in.dark h2,
#teams-sso .in.dark h2,
#teams-design .in.dark h2,
#teams-grow .in.dark h2,
#teams-references .in.dark h2,
#teams-action .in.dark h2 {
  color: #fff;
  padding: 0;
}
#teams-headline .in.dark h3,
#teams-nav .in.dark h3,
#teams-administration .in.dark h3,
#teams-feedback .in.dark h3,
#teams-activity .in.dark h3,
#teams-ownership .in.dark h3,
#teams-sso .in.dark h3,
#teams-design .in.dark h3,
#teams-grow .in.dark h3,
#teams-references .in.dark h3,
#teams-action .in.dark h3 {
  color: #fff;
}
#teams-headline .in.block .content p,
#teams-nav .in.block .content p,
#teams-administration .in.block .content p,
#teams-feedback .in.block .content p,
#teams-activity .in.block .content p,
#teams-ownership .in.block .content p,
#teams-sso .in.block .content p,
#teams-design .in.block .content p,
#teams-grow .in.block .content p,
#teams-references .in.block .content p,
#teams-action .in.block .content p {
  color: #60607a;
  font-family: 'Inter Medium', sans-serif;
  line-height: 150%;
  font-size: 16px;
  padding: 16px 0 0 0;
}
#teams-headline .in.block .content p strong,
#teams-nav .in.block .content p strong,
#teams-administration .in.block .content p strong,
#teams-feedback .in.block .content p strong,
#teams-activity .in.block .content p strong,
#teams-ownership .in.block .content p strong,
#teams-sso .in.block .content p strong,
#teams-design .in.block .content p strong,
#teams-grow .in.block .content p strong,
#teams-references .in.block .content p strong,
#teams-action .in.block .content p strong {
  color: #000;
  font-family: 'Inter Medium', sans-serif;
}
#teams-headline .in.block .content p.more,
#teams-nav .in.block .content p.more,
#teams-administration .in.block .content p.more,
#teams-feedback .in.block .content p.more,
#teams-activity .in.block .content p.more,
#teams-ownership .in.block .content p.more,
#teams-sso .in.block .content p.more,
#teams-design .in.block .content p.more,
#teams-grow .in.block .content p.more,
#teams-references .in.block .content p.more,
#teams-action .in.block .content p.more {
  padding: 32px 0 0 0;
}
#teams-headline .in.block .content p.more .cta-more,
#teams-nav .in.block .content p.more .cta-more,
#teams-administration .in.block .content p.more .cta-more,
#teams-feedback .in.block .content p.more .cta-more,
#teams-activity .in.block .content p.more .cta-more,
#teams-ownership .in.block .content p.more .cta-more,
#teams-sso .in.block .content p.more .cta-more,
#teams-design .in.block .content p.more .cta-more,
#teams-grow .in.block .content p.more .cta-more,
#teams-references .in.block .content p.more .cta-more,
#teams-action .in.block .content p.more .cta-more {
  color: #bd944a;
}
#teams-headline .in.block .image,
#teams-nav .in.block .image,
#teams-administration .in.block .image,
#teams-feedback .in.block .image,
#teams-activity .in.block .image,
#teams-ownership .in.block .image,
#teams-sso .in.block .image,
#teams-design .in.block .image,
#teams-grow .in.block .image,
#teams-references .in.block .image,
#teams-action .in.block .image {
  margin: 40px 0 0 0;
}
#teams-headline .in.block .image picture,
#teams-nav .in.block .image picture,
#teams-administration .in.block .image picture,
#teams-feedback .in.block .image picture,
#teams-activity .in.block .image picture,
#teams-ownership .in.block .image picture,
#teams-sso .in.block .image picture,
#teams-design .in.block .image picture,
#teams-grow .in.block .image picture,
#teams-references .in.block .image picture,
#teams-action .in.block .image picture {
  display: flex;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% + 56px);
  left: -40px;
}
#teams-headline {
  background: #101010;
  margin: 0 0 48px 0;
}
#teams-headline .in {
  padding: 72px 24px 0 48px;
  color: #ccc;
}
#teams-headline .in .content p {
  padding: 24px 0 0 0;
  line-height: 157%;
  font-family: 'Inter Medium', sans-serif;
  color: #a2a8ad;
}
#teams-headline .in .content p strong {
  color: #fff;
  font-family: 'Inter Medium', sans-serif;
}
#teams-headline .in .content p.buttons {
  padding: 16px 24px 0 0;
  line-height: 100%;
}
#teams-headline .in .content p.buttons .button {
  margin: 16px 0 0 0;
  white-space: nowrap;
}
#teams-headline .in .content p.icons {
  display: none;
}
#teams-headline .in .image {
  margin: 0;
}
#teams-headline .in .image picture {
  display: flex;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% + 56px);
  left: -40px;
  bottom: -48px;
}
#teams-nav .in ul {
  padding: 40px 0 0 0;
}
#teams-nav .in ul li {
  padding: 4px 0 5px 0;
  position: relative;
  display: flex;
  justify-content: center;
}
#teams-nav .in ul li:before {
  display: block;
  content: '';
  width: calc(100% - 32px);
  height: 1px;
  background: #e3e4e9;
  left: 16px;
  top: auto;
  bottom: 0;
}
#teams-nav .in ul li:first-child {
  padding-top: 0;
}
#teams-nav .in ul li:last-child:before {
  display: none;
}
#teams-nav .in ul li span {
  flex: 0 1 100%;
  text-decoration: none;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  cursor: pointer;
  transition: background 0.5s;
  justify-content: space-between;
  width: 100%;
  padding: 16px;
  color: #000;
  border-radius: 16px;
}
#teams-nav .in ul li span strong {
  flex: 0 1 calc(100% - 40px);
  line-height: 143%;
  letter-spacing: -0.01em;
}
#teams-nav .in ul li span i {
  flex: 0 1 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/arrow-right-rounded.svg') no-repeat center center;
  background-size: cover;
  width: 24px;
  height: 24px;
}
#teams-nav .in ul li small {
  align-items: center;
  display: none;
  position: absolute;
  border-radius: 6px;
  background: #3d4144;
  height: 24px;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 133%;
  top: -32px;
  padding: 0 8px;
  color: #fff;
}
#teams-administration .in .title {
  padding: 72px 0 0 0;
}
#teams-administration .in .title p {
  margin: 24px 0 0 0;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #6c6c89;
  line-height: 167%;
  letter-spacing: -0.01em;
  padding: 0 0 0 27px;
  position: relative;
}
#teams-administration .in .title p:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#teams-administration .in .title p strong {
  color: #000;
}
#teams-administration .in .roles .types ul {
  padding: 16px 0 0 0;
}
#teams-administration .in .roles .types ul li {
  padding: 24px 0 0 0;
}
#teams-administration .in .roles .types ul li:before {
  display: none;
}
#teams-administration .in .roles .types ul li strong {
  font-family: 'Inter Bold', sans-serif;
  color: #1a1a1a;
  font-size: 16px;
  line-height: 138%;
  display: block;
  letter-spacing: -0.02em;
}
#teams-administration .in .roles .types ul li span {
  line-height: 157%;
  padding: 4px 0 0 0;
  display: block;
  font-family: 'Inter Medium', sans-serif;
}
#teams-administration .in .roles .image {
  margin: 40px 0 0 0;
}
#teams-administration .in .roles .image picture {
  display: flex;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% + 56px);
  left: -40px;
}
#teams-administration .in .list ul {
  padding: 32px 0 0 0;
}
#teams-administration .in .list ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#teams-administration .in .list ul li:before {
  display: none;
}
#teams-administration .in .list ul li:first-child {
  padding: 0;
}
#teams-administration .in .list ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#teams-administration .in .list ul li .icon.plus-minus {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-plus-minus.svg') no-repeat center center;
  background-size: cover;
}
#teams-administration .in .list ul li .icon.manage {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-manage.svg') no-repeat center center;
  background-size: cover;
}
#teams-administration .in .list ul li .icon.activity {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-activity.svg') no-repeat center center;
  background-size: cover;
}
#teams-administration .in .list ul li .icon.download {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-download.svg') no-repeat center center;
  background-size: cover;
}
#teams-administration .in .list ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  padding: 4px 0 0 0;
  color: #3d4144;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#teams-feedback {
  padding: 56px 0 0 0;
}
#teams-feedback .in.dark .list .item {
  padding: 48px 0 0 0;
}
#teams-feedback .in.dark .list .item h3 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 16px;
  padding: 72px 0 0 0;
  line-height: 150%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 48px 48px;
}
#teams-feedback .in.dark .list .item p {
  padding: 8px 0 0 0;
  color: #a2a8ad;
  font-family: 'Inter SemiBold', sans-serif;
}
#teams-feedback .in.dark .list .item p strong {
  color: #fff;
}
#teams-feedback .in.dark .list .item a {
  color: #bd944a;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#teams-feedback .in.dark .list .item.graph h3 {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-graphs.svg');
}
#teams-feedback .in.dark .list .item.grow h3 {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-grow.svg');
}
#teams-feedback .in.dark .list .item.cc h3 {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-cc.svg');
}
#teams-feedback .in.dark .list .item.help h3 {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-help.svg');
}
#teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more {
  color: #bd944a !important;
}
#teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-gold.svg') no-repeat center center;
  background-size: cover;
}
#teams-feedback .in.transparent .use-case-highlight.type-a:before {
  background: #bd944a;
}
#teams-activity {
  padding-top: 96px;
}
#teams-ownership {
  padding-top: 96px;
}
#teams-ownership .in .content .list ul {
  padding: 24px 0 0 0;
}
#teams-ownership .in .content .list ul li {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#teams-ownership .in .content .list ul li:before {
  display: none;
}
#teams-ownership .in .content .list ul li:first-child {
  padding: 0;
}
#teams-ownership .in .content .list ul li .icon {
  display: block;
  width: 40px;
  height: 40px;
  flex: 0 1 40px;
}
#teams-ownership .in .content .list ul li .icon.edit {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-edit.svg') no-repeat center center;
  background-size: cover;
}
#teams-ownership .in .content .list ul li .icon.delete {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-delete.svg') no-repeat center center;
  background-size: cover;
}
#teams-ownership .in .content .list ul li .icon.change {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-change.svg') no-repeat center center;
  background-size: cover;
}
#teams-ownership .in .content .list ul li .value {
  flex: 0 1 calc(100% - 56px);
  line-height: 143%;
  color: #000;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#teams-sso {
  padding: 16px 0 0 0;
}
#teams-sso .in.dark {
  padding-bottom: 0;
}
#teams-sso .in.dark .content .list ul {
  padding: 40px 0 0 0;
}
#teams-sso .in.dark .content .list ul li {
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
  color: #fff;
  line-height: 157%;
}
#teams-sso .in.dark .content .list ul li:first-child {
  margin: 0;
}
#teams-sso .in.dark .content .list ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-check.svg') no-repeat center center;
  background-size: cover;
  width: 16px;
  top: 0;
  left: 0;
  height: 22px;
}
#teams-sso .in.dark .content .list ul li strong {
  display: block;
  letter-spacing: -0.01em;
  padding: 0 0 4px 0;
}
#teams-sso .in.dark .content .list .info {
  font-size: 12px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-info.svg') no-repeat left top;
  background-size: 16px 16px;
  margin: 24px 0 0 0;
  line-height: 133%;
  padding: 0 0 0 32px;
}
#teams-sso .in.dark .image {
  margin: 44px 0 0 0;
}
#teams-sso .in.dark .image picture {
  display: flex;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  width: calc(100% + 56px);
  left: -40px;
}
#teams-design {
  padding-top: 96px;
}
#teams-grow {
  padding-top: 96px;
}
#teams-grow .in .content ul {
  padding: 8px 0 0 0;
}
#teams-grow .in .content ul li {
  padding: 16px 0 0 40px;
  line-height: 150%;
  font-size: 16px;
}
#teams-grow .in .content ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-check-gold.svg') no-repeat left top;
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}
#teams-grow .in .image {
  margin: 48px 0 116px 0 !important;
}
#teams-grow .in .image .graph {
  position: absolute;
  bottom: -116px;
}
#teams-grow .in .image .graph picture {
  width: calc(100% - 24px);
  left: 0;
}
#teams-references {
  padding-top: 48px;
}
#teams-references .in h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 21px;
  line-height: 124%;
  letter-spacing: -0.02em;
}
#teams-references .in .reviews {
  position: relative;
}
#teams-references .in .reviews h2 {
  padding: 0;
}
#teams-references .in .reviews .list {
  text-align: center;
  margin: 32px 0 0 0;
  position: relative;
  box-sizing: border-box;
  width: calc(100% + 56px);
  left: -40px;
  padding: 48px 32px 86px 32px;
  border-radius: 24px;
  border: 1px solid #e3e4e9;
}
#teams-references .in .reviews .list ul {
  padding: 0;
}
#teams-references .in .reviews .list ul li {
  padding: 0;
}
#teams-references .in .reviews .list ul li:before {
  display: none;
}
#teams-references .in .reviews .list ul li .text {
  padding: 0;
  font-size: 18px;
  line-height: 167%;
  color: #000;
}
#teams-references .in .reviews .list ul li .image {
  margin: 24px 0 0 0;
}
#teams-references .in .reviews .list ul li .image img {
  width: 72px;
  height: 72px;
  border-radius: 100%;
}
#teams-references .in .reviews .list ul li .author {
  padding: 16px 0 0 0;
  color: #000;
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#teams-references .in .reviews .list ul li .author span {
  display: block;
  color: #60607a;
  font-family: 'Inter Regular', sans-serif;
  font-size: 13px;
  line-height: 154%;
}
#teams-references .in .reviews .list ul li .logo {
  margin: 24px 0 0 0;
}
#teams-references .in .reviews .list ul li .logo i {
  display: block;
  width: 104px;
  height: 43px;
  margin: 0 auto;
}
#teams-references .in .reviews .paging {
  position: absolute;
  width: calc(100% + 56px);
  left: -40px;
  bottom: 32px;
}
#teams-references .in .reviews .paging ul {
  padding: 0;
  display: flex;
  justify-content: center;
}
#teams-references .in .reviews .paging ul li {
  padding: 0;
}
#teams-references .in .reviews .paging ul li:before {
  display: none;
}
#teams-references .in .reviews .paging ul li a {
  display: flex;
  width: 32px;
  height: 32px;
  align-items: center;
  justify-content: center;
}
#teams-references .in .reviews .paging ul li a i {
  display: block;
  width: 8px;
  transition: background 0.5s;
  height: 8px;
  border-radius: 100%;
  background: #e3e4e9;
}
#teams-references .in .reviews .paging ul li a.active i {
  background: #000;
}
#teams-action {
  padding-top: 56px;
  margin: 0 0 80px 0;
}
#teams-action .in.dark {
  color: #e3e4e9;
  padding: 128px 40px 48px 40px;
}
#teams-action .in.dark .content {
  position: relative;
}
#teams-action .in.dark .content h3 {
  font-size: 28px;
  font-family: 'Inter Bold', sans-serif;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#teams-action .in.dark .content p {
  font-size: 16px;
  padding: 16px 0 0 0;
  color: #e3e4e9;
}
#teams-action .in.dark .content p.buttons {
  line-height: 100%;
}
#teams-action .in.dark .content p.buttons .button {
  margin: 24px 0 0 0;
}
#teams-action .in.dark .content .badge {
  display: block;
  position: absolute;
  width: 104px;
  height: 104px;
  content: '';
  top: -135px;
  left: 0;
}
.no-touch #teams-headline .in a:hover,
.no-touch #teams-nav .in a:hover,
.no-touch #teams-administration .in a:hover,
.no-touch #teams-feedback .in a:hover,
.no-touch #teams-activity .in a:hover,
.no-touch #teams-ownership .in a:hover,
.no-touch #teams-sso .in a:hover,
.no-touch #teams-design .in a:hover,
.no-touch #teams-grow .in a:hover,
.no-touch #teams-references .in a:hover,
.no-touch #teams-action .in a:hover {
  color: #a67516;
}
.no-touch #teams-headline .in .button:hover,
.no-touch #teams-nav .in .button:hover,
.no-touch #teams-administration .in .button:hover,
.no-touch #teams-feedback .in .button:hover,
.no-touch #teams-activity .in .button:hover,
.no-touch #teams-ownership .in .button:hover,
.no-touch #teams-sso .in .button:hover,
.no-touch #teams-design .in .button:hover,
.no-touch #teams-grow .in .button:hover,
.no-touch #teams-references .in .button:hover,
.no-touch #teams-action .in .button:hover {
  background: #a67516;
  color: #fff;
}
.no-touch #teams-headline .in .button:hover.outline,
.no-touch #teams-nav .in .button:hover.outline,
.no-touch #teams-administration .in .button:hover.outline,
.no-touch #teams-feedback .in .button:hover.outline,
.no-touch #teams-activity .in .button:hover.outline,
.no-touch #teams-ownership .in .button:hover.outline,
.no-touch #teams-sso .in .button:hover.outline,
.no-touch #teams-design .in .button:hover.outline,
.no-touch #teams-grow .in .button:hover.outline,
.no-touch #teams-references .in .button:hover.outline,
.no-touch #teams-action .in .button:hover.outline {
  background: #101010;
  border-color: #fff;
}
.no-touch #teams-headline .in .button:active,
.no-touch #teams-nav .in .button:active,
.no-touch #teams-administration .in .button:active,
.no-touch #teams-feedback .in .button:active,
.no-touch #teams-activity .in .button:active,
.no-touch #teams-ownership .in .button:active,
.no-touch #teams-sso .in .button:active,
.no-touch #teams-design .in .button:active,
.no-touch #teams-grow .in .button:active,
.no-touch #teams-references .in .button:active,
.no-touch #teams-action .in .button:active {
  background: #8f5f00;
}
.no-touch #teams-headline .in .button:active.outline,
.no-touch #teams-nav .in .button:active.outline,
.no-touch #teams-administration .in .button:active.outline,
.no-touch #teams-feedback .in .button:active.outline,
.no-touch #teams-activity .in .button:active.outline,
.no-touch #teams-ownership .in .button:active.outline,
.no-touch #teams-sso .in .button:active.outline,
.no-touch #teams-design .in .button:active.outline,
.no-touch #teams-grow .in .button:active.outline,
.no-touch #teams-references .in .button:active.outline,
.no-touch #teams-action .in .button:active.outline {
  background: #101010;
  border-color: #fff;
}
.no-touch #teams-headline .in .cta-more:hover,
.no-touch #teams-nav .in .cta-more:hover,
.no-touch #teams-administration .in .cta-more:hover,
.no-touch #teams-feedback .in .cta-more:hover,
.no-touch #teams-activity .in .cta-more:hover,
.no-touch #teams-ownership .in .cta-more:hover,
.no-touch #teams-sso .in .cta-more:hover,
.no-touch #teams-design .in .cta-more:hover,
.no-touch #teams-grow .in .cta-more:hover,
.no-touch #teams-references .in .cta-more:hover,
.no-touch #teams-action .in .cta-more:hover {
  color: #a67516;
}
.no-touch #teams-headline .in .cta-more:hover:before,
.no-touch #teams-nav .in .cta-more:hover:before,
.no-touch #teams-administration .in .cta-more:hover:before,
.no-touch #teams-feedback .in .cta-more:hover:before,
.no-touch #teams-activity .in .cta-more:hover:before,
.no-touch #teams-ownership .in .cta-more:hover:before,
.no-touch #teams-sso .in .cta-more:hover:before,
.no-touch #teams-design .in .cta-more:hover:before,
.no-touch #teams-grow .in .cta-more:hover:before,
.no-touch #teams-references .in .cta-more:hover:before,
.no-touch #teams-action .in .cta-more:hover:before {
  right: -8px;
}
.no-touch #teams-nav .in ul li span:hover {
  border-radius: 16px;
  background: #f2f2f2;
}
.no-touch #teams-nav .in ul li:hover small {
  display: inline-flex;
}
.no-touch #teams-feedback .in.dark .list .item a:hover {
  color: #fff;
}
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:hover,
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:active {
  color: #000 !important;
}
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:hover:before,
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:active {
  color: #bd944a !important;
}
.no-touch #teams-feedback .in.transparent .use-case-highlight .use-case-highlight-cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-gold.svg') no-repeat center center;
  background-size: cover !important;
}
.no-touch #teams-references .in .reviews .paging ul li a:hover i {
  background: #000;
}
@media only screen and (min-width: 480px) {
  #teams-headline .in.dark,
  #teams-nav .in.dark,
  #teams-administration .in.dark,
  #teams-feedback .in.dark,
  #teams-activity .in.dark,
  #teams-ownership .in.dark,
  #teams-sso .in.dark,
  #teams-design .in.dark,
  #teams-grow .in.dark,
  #teams-references .in.dark,
  #teams-action .in.dark {
    left: 0;
    padding: 56px 24px 56px 48px;
    width: 430px;
    position: static;
    background: none;
  }
  #teams-headline .in.dark:before,
  #teams-nav .in.dark:before,
  #teams-administration .in.dark:before,
  #teams-feedback .in.dark:before,
  #teams-activity .in.dark:before,
  #teams-ownership .in.dark:before,
  #teams-sso .in.dark:before,
  #teams-design .in.dark:before,
  #teams-grow .in.dark:before,
  #teams-references .in.dark:before,
  #teams-action .in.dark:before {
    content: '';
    display: block;
    width: calc(100% - 48px);
    height: 100%;
    background: #101010;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 24px;
    z-index: -1;
  }
  #teams-headline .in.block .image picture,
  #teams-nav .in.block .image picture,
  #teams-administration .in.block .image picture,
  #teams-feedback .in.block .image picture,
  #teams-activity .in.block .image picture,
  #teams-ownership .in.block .image picture,
  #teams-sso .in.block .image picture,
  #teams-design .in.block .image picture,
  #teams-grow .in.block .image picture,
  #teams-references .in.block .image picture,
  #teams-action .in.block .image picture {
    width: calc(100% + 72px);
    left: -48px;
  }
  #teams-headline .in .image picture {
    width: calc(100% + 72px);
    left: -48px;
  }
  #teams-administration .in .roles .image picture {
    width: calc(100% + 72px);
    left: -48px;
  }
  #teams-feedback .in.dark {
    position: relative;
  }
  #teams-feedback .in.dark:before {
    top: 0;
    height: 100%;
    width: calc(100vw - 16px);
    left: calc(((100vw - 16px - 432px) / 2) * -1);
  }
  #teams-feedback .in.dark.transparent {
    padding: 0;
    width: 400px;
    margin: 0 auto;
  }
  #teams-feedback .in.dark.transparent:before {
    display: none;
  }
  #teams-sso .in.dark {
    padding-bottom: 0;
  }
  #teams-sso .in.dark:before {
    top: 16px;
    height: calc(100% - 16px);
  }
  #teams-sso .in.dark .image picture {
    width: calc(100% + 72px);
    left: -48px;
  }
  #teams-grow .in .image .graph {
    width: calc(100% - 96px);
  }
  #teams-grow .in .image .graph picture {
    left: 0;
    width: 100%;
  }
  #teams-action .in.dark {
    padding-top: 128px;
  }
  #teams-action .in.dark:before {
    top: 56px;
    height: calc(100% - 56px);
  }
}
@media only screen and (min-width: 768px) {
  #teams-headline .in,
  #teams-nav .in,
  #teams-administration .in,
  #teams-feedback .in,
  #teams-activity .in,
  #teams-ownership .in,
  #teams-sso .in,
  #teams-design .in,
  #teams-grow .in,
  #teams-references .in,
  #teams-action .in {
    width: 678px;
    padding: 0;
  }
  #teams-headline .in h1,
  #teams-nav .in h1,
  #teams-administration .in h1,
  #teams-feedback .in h1,
  #teams-activity .in h1,
  #teams-ownership .in h1,
  #teams-sso .in h1,
  #teams-design .in h1,
  #teams-grow .in h1,
  #teams-references .in h1,
  #teams-action .in h1 {
    font-size: 36px;
  }
  #teams-headline .in h2,
  #teams-nav .in h2,
  #teams-administration .in h2,
  #teams-feedback .in h2,
  #teams-activity .in h2,
  #teams-ownership .in h2,
  #teams-sso .in h2,
  #teams-design .in h2,
  #teams-grow .in h2,
  #teams-references .in h2,
  #teams-action .in h2 {
    font-size: 36px;
  }
  #teams-headline .in.dark,
  #teams-nav .in.dark,
  #teams-administration .in.dark,
  #teams-feedback .in.dark,
  #teams-activity .in.dark,
  #teams-ownership .in.dark,
  #teams-sso .in.dark,
  #teams-design .in.dark,
  #teams-grow .in.dark,
  #teams-references .in.dark,
  #teams-action .in.dark {
    width: 678px;
    padding: 64px 0 40px 0;
  }
  #teams-headline .in.dark:before,
  #teams-nav .in.dark:before,
  #teams-administration .in.dark:before,
  #teams-feedback .in.dark:before,
  #teams-activity .in.dark:before,
  #teams-ownership .in.dark:before,
  #teams-sso .in.dark:before,
  #teams-design .in.dark:before,
  #teams-grow .in.dark:before,
  #teams-references .in.dark:before,
  #teams-action .in.dark:before {
    width: calc(100% - 16px);
    left: 8px;
  }
  #teams-headline .in.block,
  #teams-nav .in.block,
  #teams-administration .in.block,
  #teams-feedback .in.block,
  #teams-activity .in.block,
  #teams-ownership .in.block,
  #teams-sso .in.block,
  #teams-design .in.block,
  #teams-grow .in.block,
  #teams-references .in.block,
  #teams-action .in.block {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #teams-headline .in.block .content,
  #teams-nav .in.block .content,
  #teams-administration .in.block .content,
  #teams-feedback .in.block .content,
  #teams-activity .in.block .content,
  #teams-ownership .in.block .content,
  #teams-sso .in.block .content,
  #teams-design .in.block .content,
  #teams-grow .in.block .content,
  #teams-references .in.block .content,
  #teams-action .in.block .content {
    flex: 0 1 45%;
  }
  #teams-headline .in.block .content p,
  #teams-nav .in.block .content p,
  #teams-administration .in.block .content p,
  #teams-feedback .in.block .content p,
  #teams-activity .in.block .content p,
  #teams-ownership .in.block .content p,
  #teams-sso .in.block .content p,
  #teams-design .in.block .content p,
  #teams-grow .in.block .content p,
  #teams-references .in.block .content p,
  #teams-action .in.block .content p {
    padding: 24px 0 0 0;
  }
  #teams-headline .in.block .image,
  #teams-nav .in.block .image,
  #teams-administration .in.block .image,
  #teams-feedback .in.block .image,
  #teams-activity .in.block .image,
  #teams-ownership .in.block .image,
  #teams-sso .in.block .image,
  #teams-design .in.block .image,
  #teams-grow .in.block .image,
  #teams-references .in.block .image,
  #teams-action .in.block .image {
    margin: 0;
    flex: 0 1 45%;
    height: 460px;
    position: relative;
  }
  #teams-headline .in.block .image picture,
  #teams-nav .in.block .image picture,
  #teams-administration .in.block .image picture,
  #teams-feedback .in.block .image picture,
  #teams-activity .in.block .image picture,
  #teams-ownership .in.block .image picture,
  #teams-sso .in.block .image picture,
  #teams-design .in.block .image picture,
  #teams-grow .in.block .image picture,
  #teams-references .in.block .image picture,
  #teams-action .in.block .image picture {
    position: absolute;
    left: 0;
    width: 460px;
  }
  #teams-headline .in.block.reverse,
  #teams-nav .in.block.reverse,
  #teams-administration .in.block.reverse,
  #teams-feedback .in.block.reverse,
  #teams-activity .in.block.reverse,
  #teams-ownership .in.block.reverse,
  #teams-sso .in.block.reverse,
  #teams-design .in.block.reverse,
  #teams-grow .in.block.reverse,
  #teams-references .in.block.reverse,
  #teams-action .in.block.reverse {
    flex-direction: row-reverse;
  }
  #teams-headline .in.block.reverse .image picture,
  #teams-nav .in.block.reverse .image picture,
  #teams-administration .in.block.reverse .image picture,
  #teams-feedback .in.block.reverse .image picture,
  #teams-activity .in.block.reverse .image picture,
  #teams-ownership .in.block.reverse .image picture,
  #teams-sso .in.block.reverse .image picture,
  #teams-design .in.block.reverse .image picture,
  #teams-grow .in.block.reverse .image picture,
  #teams-references .in.block.reverse .image picture,
  #teams-action .in.block.reverse .image picture {
    left: auto;
    right: 0;
  }
  #teams-headline {
    background: none;
    margin: 0;
  }
  #teams-headline .in {
    position: static;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #teams-headline .in:before {
    content: '';
    display: block;
    width: calc(100% - 16px);
    height: 100%;
    background: #101010;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: -1;
  }
  #teams-headline .in .content {
    text-align: left;
    flex: 0 1 50%;
    padding: 48px 0;
  }
  #teams-headline .in .content p.buttons {
    padding: 24px 0 0 0;
  }
  #teams-headline .in .content p.buttons .button {
    display: inline-flex;
    margin: 16px 16px 0 0;
  }
  #teams-headline .in .content p.icons {
    padding: 40px 0 0 0;
    display: flex;
  }
  #teams-headline .in .content p.icons i {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 24px 0 0;
  }
  #teams-headline .in .content p.icons i:last-child {
    margin: 0;
  }
  #teams-headline .in .content p.icons i.iso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-iso.svg') no-repeat center center;
    background-size: cover;
  }
  #teams-headline .in .content p.icons i.gdpr {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-gdpr.svg') no-repeat center center;
    background-size: cover;
  }
  #teams-headline .in .content p.icons i.sso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/icon-sso.svg') no-repeat center center;
    background-size: cover;
  }
  #teams-headline .in .image {
    flex: 0 1 40%;
  }
  #teams-headline .in .image picture {
    width: calc(100% + 69px);
    bottom: auto;
    left: -32px;
  }
  #teams-nav .in ul {
    display: flex;
  }
  #teams-nav .in ul li {
    padding: 0;
    flex: 0 1 calc(100% / 4);
    text-align: left;
  }
  #teams-nav .in ul li:before {
    width: 1px;
    height: calc(100% - 32px);
    top: 16px;
    left: auto;
    right: 0;
    z-index: -1;
  }
  #teams-nav .in ul li span {
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 16px 16px 56px 16px;
    justify-content: flex-start;
  }
  #teams-nav .in ul li span strong {
    flex: 0 1 100%;
  }
  #teams-nav .in ul li span i {
    position: absolute;
    bottom: 16px;
    left: 16px;
  }
  #teams-administration .in {
    position: static;
    width: 100%;
  }
  #teams-administration .in .title {
    display: flex;
    width: 678px;
    margin: 0 auto;
    justify-content: space-between;
  }
  #teams-administration .in .title h2 {
    flex: 0 1 47%;
    font-size: 36px;
  }
  #teams-administration .in .title p {
    flex: 0 1 47%;
    line-height: 150%;
    padding: 0;
    margin: 0;
  }
  #teams-administration .in .title p:before {
    display: none;
  }
  #teams-administration .in .roles {
    margin: 80px 0 0 0;
    position: relative;
    padding: 72px 0;
  }
  #teams-administration .in .roles:before {
    content: '';
    display: block;
    width: calc(100% - 16px);
    position: absolute;
    height: 100%;
    top: 0;
    left: 8px;
    border-radius: 24px;
  }
  #teams-administration .in .roles .types {
    width: 678px;
    margin: 0 auto;
  }
  #teams-administration .in .roles .types ul {
    border-radius: 24px;
    background: #fff;
    padding: 56px;
    box-sizing: border-box;
    width: 344px;
    z-index: 1;
    position: relative;
    left: 0;
  }
  #teams-administration .in .roles .types ul li {
    padding: 32px 0 0 0;
  }
  #teams-administration .in .roles .types ul li:first-child {
    padding: 0;
  }
  #teams-administration .in .roles .image {
    display: none;
  }
  #teams-administration .in .list {
    width: 678px;
    margin: 0 auto;
  }
  #teams-administration .in .list ul {
    padding: 72px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #teams-administration .in .list ul li {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    align-items: flex-start;
    padding: 0;
    flex: 0 1 21%;
  }
  #teams-administration .in .list ul li .icon {
    width: 64px;
    height: 64px;
    flex: 0 1 64px;
  }
  #teams-administration .in .list ul li .value {
    flex: 0 1 100%;
    padding: 23px 0 0 0;
  }
  #teams-feedback {
    padding: 80px 0 0 0;
  }
  #teams-feedback .in.dark {
    padding: 80px 0;
  }
  #teams-feedback .in.dark:before {
    width: calc(100vw - 16px);
    left: calc(((100vw - 16px - 678px) / 2) * -1);
  }
  #teams-feedback .in.dark h2 {
    text-align: center;
    padding: 0 15%;
  }
  #teams-feedback .in.dark .list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #teams-feedback .in.dark .list .item {
    padding: 80px 0 0 0;
    flex: 0 1 45%;
  }
  #teams-feedback .in.dark .list .item h3 {
    background-size: 64px 64px;
    font-size: 21px;
    line-height: 124%;
    padding: 104px 0 0 0;
  }
  #teams-feedback .in.dark .list .item p {
    padding: 16px 0 0 0;
  }
  #teams-feedback .in.transparent {
    padding: 24px 0 0 0;
    width: 678px;
  }
  #teams-activity {
    padding-top: 112px;
  }
  #teams-ownership {
    padding-top: 112px;
  }
  #teams-sso {
    padding-top: 112px;
    margin: 0;
  }
  #teams-sso .in.dark {
    padding-bottom: 56px;
  }
  #teams-sso .in.dark:before {
    top: 112px;
    height: calc(100% - 112px);
  }
  #teams-sso .in.dark .image {
    margin: 0;
    height: auto;
  }
  #teams-sso .in.dark .image picture {
    position: relative;
    left: 0;
    width: calc(100% + 37px);
  }
  #teams-design {
    padding-top: 112px;
  }
  #teams-grow {
    padding-top: 112px;
  }
  #teams-grow .in .image {
    margin: 0 !important;
  }
  #teams-grow .in .image .graph {
    bottom: -56px;
    left: 24px;
    width: 288px;
  }
  #teams-grow .in .image .graph picture {
    position: relative;
    width: 100%;
  }
  #teams-references {
    padding-top: 108px;
  }
  #teams-references .in {
    text-align: center;
  }
  #teams-references .in .rated .badges ul {
    justify-content: center;
  }
  #teams-references .in .rated .badges ul li {
    padding: 0 88px 0 0;
  }
  #teams-references .in .rated .badges ul li:last-child {
    padding: 0;
  }
  #teams-references .in .rated .badges ul li i {
    width: 104px;
    height: 104px;
  }
  #teams-references .in .reviews .list {
    width: 100%;
    left: auto;
  }
  #teams-references .in .reviews .paging {
    width: 100%;
    left: auto;
  }
  #teams-action {
    padding-top: 88px;
    margin: 0 0 108px 0;
  }
  #teams-action .in.dark {
    padding: 48px 40px;
  }
  #teams-action .in.dark:before {
    height: calc(100% - 88px);
    width: 678px;
    top: 88px;
    left: calc((100% - 678px) / 2);
  }
  #teams-action .in.dark .content {
    padding: 0 170px 0 0;
  }
  #teams-action .in.dark .content p.buttons .button {
    margin: 16px 16px 0 0;
    display: inline-flex;
  }
  #teams-action .in.dark .content p.buttons .button:last-child {
    margin-right: 0;
  }
  #teams-action .in.dark .content .badge {
    left: auto;
    right: 0;
    top: calc((100% - 104px) / 2);
  }
  body.en #teams-administration .in .roles:before,
  body.uk #teams-administration .in .roles:before,
  body.da #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-en.jpg') no-repeat left center;
    background-size: cover;
  }
  body.cs #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-cs.jpg') no-repeat left center;
    background-size: cover;
  }
  body.pl #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-pl.jpg') no-repeat left center;
    background-size: cover;
  }
  body.no #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-no.jpg') no-repeat left center;
    background-size: cover;
  }
  body.de #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-de.jpg') no-repeat left center;
    background-size: cover;
  }
  body.es #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-es.jpg') no-repeat left center;
    background-size: cover;
  }
  body.fr #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-fr.jpg') no-repeat left center;
    background-size: cover;
  }
  body.nl #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-nl.jpg') no-repeat left center;
    background-size: cover;
  }
  body.it #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-it.jpg') no-repeat left center;
    background-size: cover;
  }
  body.fi #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-fi.jpg') no-repeat left center;
    background-size: cover;
  }
  body.sv #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-sv.jpg') no-repeat left center;
    background-size: cover;
  }
  body.br #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-br.jpg') no-repeat left center;
    background-size: cover;
  }
}
@media only screen and (min-width: 1280px) {
  #teams-headline .in,
  #teams-nav .in,
  #teams-administration .in,
  #teams-feedback .in,
  #teams-activity .in,
  #teams-ownership .in,
  #teams-sso .in,
  #teams-design .in,
  #teams-grow .in,
  #teams-references .in,
  #teams-action .in {
    width: 1120px;
  }
  #teams-headline .in h1,
  #teams-nav .in h1,
  #teams-administration .in h1,
  #teams-feedback .in h1,
  #teams-activity .in h1,
  #teams-ownership .in h1,
  #teams-sso .in h1,
  #teams-design .in h1,
  #teams-grow .in h1,
  #teams-references .in h1,
  #teams-action .in h1 {
    font-size: 58px;
    line-height: 110%;
  }
  #teams-headline .in h2,
  #teams-nav .in h2,
  #teams-administration .in h2,
  #teams-feedback .in h2,
  #teams-activity .in h2,
  #teams-ownership .in h2,
  #teams-sso .in h2,
  #teams-design .in h2,
  #teams-grow .in h2,
  #teams-references .in h2,
  #teams-action .in h2 {
    font-size: 58px;
    line-height: 112%;
  }
  #teams-headline .in.dark,
  #teams-nav .in.dark,
  #teams-administration .in.dark,
  #teams-feedback .in.dark,
  #teams-activity .in.dark,
  #teams-ownership .in.dark,
  #teams-sso .in.dark,
  #teams-design .in.dark,
  #teams-grow .in.dark,
  #teams-references .in.dark,
  #teams-action .in.dark {
    width: 1120px;
  }
  #teams-headline .in.dark:before,
  #teams-nav .in.dark:before,
  #teams-administration .in.dark:before,
  #teams-feedback .in.dark:before,
  #teams-activity .in.dark:before,
  #teams-ownership .in.dark:before,
  #teams-sso .in.dark:before,
  #teams-design .in.dark:before,
  #teams-grow .in.dark:before,
  #teams-references .in.dark:before,
  #teams-action .in.dark:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #teams-headline .in.block .content,
  #teams-nav .in.block .content,
  #teams-administration .in.block .content,
  #teams-feedback .in.block .content,
  #teams-activity .in.block .content,
  #teams-ownership .in.block .content,
  #teams-sso .in.block .content,
  #teams-design .in.block .content,
  #teams-grow .in.block .content,
  #teams-references .in.block .content,
  #teams-action .in.block .content {
    flex: 0 1 42.9%;
  }
  #teams-headline .in.block .content p,
  #teams-nav .in.block .content p,
  #teams-administration .in.block .content p,
  #teams-feedback .in.block .content p,
  #teams-activity .in.block .content p,
  #teams-ownership .in.block .content p,
  #teams-sso .in.block .content p,
  #teams-design .in.block .content p,
  #teams-grow .in.block .content p,
  #teams-references .in.block .content p,
  #teams-action .in.block .content p {
    padding: 32px 0 0 0;
    font-size: 18px;
  }
  #teams-headline .in.block .image,
  #teams-nav .in.block .image,
  #teams-administration .in.block .image,
  #teams-feedback .in.block .image,
  #teams-activity .in.block .image,
  #teams-ownership .in.block .image,
  #teams-sso .in.block .image,
  #teams-design .in.block .image,
  #teams-grow .in.block .image,
  #teams-references .in.block .image,
  #teams-action .in.block .image {
    height: 644px;
    flex: 0 1 42.9%;
  }
  #teams-headline .in.block .image picture,
  #teams-nav .in.block .image picture,
  #teams-administration .in.block .image picture,
  #teams-feedback .in.block .image picture,
  #teams-activity .in.block .image picture,
  #teams-ownership .in.block .image picture,
  #teams-sso .in.block .image picture,
  #teams-design .in.block .image picture,
  #teams-grow .in.block .image picture,
  #teams-references .in.block .image picture,
  #teams-action .in.block .image picture {
    width: 644px;
  }
  #teams-headline .in:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #teams-headline .in .content h1 {
    padding: 0;
  }
  #teams-headline .in .content h1 span {
    display: inline;
  }
  #teams-headline .in .content p {
    font-size: 16px;
  }
  #teams-headline .in .image {
    flex: 0 1 644px;
    right: -164px;
    position: relative;
  }
  #teams-headline .in .image picture {
    width: 644px;
    left: 0;
    bottom: -48px;
  }
  #teams-nav {
    margin: 48px 0 0 0;
  }
  #teams-nav .in ul {
    justify-content: space-between;
  }
  #teams-nav .in ul li {
    flex: 0 1 calc((100% - 75px) / 4);
  }
  #teams-nav .in ul li:before {
    right: calc((25px / 2) * -1);
  }
  #teams-administration .in {
    width: 100%;
  }
  #teams-administration .in .title {
    width: 1120px;
    align-items: center;
    padding: 120px 0 0 0;
  }
  #teams-administration .in .title h2 {
    font-size: 50px;
  }
  #teams-administration .in .title p {
    font-size: 24px;
  }
  #teams-administration .in .roles {
    padding: 108px 0;
  }
  #teams-administration .in .roles:before {
    width: calc(100% - 64px);
    left: 32px;
  }
  #teams-administration .in .roles .types {
    width: 1120px;
  }
  #teams-administration .in .roles .types ul {
    width: 392px;
  }
  #teams-administration .in .list {
    width: 1120px;
  }
  #teams-feedback .in.dark {
    padding: 116px 0 146px 0;
  }
  #teams-feedback .in.dark:before {
    width: calc(100vw - 64px);
    left: calc(((100vw - 64px - 1120px) / 2) * -1);
  }
  #teams-feedback .in.dark .list .item {
    flex: 0 1 calc((100% - 96px) / 4);
  }
  #teams-feedback .in.dark .list .item h3 {
    font-size: 20px;
  }
  #teams-feedback .in.dark .list .item p {
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.01em;
  }
  #teams-feedback .in.transparent {
    padding: 0;
    width: 1120px;
  }
  #teams-ownership {
    padding-top: 136px;
  }
  #teams-sso {
    padding-top: 136px;
  }
  #teams-sso .in.dark {
    padding-bottom: 156px;
    padding-top: 146px;
  }
  #teams-sso .in.dark:before {
    top: 136px;
    height: calc(100% - 136px);
  }
  #teams-sso .in.dark:after {
    content: '';
    height: calc(100% - 136px);
    top: 136px;
    display: block;
    position: absolute;
    width: 500px;
    background: #fff;
    right: -468px;
  }
  #teams-sso .in.dark .content {
    flex: 0 1 544px;
  }
  #teams-sso .in.dark .content h2 {
    font-size: 50px;
  }
  #teams-sso .in.dark .content .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #teams-sso .in.dark .content .list ul li {
    flex: 0 1 calc((100% - 32px) / 2);
    margin: 16px 32px 0 0;
    box-sizing: border-box;
  }
  #teams-sso .in.dark .content .list ul li:first-child {
    margin: 16px 32px 0 0;
  }
  #teams-sso .in.dark .content .list ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  #teams-sso .in.dark .content .list .info {
    margin: 32px 0 0 0;
  }
  #teams-sso .in.dark .content .list .more {
    padding: 48px 0 0 0;
  }
  #teams-sso .in.dark .image {
    height: 644px;
    flex: 0 1 42.9%;
  }
  #teams-sso .in.dark .image picture {
    width: 644px;
    position: absolute;
  }
  #teams-design {
    padding-top: 136px;
  }
  #teams-grow {
    padding-top: 136px;
  }
  #teams-grow .in .content ul {
    padding: 24px 0 0 0;
  }
  #teams-grow .in .image .graph {
    bottom: 32px;
    left: 32px;
    width: 347px;
  }
  #teams-grow .in .image .graph picture {
    width: 100%;
  }
  #teams-references {
    padding: 0;
  }
  #teams-references .in .rated {
    padding: 104px 0 0 0;
  }
  #teams-references .in .rated h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #teams-references .in .rated h2 span {
    color: #bd944a;
  }
  #teams-references .in .rated p.desc {
    padding: 16px 17% 0 17%;
    font-size: 18px;
    line-height: 167%;
  }
  #teams-references .in .rated p.more {
    padding: 32px 0 0 0;
  }
  #teams-references .in .rated .badges ul {
    padding: 48px 0 0 0;
  }
  #teams-references .in .reviews {
    padding: 120px 0 0 0;
  }
  #teams-references .in .reviews h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #teams-references .in .reviews .list {
    padding: 0;
    margin: 54px 0 0 0;
    border-radius: 0;
    border: 0;
  }
  #teams-references .in .reviews .list ul {
    display: flex;
    justify-content: space-between;
  }
  #teams-references .in .reviews .list ul li {
    box-sizing: border-box;
    padding: 48px 32px;
    flex: 0 1 31.4%;
    border: 1px solid #e3e4e9;
    border-radius: 24px;
  }
  #teams-references .in .reviews .paging {
    display: none;
  }
  #teams-action {
    margin: 0 0 136px 0;
  }
  #teams-action .in.dark {
    padding: 72px 160px 72px 96px;
  }
  #teams-action .in.dark:before {
    width: 1120px;
    left: calc((100% - 1120px) / 2);
  }
  #teams-action .in.dark .content {
    padding: 0 270px 0 0;
  }
  #teams-action .in.dark .content p.parex {
    padding: 16px 0 0 0;
  }
  #teams-action .in.dark .content p.buttons {
    padding: 24px 0 0 0;
  }
  #teams-action .in.dark .content .badge {
    top: calc((100% - 141px) / 2);
    width: 141px;
    height: 141px;
  }
  body.en #teams-administration .in .roles:before,
  body.uk #teams-administration .in .roles:before,
  body.da #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-en.jpg') no-repeat center center;
    background-size: cover;
  }
  body.cs #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-cs.jpg') no-repeat center center;
    background-size: cover;
  }
  body.pl #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-pl.jpg') no-repeat center center;
    background-size: cover;
  }
  body.no #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-no.jpg') no-repeat center center;
    background-size: cover;
  }
  body.de #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-de.jpg') no-repeat center center;
    background-size: cover;
  }
  body.es #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-es.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.fr #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-fr.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.nl #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-nl.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.it #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-it.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.fi #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-fi.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.sv #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-sv.jpg') no-repeat center center;
    background-size: cover;
  }
  main-administration body.br #teams-administration .in .roles:before {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/teams/main-administration-br.jpg') no-repeat center center;
    background-size: cover;
  }
}
#text .in {
  text-align: left;
}
#text .in em {
  font-style: italic;
}
#text .in ul,
#text .in ol {
  padding: 5px 0 0 0;
}
#text .in ul li,
#text .in ol li {
  line-height: 160%;
}
#text .in ul.latin li:before {
  font-family: 'Inter Regular', sans-serif;
  color: #031647;
  font-size: 15px;
}
#text .in ul.latin li:nth-child(1):before {
  content: 'a)';
}
#text .in ul.latin li:nth-child(2):before {
  content: 'b)';
}
#text .in ul.latin li:nth-child(3):before {
  content: 'c)';
}
#text .in ul.latin li:nth-child(4):before {
  content: 'd)';
}
#text .in ul.latin li:nth-child(5):before {
  content: 'e)';
}
#text .in ul.latin li:nth-child(6):before {
  content: 'f)';
}
#text .in ul.latin li:nth-child(7):before {
  content: 'g)';
}
#text .in ul.latin li:nth-child(8):before {
  content: 'h)';
}
#text .in ul.latin li:nth-child(9):before {
  content: 'i)';
}
#text .in ul.latin li:nth-child(10):before {
  content: 'j)';
}
#text .in ul.latin li ul li:before {
  font-family: 'Inter SemiBold', sans-serif;
}
#text .in ul.latin li ul li:nth-child(n+1):before {
  content: '–';
}
#text .in ol li {
  padding: 20px 0 0 27px;
}
#text .in ol li:before {
  font-family: 'Inter Regular', sans-serif;
  color: #031647;
  font-size: 15px;
}
#text .in ol li:nth-child(1):before {
  content: '1.';
}
#text .in ol li:nth-child(1) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(1) ol li:nth-child(1):before {
  content: '1.1.';
}
#text .in ol li:nth-child(1) ol li:nth-child(2):before {
  content: '1.2.';
}
#text .in ol li:nth-child(1) ol li:nth-child(3):before {
  content: '1.3.';
}
#text .in ol li:nth-child(1) ol li:nth-child(4):before {
  content: '1.4.';
}
#text .in ol li:nth-child(1) ol li:nth-child(5):before {
  content: '1.5.';
}
#text .in ol li:nth-child(2):before {
  content: '2.';
}
#text .in ol li:nth-child(2) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(2) ol li:nth-child(1):before {
  content: '2.1.';
}
#text .in ol li:nth-child(2) ol li:nth-child(2):before {
  content: '2.2.';
}
#text .in ol li:nth-child(2) ol li:nth-child(3):before {
  content: '2.3.';
}
#text .in ol li:nth-child(2) ol li:nth-child(4):before {
  content: '2.4.';
}
#text .in ol li:nth-child(2) ol li:nth-child(5):before {
  content: '2.5.';
}
#text .in ol li:nth-child(3):before {
  content: '3.';
}
#text .in ol li:nth-child(3) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(3) ol li:nth-child(1):before {
  content: '3.1.';
}
#text .in ol li:nth-child(3) ol li:nth-child(2):before {
  content: '3.2.';
}
#text .in ol li:nth-child(3) ol li:nth-child(3):before {
  content: '3.3.';
}
#text .in ol li:nth-child(3) ol li:nth-child(4):before {
  content: '3.4.';
}
#text .in ol li:nth-child(3) ol li:nth-child(5):before {
  content: '3.5.';
}
#text .in ol li:nth-child(4):before {
  content: '4.';
}
#text .in ol li:nth-child(4) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(4) ol li:nth-child(1):before {
  content: '4.1.';
}
#text .in ol li:nth-child(4) ol li:nth-child(2):before {
  content: '4.2.';
}
#text .in ol li:nth-child(4) ol li:nth-child(3):before {
  content: '4.3.';
}
#text .in ol li:nth-child(4) ol li:nth-child(4):before {
  content: '4.4.';
}
#text .in ol li:nth-child(4) ol li:nth-child(5):before {
  content: '4.5.';
}
#text .in ol li:nth-child(5):before {
  content: '5.';
}
#text .in ol li:nth-child(5) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(5) ol li:nth-child(1):before {
  content: '5.1.';
}
#text .in ol li:nth-child(5) ol li:nth-child(2):before {
  content: '5.2.';
}
#text .in ol li:nth-child(5) ol li:nth-child(3):before {
  content: '5.3.';
}
#text .in ol li:nth-child(5) ol li:nth-child(4):before {
  content: '5.4.';
}
#text .in ol li:nth-child(5) ol li:nth-child(5):before {
  content: '5.5.';
}
#text .in ol li:nth-child(6):before {
  content: '6.';
}
#text .in ol li:nth-child(6) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(6) ol li:nth-child(1):before {
  content: '6.1.';
}
#text .in ol li:nth-child(6) ol li:nth-child(2):before {
  content: '6.2.';
}
#text .in ol li:nth-child(6) ol li:nth-child(3):before {
  content: '6.3.';
}
#text .in ol li:nth-child(6) ol li:nth-child(4):before {
  content: '6.4.';
}
#text .in ol li:nth-child(6) ol li:nth-child(5):before {
  content: '6.5.';
}
#text .in ol li:nth-child(7):before {
  content: '7.';
}
#text .in ol li:nth-child(7) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(7) ol li:nth-child(1):before {
  content: '7.1.';
}
#text .in ol li:nth-child(7) ol li:nth-child(2):before {
  content: '7.2.';
}
#text .in ol li:nth-child(7) ol li:nth-child(3):before {
  content: '7.3.';
}
#text .in ol li:nth-child(7) ol li:nth-child(4):before {
  content: '7.4.';
}
#text .in ol li:nth-child(7) ol li:nth-child(5):before {
  content: '7.5.';
}
#text .in ol li:nth-child(8):before {
  content: '8.';
}
#text .in ol li:nth-child(8) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(8) ol li:nth-child(1):before {
  content: '8.1.';
}
#text .in ol li:nth-child(8) ol li:nth-child(2):before {
  content: '8.2.';
}
#text .in ol li:nth-child(8) ol li:nth-child(3):before {
  content: '8.3.';
}
#text .in ol li:nth-child(8) ol li:nth-child(4):before {
  content: '8.4.';
}
#text .in ol li:nth-child(8) ol li:nth-child(5):before {
  content: '8.5.';
}
#text .in ol li:nth-child(9):before {
  content: '9.';
}
#text .in ol li:nth-child(9) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(9) ol li:nth-child(1):before {
  content: '9.1.';
}
#text .in ol li:nth-child(9) ol li:nth-child(2):before {
  content: '9.2.';
}
#text .in ol li:nth-child(9) ol li:nth-child(3):before {
  content: '9.3.';
}
#text .in ol li:nth-child(9) ol li:nth-child(4):before {
  content: '9.4.';
}
#text .in ol li:nth-child(9) ol li:nth-child(5):before {
  content: '9.5.';
}
#text .in ol li:nth-child(10):before {
  content: '10.';
}
#text .in ol li:nth-child(10) ol li {
  padding-left: 33px;
}
#text .in ol li:nth-child(10) ol li:nth-child(1):before {
  content: '10.1.';
}
#text .in ol li:nth-child(10) ol li:nth-child(2):before {
  content: '10.2.';
}
#text .in ol li:nth-child(10) ol li:nth-child(3):before {
  content: '10.3.';
}
#text .in ol li:nth-child(10) ol li:nth-child(4):before {
  content: '10.4.';
}
#text .in ol li:nth-child(10) ol li:nth-child(5):before {
  content: '10.5.';
}
#text .in ol li ol {
  padding: 0;
}
#text .in ol li ul {
  padding: 0;
}
#text .in ol li ul li:nth-child(1):before {
  content: 'a.';
}
#text .in ol li ul li:nth-child(2):before {
  content: 'b.';
}
#text .in ol li ul li:nth-child(3):before {
  content: 'c.';
}
#text .in ol li ul li:nth-child(4):before {
  content: 'd.';
}
#text .in ol li ul li:nth-child(5):before {
  content: 'e.';
}
#text .in ol li ul li:nth-child(6):before {
  content: 'f.';
}
#text .in ol li ul li:nth-child(7):before {
  content: 'g.';
}
#text .in ol li ul li:nth-child(8):before {
  content: 'h.';
}
#text .in ol li ul li:nth-child(9):before {
  content: 'i.';
}
#text .in ol li ul li:nth-child(10):before {
  content: 'j.';
}
#text .in ol li ul li ul li:nth-child(1):before {
  content: 'i.';
}
#text .in ol li ul li ul li:nth-child(2):before {
  content: 'ii.';
}
#text .in ol li ul li ul li:nth-child(3):before {
  content: 'iii.';
}
#text .in ol li ul li ul li:nth-child(4):before {
  content: 'iv.';
}
#text .in ol li ul li ul li:nth-child(5):before {
  content: 'v.';
}
#text .in .gallery ul {
  padding: 10px 0 0 0;
}
#text .in .gallery ul li {
  padding: 15px 0 0 0;
}
#text .in .gallery ul li:before {
  display: none;
}
#text .in .gallery ul li img {
  vertical-align: bottom;
}
#text .in .eu-project {
  padding: 30px 0 0 0;
}
#text .in .eu-project img {
  vertical-align: bottom;
}
#text .in .mpo {
  padding: 30px 0 0 0;
}
#text .in .mpo img {
  max-width: 225px;
  vertical-align: bottom;
}
#text.dpa .in h2,
#text.dpa .in h3 {
  padding: 40px 0 0 0;
  text-align: center;
}
#text.dpa .in .qa .item .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 40px 0 0 0;
}
#text.dpa .in .qa .item .title h4 {
  padding: 0;
  flex: 1;
}
#text.dpa .in .qa .item .title span {
  font-family: 'Inter SemiBold', sans-serif;
  margin: 0 0 0 25px;
}
#text.dpa .in .qa .item .content {
  padding: 15px 0 0 0;
}
#text.dpa .in .qa .item .content ul li {
  border-top: 1px solid #edeff0;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row-reverse;
}
#text.dpa .in .qa .item .content ul li:first-child {
  border: 0;
}
#text.dpa .in .qa .item .content ul li:before {
  position: relative;
  top: auto;
  left: auto;
  margin: 0 0 0 25px;
  background: #f2f3f4;
  display: flex;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
}
#text.dpa .in .qa .item .content ul li span {
  flex: 1;
}
@media only screen and (min-width: 768px) {
  #text .in .gallery ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #text .in .gallery ul li {
    flex: 0 1 48%;
    padding: 25px 0 0 0;
  }
  #text .in .eu-project {
    padding: 40px 0 0 0;
  }
  #text .in .eu-project img {
    max-width: 480px;
  }
  #text .in .mpo {
    padding: 40px 0 0 0;
  }
  #text .in .mpo img {
    max-width: 340px;
  }
}
@media only screen and (min-width: 1280px) {
  #text .in .gallery ul li {
    flex: 0 1 23%;
  }
  #text .in .logos {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0 0 0;
  }
  #text .in .logos .eu-project img {
    height: 120px;
    width: auto;
  }
  #text .in .logos .mpo img {
    height: 120px;
    width: auto;
  }
}
#article .in {
  text-align: left;
  color: #000;
  /* Content with images */
}
#article .in h2 {
  font-size: 22px;
  padding: 56px 0 0 0;
}
#article .in h2.first {
  padding: 24px 0 0 0;
}
#article .in h3 {
  font-size: 18px;
  padding: 40px 0 0 0;
}
#article .in p {
  padding: 24px 0 0 0;
  line-height: 180%;
}
#article .in em {
  font-style: italic;
}
#article .in ul {
  padding: 0;
}
#article .in ul li {
  padding: 24px 0 0 27px;
  line-height: 180%;
}
#article .in ul li:before {
  content: '\f101';
  top: 24px;
}
#article .in ol {
  padding: 8px 0 0 0;
}
#article .in ol li {
  padding: 16px 0 0 27px;
  line-height: 180%;
}
#article .in ol li:before {
  position: absolute;
  display: block;
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 15px;
  top: 16px;
  left: 0;
}
#article .in ol li:nth-child(1):before {
  content: '1.';
}
#article .in ol li:nth-child(2):before {
  content: '2.';
}
#article .in ol li:nth-child(3):before {
  content: '3.';
}
#article .in ol li:nth-child(4):before {
  content: '4.';
}
#article .in ol li:nth-child(5):before {
  content: '5.';
}
#article .in ol li:nth-child(6):before {
  content: '6.';
}
#article .in ol li:nth-child(7):before {
  content: '7.';
}
#article .in ol li:nth-child(8):before {
  content: '8.';
}
#article .in ol li:nth-child(9):before {
  content: '9.';
}
#article .in ol li:nth-child(10):before {
  content: '10.';
}
#article .in a.pdf,
#article .in a.docx,
#article .in a.pptx,
#article .in a.xlsx {
  display: inline-flex;
  padding: 0 0 0 20px;
}
#article .in a.pdf {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pdf-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#article .in a.docx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-docx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#article .in a.pptx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pptx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#article .in a.xlsx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-xlsx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#article .in .nowrap {
  white-space: nowrap;
}
#article .in .intro {
  position: relative;
  padding: 0 0 45px 0;
  margin: 0 0 16px 0;
}
#article .in .intro:before {
  display: block;
  width: 10000px;
  height: 1px;
  content: '';
  background: #e3e4e9;
  position: absolute;
  left: -5000px;
  bottom: 0;
}
#article .in .intro .highlights {
  padding: 24px 0 0 0;
}
#article .in .intro .highlights ul {
  padding: 0;
}
#article .in .intro .highlights ul li {
  padding: 24px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#article .in .intro .highlights ul li:before {
  display: none;
}
#article .in .intro .highlights ul li:first-child {
  padding: 0;
}
#article .in .intro .highlights ul li .icon {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
}
#article .in .intro .highlights ul li .icon.calendar {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-calendar.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.add-user {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-add-user.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.graph {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-graph.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.alert {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-alert.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.image {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-image.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.basket {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-basket.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.health {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-health.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.routing {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-routing.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.eye {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-eye.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.check-user {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-check-user.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.bar {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-bar.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.group {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-group.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.question {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-question.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.rows {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-rows.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.settings {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-settings.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.learn {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-learn.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.share {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-share.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.discover {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-discover.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.user {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-user.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .icon.custom {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-custom.svg') no-repeat center center;
  background-size: cover;
}
#article .in .intro .highlights ul li .value {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-size: 14px;
}
#article .in .intro .parex {
  padding: 16px 0 0 0;
}
#article .in .intro .parex p .author {
  display: block;
  padding: 16px 0 0 0;
}
#article .in .tip,
#article .in .example {
  margin: 40px 0 0 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  padding: 16px;
}
#article .in .tip p,
#article .in .example p {
  padding: 0;
  font-size: 13px;
  font-style: italic;
}
#article .in .tip p strong:first-child,
#article .in .example p strong:first-child {
  text-transform: uppercase;
  font-style: normal;
  font-family: 'Inter Bold', sans-serif;
}
#article .in .example {
  background: #f8f8f9;
  border-left: 2px solid #e7eaeb;
}
#article .in .example p strong:first-child {
  text-transform: none;
  font-style: italic;
  font-family: 'Inter SemiBold', sans-serif;
}
#article .in .video {
  position: relative;
  margin: 40px 0 0 0;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 6px;
  box-shadow: 0 0 30px rgba(47, 54, 58, 0.2);
}
#article .in .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#article .in .math img {
  width: 310px;
}
#article .in .reg-cta {
  flex: 0 1 100%;
  width: 100%;
  border-top: 1px solid #e3e4e9;
  margin: 32px 0 0 0;
}
#article .in .reg-cta p {
  padding: 40px 0 0 0;
  text-align: center;
}
#article .in .reg-cta p a,
#article .in .reg-cta p span {
  height: 56px;
  justify-content: center;
  color: #fff;
  display: inline-flex;
  align-items: center;
  line-height: 100%;
  cursor: pointer;
  border-radius: 10px;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  width: 100%;
  transition: background 0.5s;
  font-size: 16px;
  padding: 0 24px;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#article .in .reg-cta p small {
  display: block;
  padding: 2px 0 0 0;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
}
#article .in .reg-cta p.basic a,
#article .in .reg-cta p.basic span {
  background: #303181;
}
#article .in .reg-cta p.basic small {
  color: #303181;
}
#article .in .reg-cta p.pro {
  padding: 16px 0 0 0;
}
#article .in .reg-cta p.pro a,
#article .in .reg-cta p.pro span {
  background: #d62d09;
}
#article .in .reg-cta p.pro small {
  color: #d62d09;
}
#article .in .side-image {
  display: flex;
}
#article .in .side-image .image {
  display: flex;
}
#article .in .side-image.uc-010-01,
#article .in .side-image.uc-013-01,
#article .in .side-image.uc-013-02,
#article .in .side-image.uc-014-03 {
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
#article .in .side-image.uc-010-01 .image,
#article .in .side-image.uc-013-01 .image,
#article .in .side-image.uc-013-02 .image,
#article .in .side-image.uc-014-03 .image {
  margin: 40px 0 0 0;
}
#article .in .side-image.uc-013-02 .image,
#article .in .side-image.uc-014-03 .image {
  border-radius: 16px;
  overflow: hidden;
}
#article .in .side-image.uc-010-04,
#article .in .side-image.uc-007-01,
#article .in .side-image.uc-024-05,
#article .in .side-image.uc-008-01,
#article .in .side-image.uc-008-03,
#article .in .side-image.uc-008-05 {
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
#article .in .side-image.uc-010-04 .image,
#article .in .side-image.uc-007-01 .image,
#article .in .side-image.uc-024-05 .image,
#article .in .side-image.uc-008-01 .image,
#article .in .side-image.uc-008-03 .image,
#article .in .side-image.uc-008-05 .image {
  margin: 32px 0 8px 0;
  flex: 0 1 100%;
  width: 100%;
}
#article .in .side-image.uc-010-04 .image picture,
#article .in .side-image.uc-007-01 .image picture,
#article .in .side-image.uc-024-05 .image picture,
#article .in .side-image.uc-008-01 .image picture,
#article .in .side-image.uc-008-03 .image picture,
#article .in .side-image.uc-008-05 .image picture {
  width: 100%;
  display: flex;
}
#article .in .side-image.uc-010-04 .image picture img,
#article .in .side-image.uc-007-01 .image picture img,
#article .in .side-image.uc-024-05 .image picture img,
#article .in .side-image.uc-008-01 .image picture img,
#article .in .side-image.uc-008-03 .image picture img,
#article .in .side-image.uc-008-05 .image picture img {
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(47, 54, 58, 0.2);
}
#article .in .wide-image {
  display: flex;
}
#article .in .wide-image .image {
  display: flex;
  text-align: center;
}
#article .in .wide-image.uc-010-02,
#article .in .wide-image.uc-007-02,
#article .in .wide-image.uc-007-03,
#article .in .wide-image.uc-008-02,
#article .in .wide-image.uc-008-04,
#article .in .wide-image.uc-009-01,
#article .in .wide-image.uc-009-02,
#article .in .wide-image.uc-009-03,
#article .in .wide-image.uc-009-08,
#article .in .wide-image.uc-011-01,
#article .in .wide-image.uc-011-03,
#article .in .wide-image.uc-012-01,
#article .in .wide-image.uc-012-02,
#article .in .wide-image.uc-013-04,
#article .in .wide-image.uc-017-01,
#article .in .wide-image.uc-017-02,
#article .in .wide-image.uc-017-03,
#article .in .wide-image.uc-005-01,
#article .in .wide-image.uc-005-02,
#article .in .wide-image.uc-005-03,
#article .in .wide-image.uc-005-04,
#article .in .wide-image.uc-005-05,
#article .in .wide-image.uc-005-06,
#article .in .wide-image.uc-005-07,
#article .in .wide-image.uc-005-08,
#article .in .wide-image.uc-005-09,
#article .in .wide-image.uc-014-01,
#article .in .wide-image.uc-014-02,
#article .in .wide-image.uc-016-01,
#article .in .wide-image.uc-016-05,
#article .in .wide-image.uc-015-01,
#article .in .wide-image.uc-015-02,
#article .in .wide-image.uc-018-02,
#article .in .wide-image.uc-019-01,
#article .in .wide-image.uc-020-01,
#article .in .wide-image.uc-020-02,
#article .in .wide-image.uc-020-03,
#article .in .wide-image.uc-020-05,
#article .in .wide-image.uc-001-01,
#article .in .wide-image.uc-001-02,
#article .in .wide-image.uc-001-03,
#article .in .wide-image.uc-001-04,
#article .in .wide-image.uc-001-05,
#article .in .wide-image.uc-001-07,
#article .in .wide-image.uc-002-01,
#article .in .wide-image.uc-002-02,
#article .in .wide-image.uc-002-03,
#article .in .wide-image.uc-002-04,
#article .in .wide-image.uc-002-05,
#article .in .wide-image.uc-002-06,
#article .in .wide-image.uc-003-01,
#article .in .wide-image.uc-003-02,
#article .in .wide-image.uc-003-03,
#article .in .wide-image.uc-003-04,
#article .in .wide-image.uc-003-05,
#article .in .wide-image.uc-003-06,
#article .in .wide-image.uc-003-07,
#article .in .wide-image.uc-004-01,
#article .in .wide-image.uc-004-02,
#article .in .wide-image.uc-004-03,
#article .in .wide-image.uc-004-04,
#article .in .wide-image.uc-004-05,
#article .in .wide-image.uc-004-06,
#article .in .wide-image.uc-004-08,
#article .in .wide-image.uc-019-03,
#article .in .wide-image.uc-006-01,
#article .in .wide-image.uc-006-02,
#article .in .wide-image.uc-006-03,
#article .in .wide-image.uc-006-04,
#article .in .wide-image.uc-006-05,
#article .in .wide-image.uc-006-06,
#article .in .wide-image.uc-006-07,
#article .in .wide-image.uc-006-09,
#article .in .wide-image.uc-021-01,
#article .in .wide-image.uc-027-04,
#article .in .wide-image.uc-028-06,
#article .in .wide-image.uc-029-04,
#article .in .wide-image.uc-021-02,
#article .in .wide-image.uc-027-01,
#article .in .wide-image.uc-028-01,
#article .in .wide-image.uc-029-01,
#article .in .wide-image.uc-029-02,
#article .in .wide-image.uc-028-02,
#article .in .wide-image.uc-028-03,
#article .in .wide-image.uc-028-04,
#article .in .wide-image.uc-028-05,
#article .in .wide-image.uc-027-02,
#article .in .wide-image.uc-027-03,
#article .in .wide-image.uc-027-05,
#article .in .wide-image.uc-021-03,
#article .in .wide-image.uc-021-04,
#article .in .wide-image.uc-021-06,
#article .in .wide-image.uc-027-07,
#article .in .wide-image.uc-028-08,
#article .in .wide-image.uc-029-03,
#article .in .wide-image.uc-022-01,
#article .in .wide-image.uc-022-02,
#article .in .wide-image.uc-023-04,
#article .in .wide-image.uc-024-07,
#article .in .wide-image.uc-025-03,
#article .in .wide-image.uc-030-06,
#article .in .wide-image.uc-026-01,
#article .in .wide-image.uc-022-03,
#article .in .wide-image.uc-023-05,
#article .in .wide-image.uc-025-01,
#article .in .wide-image.uc-030-05,
#article .in .wide-image.uc-030-03,
#article .in .wide-image.uc-026-07,
#article .in .wide-image.uc-026-07,
#article .in .wide-image.uc-026-02,
#article .in .wide-image.uc-026-03,
#article .in .wide-image.uc-026-04,
#article .in .wide-image.uc-026-05,
#article .in .wide-image.uc-024-04,
#article .in .wide-image.uc-022-05,
#article .in .wide-image.uc-023-01,
#article .in .wide-image.uc-024-01,
#article .in .wide-image.uc-025-01,
#article .in .wide-image.uc-030-05,
#article .in .wide-image.uc-030-03,
#article .in .wide-image.uc-024-06,
#article .in .wide-image.uc-024-02,
#article .in .wide-image.uc-023-02 {
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
#article .in .wide-image.uc-010-02 .image,
#article .in .wide-image.uc-007-02 .image,
#article .in .wide-image.uc-007-03 .image,
#article .in .wide-image.uc-008-02 .image,
#article .in .wide-image.uc-008-04 .image,
#article .in .wide-image.uc-009-01 .image,
#article .in .wide-image.uc-009-02 .image,
#article .in .wide-image.uc-009-03 .image,
#article .in .wide-image.uc-009-08 .image,
#article .in .wide-image.uc-011-01 .image,
#article .in .wide-image.uc-011-03 .image,
#article .in .wide-image.uc-012-01 .image,
#article .in .wide-image.uc-012-02 .image,
#article .in .wide-image.uc-013-04 .image,
#article .in .wide-image.uc-017-01 .image,
#article .in .wide-image.uc-017-02 .image,
#article .in .wide-image.uc-017-03 .image,
#article .in .wide-image.uc-005-01 .image,
#article .in .wide-image.uc-005-02 .image,
#article .in .wide-image.uc-005-03 .image,
#article .in .wide-image.uc-005-04 .image,
#article .in .wide-image.uc-005-05 .image,
#article .in .wide-image.uc-005-06 .image,
#article .in .wide-image.uc-005-07 .image,
#article .in .wide-image.uc-005-08 .image,
#article .in .wide-image.uc-005-09 .image,
#article .in .wide-image.uc-014-01 .image,
#article .in .wide-image.uc-014-02 .image,
#article .in .wide-image.uc-016-01 .image,
#article .in .wide-image.uc-016-05 .image,
#article .in .wide-image.uc-015-01 .image,
#article .in .wide-image.uc-015-02 .image,
#article .in .wide-image.uc-018-02 .image,
#article .in .wide-image.uc-019-01 .image,
#article .in .wide-image.uc-020-01 .image,
#article .in .wide-image.uc-020-02 .image,
#article .in .wide-image.uc-020-03 .image,
#article .in .wide-image.uc-020-05 .image,
#article .in .wide-image.uc-001-01 .image,
#article .in .wide-image.uc-001-02 .image,
#article .in .wide-image.uc-001-03 .image,
#article .in .wide-image.uc-001-04 .image,
#article .in .wide-image.uc-001-05 .image,
#article .in .wide-image.uc-001-07 .image,
#article .in .wide-image.uc-002-01 .image,
#article .in .wide-image.uc-002-02 .image,
#article .in .wide-image.uc-002-03 .image,
#article .in .wide-image.uc-002-04 .image,
#article .in .wide-image.uc-002-05 .image,
#article .in .wide-image.uc-002-06 .image,
#article .in .wide-image.uc-003-01 .image,
#article .in .wide-image.uc-003-02 .image,
#article .in .wide-image.uc-003-03 .image,
#article .in .wide-image.uc-003-04 .image,
#article .in .wide-image.uc-003-05 .image,
#article .in .wide-image.uc-003-06 .image,
#article .in .wide-image.uc-003-07 .image,
#article .in .wide-image.uc-004-01 .image,
#article .in .wide-image.uc-004-02 .image,
#article .in .wide-image.uc-004-03 .image,
#article .in .wide-image.uc-004-04 .image,
#article .in .wide-image.uc-004-05 .image,
#article .in .wide-image.uc-004-06 .image,
#article .in .wide-image.uc-004-08 .image,
#article .in .wide-image.uc-019-03 .image,
#article .in .wide-image.uc-006-01 .image,
#article .in .wide-image.uc-006-02 .image,
#article .in .wide-image.uc-006-03 .image,
#article .in .wide-image.uc-006-04 .image,
#article .in .wide-image.uc-006-05 .image,
#article .in .wide-image.uc-006-06 .image,
#article .in .wide-image.uc-006-07 .image,
#article .in .wide-image.uc-006-09 .image,
#article .in .wide-image.uc-021-01 .image,
#article .in .wide-image.uc-027-04 .image,
#article .in .wide-image.uc-028-06 .image,
#article .in .wide-image.uc-029-04 .image,
#article .in .wide-image.uc-021-02 .image,
#article .in .wide-image.uc-027-01 .image,
#article .in .wide-image.uc-028-01 .image,
#article .in .wide-image.uc-029-01 .image,
#article .in .wide-image.uc-029-02 .image,
#article .in .wide-image.uc-028-02 .image,
#article .in .wide-image.uc-028-03 .image,
#article .in .wide-image.uc-028-04 .image,
#article .in .wide-image.uc-028-05 .image,
#article .in .wide-image.uc-027-02 .image,
#article .in .wide-image.uc-027-03 .image,
#article .in .wide-image.uc-027-05 .image,
#article .in .wide-image.uc-021-03 .image,
#article .in .wide-image.uc-021-04 .image,
#article .in .wide-image.uc-021-06 .image,
#article .in .wide-image.uc-027-07 .image,
#article .in .wide-image.uc-028-08 .image,
#article .in .wide-image.uc-029-03 .image,
#article .in .wide-image.uc-022-01 .image,
#article .in .wide-image.uc-022-02 .image,
#article .in .wide-image.uc-023-04 .image,
#article .in .wide-image.uc-024-07 .image,
#article .in .wide-image.uc-025-03 .image,
#article .in .wide-image.uc-030-06 .image,
#article .in .wide-image.uc-026-01 .image,
#article .in .wide-image.uc-022-03 .image,
#article .in .wide-image.uc-023-05 .image,
#article .in .wide-image.uc-025-01 .image,
#article .in .wide-image.uc-030-05 .image,
#article .in .wide-image.uc-030-03 .image,
#article .in .wide-image.uc-026-07 .image,
#article .in .wide-image.uc-026-07 .image,
#article .in .wide-image.uc-026-02 .image,
#article .in .wide-image.uc-026-03 .image,
#article .in .wide-image.uc-026-04 .image,
#article .in .wide-image.uc-026-05 .image,
#article .in .wide-image.uc-024-04 .image,
#article .in .wide-image.uc-022-05 .image,
#article .in .wide-image.uc-023-01 .image,
#article .in .wide-image.uc-024-01 .image,
#article .in .wide-image.uc-025-01 .image,
#article .in .wide-image.uc-030-05 .image,
#article .in .wide-image.uc-030-03 .image,
#article .in .wide-image.uc-024-06 .image,
#article .in .wide-image.uc-024-02 .image,
#article .in .wide-image.uc-023-02 .image {
  margin: 48px 0 0 0;
}
#article .in .wide-image.uc-021-06 .image,
#article .in .wide-image.uc-027-07 .image,
#article .in .wide-image.uc-028-08 .image,
#article .in .wide-image.uc-029-03 .image,
#article .in .wide-image.uc-022-05 .image,
#article .in .wide-image.uc-023-05 .image,
#article .in .wide-image.uc-025-01 .image,
#article .in .wide-image.uc-030-05 .image,
#article .in .wide-image.uc-030-03 .image,
#article .in .wide-image.uc-026-07 .image,
#article .in .wide-image.uc-026-02 .image,
#article .in .wide-image.uc-026-03 .image,
#article .in .wide-image.uc-026-04 .image,
#article .in .wide-image.uc-026-05 .image,
#article .in .wide-image.uc-024-04 .image {
  margin: 48px 0 12px 0;
}
#article .in .wide-image.uc-005-09 {
  width: calc(100% + 24px);
  left: -12px;
  position: relative;
}
#article .in .wide-image.uc-005-09 .image {
  margin: 32px 0 0 0;
}
#article .in .wide-image.uc-009-08 .image picture,
#article .in .wide-image.uc-011-03 .image picture,
#article .in .wide-image.uc-012-02 .image picture,
#article .in .wide-image.uc-005-02 .image picture,
#article .in .wide-image.uc-005-03 .image picture,
#article .in .wide-image.uc-005-04 .image picture,
#article .in .wide-image.uc-005-06 .image picture,
#article .in .wide-image.uc-005-07 .image picture,
#article .in .wide-image.uc-014-02 .image picture,
#article .in .wide-image.uc-016-05 .image picture,
#article .in .wide-image.uc-020-02 .image picture,
#article .in .wide-image.uc-023-01 .image picture,
#article .in .wide-image.uc-024-01 .image picture,
#article .in .wide-image.uc-025-01 .image picture,
#article .in .wide-image.uc-030-05 .image picture,
#article .in .wide-image.uc-030-03 .image picture,
#article .in .wide-image.uc-026-07 .image picture,
#article .in .wide-image.uc-026-02 .image picture,
#article .in .wide-image.uc-026-03 .image picture,
#article .in .wide-image.uc-026-04 .image picture,
#article .in .wide-image.uc-026-05 .image picture,
#article .in .wide-image.uc-024-06 .image picture,
#article .in .wide-image.uc-024-02 .image picture,
#article .in .wide-image.uc-023-02 .image picture,
#article .in .wide-image.uc-020-03 .image picture,
#article .in .wide-image.uc-020-05 .image picture,
#article .in .wide-image.uc-001-01 .image picture,
#article .in .wide-image.uc-001-02 .image picture,
#article .in .wide-image.uc-001-03 .image picture,
#article .in .wide-image.uc-001-04 .image picture,
#article .in .wide-image.uc-001-05 .image picture,
#article .in .wide-image.uc-001-07 .image picture,
#article .in .wide-image.uc-002-01 .image picture,
#article .in .wide-image.uc-002-02 .image picture,
#article .in .wide-image.uc-002-03 .image picture,
#article .in .wide-image.uc-002-04 .image picture,
#article .in .wide-image.uc-002-05 .image picture,
#article .in .wide-image.uc-003-02 .image picture,
#article .in .wide-image.uc-003-03 .image picture,
#article .in .wide-image.uc-003-04 .image picture,
#article .in .wide-image.uc-003-05 .image picture,
#article .in .wide-image.uc-003-06 .image picture,
#article .in .wide-image.uc-003-07 .image picture,
#article .in .wide-image.uc-004-02 .image picture,
#article .in .wide-image.uc-004-03 .image picture,
#article .in .wide-image.uc-004-04 .image picture,
#article .in .wide-image.uc-004-05 .image picture,
#article .in .wide-image.uc-004-06 .image picture,
#article .in .wide-image.uc-004-08 .image picture,
#article .in .wide-image.uc-019-03 .image picture,
#article .in .wide-image.uc-006-03 .image picture,
#article .in .wide-image.uc-006-04 .image picture,
#article .in .wide-image.uc-006-05 .image picture,
#article .in .wide-image.uc-006-06 .image picture,
#article .in .wide-image.uc-006-07 .image picture,
#article .in .wide-image.uc-006-09 .image picture,
#article .in .wide-image.uc-021-02 .image picture,
#article .in .wide-image.uc-027-01 .image picture,
#article .in .wide-image.uc-028-01 .image picture,
#article .in .wide-image.uc-029-01 .image picture,
#article .in .wide-image.uc-029-02 .image picture,
#article .in .wide-image.uc-028-02 .image picture,
#article .in .wide-image.uc-028-03 .image picture,
#article .in .wide-image.uc-028-04 .image picture,
#article .in .wide-image.uc-028-05 .image picture,
#article .in .wide-image.uc-027-02 .image picture,
#article .in .wide-image.uc-027-03 .image picture,
#article .in .wide-image.uc-027-05 .image picture,
#article .in .wide-image.uc-021-03 .image picture,
#article .in .wide-image.uc-021-04 .image picture,
#article .in .wide-image.uc-021-06 .image picture,
#article .in .wide-image.uc-027-07 .image picture,
#article .in .wide-image.uc-028-08 .image picture,
#article .in .wide-image.uc-029-03 .image picture,
#article .in .wide-image.uc-022-01 .image picture,
#article .in .wide-image.uc-022-02 .image picture,
#article .in .wide-image.uc-023-05 .image picture,
#article .in .wide-image.uc-025-01 .image picture,
#article .in .wide-image.uc-030-05 .image picture,
#article .in .wide-image.uc-030-03 .image picture,
#article .in .wide-image.uc-024-04 .image picture,
#article .in .wide-image.uc-022-05 .image picture {
  width: 100%;
  display: flex;
}
#article .in .wide-image.uc-009-08 .image picture img,
#article .in .wide-image.uc-011-03 .image picture img,
#article .in .wide-image.uc-012-02 .image picture img,
#article .in .wide-image.uc-005-02 .image picture img,
#article .in .wide-image.uc-005-03 .image picture img,
#article .in .wide-image.uc-005-04 .image picture img,
#article .in .wide-image.uc-005-06 .image picture img,
#article .in .wide-image.uc-005-07 .image picture img,
#article .in .wide-image.uc-014-02 .image picture img,
#article .in .wide-image.uc-016-05 .image picture img,
#article .in .wide-image.uc-020-02 .image picture img,
#article .in .wide-image.uc-023-01 .image picture img,
#article .in .wide-image.uc-024-01 .image picture img,
#article .in .wide-image.uc-025-01 .image picture img,
#article .in .wide-image.uc-030-05 .image picture img,
#article .in .wide-image.uc-030-03 .image picture img,
#article .in .wide-image.uc-026-07 .image picture img,
#article .in .wide-image.uc-026-02 .image picture img,
#article .in .wide-image.uc-026-03 .image picture img,
#article .in .wide-image.uc-026-04 .image picture img,
#article .in .wide-image.uc-026-05 .image picture img,
#article .in .wide-image.uc-024-06 .image picture img,
#article .in .wide-image.uc-024-02 .image picture img,
#article .in .wide-image.uc-023-02 .image picture img,
#article .in .wide-image.uc-020-03 .image picture img,
#article .in .wide-image.uc-020-05 .image picture img,
#article .in .wide-image.uc-001-01 .image picture img,
#article .in .wide-image.uc-001-02 .image picture img,
#article .in .wide-image.uc-001-03 .image picture img,
#article .in .wide-image.uc-001-04 .image picture img,
#article .in .wide-image.uc-001-05 .image picture img,
#article .in .wide-image.uc-001-07 .image picture img,
#article .in .wide-image.uc-002-01 .image picture img,
#article .in .wide-image.uc-002-02 .image picture img,
#article .in .wide-image.uc-002-03 .image picture img,
#article .in .wide-image.uc-002-04 .image picture img,
#article .in .wide-image.uc-002-05 .image picture img,
#article .in .wide-image.uc-003-02 .image picture img,
#article .in .wide-image.uc-003-03 .image picture img,
#article .in .wide-image.uc-003-04 .image picture img,
#article .in .wide-image.uc-003-05 .image picture img,
#article .in .wide-image.uc-003-06 .image picture img,
#article .in .wide-image.uc-003-07 .image picture img,
#article .in .wide-image.uc-004-02 .image picture img,
#article .in .wide-image.uc-004-03 .image picture img,
#article .in .wide-image.uc-004-04 .image picture img,
#article .in .wide-image.uc-004-05 .image picture img,
#article .in .wide-image.uc-004-06 .image picture img,
#article .in .wide-image.uc-004-08 .image picture img,
#article .in .wide-image.uc-019-03 .image picture img,
#article .in .wide-image.uc-006-03 .image picture img,
#article .in .wide-image.uc-006-04 .image picture img,
#article .in .wide-image.uc-006-05 .image picture img,
#article .in .wide-image.uc-006-06 .image picture img,
#article .in .wide-image.uc-006-07 .image picture img,
#article .in .wide-image.uc-006-09 .image picture img,
#article .in .wide-image.uc-021-02 .image picture img,
#article .in .wide-image.uc-027-01 .image picture img,
#article .in .wide-image.uc-028-01 .image picture img,
#article .in .wide-image.uc-029-01 .image picture img,
#article .in .wide-image.uc-029-02 .image picture img,
#article .in .wide-image.uc-028-02 .image picture img,
#article .in .wide-image.uc-028-03 .image picture img,
#article .in .wide-image.uc-028-04 .image picture img,
#article .in .wide-image.uc-028-05 .image picture img,
#article .in .wide-image.uc-027-02 .image picture img,
#article .in .wide-image.uc-027-03 .image picture img,
#article .in .wide-image.uc-027-05 .image picture img,
#article .in .wide-image.uc-021-03 .image picture img,
#article .in .wide-image.uc-021-04 .image picture img,
#article .in .wide-image.uc-021-06 .image picture img,
#article .in .wide-image.uc-027-07 .image picture img,
#article .in .wide-image.uc-028-08 .image picture img,
#article .in .wide-image.uc-029-03 .image picture img,
#article .in .wide-image.uc-022-01 .image picture img,
#article .in .wide-image.uc-022-02 .image picture img,
#article .in .wide-image.uc-023-05 .image picture img,
#article .in .wide-image.uc-025-01 .image picture img,
#article .in .wide-image.uc-030-05 .image picture img,
#article .in .wide-image.uc-030-03 .image picture img,
#article .in .wide-image.uc-024-04 .image picture img,
#article .in .wide-image.uc-022-05 .image picture img {
  border-radius: 6px;
  box-shadow: 0 0 30px rgba(47, 54, 58, 0.2);
}
#article .in .wide-image.uc-011-03 .image,
#article .in .wide-image.uc-012-02 .image,
#article .in .wide-image.uc-005-02 .image,
#article .in .wide-image.uc-005-03 .image,
#article .in .wide-image.uc-005-04 .image,
#article .in .wide-image.uc-005-06 .image,
#article .in .wide-image.uc-005-07 .image,
#article .in .wide-image.uc-014-02 .image,
#article .in .wide-image.uc-016-05 .image,
#article .in .wide-image.uc-020-02 .image,
#article .in .wide-image.uc-023-01 .image,
#article .in .wide-image.uc-024-01 .image,
#article .in .wide-image.uc-025-01 .image,
#article .in .wide-image.uc-030-05 .image,
#article .in .wide-image.uc-030-03 .image,
#article .in .wide-image.uc-026-07 .image,
#article .in .wide-image.uc-026-02 .image,
#article .in .wide-image.uc-026-03 .image,
#article .in .wide-image.uc-026-04 .image,
#article .in .wide-image.uc-026-05 .image,
#article .in .wide-image.uc-024-06 .image,
#article .in .wide-image.uc-024-02 .image,
#article .in .wide-image.uc-023-02 .image,
#article .in .wide-image.uc-020-03 .image,
#article .in .wide-image.uc-001-01 .image,
#article .in .wide-image.uc-001-02 .image,
#article .in .wide-image.uc-001-03 .image,
#article .in .wide-image.uc-001-04 .image,
#article .in .wide-image.uc-001-07 .image,
#article .in .wide-image.uc-002-01 .image,
#article .in .wide-image.uc-002-02 .image,
#article .in .wide-image.uc-002-03 .image,
#article .in .wide-image.uc-002-04 .image,
#article .in .wide-image.uc-002-05 .image,
#article .in .wide-image.uc-003-02 .image,
#article .in .wide-image.uc-003-03 .image,
#article .in .wide-image.uc-003-04 .image,
#article .in .wide-image.uc-003-05 .image,
#article .in .wide-image.uc-003-06 .image,
#article .in .wide-image.uc-004-02 .image,
#article .in .wide-image.uc-004-03 .image,
#article .in .wide-image.uc-004-04 .image,
#article .in .wide-image.uc-004-05 .image,
#article .in .wide-image.uc-004-06 .image,
#article .in .wide-image.uc-004-08 .image,
#article .in .wide-image.uc-019-03 .image,
#article .in .wide-image.uc-006-03 .image,
#article .in .wide-image.uc-006-04 .image,
#article .in .wide-image.uc-006-05 .image,
#article .in .wide-image.uc-006-06 .image,
#article .in .wide-image.uc-006-07 .image,
#article .in .wide-image.uc-006-09 .image,
#article .in .wide-image.uc-021-02 .image,
#article .in .wide-image.uc-027-01 .image,
#article .in .wide-image.uc-028-01 .image,
#article .in .wide-image.uc-029-01 .image,
#article .in .wide-image.uc-029-02 .image,
#article .in .wide-image.uc-028-02 .image,
#article .in .wide-image.uc-028-03 .image,
#article .in .wide-image.uc-028-04 .image,
#article .in .wide-image.uc-028-05 .image,
#article .in .wide-image.uc-027-02 .image,
#article .in .wide-image.uc-027-03 .image,
#article .in .wide-image.uc-027-05 .image,
#article .in .wide-image.uc-021-03 .image,
#article .in .wide-image.uc-021-04 .image,
#article .in .wide-image.uc-022-01 .image,
#article .in .wide-image.uc-022-02 .image {
  margin: 48px 0 16px 0;
}
#article .in .wide-image.uc-010-03,
#article .in .wide-image.uc-011-02,
#article .in .wide-image.uc-012-03,
#article .in .wide-image.uc-013-03,
#article .in .wide-image.uc-005-05,
#article .in .wide-image.uc-016-04,
#article .in .wide-image.uc-018-01,
#article .in .wide-image.uc-020-04,
#article .in .wide-image.uc-001-06,
#article .in .wide-image.uc-004-07,
#article .in .wide-image.uc-006-08,
#article .in .wide-image.uc-021-05,
#article .in .wide-image.uc-027-06,
#article .in .wide-image.uc-028-07,
#article .in .wide-image.uc-022-04,
#article .in .wide-image.uc-023-03,
#article .in .wide-image.uc-024-03,
#article .in .wide-image.uc-025-02,
#article .in .wide-image.uc-030-04,
#article .in .wide-image.uc-026-06 {
  flex-direction: column-reverse;
  flex-wrap: wrap;
}
#article .in .wide-image.uc-010-03 .image,
#article .in .wide-image.uc-011-02 .image,
#article .in .wide-image.uc-012-03 .image,
#article .in .wide-image.uc-013-03 .image,
#article .in .wide-image.uc-005-05 .image,
#article .in .wide-image.uc-016-04 .image,
#article .in .wide-image.uc-018-01 .image,
#article .in .wide-image.uc-020-04 .image,
#article .in .wide-image.uc-001-06 .image,
#article .in .wide-image.uc-004-07 .image,
#article .in .wide-image.uc-006-08 .image,
#article .in .wide-image.uc-021-05 .image,
#article .in .wide-image.uc-027-06 .image,
#article .in .wide-image.uc-028-07 .image,
#article .in .wide-image.uc-022-04 .image,
#article .in .wide-image.uc-023-03 .image,
#article .in .wide-image.uc-024-03 .image,
#article .in .wide-image.uc-025-02 .image,
#article .in .wide-image.uc-030-04 .image,
#article .in .wide-image.uc-026-06 .image {
  margin: 26px 0 0 0;
}
#article .in .gallery-image ul {
  padding: 8px 0 0 0;
}
#article .in .gallery-image ul li {
  padding: 32px 0 0 0;
}
#article .in .gallery-image ul li:before {
  display: none;
}
#article .in .gallery-image ul li picture {
  width: 100%;
  display: flex;
}
#article .in .gallery-image ul li picture img {
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(47, 54, 58, 0.2);
}
#article .in .gallery-image.no-shadow ul li picture img {
  border-radius: 8px;
  box-shadow: none;
}
#article .in .gallery-image.uc-017-04,
#article .in .gallery-image.uc-016-02,
#article .in .gallery-image.uc-015-03 {
  padding: 0 0 8px 0;
}
#article .in .gallery-image.uc-019-02 {
  padding: 8px 0 16px 0;
}
#article .in .gallery-image.uc-019-02 ul li picture img {
  border-radius: 0;
  box-shadow: none;
}
#article .in .full-image {
  margin: 32px 0 0 0;
  border-radius: 8px;
  overflow: hidden;
}
#article .in .full-image picture {
  display: flex;
}
#article .in.related {
  padding-top: 10px;
  padding-bottom: 45px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  margin: 20px auto 0 auto;
}
#article .in.related h2 {
  text-align: center;
  padding: 40px 0 0 0;
}
#article .in.related .list ul {
  padding: 40px 0 0 0;
}
#article .in.related .list ul li {
  padding: 0;
  margin: 8px 0 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: border 0.5s;
}
#article .in.related .list ul li:before {
  display: none;
}
#article .in.related .list ul li a {
  display: flex;
  color: #000;
  border-radius: 5px;
  padding: 12px 35px 12px 16px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
#article .in.related .list ul li a:before {
  transform: rotate(-90deg);
  position: absolute;
  right: 14px;
  opacity: 0.5;
}
#article .in.related .list ul li a .image {
  border-radius: 100%;
  overflow: hidden;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 0 16px 0 0;
  flex: 0 1 40px;
}
#article .in.related .list ul li a .image img {
  width: auto;
  height: 100%;
}
#article .in.related .list ul li a .title {
  line-height: 90%;
  flex: 0 1 calc(100% - 56px);
  padding: 0;
  font-family: 'Inter Regular', sans-serif;
}
#article .in.related .list ul li:first-child {
  margin: 0;
}
#article .in.related .all {
  text-align: center;
  padding: 40px 0 0 0;
}
#article .in.related .all a {
  display: inline-flex;
  letter-spacing: -0.01em;
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
}
.no-touch #article .in.related .list ul li:hover a {
  background: rgba(0, 0, 0, 0.1);
}
.no-touch #article .in.related .list ul li:active {
  border-color: rgba(0, 0, 0, 0.2);
}
.no-touch #article .in.related .list ul li:active a {
  background: rgba(0, 0, 0, 0.2);
}
.no-touch #article .in.related .all a:hover {
  background: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #article .in.related .all a:active {
  background: #e0e0e0;
  border-color: #e0e0e0;
}
@media only screen and (min-width: 480px) {
  #article .in .wide-image.uc-005-09 {
    width: calc(100% + 32px);
    left: -16px;
  }
}
@media only screen and (min-width: 768px) {
  #article .in {
    /* Content with images */
  }
  #article .in h2 {
    font-size: 26px;
  }
  #article .in h3 {
    font-size: 20px;
  }
  #article .in .intro {
    padding: 0 0 48px 0;
    margin: 0 0 24px 0;
  }
  #article .in .intro .highlights {
    padding: 50px 0 0 0;
  }
  #article .in .intro .highlights ul {
    display: flex;
    justify-content: space-between;
  }
  #article .in .intro .highlights ul li {
    flex: 0 1 20%;
    text-align: center;
    padding: 0;
    display: block;
  }
  #article .in .intro .highlights ul li .icon {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #article .in .intro .highlights ul li .value {
    display: block;
    padding: 24px 0 0 0;
  }
  #article .in .intro .parex {
    padding: 24px 0 0 0;
    text-align: center;
    font-size: 18px;
  }
  #article .in .intro .parex p .author {
    font-size: 15px;
  }
  #article .in .intro .parex p .author span {
    position: relative;
  }
  #article .in .intro .parex p .author span:before,
  #article .in .intro .parex p .author span:after {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 1px;
    background: rgba(0, 0, 0, 0.35);
    top: 50%;
    left: -28px;
  }
  #article .in .intro .parex p .author span:after {
    left: auto;
    right: -28px;
  }
  #article .in .tip,
  #article .in .example {
    padding: 24px 32px;
  }
  #article .in .math img {
    width: 400px;
  }
  #article .in .reg-cta {
    display: flex;
    justify-content: center;
    margin: 48px 0 0 0;
  }
  #article .in .reg-cta p {
    padding: 56px 0 0 0;
  }
  #article .in .reg-cta p a,
  #article .in .reg-cta p span {
    width: auto;
    padding: 0 28px;
  }
  #article .in .reg-cta p.basic {
    margin: 0 16px 0 0;
  }
  #article .in .reg-cta p.pro {
    padding: 56px 0 0 0;
  }
  #article .in .side-image.uc-010-01,
  #article .in .side-image.uc-013-01,
  #article .in .side-image.uc-013-02,
  #article .in .side-image.uc-014-03 {
    margin: 40px 0 0 0;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }
  #article .in .side-image.uc-010-01 .image,
  #article .in .side-image.uc-013-01 .image,
  #article .in .side-image.uc-013-02 .image,
  #article .in .side-image.uc-014-03 .image {
    margin: 0;
    flex: 0 1 48%;
    width: 48%;
    position: relative;
    left: -38px;
  }
  #article .in .side-image.uc-010-01 .content,
  #article .in .side-image.uc-013-01 .content,
  #article .in .side-image.uc-013-02 .content,
  #article .in .side-image.uc-014-03 .content {
    flex: 0 1 48%;
    width: 48%;
  }
  #article .in .side-image.uc-010-01 .content p:first-child,
  #article .in .side-image.uc-013-01 .content p:first-child,
  #article .in .side-image.uc-013-02 .content p:first-child,
  #article .in .side-image.uc-014-03 .content p:first-child {
    padding: 0;
  }
  #article .in .side-image.uc-013-02,
  #article .in .side-image.uc-014-03 {
    flex-direction: row-reverse;
  }
  #article .in .side-image.uc-013-02 .image,
  #article .in .side-image.uc-014-03 .image {
    left: auto;
    right: -38px;
  }
  #article .in .side-image.uc-010-04,
  #article .in .side-image.uc-007-01,
  #article .in .side-image.uc-024-05,
  #article .in .side-image.uc-008-01,
  #article .in .side-image.uc-008-03,
  #article .in .side-image.uc-008-05 {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0 16px 0;
  }
  #article .in .side-image.uc-010-04 .image,
  #article .in .side-image.uc-007-01 .image,
  #article .in .side-image.uc-024-05 .image,
  #article .in .side-image.uc-008-01 .image,
  #article .in .side-image.uc-008-03 .image,
  #article .in .side-image.uc-008-05 .image {
    margin: 0;
    flex: 0 1 43%;
    width: 43%;
  }
  #article .in .side-image.uc-010-04 .content,
  #article .in .side-image.uc-007-01 .content,
  #article .in .side-image.uc-024-05 .content,
  #article .in .side-image.uc-008-01 .content,
  #article .in .side-image.uc-008-03 .content,
  #article .in .side-image.uc-008-05 .content {
    flex: 0 1 48%;
    width: 48%;
  }
  #article .in .side-image.uc-010-04 .content p:first-child,
  #article .in .side-image.uc-007-01 .content p:first-child,
  #article .in .side-image.uc-024-05 .content p:first-child,
  #article .in .side-image.uc-008-01 .content p:first-child,
  #article .in .side-image.uc-008-03 .content p:first-child,
  #article .in .side-image.uc-008-05 .content p:first-child {
    padding: 0;
  }
  #article .in .wide-image .image picture {
    width: 80%;
    margin: 0 auto;
  }
  #article .in .wide-image.uc-010-03 .image picture,
  #article .in .wide-image.uc-011-02 .image picture,
  #article .in .wide-image.uc-012-03 .image picture,
  #article .in .wide-image.uc-013-03 .image picture,
  #article .in .wide-image.uc-005-05 .image picture,
  #article .in .wide-image.uc-016-04 .image picture,
  #article .in .wide-image.uc-018-01 .image picture,
  #article .in .wide-image.uc-020-04 .image picture,
  #article .in .wide-image.uc-001-06 .image picture,
  #article .in .wide-image.uc-004-07 .image picture,
  #article .in .wide-image.uc-006-08 .image picture,
  #article .in .wide-image.uc-021-05 .image picture,
  #article .in .wide-image.uc-027-06 .image picture,
  #article .in .wide-image.uc-028-07 .image picture,
  #article .in .wide-image.uc-022-04 .image picture,
  #article .in .wide-image.uc-023-03 .image picture,
  #article .in .wide-image.uc-024-03 .image picture,
  #article .in .wide-image.uc-025-02 .image picture,
  #article .in .wide-image.uc-030-04 .image picture,
  #article .in .wide-image.uc-026-06 .image picture {
    width: 100%;
  }
  #article .in .wide-image.uc-009-08 .image picture,
  #article .in .wide-image.uc-012-02 .image picture,
  #article .in .wide-image.uc-014-02 .image picture,
  #article .in .wide-image.uc-016-05 .image picture,
  #article .in .wide-image.uc-020-02 .image picture,
  #article .in .wide-image.uc-023-01 .image picture,
  #article .in .wide-image.uc-024-01 .image picture,
  #article .in .wide-image.uc-025-01 .image picture,
  #article .in .wide-image.uc-030-05 .image picture,
  #article .in .wide-image.uc-030-03 .image picture,
  #article .in .wide-image.uc-026-07 .image picture,
  #article .in .wide-image.uc-026-02 .image picture,
  #article .in .wide-image.uc-026-03 .image picture,
  #article .in .wide-image.uc-026-04 .image picture,
  #article .in .wide-image.uc-026-05 .image picture,
  #article .in .wide-image.uc-024-06 .image picture,
  #article .in .wide-image.uc-024-02 .image picture,
  #article .in .wide-image.uc-023-02 .image picture,
  #article .in .wide-image.uc-020-03 .image picture,
  #article .in .wide-image.uc-020-05 .image picture,
  #article .in .wide-image.uc-001-01 .image picture,
  #article .in .wide-image.uc-001-02 .image picture,
  #article .in .wide-image.uc-001-03 .image picture,
  #article .in .wide-image.uc-001-04 .image picture,
  #article .in .wide-image.uc-001-05 .image picture,
  #article .in .wide-image.uc-001-07 .image picture,
  #article .in .wide-image.uc-002-01 .image picture,
  #article .in .wide-image.uc-002-02 .image picture,
  #article .in .wide-image.uc-002-03 .image picture,
  #article .in .wide-image.uc-002-04 .image picture,
  #article .in .wide-image.uc-002-05 .image picture,
  #article .in .wide-image.uc-003-02 .image picture,
  #article .in .wide-image.uc-003-03 .image picture,
  #article .in .wide-image.uc-003-04 .image picture,
  #article .in .wide-image.uc-003-05 .image picture,
  #article .in .wide-image.uc-003-06 .image picture,
  #article .in .wide-image.uc-003-07 .image picture,
  #article .in .wide-image.uc-004-02 .image picture,
  #article .in .wide-image.uc-004-03 .image picture,
  #article .in .wide-image.uc-004-04 .image picture,
  #article .in .wide-image.uc-004-05 .image picture,
  #article .in .wide-image.uc-004-06 .image picture,
  #article .in .wide-image.uc-004-08 .image picture,
  #article .in .wide-image.uc-019-03 .image picture,
  #article .in .wide-image.uc-006-03 .image picture,
  #article .in .wide-image.uc-006-04 .image picture,
  #article .in .wide-image.uc-006-05 .image picture,
  #article .in .wide-image.uc-006-06 .image picture,
  #article .in .wide-image.uc-006-07 .image picture,
  #article .in .wide-image.uc-006-09 .image picture,
  #article .in .wide-image.uc-021-02 .image picture,
  #article .in .wide-image.uc-027-01 .image picture,
  #article .in .wide-image.uc-028-01 .image picture,
  #article .in .wide-image.uc-029-01 .image picture,
  #article .in .wide-image.uc-029-02 .image picture,
  #article .in .wide-image.uc-028-02 .image picture,
  #article .in .wide-image.uc-028-03 .image picture,
  #article .in .wide-image.uc-028-04 .image picture,
  #article .in .wide-image.uc-028-05 .image picture,
  #article .in .wide-image.uc-027-02 .image picture,
  #article .in .wide-image.uc-027-03 .image picture,
  #article .in .wide-image.uc-027-05 .image picture,
  #article .in .wide-image.uc-021-03 .image picture,
  #article .in .wide-image.uc-021-04 .image picture,
  #article .in .wide-image.uc-021-06 .image picture,
  #article .in .wide-image.uc-027-07 .image picture,
  #article .in .wide-image.uc-028-08 .image picture,
  #article .in .wide-image.uc-029-03 .image picture,
  #article .in .wide-image.uc-022-01 .image picture,
  #article .in .wide-image.uc-022-02 .image picture,
  #article .in .wide-image.uc-023-05 .image picture,
  #article .in .wide-image.uc-025-01 .image picture,
  #article .in .wide-image.uc-030-05 .image picture,
  #article .in .wide-image.uc-030-03 .image picture,
  #article .in .wide-image.uc-024-04 .image picture,
  #article .in .wide-image.uc-022-05 .image picture {
    width: 80%;
  }
  #article .in .wide-image.uc-012-02 .image picture {
    width: 60%;
  }
  #article .in .wide-image.uc-020-02 .image picture,
  #article .in .wide-image.uc-023-01 .image picture,
  #article .in .wide-image.uc-024-01 .image picture,
  #article .in .wide-image.uc-025-01 .image picture,
  #article .in .wide-image.uc-030-05 .image picture,
  #article .in .wide-image.uc-030-03 .image picture,
  #article .in .wide-image.uc-026-07 .image picture,
  #article .in .wide-image.uc-026-02 .image picture,
  #article .in .wide-image.uc-026-03 .image picture,
  #article .in .wide-image.uc-026-04 .image picture,
  #article .in .wide-image.uc-026-05 .image picture,
  #article .in .wide-image.uc-024-06 .image picture,
  #article .in .wide-image.uc-024-02 .image picture,
  #article .in .wide-image.uc-023-02 .image picture,
  #article .in .wide-image.uc-020-03 .image picture,
  #article .in .wide-image.uc-001-01 .image picture,
  #article .in .wide-image.uc-001-02 .image picture,
  #article .in .wide-image.uc-001-03 .image picture,
  #article .in .wide-image.uc-001-04 .image picture,
  #article .in .wide-image.uc-002-01 .image picture,
  #article .in .wide-image.uc-002-02 .image picture,
  #article .in .wide-image.uc-002-03 .image picture,
  #article .in .wide-image.uc-002-04 .image picture,
  #article .in .wide-image.uc-002-05 .image picture,
  #article .in .wide-image.uc-003-02 .image picture,
  #article .in .wide-image.uc-003-03 .image picture,
  #article .in .wide-image.uc-003-04 .image picture,
  #article .in .wide-image.uc-003-05 .image picture,
  #article .in .wide-image.uc-003-06 .image picture,
  #article .in .wide-image.uc-004-02 .image picture,
  #article .in .wide-image.uc-004-03 .image picture,
  #article .in .wide-image.uc-004-04 .image picture,
  #article .in .wide-image.uc-004-05 .image picture,
  #article .in .wide-image.uc-004-06 .image picture,
  #article .in .wide-image.uc-004-08 .image picture,
  #article .in .wide-image.uc-006-03 .image picture,
  #article .in .wide-image.uc-006-04 .image picture,
  #article .in .wide-image.uc-006-05 .image picture,
  #article .in .wide-image.uc-006-06 .image picture,
  #article .in .wide-image.uc-006-07 .image picture,
  #article .in .wide-image.uc-006-09 .image picture,
  #article .in .wide-image.uc-021-02 .image picture,
  #article .in .wide-image.uc-027-01 .image picture,
  #article .in .wide-image.uc-028-01 .image picture,
  #article .in .wide-image.uc-029-01 .image picture,
  #article .in .wide-image.uc-029-02 .image picture,
  #article .in .wide-image.uc-028-02 .image picture,
  #article .in .wide-image.uc-028-03 .image picture,
  #article .in .wide-image.uc-028-04 .image picture,
  #article .in .wide-image.uc-028-05 .image picture,
  #article .in .wide-image.uc-027-02 .image picture,
  #article .in .wide-image.uc-027-03 .image picture,
  #article .in .wide-image.uc-027-05 .image picture,
  #article .in .wide-image.uc-021-03 .image picture,
  #article .in .wide-image.uc-021-04 .image picture,
  #article .in .wide-image.uc-022-01 .image picture,
  #article .in .wide-image.uc-022-02 .image picture {
    width: 60%;
  }
  #article .in .wide-image.uc-005-09 {
    width: calc(100% + 52px);
    left: -26px;
  }
  #article .in .wide-image.uc-005-09 .image picture {
    width: 100%;
  }
  #article .in .gallery-image ul {
    display: flex;
    flex-wrap: wrap;
  }
  #article .in .gallery-image ul li {
    padding: 40px 0 0 0;
    flex: 0 1 47%;
    margin: 0 6% 0 0;
  }
  #article .in .gallery-image ul li:nth-child(2n+0) {
    margin: 0;
  }
  #article .in .gallery-image.uc-017-04,
  #article .in .gallery-image.uc-016-02,
  #article .in .gallery-image.uc-015-03 {
    padding: 0 0 16px 0;
  }
  #article .in .full-image {
    width: 75%;
    margin: 40px auto 0 auto;
  }
  #article .in.related .list ul {
    padding: 48px 0 0 0;
    display: flex;
    flex-wrap: wrap;
  }
  #article .in.related .list ul li {
    flex: 0 1 48%;
    margin: 8px 4% 0 0;
    box-sizing: border-box;
  }
  #article .in.related .list ul li:first-child {
    margin: 0 4% 0 0;
  }
  #article .in.related .list ul li:nth-child(2) {
    margin-top: 0;
  }
  #article .in.related .list ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  #article .in.related .list ul li a {
    padding: 20px 35px 20px 16px;
  }
  #article .in.related .all {
    padding: 48px 0 0 0;
  }
}
@media only screen and (min-width: 1152px) {
  #article .in {
    width: 840px;
    /* Content with images */
  }
  #article .in h2 {
    font-size: 28px;
    padding: 66px 0 0 0;
  }
  #article .in h2.first {
    padding: 32px 0 0 0;
  }
  #article .in h3 {
    font-size: 22px;
    padding: 48px 0 0 0;
  }
  #article .in p {
    padding: 28px 0 0 0;
  }
  #article .in .video {
    margin: 48px 0 0 0;
  }
  #article .in .intro .highlights {
    padding: 66px 0 0 0;
  }
  #article .in .intro .highlights ul li .value span {
    display: block;
  }
  #article .in .intro .parex {
    padding: 24px 12% 0 12%;
  }
  #article .in .tip p,
  #article .in .example p {
    font-size: 14px;
  }
  #article .in .side-image.uc-010-01,
  #article .in .side-image.uc-013-01,
  #article .in .side-image.uc-013-02,
  #article .in .side-image.uc-014-03 {
    margin: 48px 0 0 0;
  }
  #article .in .side-image.uc-010-01 .image,
  #article .in .side-image.uc-013-01 .image,
  #article .in .side-image.uc-013-02 .image,
  #article .in .side-image.uc-014-03 .image {
    left: -46px;
  }
  #article .in .side-image.uc-013-01 {
    margin-bottom: 16px;
  }
  #article .in .side-image.uc-013-02 .image,
  #article .in .side-image.uc-014-03 .image {
    left: auto;
    right: -46px;
    border-radius: 20px;
  }
  #article .in .side-image.uc-010-04,
  #article .in .side-image.uc-007-01,
  #article .in .side-image.uc-024-05,
  #article .in .side-image.uc-008-01,
  #article .in .side-image.uc-008-03,
  #article .in .side-image.uc-008-05,
  #article .in .side-image.uc-012-02,
  #article .in .side-image.uc-020-02,
  #article .in .side-image.uc-023-01,
  #article .in .side-image.uc-024-01,
  #article .in .side-image.uc-025-01,
  #article .in .side-image.uc-030-05,
  #article .in .side-image.uc-030-03,
  #article .in .side-image.uc-026-07,
  #article .in .side-image.uc-026-02,
  #article .in .side-image.uc-026-03,
  #article .in .side-image.uc-026-04,
  #article .in .side-image.uc-026-05,
  #article .in .side-image.uc-024-06,
  #article .in .side-image.uc-024-02,
  #article .in .side-image.uc-023-02,
  #article .in .side-image.uc-020-03,
  #article .in .side-image.uc-001-01,
  #article .in .side-image.uc-001-02,
  #article .in .side-image.uc-001-03,
  #article .in .side-image.uc-001-04,
  #article .in .side-image.uc-002-01,
  #article .in .side-image.uc-002-02,
  #article .in .side-image.uc-002-03,
  #article .in .side-image.uc-002-04,
  #article .in .side-image.uc-002-05,
  #article .in .side-image.uc-003-02,
  #article .in .side-image.uc-003-03,
  #article .in .side-image.uc-003-04,
  #article .in .side-image.uc-003-05,
  #article .in .side-image.uc-003-06,
  #article .in .side-image.uc-021-02,
  #article .in .side-image.uc-027-01,
  #article .in .side-image.uc-028-01,
  #article .in .side-image.uc-029-01,
  #article .in .side-image.uc-029-02,
  #article .in .side-image.uc-028-02,
  #article .in .side-image.uc-028-03,
  #article .in .side-image.uc-028-04,
  #article .in .side-image.uc-028-05,
  #article .in .side-image.uc-027-02,
  #article .in .side-image.uc-027-03,
  #article .in .side-image.uc-027-05,
  #article .in .side-image.uc-021-03,
  #article .in .side-image.uc-021-04,
  #article .in .side-image.uc-022-01,
  #article .in .side-image.uc-022-02 {
    margin: 48px 0 24px 0;
  }
  #article .in .side-image.uc-010-04 .image,
  #article .in .side-image.uc-007-01 .image,
  #article .in .side-image.uc-024-05 .image,
  #article .in .side-image.uc-008-01 .image,
  #article .in .side-image.uc-008-03 .image,
  #article .in .side-image.uc-008-05 .image,
  #article .in .side-image.uc-012-02 .image,
  #article .in .side-image.uc-020-02 .image,
  #article .in .side-image.uc-023-01 .image,
  #article .in .side-image.uc-024-01 .image,
  #article .in .side-image.uc-025-01 .image,
  #article .in .side-image.uc-030-05 .image,
  #article .in .side-image.uc-030-03 .image,
  #article .in .side-image.uc-026-07 .image,
  #article .in .side-image.uc-026-02 .image,
  #article .in .side-image.uc-026-03 .image,
  #article .in .side-image.uc-026-04 .image,
  #article .in .side-image.uc-026-05 .image,
  #article .in .side-image.uc-024-06 .image,
  #article .in .side-image.uc-024-02 .image,
  #article .in .side-image.uc-023-02 .image,
  #article .in .side-image.uc-020-03 .image,
  #article .in .side-image.uc-001-01 .image,
  #article .in .side-image.uc-001-02 .image,
  #article .in .side-image.uc-001-03 .image,
  #article .in .side-image.uc-001-04 .image,
  #article .in .side-image.uc-002-01 .image,
  #article .in .side-image.uc-002-02 .image,
  #article .in .side-image.uc-002-03 .image,
  #article .in .side-image.uc-002-04 .image,
  #article .in .side-image.uc-002-05 .image,
  #article .in .side-image.uc-003-02 .image,
  #article .in .side-image.uc-003-03 .image,
  #article .in .side-image.uc-003-04 .image,
  #article .in .side-image.uc-003-05 .image,
  #article .in .side-image.uc-003-06 .image,
  #article .in .side-image.uc-021-02 .image,
  #article .in .side-image.uc-027-01 .image,
  #article .in .side-image.uc-028-01 .image,
  #article .in .side-image.uc-029-01 .image,
  #article .in .side-image.uc-029-02 .image,
  #article .in .side-image.uc-028-02 .image,
  #article .in .side-image.uc-028-03 .image,
  #article .in .side-image.uc-028-04 .image,
  #article .in .side-image.uc-028-05 .image,
  #article .in .side-image.uc-027-02 .image,
  #article .in .side-image.uc-027-03 .image,
  #article .in .side-image.uc-027-05 .image,
  #article .in .side-image.uc-021-03 .image,
  #article .in .side-image.uc-021-04 .image,
  #article .in .side-image.uc-022-01 .image,
  #article .in .side-image.uc-022-02 .image {
    flex: 0 1 41%;
    width: 41%;
  }
  #article .in .side-image.uc-010-04 .content,
  #article .in .side-image.uc-007-01 .content,
  #article .in .side-image.uc-024-05 .content,
  #article .in .side-image.uc-008-01 .content,
  #article .in .side-image.uc-008-03 .content,
  #article .in .side-image.uc-008-05 .content,
  #article .in .side-image.uc-012-02 .content,
  #article .in .side-image.uc-020-02 .content,
  #article .in .side-image.uc-023-01 .content,
  #article .in .side-image.uc-024-01 .content,
  #article .in .side-image.uc-025-01 .content,
  #article .in .side-image.uc-030-05 .content,
  #article .in .side-image.uc-030-03 .content,
  #article .in .side-image.uc-026-07 .content,
  #article .in .side-image.uc-026-02 .content,
  #article .in .side-image.uc-026-03 .content,
  #article .in .side-image.uc-026-04 .content,
  #article .in .side-image.uc-026-05 .content,
  #article .in .side-image.uc-024-06 .content,
  #article .in .side-image.uc-024-02 .content,
  #article .in .side-image.uc-023-02 .content,
  #article .in .side-image.uc-020-03 .content,
  #article .in .side-image.uc-001-01 .content,
  #article .in .side-image.uc-001-02 .content,
  #article .in .side-image.uc-001-03 .content,
  #article .in .side-image.uc-001-04 .content,
  #article .in .side-image.uc-002-01 .content,
  #article .in .side-image.uc-002-02 .content,
  #article .in .side-image.uc-002-03 .content,
  #article .in .side-image.uc-002-04 .content,
  #article .in .side-image.uc-002-05 .content,
  #article .in .side-image.uc-003-02 .content,
  #article .in .side-image.uc-003-03 .content,
  #article .in .side-image.uc-003-04 .content,
  #article .in .side-image.uc-003-05 .content,
  #article .in .side-image.uc-003-06 .content,
  #article .in .side-image.uc-021-02 .content,
  #article .in .side-image.uc-027-01 .content,
  #article .in .side-image.uc-028-01 .content,
  #article .in .side-image.uc-029-01 .content,
  #article .in .side-image.uc-029-02 .content,
  #article .in .side-image.uc-028-02 .content,
  #article .in .side-image.uc-028-03 .content,
  #article .in .side-image.uc-028-04 .content,
  #article .in .side-image.uc-028-05 .content,
  #article .in .side-image.uc-027-02 .content,
  #article .in .side-image.uc-027-03 .content,
  #article .in .side-image.uc-027-05 .content,
  #article .in .side-image.uc-021-03 .content,
  #article .in .side-image.uc-021-04 .content,
  #article .in .side-image.uc-022-01 .content,
  #article .in .side-image.uc-022-02 .content {
    flex: 0 1 51%;
    width: 51%;
  }
  #article .in .wide-image.uc-011-03 .image picture,
  #article .in .wide-image.uc-005-02 .image picture,
  #article .in .wide-image.uc-005-03 .image picture,
  #article .in .wide-image.uc-005-04 .image picture,
  #article .in .wide-image.uc-005-06 .image picture,
  #article .in .wide-image.uc-005-07 .image picture,
  #article .in .wide-image.uc-014-02 .image picture,
  #article .in .wide-image.uc-016-05 .image picture,
  #article .in .wide-image.uc-001-07 .image picture,
  #article .in .wide-image.uc-004-08 .image picture,
  #article .in .wide-image.uc-019-03 .image picture,
  #article .in .wide-image.uc-006-09 .image picture {
    width: 80%;
  }
  #article .in .wide-image.uc-012-02 .image picture {
    width: 60%;
  }
  #article .in .wide-image.uc-020-02 .image picture,
  #article .in .wide-image.uc-023-01 .image picture,
  #article .in .wide-image.uc-024-01 .image picture,
  #article .in .wide-image.uc-025-01 .image picture,
  #article .in .wide-image.uc-030-05 .image picture,
  #article .in .wide-image.uc-030-03 .image picture,
  #article .in .wide-image.uc-026-07 .image picture,
  #article .in .wide-image.uc-026-02 .image picture,
  #article .in .wide-image.uc-026-03 .image picture,
  #article .in .wide-image.uc-026-04 .image picture,
  #article .in .wide-image.uc-026-05 .image picture,
  #article .in .wide-image.uc-024-06 .image picture,
  #article .in .wide-image.uc-024-02 .image picture,
  #article .in .wide-image.uc-023-02 .image picture,
  #article .in .wide-image.uc-020-03 .image picture,
  #article .in .wide-image.uc-001-01 .image picture,
  #article .in .wide-image.uc-001-02 .image picture,
  #article .in .wide-image.uc-001-03 .image picture,
  #article .in .wide-image.uc-001-04 .image picture,
  #article .in .wide-image.uc-002-01 .image picture,
  #article .in .wide-image.uc-002-02 .image picture,
  #article .in .wide-image.uc-002-03 .image picture,
  #article .in .wide-image.uc-002-04 .image picture,
  #article .in .wide-image.uc-002-05 .image picture,
  #article .in .wide-image.uc-003-02 .image picture,
  #article .in .wide-image.uc-003-03 .image picture,
  #article .in .wide-image.uc-003-04 .image picture,
  #article .in .wide-image.uc-003-05 .image picture,
  #article .in .wide-image.uc-003-06 .image picture,
  #article .in .wide-image.uc-004-02 .image picture,
  #article .in .wide-image.uc-004-03 .image picture,
  #article .in .wide-image.uc-004-04 .image picture,
  #article .in .wide-image.uc-004-05 .image picture,
  #article .in .wide-image.uc-004-06 .image picture,
  #article .in .wide-image.uc-006-03 .image picture,
  #article .in .wide-image.uc-006-04 .image picture,
  #article .in .wide-image.uc-006-05 .image picture,
  #article .in .wide-image.uc-006-06 .image picture,
  #article .in .wide-image.uc-006-07 .image picture,
  #article .in .wide-image.uc-021-02 .image picture,
  #article .in .wide-image.uc-027-01 .image picture,
  #article .in .wide-image.uc-028-01 .image picture,
  #article .in .wide-image.uc-029-01 .image picture,
  #article .in .wide-image.uc-029-02 .image picture,
  #article .in .wide-image.uc-028-02 .image picture,
  #article .in .wide-image.uc-028-03 .image picture,
  #article .in .wide-image.uc-028-04 .image picture,
  #article .in .wide-image.uc-028-05 .image picture,
  #article .in .wide-image.uc-027-02 .image picture,
  #article .in .wide-image.uc-027-03 .image picture,
  #article .in .wide-image.uc-027-05 .image picture,
  #article .in .wide-image.uc-021-03 .image picture,
  #article .in .wide-image.uc-021-04 .image picture {
    width: 60%;
  }
  #article .in .wide-image.uc-017-01 .image picture,
  #article .in .wide-image.uc-017-02 .image picture {
    width: 70%;
  }
  #article .in .wide-image.uc-005-09 {
    width: calc(100% + 62px);
    left: -31px;
  }
  #article .in .gallery-image.uc-017-04,
  #article .in .gallery-image.uc-016-02,
  #article .in .gallery-image.uc-015-03 {
    padding: 0 0 20px 0;
  }
  #article .in.related {
    width: 1100px;
  }
  #article .in.related h2 {
    padding: 56px 0 0 0;
  }
  #article .in.related .list ul {
    padding: 56px 0 0 0;
  }
  #article .in.related .list ul li {
    flex: 0 1 32%;
    margin: 20px 2% 0 0;
  }
  #article .in.related .list ul li:first-child {
    margin: 0 2% 0 0;
  }
  #article .in.related .list ul li:nth-child(2),
  #article .in.related .list ul li:nth-child(3) {
    margin-top: 0;
  }
  #article .in.related .list ul li:nth-child(2n+0) {
    margin-right: 2%;
  }
  #article .in.related .list ul li:nth-child(3n+0) {
    margin-right: 0;
  }
  #article .in.related .all {
    padding: 56px 0 0 0;
  }
}
#glossary .in .alphabet .sui-select .selected {
  text-align: left;
}
#glossary .in .alphabet .sui-select .list {
  text-align: left;
}
#glossary .in .alphabet .items {
  display: none;
}
#glossary .in .alphabet.fixed {
  position: fixed;
  height: 72px;
  display: flex;
  align-items: center;
  background: #fff;
  z-index: 1;
  top: 0;
  width: 100%;
  border-bottom: 0;
  left: 0;
  padding: 0 25px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
}
#glossary .in .group {
  padding: 15px 0 0 0;
}
#glossary .in .group h2 {
  overflow: hidden;
  padding: 0;
  margin: 25px 0 0 0;
}
#glossary .in .group h2 span {
  position: relative;
}
#glossary .in .group h2 span:before,
#glossary .in .group h2 span:after {
  display: block;
  width: 1000px;
  height: 1px;
  background: #e9e9e9;
  content: '';
  position: absolute;
  top: calc(50% - 1px);
  left: -1016px;
}
#glossary .in .group h2 span:after {
  left: auto;
  right: -1016px;
}
#glossary .in .group .item {
  text-align: left;
}
#glossary .in .group .item ul {
  padding: 0;
}
#glossary .in .group .item ul li {
  line-height: 160%;
}
@media only screen and (min-width: 480px) {
  #glossary .in .alphabet .sui-select {
    width: 430px;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  #glossary .in .alphabet .sui-select {
    display: none;
  }
  #glossary .in .alphabet .items {
    display: flex;
    padding: 15px 0 0 0;
    width: 100%;
    justify-content: space-between;
  }
  #glossary .in .alphabet .items li {
    padding: 0;
  }
  #glossary .in .alphabet .items li:before {
    display: none;
  }
  #glossary .in .alphabet .items li span {
    cursor: pointer;
    display: block;
    transition: color 0.5s;
    padding: 5px;
    color: #303181;
    text-decoration: underline;
    font-family: 'Inter SemiBold', sans-serif;
  }
  #glossary .in .alphabet .items li span.disabled {
    color: #757e9a;
    text-decoration: none;
    cursor: not-allowed;
    font-family: 'Inter Regular', sans-serif;
  }
  #glossary .in .alphabet.fixed .items {
    width: 700px;
    margin: 0 auto;
    padding: 0;
  }
  #glossary .in .group {
    padding: 25px 0 0 0;
  }
  .no-touch #glossary .in .alphabet .items li span:hover {
    color: #000;
  }
  .no-touch #glossary .in .alphabet .items li span.disabled:hover {
    color: #757e9a;
  }
}
@media only screen and (min-width: 1152px) {
  #glossary .in .alphabet .items {
    padding: 25px 0 15px 0;
  }
  #glossary .in .alphabet.fixed {
    top: 88px;
  }
  #glossary .in .alphabet.fixed .items {
    width: 700px;
  }
}
@media only screen and (min-width: 1280px) {
  #glossary .in .alphabet .items li span {
    font-size: 19px;
  }
  #glossary .in .alphabet.fixed .items {
    width: 1100px;
  }
}
#customers {
  background: #f8f8f8;
}
#customers:after {
  position: absolute;
  content: '';
  width: 100%;
  height: 100px;
  left: 0;
  bottom: 0;
  background: #f8f8f8;
  background: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#ffffff', GradientType=0);
}
#customers .in {
  color: #000;
  z-index: 1;
  padding: 10px 48px 96px 48px;
  text-align: left;
}
#customers .in h2 {
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.01em;
  padding: 15px 0 20px 0;
  position: relative;
}
#customers .in h2:after {
  width: 40px;
  height: 2px;
  position: absolute;
  content: '';
  display: block;
  left: 0;
  bottom: 0;
  background: #d1c19c;
}
#customers .in .list {
  position: relative;
  left: -40px;
  padding: 20px 0 0 0;
  width: calc(100% + 80px);
}
#customers .in .list .item {
  margin: 24px 0 0 0;
  padding: 40px;
  background: #fff;
  box-shadow: 0 4px 34px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}
#customers .in .list .item p {
  font-size: 14px;
  line-height: 186%;
}
#customers .in .list .item .author {
  display: flex;
  justify-content: space-between;
}
#customers .in .list .item .author .image {
  position: relative;
}
#customers .in .list .item .author .image img {
  width: 40px;
  border-radius: 100%;
}
#customers .in .list .item .author .image i {
  border: 4px solid #fff;
  position: absolute;
  right: -12px;
  top: 25px;
  border-radius: 100%;
}
#customers .in .list .item .author .name {
  line-height: 140%;
  flex: 0 1 calc(100% - 64px);
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
#customers .in .list .item .author .name strong {
  display: block;
  flex: 0 1 100%;
  letter-spacing: -0.01em;
  line-height: 143%;
  font-size: 14px;
}
#customers .in .list .item .author .name span {
  display: block;
  color: #6c6c89;
  flex: 0 1 100%;
  font-size: 13px;
  line-height: 154%;
}
#customers .in .logos {
  position: relative;
  left: -40px;
  width: calc(100% + 80px);
}
#customers .in .logos ul {
  padding: 4px 0 0 0;
  display: flex;
  margin: 0 auto;
  max-width: 382px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#customers .in .logos ul li {
  padding: 40px 0 0 0;
}
#customers .in .logos ul li:before {
  display: none;
}
#customers .in .logos ul li svg {
  width: 96px;
  height: 40px;
}
#customers .in .logos.less ul {
  justify-content: space-around;
}
#customers .in .try {
  position: relative;
  left: -40px;
  width: calc(100% + 80px);
  padding: 44px 0 0 0;
}
#customers .in .try .content {
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
  padding: 48px 39px 356px 39px;
  background: #121515 url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-try.jpg') no-repeat center bottom;
  background-size: 344px 344px;
  border-radius: 24px;
  text-align: center;
}
#customers .in .try .content h2 {
  color: #f8f8f8;
  font-size: 24px;
  line-height: 125%;
  padding: 0;
}
#customers .in .try .content h2:after {
  display: none;
}
#customers .in .try .content p {
  padding: 32px 0 0 0;
}
#customers .in .try .content p span {
  background: #303181;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  display: inline-flex;
  border-radius: 8px;
  align-items: center;
  height: 48px;
  padding: 0 20px;
}
.no-touch #customers .in .try .content p span:hover {
  background: #424394;
}
.no-touch #customers .in .try .content p span:active {
  background: #303181;
}
@media only screen and (min-width: 480px) {
  #customers .in {
    width: 384px;
    padding: 10px 0 96px 0;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  #customers .in {
    width: 688px;
  }
  #customers .in h2 {
    text-align: center;
    position: relative;
    top: 10px;
  }
  #customers .in h2:after {
    left: calc((100% - 40px) / 2);
  }
  #customers .in .list {
    width: calc(100% + 64px);
    left: -32px;
    column-count: 2;
    column-gap: 32px;
    column-width: 360px;
    display: block;
    padding: 48px 0 0 0;
  }
  #customers .in .list .item {
    flex: 0 1 360px;
    display: inline-block;
    margin: 0 0 32px 0;
  }
  #customers .in .logos ul {
    max-width: 736px;
  }
  #customers .in .logos ul li {
    padding: 16px 0 0 0;
  }
  #customers .in .try {
    width: calc(100% + 64px);
    left: -32px;
    height: 424px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
    margin: 48px 0 0 0;
    background: #121515 url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-try.jpg') no-repeat right bottom;
    background-size: 424px 424px;
    border-radius: 24px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, 0.25);
  }
  #customers .in .try .content {
    padding: 0 380px 0 40px;
    background: none;
    box-shadow: none;
    text-align: left;
  }
  #customers .in .try .content h2 {
    flex: 0 1 100%;
    font-size: 32px;
    line-height: 119%;
    text-align: left;
  }
  #customers .in .try .content p {
    flex: 0 1 100%;
  }
}
@media only screen and (min-width: 1280px) {
  #customers .in {
    width: 1056px;
  }
  #customers .in h2 {
    font-size: 21px;
    line-height: 133%;
  }
  #customers .in .list {
    width: 100%;
    left: 0;
  }
  #customers .in .logos ul {
    max-width: 1040px;
  }
  #customers .in .logos ul li svg {
    width: 120px;
    height: 50px;
  }
  #customers .in .try {
    background: #121515 url('//prod-8f86.kxcdn.com/s1/web-2020/images/bg-try.jpg') no-repeat 528px bottom;
    background-size: 424px 424px;
    width: 100%;
    left: 0;
  }
  #customers .in .try .content {
    padding: 0 540px 0 104px;
  }
  #customers .in .try .content p {
    padding: 50px 0 0 0;
  }
}
#footer {
  margin: 20px 0 0 0;
}
#footer .in {
  padding: 0 0 30px 0;
  /* New footer 2/2022 */
}
#footer .in .sui-footer .badges .list ul li .sui-icon.g2-hp-mm-2020 {
  width: 77px;
  height: 100px;
}
#footer .in .sui-footer .badges .list ul li .sui-icon.g2-leader-2020 {
  width: 77px;
  height: 100px;
}
#footer .in .sui-footer .badges .list ul li .sui-icon.capterra-top-20-2018 {
  width: 119px;
  height: 93px;
}
#footer .in .sui-footer .copyright .county {
  display: none;
}
#footer .in.awards {
  padding: 0 24px;
  text-align: left;
  color: #000;
}
#footer .in.awards:before {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  top: 0;
  position: absolute;
  background: #e3e4e9;
}
#footer .in.awards .title {
  position: absolute;
  padding: 0;
  height: 16px;
  width: calc(100% - 48px);
  text-align: center;
  top: -8px;
  line-height: 100%;
}
#footer .in.awards .title strong {
  background: #fff;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 11px;
  font-family: 'Inter SemiBold', sans-serif;
  color: #202124;
  letter-spacing: 0.23em;
}
#footer .in.awards .list {
  padding: 40px 0 0 0;
}
#footer .in.awards .list ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#footer .in.awards .list ul li {
  padding: 0;
}
#footer .in.awards .list ul li:before {
  display: none;
}
#footer .in.awards .list ul li:nth-child(2),
#footer .in.awards .list ul li:nth-child(4),
#footer .in.awards .list ul li:nth-child(5) {
  display: none;
}
#footer .in.awards .list ul li img {
  width: auto;
  height: 88px;
}
#footer .in.security {
  padding: 0 24px;
  text-align: left;
  margin: 32px 0 0 0;
  color: #000;
}
#footer .in.security:before {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  top: 0;
  position: absolute;
  background: #e3e4e9;
}
#footer .in.security .list {
  padding: 32px 0 0 0;
}
#footer .in.security .list ul {
  padding: 0;
  display: flex;
  justify-content: space-around;
}
#footer .in.security .list ul li {
  padding: 0;
}
#footer .in.security .list ul li:before {
  display: none;
}
#footer .in.security .list ul li:nth-child(1),
#footer .in.security .list ul li:nth-child(4) {
  display: none;
}
#footer .in.security .list ul li img {
  width: auto;
  height: 72px;
}
#footer .in.security .list ul li span {
  display: none;
}
#footer .in.boxes {
  padding: 32px 24px 0 24px;
  text-align: left;
  margin: 32px 0 0 0;
  font-size: 14px;
  color: #000;
}
#footer .in.boxes:before {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  top: 0;
  position: absolute;
  background: #e3e4e9;
}
#footer .in.boxes .item .title {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  line-height: 133%;
  padding: 0;
  cursor: pointer;
  letter-spacing: -0.01em;
  display: flex;
  align-items: center;
  height: 60px;
}
#footer .in.boxes .item .title span {
  margin: 0 8px 0 0;
}
#footer .in.boxes .item .title i {
  display: inline-block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/icon-arrow-down-black.svg') no-repeat right center;
  background-size: 16px 16px;
  width: 16px;
  transition: transform 0.2s;
  height: 16px;
}
#footer .in.boxes .item .title.active i {
  transform: rotate(180deg);
}
#footer .in.boxes .item .content {
  display: none;
  padding: 0 0 32px 0;
}
#footer .in.boxes .item .content ul {
  padding: 0;
}
#footer .in.boxes .item .content ul li {
  padding: 0;
}
#footer .in.boxes .item .content ul li:before {
  display: none;
}
#footer .in.boxes .item .content ul li a {
  display: flex;
  align-items: center;
  padding: 0 16px;
  box-sizing: border-box;
  line-height: 143%;
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
  width: 100%;
  position: relative;
  height: 40px;
  border-radius: 8px;
}
#footer .in.boxes .item .content ul li a.en-only:after,
#footer .in.boxes .item .content ul li a.cs-only:after {
  content: '';
  position: absolute;
  left: -7px;
  opacity: 0;
  transition: opacity 0.5s;
  top: calc((100% - 15px) / 2);
  display: block;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/flag-us.svg') no-repeat center center;
  background-size: contain;
}
#footer .in.boxes .item .content ul li a.cs-only:after {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/flag-cs.svg') no-repeat center center;
  background-size: contain;
}
#footer .in.boxes .item .content ul li.more a {
  color: #2030c2;
  font-family: 'Inter Medium', sans-serif;
}
#footer .in.boxes .item .content p {
  line-height: 186%;
  padding: 10px 0 0 0;
}
#footer .in.boxes .item:last-child .content {
  padding: 0;
}
#footer .in.boxes .item:last-child .content p a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#footer .in.alternatives {
  text-align: left;
  color: #000;
  position: relative;
  margin: 32px 0 0 0;
  padding: 32px 24px 0 24px;
}
#footer .in.alternatives:before {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  top: 0;
  position: absolute;
  background: #e3e4e9;
}
#footer .in.alternatives p {
  padding: 0;
}
#footer .in.alternatives ul {
  padding: 8px 0 0 0;
}
#footer .in.alternatives ul li {
  padding: 0 0 0 18px;
  margin: 16px 0 0 0;
}
#footer .in.alternatives ul li:before {
  content: '';
  width: 3px;
  height: 3px;
  border-radius: 100%;
  background: #ced0d5;
  top: 6px;
  left: 0;
}
#footer .in.alternatives ul li a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#footer .in.about {
  text-align: left;
  color: #000;
  position: relative;
  margin: 32px 0 0 0;
  padding: 16px 24px 40px 24px;
  font-size: 12px;
}
#footer .in.about:before,
#footer .in.about:after {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  top: 0;
  position: absolute;
  background: #e3e4e9;
}
#footer .in.about:after {
  top: auto;
  bottom: 0;
}
#footer .in.about .breadcrumbs {
  display: flex;
  align-items: center;
}
#footer .in.about .breadcrumbs a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#footer .in.about .breadcrumbs i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/icon-down-select.svg') no-repeat center center;
  background-size: 16px 16px;
  display: block;
  width: 16px;
  height: 16px;
  transform: rotate(-90deg);
  position: relative;
  overflow: hidden;
  text-indent: -10000px;
}
#footer .in.about .description a {
  font-family: 'Inter Regular', sans-serif;
  color: #000;
  text-decoration: none;
}
#footer .in.about .title span {
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 133%;
  letter-spacing: -0.01em;
  font-size: 14px;
}
#footer .in.about .list {
  padding: 16px 0 0 0;
}
#footer .in.about .list li {
  padding: 4px 0 0 20px;
  line-height: 140%;
}
#footer .in.about .list li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/icon-down-select.svg') no-repeat center center;
  background-size: 16px 16px;
  width: 16px;
  content: '';
  top: 4px;
  left: -4px;
  height: 16px;
  transform: rotate(-90deg);
}
#footer .in.about .list li a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#footer .in.language {
  padding: 56px 24px 40px 24px;
  text-align: left;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#footer .in.language .language-list .title {
  display: none;
}
#footer .in.language .language-list .select {
  position: relative;
}
#footer .in.language .language-list .select .toggle {
  display: inline-flex;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  border-radius: 10px;
  cursor: pointer;
  padding: 0 16px 0 20px;
  align-items: center;
  height: 48px;
}
#footer .in.language .language-list .select .toggle strong {
  color: #3d4144;
  font-size: 14px;
  transition: color 0.5s;
  line-height: 143%;
  letter-spacing: -0.01em;
  font-family: 'Inter SemiBold', sans-serif;
}
#footer .in.language .language-list .select .toggle i {
  display: block;
  width: 16px;
  margin: 0 0 0 4px;
  height: 16px;
  transition: transform 0.2s;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/footer/icon-down-select.svg') no-repeat center center;
  background-size: 16px 16px;
}
#footer .in.language .language-list .select .toggle.open strong {
  color: #000;
}
#footer .in.language .language-list .select .toggle.open i {
  transform: rotate(180deg);
}
#footer .in.language .language-list .select .list {
  display: none;
  text-align: left;
  position: absolute;
  width: 192px;
  bottom: 56px;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
  border-radius: 10px;
  height: 265px;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 4px;
}
#footer .in.language .language-list .select .list ul {
  padding: 0;
}
#footer .in.language .language-list .select .list ul li {
  padding: 0;
}
#footer .in.language .language-list .select .list ul li:before {
  display: none;
}
#footer .in.language .language-list .select .list ul li a {
  border-radius: 8px;
  font-size: 13px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
  display: block;
  line-height: 40px;
  height: 40px;
}
#footer .in.language .social .title {
  display: none;
}
#footer .in.language .social .list ul {
  padding: 0;
  display: flex;
}
#footer .in.language .social .list ul li {
  padding: 0;
  margin: 0 8px 0 0;
}
#footer .in.language .social .list ul li:before {
  display: none;
}
#footer .in.language .social .list ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}
#footer .in.language .social .list ul li a img {
  width: 24px;
  height: 24px;
  transition: opacity 0.5s;
}
#footer .in.language .social .list ul li a span {
  display: none;
}
#footer .in.language .social .list ul li:last-child {
  margin: 0;
}
#footer .in.language .copyright {
  flex: 0 1 100%;
  padding: 40px 0 0 0;
  font-size: 12px;
  line-height: 133%;
}
#footer .in.language .copyright span {
  display: block;
}
#footer .in.language .copyright a {
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#footer .in.language .copyright .abugo {
  display: block;
  padding: 10px 0 0 0;
}
.lp-content #footer .in.language {
  padding-top: 0;
}
.no-touch #footer .in {
  /* New footer 2/2022 */
}
.no-touch #footer .in.boxes .item .content ul li a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.boxes .item .content ul li a:active {
  color: #000;
  background: #f2f2f2;
}
.no-touch #footer .in.boxes .item .content ul li a.en-only:hover:after,
.no-touch #footer .in.boxes .item .content ul li a.cs-only:hover:after {
  opacity: 1;
}
.no-touch #footer .in.boxes .item .content ul li.more a:hover {
  color: #000;
}
.no-touch #footer .in.boxes .item:last-child .content p a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.alternatives ul li a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.about .breadcrumbs a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.about .description a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.about .list li a:hover {
  color: rgba(0, 0, 0, 0.6);
}
.no-touch #footer .in.language .language-list .select .toggle:hover strong {
  color: #000;
}
.no-touch #footer .in.language .language-list .select .list ul li a:hover {
  background: #f2f2f2;
}
.no-touch #footer .in.language .language-list .select .list ul li a:active {
  background: #006cff;
  color: #fff;
}
.no-touch #footer .in.language .social .list ul li a:hover img {
  opacity: 0.6;
}
.no-touch #footer .in.language .copyright a:hover {
  color: rgba(0, 0, 0, 0.6);
}
@media only screen and (min-width: 480px) {
  #footer .in {
    width: auto;
    /* New footer 2/2022 */
  }
  #footer .in .sui-footer .badges .list ul li .sui-icon.g2-hp-mm-2020 {
    width: 81px;
    height: 106px;
  }
  #footer .in .sui-footer .badges .list ul li .sui-icon.g2-leader-2020 {
    width: 81px;
    height: 106px;
  }
  #footer .in .sui-footer .badges .list ul li .sui-icon.capterra-top-20-2018 {
    width: 125px;
    height: 106px;
  }
  #footer .in.awards {
    width: 400px;
    padding: 0;
    margin: 0 auto;
  }
  #footer .in.awards .title {
    width: 100%;
  }
  #footer .in.security {
    width: 400px;
    margin: 32px auto 0 auto;
    padding: 0;
  }
  #footer .in.boxes {
    width: 400px;
    margin: 32px auto 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  #footer .in.alternatives {
    width: 400px;
    margin: 32px auto 0 auto;
    padding-left: 0;
    padding-right: 0;
  }
  #footer .in.about {
    width: 400px;
    margin: 32px auto 0 auto;
    padding: 16px 0 40px 0;
  }
  #footer .in.language {
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
}
@media only screen and (min-width: 768px) {
  #footer .in {
    width: auto;
    /* New footer 2/2022 */
  }
  #footer .in.awards {
    width: 700px;
  }
  #footer .in.awards:before {
    width: 100%;
    left: 0;
  }
  #footer .in.awards .list {
    padding: 56px 0 0 0;
  }
  #footer .in.awards .list ul li:nth-child(2),
  #footer .in.awards .list ul li:nth-child(4),
  #footer .in.awards .list ul li:nth-child(5) {
    display: list-item;
  }
  #footer .in.awards .list ul li img {
    height: 96px;
  }
  #footer .in.security {
    width: 700px;
    margin: 48px auto 0 auto;
  }
  #footer .in.security:before {
    width: 100%;
    left: 0;
  }
  #footer .in.security .list {
    padding: 48px 0 0 0;
  }
  #footer .in.security .list ul {
    justify-content: space-between;
  }
  #footer .in.security .list ul li:nth-child(1),
  #footer .in.security .list ul li:nth-child(4) {
    display: list-item;
  }
  #footer .in.security .list ul li.trustpilot img {
    width: 122px;
    height: 44px;
  }
  #footer .in.security .list ul li.trustpilot span {
    display: block;
    font-size: 14px;
  }
  #footer .in.security .list ul li.trustpilot span strong {
    font-family: 'Inter SemiBold', sans-serif;
    letter-spacing: -0.01em;
  }
  #footer .in.boxes {
    width: 700px;
    margin: 48px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 56px 0 0 0;
    justify-content: space-between;
  }
  #footer .in.boxes:before {
    width: 100%;
    left: 0;
  }
  #footer .in.boxes .item {
    flex: 0 1 30%;
  }
  #footer .in.boxes .item .title {
    font-family: 'Inter Bold', sans-serif;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 137%;
    display: block;
    height: auto;
    cursor: unset;
  }
  #footer .in.boxes .item .title i {
    display: none;
  }
  #footer .in.boxes .item .content {
    display: block;
    padding: 0;
    font-size: 14px;
  }
  #footer .in.boxes .item .content ul {
    padding: 8px 0 0 0;
  }
  #footer .in.boxes .item .content ul li {
    padding: 16px 0 0 0;
  }
  #footer .in.boxes .item .content ul li a {
    height: auto;
    line-height: 157%;
    border-radius: 0;
    padding: 0;
  }
  #footer .in.boxes .item .content ul li a.en-only:after,
  #footer .in.boxes .item .content ul li a.cs-only:after {
    left: -24px;
  }
  #footer .in.boxes .item:last-child {
    flex: 0 1 100%;
    padding: 40px 0 0 0;
  }
  #footer .in.boxes .item:last-child .content p {
    padding: 24px 0 0 0;
  }
  #footer .in.alternatives {
    width: 700px;
    display: flex;
    font-size: 12px;
  }
  #footer .in.alternatives:before {
    width: 100%;
    left: 0;
  }
  #footer .in.alternatives ul {
    display: flex;
    padding: 0;
  }
  #footer .in.alternatives ul li {
    margin: 0 0 0 16px;
    line-height: 160%;
  }
  #footer .in.alternatives ul li:before {
    top: 8px;
  }
  #footer .in.alternatives ul li:first-child {
    padding: 0;
  }
  #footer .in.alternatives ul li:first-child:before {
    display: none;
  }
  #footer .in.about {
    width: 700px;
    padding: 8px 0 32px 0;
  }
  #footer .in.about:before,
  #footer .in.about:after {
    width: 100%;
    left: 0;
  }
  #footer .in.about .breadcrumbs i {
    margin: 0 4px;
  }
  #footer .in.about .title span {
    font-size: 16px;
    font-family: 'Inter Bold', sans-serif;
    line-height: 137%;
  }
  #footer .in.language {
    width: 700px;
    padding: 40px 0 48px 0;
  }
  #footer .in.language .language-list {
    flex: 0 1 calc(100% - 200px);
  }
  #footer .in.language .language-list .title {
    display: block;
    padding: 0;
    font-family: 'Inter Bold', sans-serif;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 137%;
  }
  #footer .in.language .language-list .select .toggle {
    display: none;
  }
  #footer .in.language .language-list .select .list {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    background: none;
    box-shadow: none;
    border-radius: 0;
    overflow-y: auto;
    padding: 0;
    bottom: auto;
  }
  #footer .in.language .language-list .select .list ul {
    display: flex;
    padding: 12px 0 0 0;
    flex-wrap: wrap;
  }
  #footer .in.language .language-list .select .list ul li {
    padding: 0 27px 0 0;
    margin: 12px 0 0 0;
  }
  #footer .in.language .language-list .select .list ul li:before {
    display: block;
    content: '';
    position: absolute;
    left: auto;
    border-radius: 100%;
    width: 3px;
    height: 3px;
    background: #ced0d5;
    top: calc((100% - 3px) / 2);
    right: 12px;
  }
  #footer .in.language .language-list .select .list ul li a {
    font-size: 14px;
    border-radius: 0;
    padding: 0;
    line-height: 143%;
    height: auto;
  }
  #footer .in.language .social {
    flex: 0 1 160px;
  }
  #footer .in.language .social .title {
    display: block;
    padding: 0;
    font-family: 'Inter Bold', sans-serif;
    letter-spacing: -0.02em;
    font-size: 16px;
    line-height: 137%;
  }
  #footer .in.language .social .list ul {
    padding: 24px 0 0 0;
  }
  #footer .in.language .social .list ul li {
    margin: 0 24px 0 0;
  }
  #footer .in.language .social .list ul li a {
    width: 26px;
    height: 26px;
    position: relative;
  }
  #footer .in.language .social .list ul li a img {
    width: 26px;
    height: 26px;
  }
  #footer .in.language .social .list ul li a span {
    display: none;
    position: absolute;
    border-radius: 6px;
    background: #3d4144;
    font-family: 'Inter SemiBold', sans-serif;
    font-size: 12px;
    top: -32px;
    line-height: 133%;
    color: #fff;
    padding: 0 8px;
    height: 24px;
    align-items: center;
  }
  #footer .in.language .copyright {
    padding: 96px 0 0 0;
  }
  #footer .in.language .copyright span {
    display: inline;
  }
  #footer.v2 .in.boxes .item {
    flex: 0 1 46%;
  }
  #footer.v2 .in.boxes .item:nth-child(3) {
    padding: 40px 0 0;
  }
  .lp-content #footer .in.language .copyright {
    padding: 24px 0 0 0;
  }
  .no-touch #footer .in {
    /* New footer 2/2022 */
  }
  .no-touch #footer .in.boxes .item .content ul li a:active {
    background: none;
    color: rgba(0, 0, 0, 0.6);
  }
  .no-touch #footer .in.language .language-list .select .list ul li a:hover {
    color: rgba(0, 0, 0, 0.6);
    background: none;
  }
  .no-touch #footer .in.language .social .list ul li a:hover span {
    display: inline-flex;
  }
}
@media only screen and (min-width: 1152px) {
  #footer .in {
    /* New footer 2/2022 */
  }
  #footer .in.awards {
    width: 1100px;
  }
  #footer .in.security {
    width: 1100px;
  }
  #footer .in.security .list ul li.iso,
  #footer .in.security .list ul li.gdpr {
    display: flex;
    align-items: center;
  }
  #footer .in.security .list ul li.iso span,
  #footer .in.security .list ul li.gdpr span {
    font-family: 'Inter SemiBold', sans-serif;
    letter-spacing: -0.01em;
    font-size: 14px;
    display: block;
    padding: 0 0 0 16px;
  }
  #footer .in.boxes {
    width: 1100px;
  }
  #footer .in.boxes .item {
    flex: 0 1 22.9%;
  }
  #footer .in.boxes .item:last-child {
    flex: 0 1 22.9%;
    padding: 0;
  }
  #footer .in.boxes .item:last-child .content p {
    padding: 22px 0 0 0;
  }
  #footer .in.alternatives {
    width: 1100px;
    font-size: 14px;
    margin: 48px auto 0 auto;
    padding-top: 40px;
  }
  #footer .in.alternatives ul li:before {
    top: 10px;
  }
  #footer .in.about {
    width: 1100px;
    margin: 40px auto 0 auto;
  }
  #footer .in.about .description {
    font-size: 14px;
  }
  #footer .in.about .title {
    font-size: 14px;
  }
  #footer .in.about .list {
    font-size: 14px;
  }
  #footer .in.about .list li:before {
    top: 5px;
  }
  #footer .in.language {
    width: 1100px;
  }
  #footer .in.language .language-list {
    flex: 0 1 calc(100% - 25.7%);
  }
  #footer .in.language .language-list .select .list ul li.break:before {
    display: none;
  }
  #footer .in.language .social {
    flex: 0 1 22.9%;
  }
  #footer.v2 .in.boxes .item {
    flex: 0 1 22.9%;
  }
  #footer.v2 .in.boxes .item:nth-child(3) {
    padding: 0;
  }
}
@media only screen and (min-width: 1280px) {
  #footer .in .sui-footer {
    width: 1100px;
    padding: 0;
  }
}
#theme .custom-list {
  padding: 10px 0 0 0;
  text-align: left;
}
#theme .custom-list li {
  line-height: 160%;
  padding-top: 10px;
}
#theme .custom-list li:before {
  display: none;
}
#theme .custom-list li svg {
  position: absolute;
  left: 0;
  width: 18px;
  top: 13px;
}
#theme #headline .in {
  padding-top: 0;
  padding-bottom: 55px;
}
#theme #headline .in .image {
  width: 136px;
  height: 136px;
  margin: 0 auto;
}
#theme #headline .in .image picture,
#theme #headline .in .image img {
  display: block;
  border-radius: 100%;
}
#theme #headline .in .image .grid {
  display: none;
}
#theme #headline .in .content h1 {
  padding: 17px 0 0 0;
  font-size: 34px;
}
#theme #headline .in .content .sui-btn {
  background: #303181;
  color: #fff;
}
#theme #headline .in .content .sui-btn.lg {
  width: auto;
  padding-left: 28px;
  padding-right: 28px;
}
#theme #headline .in .content .bullets ul {
  padding: 8px 0 0 0;
}
#theme #headline .in .content .points ul {
  padding: 8px 0;
  text-align: left;
  display: inline-block;
}
#theme #headline .in .content .more {
  padding: 25px 0 0 0;
}
#theme #headline .in .content .types,
#theme #headline .in .content .questions {
  margin: 13px 0 0 0;
}
#theme #headline .in .content .types .select,
#theme #headline .in .content .questions .select {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#theme #headline .in .content .types .select select,
#theme #headline .in .content .questions .select select {
  display: block;
  position: absolute;
  width: 294px;
  height: 30px;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  border: 0;
}
#theme #headline .in .content .types .select .toggle,
#theme #headline .in .content .questions .select .toggle {
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.5s;
}
#theme #headline .in .content .types .select .toggle i,
#theme #headline .in .content .questions .select .toggle i {
  display: inline-block;
  position: relative;
  top: 1px;
  transition: transform 0.5s;
  padding: 0 0 0 2px;
}
#theme #headline .in .content .types .select .toggle.active,
#theme #headline .in .content .questions .select .toggle.active {
  opacity: 1;
}
#theme #headline .in .content .types .select .toggle.active i,
#theme #headline .in .content .questions .select .toggle.active i {
  transform: rotate(180deg);
}
#theme #headline .in .content .types .select .list,
#theme #headline .in .content .questions .select .list {
  display: none;
  bottom: -182px;
  z-index: 1;
  padding: 8px 0;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  background: #fff;
  width: calc(100% - 16px);
  position: absolute;
  left: 8px;
  text-align: left;
  height: 224px;
  box-sizing: border-box;
  overflow-y: scroll;
}
#theme #headline .in .content .types .select .list li,
#theme #headline .in .content .questions .select .list li {
  padding: 0;
}
#theme #headline .in .content .types .select .list li:before,
#theme #headline .in .content .questions .select .list li:before {
  display: none;
}
#theme #headline .in .content .types .select .list li a,
#theme #headline .in .content .questions .select .list li a {
  display: flex;
  padding: 8px 16px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
#theme #headline .in .content .types .select .list li a .image,
#theme #headline .in .content .questions .select .list li a .image {
  width: 32px;
  height: 32px;
  margin: 0 24px 0 0;
  flex: 0 1 32px;
}
#theme #headline .in .content .types .select .list li a .image img,
#theme #headline .in .content .questions .select .list li a .image img {
  border-radius: 100%;
}
#theme #headline .in .content .types .select .list li a .title,
#theme #headline .in .content .questions .select .list li a .title {
  line-height: 90%;
  flex: 0 1 calc(100% - 48px);
  padding: 0;
  font-family: 'Inter Regular', sans-serif;
}
#theme #landing-page .in {
  text-align: left;
  padding: 0 25px;
}
#theme #landing-page .in h2 {
  font-size: 25px;
}
#theme #landing-page .in h3 {
  font-size: 21px;
}
#theme #landing-page .in p {
  line-height: 140%;
}
#theme #landing-page .in a {
  text-decoration: none;
  color: #2030c2;
  font-family: 'Inter SemiBold', sans-serif;
}
#theme #landing-page .in .sui-divider {
  width: 10000px;
  left: -5000px;
}
#theme #landing-page .in .subtitle {
  padding: 3px 0 0 0;
  font-size: 17px;
}
#theme #landing-page .in.stats {
  text-align: center;
  padding-top: 28px;
}
#theme #landing-page .in.stats ul {
  padding: 0;
  width: 270px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#theme #landing-page .in.stats ul li {
  padding: 0;
  display: none;
  flex-wrap: wrap;
  flex: 0 1 48%;
  justify-content: center;
  align-content: flex-start;
}
#theme #landing-page .in.stats ul li:before {
  display: none;
}
#theme #landing-page .in.stats ul li:nth-child(-n+2) {
  display: flex;
}
#theme #landing-page .in.stats ul li svg {
  height: 19px;
}
#theme #landing-page .in.stats ul li span {
  line-height: 160%;
  padding: 12px 0 0 0;
  flex: 0 1 100%;
}
#theme #landing-page .in.areas {
  padding: 0 25px 40px 25px;
}
#theme #landing-page .in.areas .group h3 {
  font-size: 18px;
}
#theme #landing-page .in.areas .group .list ul {
  padding: 15px 0 0 0;
}
#theme #landing-page .in.areas .group .list ul li {
  padding: 0;
  position: relative;
}
#theme #landing-page .in.areas .group .list ul li:before {
  display: none;
}
#theme #landing-page .in.areas .group .list ul li a {
  position: relative;
  display: flex;
  text-align: left;
  padding: 16px 25px 16px 0;
  font-family: 'Inter Regular', sans-serif;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  line-height: 140%;
  color: #000;
  border-top: 1px solid #e9e9e9;
  transition: none;
  box-sizing: border-box;
}
#theme #landing-page .in.areas .group .list ul li a:before {
  position: absolute;
  right: -5px;
  font-size: 20px;
  color: #ba8e81;
  transform: rotate(-90deg);
  top: calc((100% - 21px) / 2);
}
#theme #landing-page .in.areas .group .list ul li a:after {
  content: '';
  position: absolute;
  display: block;
  background: #edeff0;
  opacity: 0;
  transition: opacity 0.5s;
  width: calc(100% + 20px);
  height: calc(100% + 1px);
  top: 0;
  left: -10px;
  border-radius: 8px;
  z-index: -1;
}
#theme #landing-page .in.areas .group .list ul li:first-child a {
  border-top: 0;
}
#theme #landing-page .in.image-content {
  padding-top: 10px;
}
#theme #landing-page .in.image-content .sui-btn.md {
  width: auto;
  padding-left: 24px;
  padding-right: 24px;
}
#theme #landing-page .in.image-content .content p {
  padding: 5px 0 0 0;
}
#theme #landing-page .in.image-content .content p.paragraph {
  padding: 22px 0 0 0;
}
#theme #landing-page .in.image-content .content p.more {
  display: flex;
  padding: 22px 0 0 0;
}
#theme #landing-page .in.image-content .content ul {
  padding: 10px 0 0 0;
}
#theme #landing-page .in.image-content .content ul li {
  line-height: 160%;
  padding-top: 10px;
}
#theme #landing-page .in.image-content .content ul li:before {
  top: 10px;
}
#theme #landing-page .in.image-content .image {
  margin: 32px 0 0 0;
  position: relative;
  left: -25px;
  width: calc(100% + 50px);
}
#theme #landing-page .in.image-content .image img {
  vertical-align: bottom;
}
#theme #landing-page .in.image-content.right .image .grid {
  display: none;
}
#theme #landing-page .in.image-content.bottom .sui-btn.md {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#theme #landing-page .in.image-content.bottom .image .grid {
  display: none;
}
#theme #landing-page .in.features {
  padding-top: 10px;
  padding-bottom: 25px;
}
#theme #landing-page .in.features .use-case-highlight.type-b {
  margin: 32px 0;
}
#theme #landing-page .in.features .list ul {
  padding: 10px 0 5px 0;
}
#theme #landing-page .in.features .list ul li {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#theme #landing-page .in.features .list ul li:before {
  display: none;
}
#theme #landing-page .in.features .list ul li .icon {
  margin: 23px 0 0 0;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 1 34px;
}
#theme #landing-page .in.features .list ul li .content {
  padding: 25px 0 0 0;
  flex: 0 1 calc(100% - 50px);
}
#theme #landing-page .in.features .list ul li .content h3 {
  padding: 5px 0 0 0;
  font-size: 16px;
}
#theme #landing-page .in.features .list ul li .content ul {
  padding: 10px 0 0 0;
}
#theme #landing-page .in.features .list ul li .content ul li {
  line-height: 170%;
}
#theme #landing-page .in.features .list ul li .content ul li span {
  opacity: 0.6;
}
#theme #landing-page .in.features .list ul li .content p {
  padding: 4px 0 0 0;
}
#theme #landing-page .in.features .more {
  display: flex;
}
#theme #landing-page .in.promo {
  padding-bottom: 20px;
}
#theme #landing-page .in.promo .image {
  position: relative;
  left: -25px;
  width: calc(100% + 50px);
}
#theme #landing-page .in.promo .content {
  padding: 5px 0 10px 0;
}
#theme #landing-page .in.promo .content h2,
#theme #landing-page .in.promo .content h3 {
  padding-bottom: 10px;
}
#theme #landing-page .in.promo .content p {
  padding: 5px 0 0 0;
}
#theme #landing-page .in.promo .content p.more {
  display: flex;
  padding: 22px 0 0 0;
}
#theme #landing-page .in.benefits {
  padding-top: 5px;
  padding-bottom: 40px;
}
#theme #landing-page .in.benefits .content ul {
  padding: 5px 0;
}
#theme #landing-page .in.benefits .content ul li {
  line-height: 130%;
  padding-left: 30px;
}
#theme #landing-page .in.benefits .content ul li:before {
  font-size: 12px;
  top: 21px;
}
#theme #landing-page .in.benefits .content .more {
  display: flex;
}
#theme #landing-page .in.benefits.indent {
  margin: 30px 0 0 0;
}
#theme #landing-page .in.review {
  padding-top: 8px;
  padding-bottom: 30px;
}
#theme #landing-page .in.review .content .text {
  padding: 18px 0 0 0;
  line-height: 160%;
}
#theme #landing-page .in.review .content .sui-customer-review-name {
  margin: 25px 0 0 0;
}
#theme #landing-page .in.review .content .sui-customer-review-name .sui-people {
  width: 48px;
  height: 48px;
  margin: 0 16px 0 0;
}
#theme #landing-page .in.review .content .sui-customer-review-name .author {
  width: calc(100% - 64px);
}
#theme #landing-page .in.review .content .sui-customer-review-name .author p {
  padding: 5px 0 0 0;
}
#theme #landing-page .in.review .content .sui-rating {
  margin: 15px 0 0 0;
  padding: 0 0 0 64px;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon {
  font-size: 16px;
  margin: 0 5px 0 0;
  opacity: 1;
  position: relative;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon:last-child {
  margin: 0;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon:last-child:before {
  opacity: 0.2;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon:last-child.highlight:before {
  opacity: 1;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon .sui-icon {
  position: absolute;
  top: 0;
  left: 0;
}
#theme #landing-page .in.review .content .sui-rating .sui-icon.highlight {
  color: #303181;
}
#theme #landing-page .in.review .content .more {
  padding: 35px 0 0 0;
  display: flex;
}
#theme #landing-page .in.logos {
  padding-top: 30px;
  padding-bottom: 30px;
}
#theme #landing-page .in.logos .list ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
}
#theme #landing-page .in.logos .list ul li {
  padding: 0;
  flex: 0 1 33.33333%;
  display: none;
  align-items: center;
  justify-content: center;
}
#theme #landing-page .in.logos .list ul li:before {
  display: none;
}
#theme #landing-page .in.logos .list ul li:nth-child(-n+3) {
  display: flex;
}
#theme #landing-page .in.logos .list ul li:first-child {
  justify-content: flex-start;
}
#theme #landing-page .in.logos .list ul li:nth-child(3) {
  justify-content: flex-end;
}
#theme #landing-page .in.logos .list ul li svg {
  width: 90px;
  height: auto;
}
#theme #landing-page .in.another {
  padding-top: 10px;
  padding-bottom: 45px;
  margin: 20px auto 0 auto;
}
#theme #landing-page .in.another .list ul {
  padding: 15px 0 15px 0;
}
#theme #landing-page .in.another .list ul li {
  padding: 0;
  margin: 8px 0 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  transition: border 0.5s;
}
#theme #landing-page .in.another .list ul li:before {
  display: none;
}
#theme #landing-page .in.another .list ul li a {
  display: flex;
  border-radius: 5px;
  padding: 12px 35px 12px 16px;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
#theme #landing-page .in.another .list ul li a:before {
  transform: rotate(-90deg);
  position: absolute;
  right: 14px;
  top: calc((100% - 12px) / 2);
  opacity: 0.5;
}
#theme #landing-page .in.another .list ul li a .image {
  border-radius: 100%;
  overflow: hidden;
  width: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 0 16px 0 0;
  flex: 0 1 40px;
}
#theme #landing-page .in.another .list ul li a .image img {
  width: auto;
  height: 100%;
}
#theme #landing-page .in.another .list ul li a .title {
  line-height: 90%;
  flex: 0 1 calc(100% - 56px);
  padding: 0;
  font-family: 'Inter Regular', sans-serif;
}
#theme #landing-page.simple .in.intro {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 32px;
}
#theme #landing-page.simple .in.review h2 {
  font-size: 20px;
}
#theme #landing-page.simple .in.review .content .text {
  font-size: 14px;
}
#theme #landing-page.facebook-surveys .in.benefits {
  margin: 32px 0 0 0;
}
#theme #landing-page.facebook-surveys .in.review h2 {
  font-size: 20px;
}
#theme #landing-page.facebook-surveys .in.review .content .text {
  font-size: 14px;
}
#trial {
  position: fixed;
  opacity: 0;
  z-index: 1;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  display: none;
  transition: opacity 0.5s;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  background: #fff;
  text-align: left;
}
#trial .head {
  padding: 32px 25px 0 25px;
  display: flex;
  flex: 0 1 100%;
  justify-content: space-between;
}
#trial .head .close {
  cursor: pointer;
  color: #000;
  margin: 16px 16px 0 0;
  position: relative;
}
#trial .head .close:before {
  content: '';
  width: 56px;
  height: 56px;
  top: -16px;
  left: -16px;
  border-radius: 16px;
  position: absolute;
  display: block;
  box-sizing: border-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
#trial .content {
  flex: 0 1 100%;
}
#trial .content .in {
  padding: 10px 25px 30px 25px;
}
#trial .content .in h3 {
  font-size: 25px;
  padding: 20px 0 0 0;
}
#trial .content .in ul {
  padding: 15px 0 0 0;
}
#trial .content .in ul li {
  padding: 12px 0 0 0;
}
#trial .content .in ul li:before {
  display: none;
}
#trial .content .in ul li.terms {
  padding: 23px 0 0 0;
}
#trial .content .in ul li.terms .sui-checkbox label {
  font-size: 12px;
  top: 1px;
}
#trial .content .in .text {
  padding: 7px 0 0 0;
}
#trial .content .in .submit .sui-btn {
  padding-left: 28px;
  padding-right: 28px;
  width: auto;
}
#trial .content .in .logos ul {
  padding: 25px 0 0 0;
  display: flex;
}
#trial .content .in .logos ul li {
  padding: 0;
  margin: 0 35px 0 0;
  display: none;
}
#trial .content .in .logos ul li:before {
  display: none;
}
#trial .content .in .logos ul li:nth-child(-n+2) {
  display: block;
}
#trial .content .in .logos ul li:nth-child(2) {
  margin: 0;
}
#trial .content .in .logos ul li img {
  width: auto;
  height: 44px;
}
#trial .review {
  flex: 0 1 100%;
}
#trial .review .in {
  padding: 40px 0 35px 0;
  margin: 0 auto;
  width: 250px;
}
#trial .review .in .author {
  display: flex;
  align-items: center;
}
#trial .review .in .author .image {
  width: 64px;
  height: 64px;
  margin: 0 16px 0 0;
}
#trial .review .in .author .image img {
  border-radius: 100%;
}
#trial .review .in .author .name {
  line-height: 110%;
}
#trial .review .in .author .name span {
  display: block;
}
#trial .review .in .author .grid {
  display: none;
}
#trial .review .in .text {
  margin: 37px 0 0 25px;
  width: 225px;
  box-sizing: border-box;
  padding: 50px 32px 45px 32px;
  position: relative;
}
#trial .review .in .text:before {
  width: 0;
  height: 0;
  content: '';
  display: block;
  position: absolute;
  top: -20px;
  left: 0;
  border-style: solid;
  border-width: 20px 0 0 40px;
}
#trial .review .in .text svg {
  position: absolute;
  top: 35px;
  left: 32px;
}
#trial .review .in .text p {
  padding: 10px 0 0 0;
}
#trial.open {
  opacity: 1;
}
.no-touch #theme #headline .in .content .sui-btn:hover {
  background: #424394;
}
.no-touch #theme #headline .in .content .sui-btn:active {
  background: #303181;
}
.no-touch #theme #headline .in .content .types .select select,
.no-touch #theme #headline .in .content .questions .select select {
  display: none;
}
.no-touch #theme #headline .in .content .types .select .toggle:hover,
.no-touch #theme #headline .in .content .questions .select .toggle:hover {
  opacity: 1;
}
.no-touch #theme #headline .in .content .types .select .list li a:hover,
.no-touch #theme #headline .in .content .questions .select .list li a:hover {
  background: #edeff0;
}
.no-touch #theme #landing-page .in a:hover {
  color: #000;
}
.no-touch #theme #landing-page .in.areas .group .list ul li:hover {
  z-index: 1;
}
.no-touch #theme #landing-page .in.areas .group .list ul li:hover a:hover {
  border-top-color: transparent;
}
.no-touch #theme #landing-page .in.areas .group .list ul li:hover a:hover:after {
  opacity: 1;
}
.no-touch #theme #landing-page .in.another .list ul li:hover a {
  background: rgba(0, 0, 0, 0.1);
}
.no-touch #theme #landing-page .in.another .list ul li:active {
  border-color: rgba(0, 0, 0, 0.2);
}
.no-touch #theme #landing-page .in.another .list ul li:active a {
  background: rgba(0, 0, 0, 0.2);
}
.no-touch #trial .content .in ul li.terms .sui-checkbox:hover label {
  color: #303181;
}
@media only screen and (min-width: 429px) {
  #theme #headline .in .sui-btn {
    width: auto;
    padding-left: 28px;
    padding-right: 28px;
  }
  #theme #landing-page .in.stats ul {
    width: 379px;
  }
  #theme #landing-page .in.image-content .image {
    left: auto;
    width: 100%;
  }
  #theme #landing-page .in.image-content.bottom {
    padding-bottom: 40px;
  }
  #theme #landing-page .in.image-content.bottom .sui-btn.md {
    width: auto;
    padding-left: 24px;
    padding-right: 24px;
  }
  #theme #landing-page .in.features .list ul {
    display: flex;
    padding: 0;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #theme #landing-page .in.features .list ul li {
    flex: 0 1 48%;
    margin: 0 4% 0 0;
    display: block;
    padding: 30px 0 0 0;
  }
  #theme #landing-page .in.features .list ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.features .list ul li .icon {
    justify-content: flex-start;
    margin: 0;
  }
  #theme #landing-page .in.features .list ul li .content {
    padding: 15px 0 0 0;
  }
  #theme #landing-page .in.features .list ul li .content ul {
    display: block;
    padding: 7px 0 0;
  }
  #theme #landing-page .in.features .list ul li .content ul li {
    padding: 0;
  }
  #theme #landing-page .in.features .more {
    padding: 28px 0 0 0;
  }
  #theme #landing-page .in.features .more .sui-btn {
    width: auto;
    padding-right: 28px;
    padding-left: 28px;
  }
  #theme #landing-page .in.promo .content p.more .sui-btn {
    width: auto;
    padding-right: 24px;
    padding-left: 24px;
  }
  #theme #landing-page .in.benefits {
    padding-top: 10px;
  }
  #theme #landing-page .in.benefits .content p.more .sui-btn {
    width: auto;
    padding-right: 28px;
    padding-left: 28px;
  }
  #theme #landing-page .in.review .content p.more .sui-btn {
    width: auto;
    padding-right: 28px;
    padding-left: 28px;
  }
  #theme #landing-page .in.another h3 {
    text-align: center;
  }
  #theme #landing-page .in.another p.more {
    text-align: center;
  }
  #theme #landing-page .in.another p.more .sui-btn {
    width: auto;
    padding-right: 28px;
    padding-left: 28px;
  }
  #theme #landing-page .in.another .list ul li a .title {
    text-align: left;
  }
}
@media only screen and (min-width: 480px) {
  #theme #headline .in {
    padding-left: 0;
    padding-right: 0;
    width: 416px;
  }
  #theme #headline .in .content .types .select .list,
  #theme #headline .in .content .questions .select .list {
    width: 100%;
    left: 0;
  }
  #theme #headline .sui-cover {
    height: calc(35px + 2vw);
  }
  #theme #landing-page .in {
    padding-left: 0;
    padding-right: 0;
    width: 416px;
  }
  #theme #landing-page .in.stats ul {
    width: 100%;
  }
  #theme #landing-page .in.stats ul li {
    flex: 0 1 31%;
  }
  #theme #landing-page .in.stats ul li:nth-child(-n+3) {
    display: flex;
  }
  #theme #landing-page .in.areas {
    padding: 10px 0 50px 0;
  }
  #theme #landing-page .in.areas .group {
    padding: 10px 0 0 0;
  }
  #theme #landing-page .in.areas .group .list ul li a:after {
    width: calc(100% + 28px);
    left: -14px;
  }
  #theme #landing-page .in.image-content {
    padding-top: 20px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #theme #landing-page .in.image-content .content {
    flex: 0 1 196px;
  }
  #theme #landing-page .in.image-content .content p.more {
    padding: 30px 0 0 0;
  }
  #theme #landing-page .in.image-content .image {
    flex: 0 1 196px;
    margin: 25px 0 0 0;
  }
  #theme #landing-page .in.image-content .image img {
    border-radius: 16px;
  }
  #theme #landing-page .in.image-content .text {
    flex: 0 1 100%;
  }
  #theme #landing-page .in.image-content.right {
    flex-direction: row-reverse;
  }
  #theme #landing-page .in.image-content.right h2 {
    padding: 0;
    flex: 0 1 100%;
  }
  #theme #landing-page .in.image-content.right .additional {
    padding: 25px 0 10px 0;
  }
  #theme #landing-page .in.image-content.left h2 {
    padding: 0;
  }
  #theme #landing-page .in.image-content.left .additional {
    padding: 25px 0 10px 0;
  }
  #theme #landing-page .in.image-content.bottom {
    display: block;
  }
  #theme #landing-page .in.features {
    padding-top: 20px;
  }
  #theme #landing-page .in.features .more {
    padding: 33px 0 0;
    justify-content: center;
  }
  #theme #landing-page .in.promo {
    width: 100%;
  }
  #theme #landing-page .in.promo .image {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  }
  #theme #landing-page .in.promo .image img {
    height: 292px;
    width: auto;
  }
  #theme #landing-page .in.promo .content {
    width: 416px;
    margin: 0 auto;
    padding: 10px 0 20px 0;
  }
  #theme #landing-page .in.benefits {
    width: 100%;
  }
  #theme #landing-page .in.benefits .content {
    width: 416px;
    margin: 0 auto;
  }
  #theme #landing-page .in.review .content {
    position: relative;
  }
  #theme #landing-page .in.review .content:before {
    opacity: 0.04;
    content: '';
    display: block;
    position: absolute;
    top: -3px;
    left: -111px;
    width: 86px;
    height: 70px;
    background: url('../images/icon-quote-a.svg') no-repeat center center;
    background-size: cover;
  }
  #theme #landing-page .in.logos .list ul li svg {
    width: 120px;
  }
  #theme #landing-page .in.another .list ul {
    padding: 20px 0 15px 0;
  }
  #theme #landing-page .in.another .list ul li a .title {
    position: relative;
    top: -1px;
  }
  #theme #landing-page.facebook-surveys .in.image-content.left h3 {
    padding-bottom: 16px;
  }
  #trial .head {
    padding: 32px 32px 0 32px;
  }
  #trial .content .in {
    width: 416px;
    margin: 0 auto;
    padding: 25px 0 35px 0;
  }
  #trial .content .in ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #trial .content .in ul li {
    flex: 0 1 100%;
  }
  #trial .content .in ul li:nth-child(3) {
    flex: 0 1 234px;
  }
  #trial .content .in ul li:nth-child(4) {
    flex: 0 1 170px;
  }
  #trial .content .in .logos ul {
    padding: 30px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
  #trial .content .in .logos ul li {
    margin: 0;
    flex: none;
  }
  #trial .content .in .logos ul li:nth-child(-n+3) {
    display: block;
  }
  #trial .content .in .logos ul li:nth-child(2) {
    margin: 0;
  }
  #trial .content .in .logos ul li:nth-child(3) {
    margin: 0;
  }
  #trial .review .in {
    padding: 40px 0 95px 0;
  }
}
@media only screen and (min-width: 768px) {
  #theme #header .in .sui-header-full.new .nav .demo .button.filled.blue {
    background: none;
    color: #000;
  }
  #theme #headline .in {
    width: 704px;
    padding-bottom: 72px;
    display: flex;
    justify-content: flex-start;
    min-height: 398px;
  }
  #theme #headline .in .image {
    height: 384px;
    z-index: 1;
    right: -32px;
    margin: 0;
    position: absolute;
    width: 384px;
    bottom: -10px;
  }
  #theme #headline .in .image img {
    border-radius: 16px;
  }
  #theme #headline .in .content {
    flex: 0 1 50%;
    text-align: left;
    padding: 0 20px 0 0;
  }
  #theme #headline .in .content h1 {
    padding: 30px 0 0 0;
  }
  #theme #headline .in .content .types .select,
  #theme #headline .in .content .questions .select {
    justify-content: flex-start;
    position: relative;
  }
  #theme #headline .in .content .types .select .list,
  #theme #headline .in .content .questions .select .list {
    width: 376px;
    bottom: auto;
    top: 42px;
  }
  #theme #headline .in .content .types .select .list li a .image,
  #theme #headline .in .content .questions .select .list li a .image {
    right: auto;
    position: relative;
    bottom: auto;
  }
  #theme #headline .sui-cover {
    height: 30px;
  }
  #theme #landing-page .in {
    width: 704px;
  }
  #theme #landing-page .in h2 {
    font-size: 30px;
  }
  #theme #landing-page .in h3 {
    font-size: 24px;
  }
  #theme #landing-page .in .subtitle {
    padding: 6px 0 0 0;
  }
  #theme #landing-page .in.stats ul li {
    display: flex;
    flex: 0 1 19%;
  }
  #theme #landing-page .in.areas {
    display: flex;
    padding: 20px 0 50px 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #theme #landing-page .in.areas h2 {
    flex: 0 1 100%;
    text-align: center;
  }
  #theme #landing-page .in.areas .group {
    text-align: center;
    flex: 0 1 47%;
    padding: 25px 0 0 0;
  }
  #theme #landing-page .in.areas .group h3 {
    text-align: left;
    font-size: 20px;
  }
  #theme #landing-page .in.areas .group .list ul {
    padding: 25px 0 0 0;
  }
  #theme #landing-page .in.intro {
    padding-top: 35px;
    padding-bottom: 10px;
  }
  #theme #landing-page .in.intro p {
    line-height: 160%;
  }
  #theme #landing-page .in.image-content {
    padding-top: 35px;
    flex-direction: row-reverse;
  }
  #theme #landing-page .in.image-content .content {
    flex: 0 1 320px;
  }
  #theme #landing-page .in.image-content .image {
    flex: 0 1 320px;
    position: relative;
  }
  #theme #landing-page .in.image-content .text {
    flex: 0 1 100%;
    padding: 15px 0 0 0;
    text-align: center;
  }
  #theme #landing-page .in.image-content.left h2 {
    text-align: center;
    padding: 25px 0 0 0;
    flex: 0 1 100%;
  }
  #theme #landing-page .in.image-content.left .additional {
    text-align: center;
    padding: 25px 0 35px 0;
  }
  #theme #landing-page .in.image-content.left .image {
    position: relative;
  }
  #theme #landing-page .in.image-content.left .image:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 270px;
    top: 32px;
    border-radius: 16px;
    left: -32px;
  }
  #theme #landing-page .in.image-content.left .image img {
    position: relative;
  }
  #theme #landing-page .in.image-content.right {
    flex-direction: row;
  }
  #theme #landing-page .in.image-content.right h2 {
    text-align: center;
    padding: 25px 0 0 0;
  }
  #theme #landing-page .in.image-content.right .additional {
    text-align: center;
    padding: 25px 0 45px 0;
  }
  #theme #landing-page .in.image-content.right .image .grid {
    display: block;
    position: absolute;
    top: -40px;
    right: -40px;
    z-index: -1;
  }
  #theme #landing-page .in.image-content.bottom {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  #theme #landing-page .in.image-content.bottom .content {
    text-align: center;
  }
  #theme #landing-page .in.image-content.bottom .content p.more {
    padding: 35px 0 0 0;
    justify-content: center;
  }
  #theme #landing-page .in.image-content.bottom .content .columns.three ul {
    display: flex;
    padding: 0;
    justify-content: space-between;
  }
  #theme #landing-page .in.image-content.bottom .content .columns.three ul li {
    display: flex;
    justify-content: center;
    margin: 30px 0 0 0;
    flex: 0 1 29%;
    padding: 35px 0 0 0;
  }
  #theme #landing-page .in.image-content.bottom .content .columns.three ul li:before {
    top: 0;
    font-size: 22px;
    left: auto;
  }
  #theme #landing-page .in.image-content.bottom .image {
    margin: 40px 0 0 0;
  }
  #theme #landing-page .in.features {
    padding-bottom: 10px;
  }
  #theme #landing-page .in.features h2 {
    text-align: center;
  }
  #theme #landing-page .in.features .subtitle {
    text-align: center;
  }
  #theme #landing-page .in.features .list ul {
    padding: 5px 0 0 0;
  }
  #theme #landing-page .in.features .list ul li {
    padding: 35px 0 0 0;
    flex: 0 1 31%;
    margin: 0 3.5% 0 0;
    text-align: center;
  }
  #theme #landing-page .in.features .list ul li:nth-child(2n+0) {
    margin-right: 3.5%;
  }
  #theme #landing-page .in.features .list ul li:nth-child(3n+0) {
    margin: 0;
  }
  #theme #landing-page .in.features .list ul li .icon {
    justify-content: center;
  }
  #theme #landing-page .in.features .list ul li .content {
    padding: 20px 0 0 0;
  }
  #theme #landing-page .in.promo {
    padding: 10px 0;
  }
  #theme #landing-page .in.promo .image {
    position: absolute;
    height: 100%;
    top: 0;
  }
  #theme #landing-page .in.promo .image img {
    height: auto;
    width: 100%;
  }
  #theme #landing-page .in.promo .content {
    position: relative;
    padding: 40px 428px 40px 40px;
    box-sizing: border-box;
    width: 704px;
  }
  #theme #landing-page .in.promo .content:before {
    position: absolute;
    width: 320px;
    height: 100%;
    content: '';
    display: block;
    top: 0;
    left: 0;
  }
  #theme #landing-page .in.promo .content h2,
  #theme #landing-page .in.promo .content h3 {
    padding-top: 0;
    position: relative;
    z-index: 1;
  }
  #theme #landing-page .in.promo .content p {
    position: relative;
    z-index: 1;
  }
  #theme #landing-page .in.promo .content p.more {
    padding: 30px 0 0 0;
  }
  #theme #landing-page .in.benefits {
    padding-top: 30px;
    padding-bottom: 60px;
  }
  #theme #landing-page .in.benefits .content {
    width: 704px;
  }
  #theme #landing-page .in.benefits .content h2,
  #theme #landing-page .in.benefits .content h3 {
    text-align: center;
  }
  #theme #landing-page .in.benefits .content ul {
    display: flex;
    padding: 20px 30px 0 30px;
    flex-wrap: wrap;
  }
  #theme #landing-page .in.benefits .content ul li {
    flex: 0 1 48%;
    box-sizing: border-box;
    margin: 0 4% 0 0;
    line-height: 140%;
    padding: 23px 0 0 30px;
  }
  #theme #landing-page .in.benefits .content ul li:before {
    top: 23px;
  }
  #theme #landing-page .in.benefits .content ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.benefits .content .more {
    text-align: center;
    padding: 30px 0 0 0;
    justify-content: center;
  }
  #theme #landing-page .in.review {
    padding-top: 25px;
    padding-bottom: 60px;
  }
  #theme #landing-page .in.review h2,
  #theme #landing-page .in.review h3 {
    text-align: center;
  }
  #theme #landing-page .in.review .content {
    margin: 0 auto;
    width: 570px;
  }
  #theme #landing-page .in.review .content .text {
    padding: 25px 0 0 0;
  }
  #theme #landing-page .in.review .content .sui-customer-review-name {
    margin: 35px 0 0 0;
  }
  #theme #landing-page .in.review .content .more {
    padding: 50px 0 0;
    justify-content: center;
  }
  #theme #landing-page .in.logos {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #theme #landing-page .in.logos .list ul li {
    flex: 0 1 20%;
    display: flex;
  }
  #theme #landing-page .in.logos .list ul li:nth-child(3) {
    justify-content: center;
  }
  #theme #landing-page .in.logos .list ul li:last-child {
    justify-content: flex-end;
  }
  #theme #landing-page .in.another {
    padding-top: 30px;
    padding-bottom: 45px;
    text-align: center;
    margin: 45px auto 0 auto;
  }
  #theme #landing-page .in.another h2,
  #theme #landing-page .in.another h3 {
    text-align: center;
  }
  #theme #landing-page .in.another .list {
    padding: 15px 0 10px 0;
  }
  #theme #landing-page .in.another .list ul {
    display: flex;
    flex-wrap: wrap;
  }
  #theme #landing-page .in.another .list ul li {
    flex: 0 1 48%;
    margin: 8px 4% 0 0;
    box-sizing: border-box;
  }
  #theme #landing-page .in.another .list ul li:nth-child(2n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.another .list ul li a {
    padding: 20px 35px 20px 16px;
  }
  #theme #landing-page .in.another .list ul li a .title {
    top: -3px;
    line-height: 60%;
  }
  #theme #landing-page .in.another .more {
    text-align: center;
  }
  #theme #landing-page.simple .in.intro {
    padding-bottom: 48px;
  }
  #theme #landing-page.facebook-surveys .in.image-content.left h3 {
    flex: 0 1 100%;
    text-align: center;
    padding-bottom: 24px;
  }
  #theme #landing-page.facebook-surveys .in.benefits .content p {
    text-align: center;
  }
  #theme #landing-page.facebook-surveys .in.benefits .content ul {
    padding-bottom: 24px;
  }
  .no-touch #theme #header .in .sui-header-full.new .nav .demo .button.filled.blue:hover {
    background: rgba(0, 0, 0, 0.06);
  }
}
@media only screen and (min-width: 938px) {
  #trial {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #trial .head {
    position: absolute;
    width: 100%;
  }
  #trial .content {
    display: flex;
    align-items: center;
    flex: 0 1 61.72707%;
    justify-content: flex-end;
  }
  #trial .content .in {
    padding: 0;
    margin: 0 80px 0 0;
  }
  #trial .content .in h3 {
    padding: 0;
  }
  #trial .review {
    display: flex;
    align-items: center;
    flex: 0 1 38.27292%;
  }
  #trial .review .in {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: flex-start;
    margin: 0 0 0 62px;
  }
  #trial .review .in .text {
    margin: 0 0 37px 10px;
  }
  #trial .review .in .text:before {
    top: auto;
    bottom: -20px;
    left: 0;
    border-style: solid;
    border-width: 0 0 20px 40px;
  }
}
@media only screen and (min-width: 1152px) {
  #theme.fixed-menu #header .in .sui-header-full .nav li.demo .button.filled.blue {
    background: #e9f0fc;
    color: #303181;
  }
  .no-touch #theme.fixed-menu #header .in .sui-header-full .nav li.demo .button.filled.blue:hover {
    background: #d3e1f9;
  }
  .no-touch #theme.fixed-menu #header .in .sui-header-full .nav li.demo .button.filled.blue:active {
    background: #bcd1f6;
  }
}
@media only screen and (min-width: 1280px) {
  #theme #headline .in {
    width: 978px;
    padding-bottom: 105px;
    min-height: 498px;
  }
  #theme #headline .in .image {
    width: 489px;
    height: 489px;
    right: -40px;
    bottom: -12px;
  }
  #theme #headline .in .image img {
    border-radius: 24px;
  }
  #theme #headline .in .image .grid {
    display: block;
    position: absolute;
    top: 270px;
    left: -40px;
  }
  #theme #headline .in .image .grid svg path {
    fill: #c6c5c7;
  }
  #theme #headline .in .content h1 {
    font-size: 44px;
    padding: 65px 0 0 0;
  }
  #theme #headline .in .content .text {
    font-size: 16.5px;
  }
  #theme #headline .in .content .more {
    padding: 35px 0 0 0;
  }
  #theme #headline .in .content .types,
  #theme #headline .in .content .questions {
    margin: 25px 0 0 0;
  }
  #theme #headline .in .content .types .select .list,
  #theme #headline .in .content .questions .select .list {
    bottom: -135px;
  }
  #theme #headline .sui-cover {
    height: 45px;
  }
  #theme #landing-page .in {
    width: 978px;
  }
  #theme #landing-page .in h2 {
    font-size: 38px;
  }
  #theme #landing-page .in h3 {
    font-size: 26px;
  }
  #theme #landing-page .in .subtitle {
    padding: 6px 15% 0 15%;
  }
  #theme #landing-page .in.stats {
    padding-top: 45px;
  }
  #theme #landing-page .in.stats ul li {
    flex: 0 1 17%;
  }
  #theme #landing-page .in.areas {
    padding: 30px 0 80px 0;
  }
  #theme #landing-page .in.areas .group {
    flex: 0 1 46%;
    padding: 35px 0 0 0;
  }
  #theme #landing-page .in.image-content {
    padding-top: 55px;
  }
  #theme #landing-page .in.image-content .content {
    flex: 0 1 428px;
    padding: 0 0 0 30px;
  }
  #theme #landing-page .in.image-content .content p.more {
    padding: 40px 0 0 0;
  }
  #theme #landing-page .in.image-content .image {
    flex: 0 1 428px;
  }
  #theme #landing-page .in.image-content .image img {
    border-radius: 24px;
  }
  #theme #landing-page .in.image-content .text {
    padding: 90px 0 10px 0;
  }
  #theme #landing-page .in.image-content.left .image:before {
    width: 340px;
    height: 304px;
    border-radius: 24px;
    top: 95px;
    left: -39px;
  }
  #theme #landing-page .in.image-content.bottom {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  #theme #landing-page .in.image-content.bottom .content {
    padding: 0;
  }
  #theme #landing-page .in.image-content.bottom .image .grid {
    display: block;
    position: absolute;
    bottom: -42px;
    left: 130px;
  }
  #theme #landing-page .in.features {
    padding-top: 65px;
    padding-bottom: 20px;
  }
  #theme #landing-page .in.features .use-case-highlight.type-b {
    margin: 16px 0 56px 0;
  }
  #theme #landing-page .in.features .list ul {
    padding: 15px 0 0 0;
  }
  #theme #landing-page .in.features .list ul li {
    padding: 45px 0 0 0;
    flex: 0 1 23%;
    margin: 0 2.66666% 0 0;
  }
  #theme #landing-page .in.features .list ul li:nth-child(2n+0) {
    margin-right: 2.66666%;
  }
  #theme #landing-page .in.features .list ul li:nth-child(3n+0) {
    margin-right: 2.66666%;
  }
  #theme #landing-page .in.features .list ul li:nth-child(4n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.features .more {
    padding: 50px 0 0 0;
  }
  #theme #landing-page .in.promo {
    padding: 70px 0;
  }
  #theme #landing-page .in.promo .content {
    width: 978px;
    padding: 40px 624px 40px 70px;
  }
  #theme #landing-page .in.promo .content:before {
    width: 368px;
    left: 30px;
  }
  #theme #landing-page .in.benefits {
    padding-bottom: 55px;
  }
  #theme #landing-page .in.benefits .content {
    width: 978px;
  }
  #theme #landing-page .in.benefits .content ul {
    padding: 20px 0 0 0;
  }
  #theme #landing-page .in.benefits .content ul li {
    flex: 0 1 31%;
    margin: 0 3.5% 0 0;
  }
  #theme #landing-page .in.benefits .content ul li:nth-child(2n+0) {
    margin-right: 3.5%;
  }
  #theme #landing-page .in.benefits .content ul li:nth-child(3n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.benefits .content .more {
    padding: 50px 0 0 0;
  }
  #theme #landing-page .in.another .list {
    padding: 15px 0 20px 0;
  }
  #theme #landing-page .in.another .list ul li {
    flex: 0 1 32%;
    margin: 20px 2% 0 0;
  }
  #theme #landing-page .in.another .list ul li:nth-child(2n+0) {
    margin-right: 2%;
  }
  #theme #landing-page .in.another .list ul li:nth-child(3n+0) {
    margin-right: 0;
  }
  #theme #landing-page .in.review .content {
    padding: 15px 0 0 0;
  }
  #theme #landing-page .in.review .content:before {
    top: 12px;
  }
  #theme #landing-page.simple .in.review h2 {
    font-size: 24px;
  }
  #theme #landing-page.facebook-surveys .in.image-content.left h3 {
    padding: 0 15% 40px 15%;
  }
  #theme #landing-page.facebook-surveys .in.image-content.left p.paragraph {
    line-height: 160%;
  }
  #theme #landing-page.facebook-surveys .in.benefits {
    margin-bottom: 16px;
  }
  #theme #landing-page.facebook-surveys .in.benefits .content .more {
    padding: 32px 0 0 0;
  }
  #theme #landing-page.facebook-surveys .in.review h2 {
    font-size: 26px;
  }
  #trial .content {
    flex: 0 1 60.9375%;
  }
  #trial .content .in {
    margin: 0 182px 0 0;
  }
  #trial .review {
    flex: 0 1 39.0625%;
  }
  #trial .review .in {
    margin: 0 0 0 200px;
    position: relative;
  }
  #trial .review .in .author {
    display: flex;
  }
  #trial .review .in .author .image {
    width: 280px;
    z-index: 1;
    height: 364px;
    display: flex;
    justify-content: center;
    overflow: hidden;
    left: -240px;
    top: -80px;
    position: absolute;
    margin: 0;
  }
  #trial .review .in .author .image img {
    border-radius: 0;
    width: auto;
    height: 100%;
  }
  #trial .review .in .author .name {
    text-align: right;
    position: absolute;
    width: 240px;
    bottom: -70px;
    left: -200px;
  }
  #trial .review .in .author .grid {
    display: block;
    position: absolute;
    top: -120px;
    left: -81px;
  }
  #trial .review .in .text {
    margin: 0 0 37px 0;
    z-index: 1;
  }
}
#sidebar {
  display: none;
  z-index: 51;
}
#sidebar .sui-sidebar {
  right: -270px;
}
#sidebar .sui-sidebar.open {
  animation: slide-left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}
@keyframes slide-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-270px);
  }
}
@media only screen and (min-width: 768px) {
  #sidebar .sui-sidebar {
    right: -370px;
  }
  @keyframes slide-left {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-370px);
    }
  }
}
#login {
  display: none;
  z-index: 999;
}
#login .sui-modal-content {
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
}
#login .sui-modal-content.open {
  opacity: 1;
}
#registration {
  display: none;
  z-index: 999;
}
#registration .sui-modal-content {
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
}
#registration .sui-modal-content.open {
  opacity: 1;
}
#enter {
  display: none;
  z-index: 999;
}
#enter .sui-modal-content {
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
}
#enter .sui-modal-content.open {
  opacity: 1;
}
#abuse,
#contact,
#contact-extend,
#contact-forgotten,
#contact-sales,
#iframe {
  display: none;
  z-index: 999;
}
#abuse .sui-modal-content,
#contact .sui-modal-content,
#contact-extend .sui-modal-content,
#contact-forgotten .sui-modal-content,
#contact-sales .sui-modal-content,
#iframe .sui-modal-content {
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
}
#abuse .sui-modal-content.open,
#contact .sui-modal-content.open,
#contact-extend .sui-modal-content.open,
#contact-forgotten .sui-modal-content.open,
#contact-sales .sui-modal-content.open,
#iframe .sui-modal-content.open {
  opacity: 1;
}
#demo {
  display: none;
  z-index: 999;
}
#demo .sui-modal-content {
  padding: 65px 25px 55px 25px;
  display: block;
  opacity: 0;
  transition: opacity 0.5s;
  overflow-x: hidden;
}
#demo .sui-modal-content.open {
  opacity: 1;
}
#demo .sui-modal-content .title {
  padding: 0 0 15px 0;
}
#demo .sui-modal-content .title h2 {
  padding: 0;
  font-size: 38px;
}
#demo .sui-modal-content .title p {
  padding: 0;
}
#demo .sui-modal-content .demo {
  padding: 20px 0 35px 0;
  position: relative;
}
#demo .sui-modal-content .demo:before {
  display: block;
  position: absolute;
  content: '';
  bottom: 0;
  width: 10000px;
  height: 1px;
  left: -5000px;
  z-index: 1;
  background: #c6d7ff;
}
#demo .sui-modal-content .demo:after {
  content: '';
  position: absolute;
  width: calc(100% + 50px);
  height: 250px;
  left: -25px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #e6efff 100%);
  background: -webkit-linear-gradient(top, #ffffff 0%, #e6efff 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #e6efff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6efff', GradientType=0);
  bottom: 0;
}
#demo .sui-modal-content .demo .benefits {
  position: relative;
  z-index: 1;
}
#demo .sui-modal-content .demo .benefits ul li {
  line-height: 160%;
  padding: 20px 0 0 27px;
}
#demo .sui-modal-content .demo .benefits ul li:before {
  display: block;
}
#demo .sui-modal-content .demo .agents {
  position: relative;
  z-index: 1;
  text-align: center;
}
#demo .sui-modal-content .demo .agents ul {
  padding: 10px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#demo .sui-modal-content .demo .agents ul li {
  padding: 25px 0 0 0;
}
#demo .sui-modal-content .demo .agents ul li:before {
  display: none;
}
#demo .sui-modal-content .demo .agents ul li .image {
  padding: 1px;
  width: 125px;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
  border-radius: 100%;
}
#demo .sui-modal-content .demo .agents ul li .image img {
  border-radius: 100%;
  vertical-align: bottom;
}
#demo .sui-modal-content .demo .agents ul li .content h3 {
  padding: 10px 0 0 0;
  font-size: 15px;
}
#demo .sui-modal-content .demo .book {
  position: relative;
  z-index: 1;
}
#demo .sui-modal-content .sui-modal-content-frame.user-data {
  padding: 30px 0 0 0;
}
#demo .sui-modal-content .sui-modal-content-frame.user-data-sent {
  display: none;
  padding: 40px 0 0 0;
}
@media only screen and (min-width: 480px) {
  #demo .sui-modal-content .demo .agents ul {
    justify-content: space-evenly;
  }
}
@media only screen and (min-width: 768px) {
  #demo .sui-modal-content {
    width: 700px;
    padding: 65px 25px 45px 25px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #demo .sui-modal-content h3 {
    font-size: 20px;
    font-family: 'Inter Regular', sans-serif;
  }
  #demo .sui-modal-content .title {
    padding: 0 0 45px 0;
    flex: 0 1 100%;
    text-align: center;
  }
  #demo .sui-modal-content .title h2 {
    font-size: 44px;
  }
  #demo .sui-modal-content .title p {
    font-size: 18px;
  }
  #demo .sui-modal-content .demo {
    flex: 0 1 45%;
    padding: 0 0 77px 0;
  }
  #demo .sui-modal-content .demo:before {
    width: 1px;
    height: 106%;
    left: auto;
    right: -11.5%;
    top: 1%;
    bottom: auto;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #c6d7ff 30%, #c6d7ff 30%);
    background: -webkit-linear-gradient(top, #ffffff 0%, #c6d7ff 30%, #c6d7ff 30%);
    background: linear-gradient(to bottom, #ffffff 0%, #c6d7ff 30%, #c6d7ff 30%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6d7ff', GradientType=0);
  }
  #demo .sui-modal-content .demo:after {
    bottom: -46px;
    width: calc(100% + 58px);
    height: 350px;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    background: -webkit-linear-gradient(-45deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    background: linear-gradient(135deg, #ffffff 50%, #ffffff 50%, #e6efff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6efff', GradientType=1);
  }
  #demo .sui-modal-content .demo .benefits ul {
    padding: 7px 0 0 0;
  }
  #demo .sui-modal-content .demo .benefits ul li {
    padding: 20px 0 0 27px;
  }
  #demo .sui-modal-content .demo .benefits ul li:before {
    top: 19px;
  }
  #demo .sui-modal-content .demo .agents ul {
    justify-content: space-between;
    padding: 20px 15px 10px 15px;
  }
  #demo .sui-modal-content .demo .agents ul li {
    padding: 17px 0 0 0;
  }
  #demo .sui-modal-content .demo .agents ul li .image {
    width: 120px;
  }
  #demo .sui-modal-content .demo .agents ul li .content h3 {
    font-family: 'Inter SemiBold', sans-serif;
  }
  #demo .sui-modal-content .demo .agents p.specialists {
    padding: 15px 0 0 0;
  }
  #demo .sui-modal-content .demo .book {
    padding: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  #demo .sui-modal-content .demo .book .sui-btn.lg {
    padding-left: 28px;
    padding-right: 28px;
    width: 100%;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data {
    padding: 0 0 77px;
    flex: 0 1 45%;
    position: relative;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data ul {
    padding: 10px 0 0 0;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data .submit {
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data .close {
    top: -163px;
    right: 0;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data-sent {
    padding: 100px 0 0 0;
    flex: 0 1 45%;
    position: relative;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data-sent .close {
    top: -163px;
    right: 0;
  }
}
@media only screen and (min-width: 1280px) {
  #demo .sui-modal-content {
    width: 920px;
    padding: 65px 45px 45px 45px;
  }
  #demo .sui-modal-content .title {
    padding: 0 0 55px 0;
  }
  #demo .sui-modal-content .demo {
    flex: 0 1 43%;
  }
  #demo .sui-modal-content .demo:before {
    right: -16.5%;
  }
  #demo .sui-modal-content .demo:after {
    width: calc(100% + 103px);
    left: -45px;
    height: 460px;
  }
  #demo .sui-modal-content .demo .agents ul {
    padding: 10px 35px 0 35px;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data {
    flex: 0 1 43%;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data .close {
    top: -176px;
    right: -17px;
  }
  #demo .sui-modal-content .sui-modal-content-frame.user-data-sent .close {
    top: -176px;
    right: -17px;
  }
}
#get-demo {
  color: #000;
}
#get-demo .in .logos,
#get-demo .in .badges {
  border-bottom: 1px solid #e3e4e9;
  padding: 18px 0;
}
#get-demo .in .logos ul,
#get-demo .in .badges ul {
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#get-demo .in .logos ul li,
#get-demo .in .badges ul li {
  padding: 0;
  display: flex;
}
#get-demo .in .logos ul li:before,
#get-demo .in .badges ul li:before {
  display: none;
}
#get-demo .in .logos ul li svg path,
#get-demo .in .badges ul li svg path {
  fill: #a2a8ad;
}
#get-demo .in .logos ul li.webnode,
#get-demo .in .badges ul li.webnode {
  display: none;
}
#get-demo .in .logos ul li.phillips,
#get-demo .in .badges ul li.phillips {
  display: none;
}
#get-demo .in .logos ul li.linde,
#get-demo .in .badges ul li.linde {
  display: none;
}
#get-demo .in .badges ul li:nth-child(3),
#get-demo .in .badges ul li:nth-child(4) {
  display: none;
}
#get-demo .in .badges ul li img {
  width: auto;
  height: 80px;
}
#get-demo .in .review {
  text-align: left;
}
#get-demo .in .review .image {
  display: none;
}
#get-demo .in .review .content .author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0 16px 0;
}
#get-demo .in .review .content .author .image {
  flex: 0 1 50px;
  display: flex;
}
#get-demo .in .review .content .author .name {
  padding: 0;
  flex: 0 1 calc(100% - 62px);
  color: #4a526e;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
#get-demo .in .review .content .author .name strong {
  flex: 0 1 100%;
}
#get-demo .in .review .content .author .name span {
  flex: 0 1 100%;
  padding: 4px 0 0 0;
}
#get-demo .in .review .content .rating .sui-icon {
  color: #e3e4e9;
  position: relative;
  margin: 0 4px 0 0;
}
#get-demo .in .review .content .rating .sui-icon.highlight {
  color: #bd944a;
}
#get-demo .in .review .content .rating .sui-icon i {
  position: absolute;
  top: 0;
  left: 0;
}
#get-demo .in .examples {
  width: calc(100% + 34px);
  position: relative;
  left: -17px;
  padding: 30px 0 0 0;
}
#get-demo .in .examples h2 {
  padding-bottom: 5px;
}
#get-demo .in .examples .item {
  text-align: left;
  margin: 16px 0 0 0;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 32px;
  border: 1px solid #e3e4e9;
}
#get-demo .in .examples .item .person {
  display: flex;
  align-items: center;
}
#get-demo .in .examples .item .person .image {
  flex: 0 1 56px;
  display: flex;
}
#get-demo .in .examples .item .person .image img {
  border-radius: 100%;
  width: 56px;
  height: 56px;
}
#get-demo .in .examples .item .person .name {
  flex: 0 1 calc(100% - 56px);
  padding: 0 0 0 16px;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
}
#get-demo .in .examples .item .person .name span {
  flex: 0 1 100%;
  color: #3d4144;
}
#get-demo .in .examples .item .person .name strong {
  padding: 4px 0 0 0;
  flex: 0 1 100%;
  color: #6c6c89;
}
#get-demo .in .examples .item .content h3 {
  padding: 22px 0 0 0;
}
#get-demo .in .examples .item .content ul {
  padding: 10px 0 0 0;
}
#get-demo .in .examples .item .content ul li {
  color: #3d4144;
  line-height: 145%;
  padding: 10px 0 0 24px;
}
#get-demo .in .examples .item .content ul li:before {
  top: 11px;
  color: #3d4144;
  font-size: 12px;
}
#get-demo .in .book {
  padding: 44px 0 20px 0;
}
#get-demo .in .book p .sui-btn {
  width: auto;
}
#get-demo .in .book p .sui-btn.lg {
  padding-left: 28px;
  padding-right: 28px;
}
#get-demo .in .book p .sui-btn.light {
  background: #bd944a;
}
.no-touch #get-demo .in .book p .sui-btn.light:hover {
  background: #ae873f;
}
@media only screen and (min-width: 480px) {
  #get-demo .in {
    padding: 20px 0 30px 0;
    width: calc(430px - 20px);
  }
  #get-demo .in .logos {
    padding: 0 0 15px 0;
  }
  #get-demo .in .logos ul li svg {
    width: 120px;
    height: 50px;
  }
  #get-demo .in .logos ul li.csob {
    display: none;
  }
  #get-demo .in .logos ul li.tesco {
    display: none;
  }
  #get-demo .in .logos ul li.webnode {
    display: flex;
  }
  #get-demo .in .logos ul li.phillips {
    display: flex;
  }
  #get-demo .in .review .content p .sui-font-smaller {
    font-size: 15px;
  }
  #get-demo .in .review .content .author .image {
    flex: 0 1 64px;
  }
  #get-demo .in .review .content .author .name {
    flex: 0 1 calc(100% - 76px);
  }
  #get-demo .in .examples {
    width: 100%;
    left: auto;
  }
  #get-demo .in .examples h2 {
    padding-bottom: 0;
  }
  #get-demo .in .examples .item {
    margin: 32px 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  #get-demo .in {
    padding: 30px 0 30px 0;
    width: calc(700px - 132px);
  }
  #get-demo .in .logos {
    padding: 10px 0 30px 0;
  }
  #get-demo .in .badges {
    padding: 18px 0 32px 0;
  }
  #get-demo .in .badges ul li:nth-child(3),
  #get-demo .in .badges ul li:nth-child(4) {
    display: list-item;
  }
  #get-demo .in .badges ul li img {
    height: 85px;
  }
  #get-demo .in .badges ul li.gdpr img,
  #get-demo .in .badges ul li.iso img,
  #get-demo .in .badges ul li.crozdesk img {
    height: 75px;
  }
  #get-demo .in .review {
    padding: 20px 0 0 0;
  }
  #get-demo .in .review .content p .sui-font-smaller {
    font-size: 16.5px;
  }
  #get-demo .in .examples h2 {
    font-size: 24px;
  }
  #get-demo .in .examples .item {
    padding: 48px;
  }
  #get-demo .in .examples .item .content h3 {
    font-size: 20px;
  }
  #get-demo .in .book h2 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  #get-demo .in {
    width: calc(1100px - 72px);
  }
  #get-demo .in .logos {
    padding: 40px 0;
  }
  #get-demo .in .logos ul li.csob {
    display: flex;
  }
  #get-demo .in .logos ul li.linde {
    display: flex;
  }
  #get-demo .in .badges {
    padding: 18px 0 40px 0;
  }
  #get-demo .in .badges ul li img {
    height: 100px;
  }
  #get-demo .in .badges ul li.crozdesk img {
    height: 90px;
  }
  #get-demo .in .review {
    display: flex;
    padding: 56px 90px 0 90px;
    justify-content: space-between;
    align-items: center;
  }
  #get-demo .in .review .image {
    display: flex;
    flex: 0 1 280px;
  }
  #get-demo .in .review .content {
    flex: 0 1 calc(100% - 328px);
  }
  #get-demo .in .review .content p {
    padding: 0;
  }
  #get-demo .in .review .content .author {
    padding: 25px 0 23px 0;
  }
  #get-demo .in .review .content .author .image {
    display: none;
  }
  #get-demo .in .examples {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #get-demo .in .examples h2 {
    font-size: 31px;
    padding: 40px 0 20px 0;
    flex: 0 1 100%;
  }
  #get-demo .in .examples .item {
    box-sizing: border-box;
    flex: 0 1 498px;
  }
  #get-demo .in .book {
    padding: 40px 0 25px 0;
  }
  #get-demo .in .book h2 {
    font-size: 31px;
    padding-bottom: 10px 0 0 0;
  }
  #get-demo .in .book p {
    padding: 35px 0 0 0;
  }
}
#use-case {
  padding: 0 0 15px 0;
}
#use-case .in {
  padding: 0 25px;
  text-align: left;
}
#use-case .in h2,
#use-case .in h3,
#use-case .in h4,
#use-case .in h5,
#use-case .in h6 {
  padding: 30px 0 0 0;
}
#use-case .in ul,
#use-case .in ol {
  padding: 15px 0 0 0;
}
#use-case .in ul li,
#use-case .in ol li {
  line-height: 160%;
  padding: 10px 0 0 27px;
}
#use-case .in ul li:before,
#use-case .in ol li:before {
  content: "\f101";
  top: 10px;
}
#use-case .in ul li ol,
#use-case .in ol li ol {
  padding-bottom: 12px;
}
#use-case .in ul li p:last-child,
#use-case .in ol li p:last-child {
  padding-bottom: 12px;
}
#use-case .in ol li:before {
  font-family: 'Inter Regular', sans-serif;
  color: #031647;
  font-size: 15px;
}
#use-case .in ol li:nth-child(1):before {
  content: '1.';
}
#use-case .in ol li:nth-child(1) ol li:nth-child(1):before {
  content: '1.1.';
}
#use-case .in ol li:nth-child(1) ol li:nth-child(2):before {
  content: '1.2.';
}
#use-case .in ol li:nth-child(1) ol li:nth-child(3):before {
  content: '1.3.';
}
#use-case .in ol li:nth-child(1) ol li:nth-child(4):before {
  content: '1.4.';
}
#use-case .in ol li:nth-child(1) ol li:nth-child(5):before {
  content: '1.5.';
}
#use-case .in ol li:nth-child(2):before {
  content: '2.';
}
#use-case .in ol li:nth-child(2) ol li:nth-child(1):before {
  content: '2.1.';
}
#use-case .in ol li:nth-child(2) ol li:nth-child(2):before {
  content: '2.2.';
}
#use-case .in ol li:nth-child(2) ol li:nth-child(3):before {
  content: '2.3.';
}
#use-case .in ol li:nth-child(2) ol li:nth-child(4):before {
  content: '2.4.';
}
#use-case .in ol li:nth-child(2) ol li:nth-child(5):before {
  content: '2.5.';
}
#use-case .in ol li:nth-child(3):before {
  content: '3.';
}
#use-case .in ol li:nth-child(3) ol li:nth-child(1):before {
  content: '3.1.';
}
#use-case .in ol li:nth-child(3) ol li:nth-child(2):before {
  content: '3.2.';
}
#use-case .in ol li:nth-child(3) ol li:nth-child(3):before {
  content: '3.3.';
}
#use-case .in ol li:nth-child(3) ol li:nth-child(4):before {
  content: '3.4.';
}
#use-case .in ol li:nth-child(3) ol li:nth-child(5):before {
  content: '3.5.';
}
#use-case .in ol li:nth-child(4):before {
  content: '4.';
}
#use-case .in ol li:nth-child(4) ol li:nth-child(1):before {
  content: '4.1.';
}
#use-case .in ol li:nth-child(4) ol li:nth-child(2):before {
  content: '4.2.';
}
#use-case .in ol li:nth-child(4) ol li:nth-child(3):before {
  content: '4.3.';
}
#use-case .in ol li:nth-child(4) ol li:nth-child(4):before {
  content: '4.4.';
}
#use-case .in ol li:nth-child(4) ol li:nth-child(5):before {
  content: '4.5.';
}
#use-case .in ol li:nth-child(5):before {
  content: '5.';
}
#use-case .in ol li:nth-child(5) ol li:nth-child(1):before {
  content: '5.1.';
}
#use-case .in ol li:nth-child(5) ol li:nth-child(2):before {
  content: '5.2.';
}
#use-case .in ol li:nth-child(5) ol li:nth-child(3):before {
  content: '5.3.';
}
#use-case .in ol li:nth-child(5) ol li:nth-child(4):before {
  content: '5.4.';
}
#use-case .in ol li:nth-child(5) ol li:nth-child(5):before {
  content: '5.5.';
}
#use-case .in ol li:nth-child(6):before {
  content: '6.';
}
#use-case .in ol li:nth-child(6) ol li:nth-child(1):before {
  content: '6.1.';
}
#use-case .in ol li:nth-child(6) ol li:nth-child(2):before {
  content: '6.2.';
}
#use-case .in ol li:nth-child(6) ol li:nth-child(3):before {
  content: '6.3.';
}
#use-case .in ol li:nth-child(6) ol li:nth-child(4):before {
  content: '6.4.';
}
#use-case .in ol li:nth-child(6) ol li:nth-child(5):before {
  content: '6.5.';
}
#use-case .in ol li:nth-child(7):before {
  content: '7.';
}
#use-case .in ol li:nth-child(7) ol li:nth-child(1):before {
  content: '7.1.';
}
#use-case .in ol li:nth-child(7) ol li:nth-child(2):before {
  content: '7.2.';
}
#use-case .in ol li:nth-child(7) ol li:nth-child(3):before {
  content: '7.3.';
}
#use-case .in ol li:nth-child(7) ol li:nth-child(4):before {
  content: '7.4.';
}
#use-case .in ol li:nth-child(7) ol li:nth-child(5):before {
  content: '7.5.';
}
#use-case .in ol li:nth-child(8):before {
  content: '8.';
}
#use-case .in ol li:nth-child(8) ol li:nth-child(1):before {
  content: '8.1.';
}
#use-case .in ol li:nth-child(8) ol li:nth-child(2):before {
  content: '8.2.';
}
#use-case .in ol li:nth-child(8) ol li:nth-child(3):before {
  content: '8.3.';
}
#use-case .in ol li:nth-child(8) ol li:nth-child(4):before {
  content: '8.4.';
}
#use-case .in ol li:nth-child(8) ol li:nth-child(5):before {
  content: '8.5.';
}
#use-case .in ol li:nth-child(9):before {
  content: '9.';
}
#use-case .in ol li:nth-child(9) ol li:nth-child(1):before {
  content: '9.1.';
}
#use-case .in ol li:nth-child(9) ol li:nth-child(2):before {
  content: '9.2.';
}
#use-case .in ol li:nth-child(9) ol li:nth-child(3):before {
  content: '9.3.';
}
#use-case .in ol li:nth-child(9) ol li:nth-child(4):before {
  content: '9.4.';
}
#use-case .in ol li:nth-child(9) ol li:nth-child(5):before {
  content: '9.5.';
}
#use-case .in ol li:nth-child(10):before {
  content: '10.';
}
#use-case .in ol li:nth-child(10) ol li:nth-child(1):before {
  content: '10.1.';
}
#use-case .in ol li:nth-child(10) ol li:nth-child(2):before {
  content: '10.2.';
}
#use-case .in ol li:nth-child(10) ol li:nth-child(3):before {
  content: '10.3.';
}
#use-case .in ol li:nth-child(10) ol li:nth-child(4):before {
  content: '10.4.';
}
#use-case .in ol li:nth-child(10) ol li:nth-child(5):before {
  content: '10.5.';
}
#use-case .in ol li ul li:nth-child(-n+10):before {
  content: '\f101';
  font-family: 'Flaticon';
  color: #303181;
}
#use-case .in ol li ol li {
  padding-left: 37px;
}
#use-case .in em {
  font-style: italic;
}
#use-case .in a.pdf,
#use-case .in a.docx,
#use-case .in a.pptx,
#use-case .in a.xlsx {
  display: inline-flex;
  padding: 0 0 0 20px;
}
#use-case .in a.pdf {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pdf-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#use-case .in a.docx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-docx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#use-case .in a.pptx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-pptx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#use-case .in a.xlsx {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-xlsx-fill.svg') no-repeat center left;
  background-size: auto 16px;
}
#use-case .in .parex {
  border-bottom: 1px solid #edeff0;
  padding: 0 0 30px 0;
}
#use-case .in .parex p {
  line-height: 180%;
}
#use-case .in .indent {
  font-style: italic;
}
#use-case .in .indent ul li:before {
  font-style: normal;
}
#use-case .in .image-wide {
  padding: 28px 0 0 0;
}
#use-case .in .table {
  overflow-x: scroll;
  overflow-y: hidden;
  padding: 30px 0 5px 0;
}
#use-case .in .table table {
  width: 100%;
  font-size: 13.5px;
  margin: 0;
  padding: 0;
  border: 1px solid #e9e9e9;
  border-right: 0;
}
#use-case .in .table table thead tr th {
  vertical-align: bottom;
  text-align: left;
  line-height: 160%;
  background: #edeff0;
  padding: 8px 5px;
  border-right: 1px solid #e9e9e9;
}
#use-case .in .table table thead tr th.center {
  text-align: center;
}
#use-case .in .table table thead tr th.right {
  text-align: right;
}
#use-case .in .table table tbody tr td {
  line-height: 160%;
  text-align: left;
  padding: 8px 5px;
  border-top: 1px solid #e9e9e9;
  border-right: 1px solid #e9e9e9;
}
#use-case .in .table table tbody tr td:first-child {
  background: #edeff0;
}
#use-case .in .table table tbody tr td.center {
  text-align: center;
}
#use-case .in .table table tbody tr td.right {
  text-align: right;
}
#use-case .in.image-content .image {
  margin: 32px 0 0 0;
  position: relative;
  left: -25px;
  width: calc(100% + 50px);
}
#use-case .in.image-content .image img {
  vertical-align: bottom;
}
#use-case .in.image-content.right .image .grid {
  display: none;
}
#use-case .in.image-content.readable {
  padding-bottom: 15px;
}
@media only screen and (min-width: 480px) {
  #use-case {
    padding: 5px 0 25px 0;
  }
  #use-case .in {
    padding: 0;
    width: 416px;
  }
  #use-case .in.image-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #use-case .in.image-content .content {
    flex: 0 1 196px;
    padding: 30px 0 0 0;
  }
  #use-case .in.image-content .content h2 {
    padding: 0;
  }
  #use-case .in.image-content .image {
    flex: 0 1 196px;
    margin: 35px 0 0 0;
    left: auto;
  }
  #use-case .in.image-content.right {
    flex-direction: row-reverse;
  }
  #use-case .in.image-content.right h2 {
    flex: 0 1 100%;
  }
  #use-case .in.image-content.readable {
    display: block;
  }
  #use-case .in.image-content.readable .image {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #use-case {
    padding: 25px 0 45px 0;
  }
  #use-case .in {
    width: 700px;
  }
  #use-case .in h2,
  #use-case .in h3,
  #use-case .in h4,
  #use-case .in h5,
  #use-case .in h6 {
    padding: 40px 0 0 0;
  }
  #use-case .in h2 {
    font-size: 28px;
  }
  #use-case .in h3 {
    font-size: 22px;
  }
  #use-case .in .parex {
    padding: 0 0 45px 0;
  }
  #use-case .in .image-wide {
    padding: 38px 0 10px 0;
  }
  #use-case .in.image-content {
    flex-direction: row-reverse;
  }
  #use-case .in.image-content .content {
    flex: 0 1 320px;
    padding: 40px 0 0 0;
  }
  #use-case .in.image-content .image {
    flex: 0 1 320px;
    margin: 50px 0 0 0;
  }
  #use-case .in.image-content.left {
    min-height: 354px;
  }
  #use-case .in.image-content.left .image {
    position: relative;
  }
  #use-case .in.image-content.left .image:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 270px;
    top: 34px;
    left: -34px;
    background: #c6d7ff;
  }
  #use-case .in.image-content.left .image img {
    position: relative;
  }
  #use-case .in.image-content.left.separate .image:before {
    display: none;
  }
  #use-case .in.image-content.right {
    flex-direction: row;
    margin: 25px auto 0 auto;
  }
  #use-case .in.image-content.right .image .grid {
    display: block;
    position: absolute;
    top: -40px;
    right: -40px;
    z-index: -1;
  }
  #use-case .in.image-content.right .image .grid svg path {
    fill: #00a5ff;
  }
  #use-case .in.image-content.readable {
    display: flex;
  }
}
@media only screen and (min-width: 1280px) {
  #use-case .in {
    width: 900px;
  }
  #use-case .in .indent {
    padding: 0 40px;
  }
  #use-case .in .image-wide {
    padding: 43px 0 15px 0;
    text-align: center;
  }
  #use-case .in .image-wide img {
    width: 70%;
  }
  #use-case .in.image-content .content {
    flex: 0 1 400px;
  }
  #use-case .in.image-content .image {
    flex: 0 1 400px;
  }
  #use-case .in.image-content.left {
    margin: 45px auto 35px auto;
    min-height: 336px;
    align-items: center;
  }
  #use-case .in.image-content.left .content {
    padding: 0;
  }
  #use-case .in.image-content.left .image {
    margin: 0;
  }
  #use-case .in.image-content.left .image:before {
    height: 336px;
  }
  #use-case .in.image-content.left.separate {
    margin-bottom: 0;
  }
  #use-case .in.image-content.right {
    min-height: 336px;
    margin: 45px auto 15px auto;
    align-items: center;
  }
  #use-case .in.image-content.right .content {
    padding: 0;
  }
  #use-case .in.image-content.right .image {
    margin: 0;
  }
  #use-case .in.image-content.readable.right .content,
  #use-case .in.image-content.readable.left .content {
    flex: 0 1 370px;
  }
  #use-case .in.image-content.readable.right .image,
  #use-case .in.image-content.readable.left .image {
    flex: 0 1 455px;
  }
}
#use-cases-list .in {
  text-align: left;
  padding: 0 25px 30px 25px;
  color: #000;
}
#use-cases-list .in .list .item {
  padding: 48px 0 0 0;
}
#use-cases-list .in .list .item .image a {
  display: flex;
}
#use-cases-list .in .list .item .image a picture {
  display: flex;
}
#use-cases-list .in .list .item .image a picture img {
  border-radius: 8px;
}
#use-cases-list .in .list .item .content h2 {
  padding: 16px 0 0 0;
  font-size: 22px;
}
#use-cases-list .in .list .item .content h2 a {
  color: #000;
  text-decoration: none;
}
#use-cases-list .in .list .item .content p {
  padding: 16px 0 0 0;
}
#use-cases-list .in .list .item .content p.more {
  padding: 24px 0 0 0;
}
#use-cases-list .in .list .item .content p.more .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2;
  cursor: pointer;
  padding: 0 32px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#use-cases-list .in .list .item .content p.more .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 22px;
  transition: right 0.2s;
  height: 22px;
  display: block;
}
#use-cases-list .in .list .item:first-child {
  padding: 32px 0 0 0;
}
#use-cases-list .in .all {
  text-align: center;
  padding: 40px 0 0 0;
}
#use-cases-list .in .all a {
  display: inline-flex;
  letter-spacing: -0.01em;
  color: #3d4144;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
  font-size: 14px;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border: 2px solid #f2f2f2;
  border-radius: 10px;
}
.no-touch #use-cases-list .in .list .item .content h2 a:hover {
  color: #2030c2;
}
.no-touch #use-cases-list .in .list .item .content p.more .cta-more:hover {
  color: #000;
}
.no-touch #use-cases-list .in .list .item .content p.more .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icons/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #use-cases-list .in .all a:hover {
  background: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #use-cases-list .in .all a:active {
  background: #e0e0e0;
  border-color: #e0e0e0;
}
@media only screen and (min-width: 768px) {
  #use-cases-list .in {
    padding: 0 0 40px 0;
  }
  #use-cases-list .in .list {
    display: flex;
    flex-wrap: wrap;
  }
  #use-cases-list .in .list .item {
    padding: 56px 0 0 0;
    flex: 0 1 46%;
    margin: 0 8% 0 0;
  }
  #use-cases-list .in .list .item:first-child,
  #use-cases-list .in .list .item:nth-child(2) {
    padding: 56px 0 0 0;
  }
  #use-cases-list .in .list .item:nth-child(2n+0) {
    margin: 0;
  }
  #use-cases-list .in .all {
    padding: 56px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #use-cases-list .in {
    padding: 0 0 56px 0;
  }
  #use-cases-list .in .list .item {
    padding: 64px 0 0 0;
    flex: 0 1 29%;
    margin: 0 6.5% 0 0;
  }
  #use-cases-list .in .list .item:first-child,
  #use-cases-list .in .list .item:nth-child(2),
  #use-cases-list .in .list .item:nth-child(3) {
    padding: 64px 0 0 0;
  }
  #use-cases-list .in .list .item:nth-child(2n+0) {
    margin: 0 6.5% 0 0;
  }
  #use-cases-list .in .list .item:nth-child(3n+0) {
    margin: 0;
  }
}
#integration .in {
  padding: 0 24px 60px 24px;
  color: #3d4144;
}
#integration .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  text-align: center;
  padding: 48px 0 0 0;
  letter-spacing: -0.03em;
  color: #000;
}
#integration .in .title p {
  padding: 16px 0 0 0;
  font-size: 16px;
  line-height: 175%;
}
#integration .in .list {
  padding: 32px 0 0 0;
  width: calc(100% + 32px);
  position: relative;
  left: -16px;
}
#integration .in .list .item {
  background: #f8f8f8;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 32px 32px 112px 32px;
  position: relative;
  margin: 8px 0 0 0;
  text-align: left;
}
#integration .in .list .item .info h2 {
  padding: 80px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  line-height: 144%;
  letter-spacing: -0.01em;
  background-size: 56px 56px;
}
#integration .in .list .item .info h2 a {
  text-decoration: none;
  color: #3d4144;
}
#integration .in .list .item .info p {
  padding: 8px 0 0 0;
  font-size: 14px;
  line-height: 157%;
}
#integration .in .list .item .more {
  position: absolute;
  bottom: 32px;
  padding: 0;
}
#integration .in .list .item .more a {
  overflow: hidden;
  height: 48px;
  width: 80px;
  box-sizing: border-box;
  transition: background 0.5s, border-color 0.5s;
  padding: 0;
  justify-content: center;
  border-radius: 24px;
  align-items: center;
  border: 2px solid rgba(0, 0, 0, 0.1);
  display: inline-flex;
  position: relative;
}
#integration .in .list .item .more a:before {
  content: '';
  position: relative;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 24px;
  transition: right 0.2s;
  height: 24px;
  display: block;
}
#integration .in .list .item .more a span {
  text-indent: -10000px;
}
#integration .in .list .item.api .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-api.svg') no-repeat left top;
}
#integration .in .list .item.zapier .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-zapier.svg') no-repeat left top;
}
#integration .in .list .item.sso .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sso.svg') no-repeat left top;
}
#integration .in .list .item.email .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-email.svg') no-repeat left top;
}
#integration .in .list .item.responses-email .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-responses-email.svg') no-repeat left top;
}
#integration .in .list .item.first-question .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-first-question.svg') no-repeat left top;
}
#integration .in .list .item.ga .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-ga.svg') no-repeat left top;
}
#integration .in .list .item.sheets .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sheets.svg') no-repeat left top;
}
#integration .in .list .item.csv .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-csv.svg') no-repeat left top;
}
#integration .in .list .item.word .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-word.svg') no-repeat left top;
}
#integration .in .list .item.excel .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-excel.svg') no-repeat left top;
}
#integration .in .list .item.powerpoint .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-powerpoint.svg') no-repeat left top;
}
#integration .in .list .item.dropbox .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-dropbox.svg') no-repeat left top;
}
#integration .in .list .item.onedrive .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-onedrive.svg') no-repeat left top;
}
#integration .in .list .item.drive .info h2 {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-google-drive.svg') no-repeat left top;
}
#integration .in .more {
  padding: 24px 0 0 0;
}
#integration .in .more p {
  padding: 32px 0 0 0;
}
#integration .in .more p a {
  color: #3d4144;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 143%;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  letter-spacing: -0.01em;
}
#integration .in .detail {
  text-align: left;
  position: relative;
  margin: 28px 0 0 0;
}
#integration .in .detail h1 {
  text-align: left;
  padding: 168px 0 0 0;
  position: relative;
  line-height: 114%;
}
#integration .in .detail h1:before {
  background-color: #f8f8f8;
  width: 88px;
  height: 88px;
  border-radius: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 56px 56px;
  top: 48px;
  left: 0;
  content: '';
  display: block;
}
#integration .in .detail h2,
#integration .in .detail h3,
#integration .in .detail h4 {
  color: #000;
  padding: 54px 0 0 0;
  font-size: 28px;
  line-height: 114%;
  position: relative;
}
#integration .in .detail h2:before,
#integration .in .detail h3:before,
#integration .in .detail h4:before {
  position: absolute;
  top: 54px;
  left: 0;
  display: block;
}
#integration .in .detail h2.num-1,
#integration .in .detail h3.num-1,
#integration .in .detail h4.num-1,
#integration .in .detail h2.num-2,
#integration .in .detail h3.num-2,
#integration .in .detail h4.num-2 {
  padding-left: 32px;
}
#integration .in .detail h2.num-1-1,
#integration .in .detail h3.num-1-1,
#integration .in .detail h4.num-1-1,
#integration .in .detail h2.num-1-2,
#integration .in .detail h3.num-1-2,
#integration .in .detail h4.num-1-2,
#integration .in .detail h2.num-1-3,
#integration .in .detail h3.num-1-3,
#integration .in .detail h4.num-1-3,
#integration .in .detail h2.num-1-4,
#integration .in .detail h3.num-1-4,
#integration .in .detail h4.num-1-4,
#integration .in .detail h2.num-1-5,
#integration .in .detail h3.num-1-5,
#integration .in .detail h4.num-1-5 {
  padding-left: 40px;
}
#integration .in .detail h2.num-1:before,
#integration .in .detail h3.num-1:before,
#integration .in .detail h4.num-1:before {
  content: '1.';
}
#integration .in .detail h2.num-2:before,
#integration .in .detail h3.num-2:before,
#integration .in .detail h4.num-2:before {
  content: '2.';
}
#integration .in .detail h2.num-1-1:before,
#integration .in .detail h3.num-1-1:before,
#integration .in .detail h4.num-1-1:before {
  content: '1.1.';
}
#integration .in .detail h2.num-1-2:before,
#integration .in .detail h3.num-1-2:before,
#integration .in .detail h4.num-1-2:before {
  content: '1.2.';
}
#integration .in .detail h2.num-1-3:before,
#integration .in .detail h3.num-1-3:before,
#integration .in .detail h4.num-1-3:before {
  content: '1.3.';
}
#integration .in .detail h2.num-1-4:before,
#integration .in .detail h3.num-1-4:before,
#integration .in .detail h4.num-1-4:before {
  content: '1.4.';
}
#integration .in .detail h2.num-1-5:before,
#integration .in .detail h3.num-1-5:before,
#integration .in .detail h4.num-1-5:before {
  content: '1.5.';
}
#integration .in .detail h3 {
  font-size: 22px;
}
#integration .in .detail h4 {
  font-size: 18px;
  line-height: 134%;
}
#integration .in .detail p {
  font-size: 18px;
  color: #202124;
  padding: 32px 0 0 0;
  line-height: 167%;
}
#integration .in .detail p.breadcrumbs {
  position: absolute;
  top: 0;
  padding: 0;
  left: 0;
  font-family: 'Inter Medium', sans-serif;
  font-size: 12px;
  line-height: 133%;
  display: flex;
  color: #3d4144;
}
#integration .in .detail p.breadcrumbs a {
  color: #3d4144;
  font-family: 'Inter Medium', sans-serif;
  text-decoration: none;
}
#integration .in .detail p.breadcrumbs i {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin: 0 4px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-arrow-right.svg') no-repeat center center;
  background-size: cover;
}
#integration .in .detail p.parex {
  font-family: 'Inter Medium', sans-serif;
  margin: 32px 0 0 0;
  font-size: 21px;
  line-height: 133%;
  border-left: 3px solid #f2f2f2;
  box-sizing: border-box;
  padding: 0 0 0 24px;
}
#integration .in .detail p strong {
  color: #000;
  letter-spacing: -0.01em;
}
#integration .in .detail p .hubspot {
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  color: #2030c2;
}
#integration .in .detail p.info {
  display: none;
  font-size: 13px;
  line-height: 154%;
  padding: 14px 12px 14px 52px;
  color: #000;
  margin: 32px 0 0 0;
  border-radius: 10px;
  background: #f8f8f8 url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-info.svg') no-repeat 12px 12px;
  background-size: 24px 24px;
}
#integration .in .detail ul {
  padding: 16px 0 0 0;
}
#integration .in .detail ul li {
  font-size: 18px;
  color: #3d4144;
  padding: 0 0 0 34px;
  margin: 16px 0 0 0;
  line-height: 167%;
}
#integration .in .detail ul li:before {
  top: 0;
}
#integration .in .detail ol {
  padding: 16px 0 0 0;
}
#integration .in .detail ol li {
  font-size: 18px;
  color: #3d4144;
  padding: 0 0 0 34px;
  margin: 16px 0 0 0;
  line-height: 167%;
}
#integration .in .detail ol li:before {
  color: #3d4144;
  font-family: 'Inter Regular', sans-serif;
  font-size: 18px;
  line-height: 167%;
  left: 0;
  top: 0;
}
#integration .in .detail ol li:nth-child(1):before {
  content: '1.';
}
#integration .in .detail ol li:nth-child(2):before {
  content: '2.';
}
#integration .in .detail ol li:nth-child(3):before {
  content: '3.';
}
#integration .in .detail ol li:nth-child(4):before {
  content: '4.';
}
#integration .in .detail ol li:nth-child(5):before {
  content: '5.';
}
#integration .in .detail ol li:nth-child(6):before {
  content: '6.';
}
#integration .in .detail ol li strong {
  color: #000;
  letter-spacing: -0.01em;
}
#integration .in .detail .image {
  padding: 32px 0 0 0;
}
#integration .in .detail .image picture {
  display: flex;
  border-radius: 12px;
  overflow: hidden;
}
#integration .in .detail .image picture img {
  border-radius: 12px;
}
#integration .in .detail .highlight {
  border-radius: 12px;
  background: #e5eff5;
  margin: 32px 0 0 0;
  padding: 0 16px 32px 16px;
  position: relative;
  left: -16px;
  width: calc(100% + 32px);
}
#integration .in .detail .highlight h4 {
  padding-top: 32px;
}
#integration .in .detail .highlight h4:before {
  top: 32px;
}
#integration .in .detail .highlight p {
  color: #246380;
}
#integration .in .detail .back {
  padding: 32px 0 0 0;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}
#integration .in .detail .back li {
  padding: 0;
  flex: 0 1 100%;
  text-align: center;
}
#integration .in .detail .back li:before {
  display: none;
}
#integration .in .detail .back li a,
#integration .in .detail .back li span {
  color: #3d4144;
  text-decoration: none;
  margin: 16px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 143%;
  padding: 0 20px 0 44px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  letter-spacing: -0.01em;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-arrow-left.svg') no-repeat 12px center;
  background-size: 24px 24px;
}
#integration .in .detail .back li span {
  padding: 0 20px;
  background: #303181;
  color: #fff;
  border: 0;
  transition: background 0.5s;
}
#integration .in .detail.api h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-api.svg');
}
#integration .in .detail.zapier h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-zapier.svg');
}
#integration .in .detail.sso h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sso.svg');
}
#integration .in .detail.email h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-email.svg');
}
#integration .in .detail.responses-email h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-responses-email.svg');
}
#integration .in .detail.first-question h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-first-question.svg');
}
#integration .in .detail.ga h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-ga.svg');
}
#integration .in .detail.sheets h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sheets.svg');
}
#integration .in .detail.csv h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-csv.svg');
}
#integration .in .detail.word h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-word.svg');
}
#integration .in .detail.excel h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-excel.svg');
}
#integration .in .detail.powerpoint h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-powerpoint.svg');
}
#integration .in .detail.dropbox h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-dropbox.svg');
}
#integration .in .detail.onedrive h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-onedrive.svg');
}
#integration .in .detail.drive h1:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-google-drive.svg');
}
#integration .in .recommended {
  padding: 48px 0 0 0;
  text-align: left;
}
#integration .in .recommended h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  line-height: 133%;
  color: #000;
  padding: 0;
}
#integration .in .recommended ul {
  padding: 16px 0 0 0;
}
#integration .in .recommended ul li {
  padding: 16px 0 0 88px;
}
#integration .in .recommended ul li:before {
  display: none;
}
#integration .in .recommended ul li a {
  display: flex;
  align-items: center;
  min-height: 64px;
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #000;
  letter-spacing: -0.01em;
  text-decoration: none;
}
#integration .in .recommended ul li a:before {
  background-color: #f8f8f8;
  width: 64px;
  height: 64px;
  border-radius: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 36px 36px;
  left: 0;
  content: '';
  transition: background-color 0.5s;
  display: block;
}
#integration .in .recommended ul li.api a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-api.svg');
}
#integration .in .recommended ul li.zapier a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-zapier.svg');
}
#integration .in .recommended ul li.sso a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sso.svg');
}
#integration .in .recommended ul li.email a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-email.svg');
}
#integration .in .recommended ul li.responses-email a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-responses-email.svg');
}
#integration .in .recommended ul li.first-question a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-first-question.svg');
}
#integration .in .recommended ul li.ga a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-ga.svg');
}
#integration .in .recommended ul li.sheets a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-sheets.svg');
}
#integration .in .recommended ul li.csv a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-csv.svg');
}
#integration .in .recommended ul li.word a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-word.svg');
}
#integration .in .recommended ul li.excel a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-excel.svg');
}
#integration .in .recommended ul li.powerpoint a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-powerpoint.svg');
}
#integration .in .recommended ul li.dropbox a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-dropbox.svg');
}
#integration .in .recommended ul li.onedrive a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-onedrive.svg');
}
#integration .in .recommended ul li.drive a:before {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/integration/icon-google-drive.svg');
}
#integration .in .recommended .back {
  padding: 32px 0 0 0;
}
#integration .in .recommended .back a {
  color: #3d4144;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  height: 48px;
  border-radius: 10px;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 143%;
  padding: 0 20px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  letter-spacing: -0.01em;
}
.no-touch #integration .in .list .item .info h2 a:hover {
  color: #000;
}
.no-touch #integration .in .list .item .more a:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: transparent;
}
.no-touch #integration .in .list .item .more a:hover:before {
  right: auto;
}
.no-touch #integration .in .list .item .more a:active {
  background: rgba(0, 0, 0, 0.1);
}
.no-touch #integration .in .more p a:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #integration .in .more p a:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #integration .in .detail p .hubspot:hover {
  color: #000;
}
.no-touch #integration .in .detail p.breadcrumbs a:hover {
  color: #000;
}
.no-touch #integration .in .detail p.back a:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #integration .in .detail p.back a:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #integration .in .detail .back li a:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #integration .in .detail .back li a:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #integration .in .detail .back li span:hover {
  background: #424394;
}
.no-touch #integration .in .detail .back li span:active {
  background: #303181;
}
.no-touch #integration .in .recommended ul li a:hover:before {
  background-color: #f2f2f2;
}
.no-touch #integration .in .recommended ul li a:active:before {
  background-color: #ebebeb;
}
.no-touch #integration .in .recommended .back a:hover {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #integration .in .recommended .back a:active {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
@media only screen and (min-width: 480px) {
  #integration .in {
    padding: 0 0 60px 0;
    width: 432px;
    margin: 0 auto;
  }
  #integration .in .list {
    width: 100%;
    left: auto;
  }
}
@media only screen and (min-width: 844px) {
  #integration .in {
    width: 752px;
    padding: 0 0 72px 0;
  }
  #integration .in h1 {
    font-size: 50px;
    line-height: 110%;
    padding: 44px 0 0 0;
  }
  #integration .in .title p {
    font-size: 18px;
    line-height: 167%;
  }
  #integration .in .list {
    padding: 74px 0 0 0;
    display: flex;
    flex-wrap: wrap;
  }
  #integration .in .list .item {
    flex: 0 1 368px;
    margin: 16px 16px 0 0;
  }
  #integration .in .list .item:nth-child(2n+0) {
    margin-right: 0;
  }
  #integration .in .more {
    padding: 40px 15% 0 15%;
  }
  #integration .in .detail h1 {
    padding: 192px 0 0 0;
    line-height: 112%;
    font-size: 50px;
  }
  #integration .in .detail h1:before {
    width: 104px;
    height: 104px;
    background-size: 64px 64px;
  }
  #integration .in .detail h2,
  #integration .in .detail h3,
  #integration .in .detail h4 {
    font-size: 34px;
  }
  #integration .in .detail h2.num-1,
  #integration .in .detail h3.num-1,
  #integration .in .detail h4.num-1,
  #integration .in .detail h2.num-2,
  #integration .in .detail h3.num-2,
  #integration .in .detail h4.num-2 {
    padding-left: 40px;
  }
  #integration .in .detail h3 {
    font-size: 26px;
  }
  #integration .in .detail h4 {
    font-size: 20px;
  }
  #integration .in .detail .highlight {
    left: -24px;
    padding: 0 24px 32px 24px;
    width: calc(100% + 48px);
  }
  #integration .in .detail .back {
    flex-wrap: nowrap;
    padding: 48px 0 0 0;
    flex-direction: row;
    justify-content: space-between;
  }
  #integration .in .detail .back li {
    flex: 0 1 auto;
  }
  #integration .in .recommended {
    padding: 56px 0 0 0;
  }
}
@media only screen and (min-width: 1080px) {
  #integration .in {
    width: 1032px;
    padding: 0 0 80px 0;
  }
  #integration .in h1 {
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.04em;
    padding: 56px 0 0 0;
  }
  #integration .in .title p {
    padding: 24px 0 0 0;
  }
  #integration .in .list {
    padding: 56px 0 0 0;
  }
  #integration .in .list .item {
    margin: 24px 24px 0 0;
    flex: 0 1 328px;
  }
  #integration .in .list .item:nth-child(2n+0) {
    margin-right: 24px;
  }
  #integration .in .list .item:nth-child(3n+0) {
    margin-right: 0;
  }
  #integration .in .detail {
    flex: 0 1 592px;
    margin: 40px 0 0;
  }
  #integration .in .recommended {
    padding: 36px 0 0 0;
    flex: 0 1 328px;
  }
  #integration .in .recommended .back a {
    width: 100%;
    justify-content: center;
  }
  #integration .in.item {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (min-width: 1216px) {
  #integration .in {
    padding: 0 0 96px 0;
    width: 1168px;
  }
  #integration .in .list {
    padding: 48px 0 0 0;
  }
  #integration .in .list .item {
    margin: 32px 32px 0 0;
    flex: 0 1 368px;
  }
  #integration .in .list .item:nth-child(2n+0) {
    margin-right: 32px;
  }
  #integration .in .list .item:nth-child(3n+0) {
    margin-right: 0;
  }
  #integration .in .more {
    padding: 48px 20% 0 20%;
  }
  #integration .in .more p {
    font-size: 18px;
  }
  #integration .in .detail {
    flex: 0 1 668px;
  }
  #integration .in .recommended {
    flex: 0 1 369px;
  }
}
@media only screen and (min-width: 1600px) {
  #integration .in {
    width: 1408px;
  }
  #integration .in .list .item {
    flex: 0 1 328px;
  }
  #integration .in .list .item:nth-child(2n+0) {
    margin-right: 32px;
  }
  #integration .in .list .item:nth-child(3n+0) {
    margin-right: 32px;
  }
  #integration .in .list .item:nth-child(4n+0) {
    margin-right: 0;
  }
  #integration .in .detail {
    flex: 0 1 687px;
  }
  #integration .in .recommended {
    flex: 0 1 328px;
  }
  #integration .in.item {
    width: 1167px;
  }
}
#alternatives .in {
  text-align: left;
  color: #000;
  padding: 24px 24px 48px 24px;
  font-size: 16px;
}
#alternatives .in p {
  line-height: 157%;
  padding: 32px 0 0 0;
}
#alternatives .in a {
  text-decoration: underline;
  color: #2030c2;
  font-family: 'Inter Regular', sans-serif;
}
#alternatives .in ul {
  padding: 20px 0 0 0;
}
#alternatives .in ul li {
  line-height: 150%;
  padding: 12px 0 0 40px;
}
#alternatives .in ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 12px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-check-blueberry.svg') no-repeat center center;
  background-size: cover;
}
#alternatives .in .button {
  cursor: pointer;
  padding: 0 24px;
  color: #fff;
  display: inline-flex;
  height: 48px;
  width: 100%;
  justify-content: center;
  text-align: center;
  box-sizing: border-box;
  align-items: center;
  transition: background 0.5s;
  border-radius: 10px;
  background: #303181;
  font-family: 'Inter Medium', sans-serif;
  letter-spacing: -0.16px;
}
#alternatives .in .button.outline {
  background: #fff;
  border: 1px solid #d1d1db;
  color: #3D4144;
}
#alternatives .in .title .content h1 {
  font-size: 42px;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 42px;
  letter-spacing: -2.32px;
}
#alternatives .in .title .content ul {
  color: #1f1f49;
  padding: 28px 0 0 0;
}
#alternatives .in .title .content .nav {
  padding: 28px 0 0 0;
}
#alternatives .in .title .content .nav .button {
  margin: 12px 0 0 0;
}
#alternatives .in .title .content .secure ul {
  display: flex;
  padding: 40px 0 0 0;
}
#alternatives .in .title .content .secure ul li {
  padding: 0;
  margin: 0 16px 0 0;
}
#alternatives .in .title .content .secure ul li:before {
  display: none;
}
#alternatives .in .title .content .secure ul li span {
  display: block;
  width: 48px;
  height: 48px;
  text-indent: -10000px;
  overflow: hidden;
}
#alternatives .in .title .content .secure ul li span.iso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-iso.svg') no-repeat center center;
  background-size: cover;
}
#alternatives .in .title .content .secure ul li span.gdpr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-gdpr.svg') no-repeat center center;
  background-size: cover;
}
#alternatives .in .title .content .secure ul li span.sso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-sso.svg') no-repeat center center;
  background-size: cover;
}
#alternatives .in .title .image {
  position: relative;
  padding: 40px 0 0 0;
  left: -16px;
  width: calc(100% + 32px);
}
#alternatives .in .title .image picture {
  display: flex;
}
#alternatives .in .title .image picture img {
  border-radius: 16px;
}
#alternatives .in .trust {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#alternatives .in .trust .item {
  flex: 0 1 50%;
  height: 104px;
  text-align: center;
  margin: 24px 0 0 0;
}
#alternatives .in .trust .item img {
  width: auto;
  height: 100%;
}
#alternatives .in .claim p {
  font-size: 22px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 30px;
  text-align: center;
}
#alternatives .in .logos-slider {
  position: relative;
  width: calc(100% + 48px);
  left: -24px;
  padding: 40px 0 0 0;
}
#alternatives .in .logos-slider .list {
  margin: 24px 0 0 0;
  position: relative;
}
#alternatives .in .logos-slider .list:before,
#alternatives .in .logos-slider .list:after {
  content: '';
  width: 132px;
  height: 48px;
  top: 0;
  left: 0;
  position: absolute;
  display: block;
  z-index: 1;
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
#alternatives .in .logos-slider .list:after {
  left: auto;
  right: 0;
  transform: rotate(180deg);
}
#alternatives .in .logos-slider .list ul {
  padding: 0;
}
#alternatives .in .logos-slider .list ul li {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
}
#alternatives .in .logos-slider .list ul li:before {
  display: none;
}
#alternatives .in .logos-slider .list ul li img {
  width: auto;
  height: 48px;
}
#alternatives .in .why {
  padding: 64px 0 0 0;
}
#alternatives .in .why h2 {
  text-align: center;
  font-size: 42px;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 42px;
  letter-spacing: -2.32px;
}
#alternatives .in .why .item {
  padding: 64px 0 0 0;
}
#alternatives .in .why .item .content h3 {
  font-size: 32px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 34px;
  position: relative;
  padding: 50px 0 0 0;
  letter-spacing: -0.76px;
}
#alternatives .in .why .item .content h3:before {
  position: absolute;
  top: 0;
  left: 0;
  color: #353cee;
  font-size: 15px;
  font-family: 'Inter Medium', sans-serif;
  letter-spacing: 1.35px;
}
#alternatives .in .why .item .content h3.num-1:before {
  content: '1 / 4';
}
#alternatives .in .why .item .content h3.num-2:before {
  content: '2 / 4';
}
#alternatives .in .why .item .content h3.num-3:before {
  content: '3 / 4';
}
#alternatives .in .why .item .content h3.num-4:before {
  content: '4 / 4';
}
#alternatives .in .why .item .content p {
  color: #6c6c89;
}
#alternatives .in .why .item .content p strong {
  color: #000;
}
#alternatives .in .why .item .image {
  margin: 40px 0 0 0;
  left: -16px;
  width: calc(100% + 32px);
  position: relative;
}
#alternatives .in .why .item .image picture {
  display: flex;
}
#alternatives .in .why .item .image picture img {
  border-radius: 16px;
}
#alternatives .in .why .item .image .review {
  border-radius: 16px;
  padding: 48px 32px;
}
#alternatives .in .why .item .image .review .text {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-quote.svg') no-repeat left top;
  background-size: 40px 40px;
  padding: 64px 0 0 0;
  font-size: 22px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 30px;
}
#alternatives .in .why .item .image .review .author {
  padding: 48px 0 0 0;
}
#alternatives .in .why .item .image .review .author p {
  padding: 14px 0 0 0;
  line-height: 24px;
}
#alternatives .in .why .item .image .review .author p strong {
  font-family: 'Inter Medium', sans-serif;
  letter-spacing: -0.16px;
  display: block;
}
#alternatives .in .why .item .image .review .author p span {
  display: block;
}
#alternatives .in .why .item .image .review .author .logo img {
  width: auto;
  height: 100%;
}
#alternatives .in .why .item .image .review.mobelix {
  background: #f9d7ff;
}
#alternatives .in .why .item .image .review.mobelix .author .author .logo {
  height: 64px;
}
#alternatives .in .why .item .image .review.dpd {
  background: #e5dcfa;
}
#alternatives .in .why .item .image .review.dpd .author .logo {
  height: 44px;
}
#alternatives .in .why .item .image .review.microsoft {
  background: #d8f2ff;
}
#alternatives .in .why .item .image .review.microsoft .text {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-quote-blue.svg') no-repeat left top;
  background-size: 40px 40px;
}
#alternatives .in .why .item .image .review.microsoft .author .logo {
  height: 43px;
}
#alternatives .in .why .item .image.square picture img {
  border-radius: 0;
}
#alternatives .in .why .ratings ul {
  padding: 56px 0 0 0;
}
#alternatives .in .why .ratings ul li {
  padding: 16px 0 0 0;
}
#alternatives .in .why .ratings ul li:before {
  display: none;
}
#alternatives .in .why .ratings ul li:first-child {
  padding: 0;
}
#alternatives .in .why .ratings ul li span {
  display: flex;
  font-family: 'Inter Medium', sans-serif;
  padding: 94px 0 30px 0;
  position: relative;
  justify-content: center;
  background-color: #f7f7f8;
  color: #3f3f50;
  border-radius: 24px;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center 32px;
  background-size: 40px 40px;
}
#alternatives .in .why .ratings ul li span.gdpr {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-gdpr-round.svg');
}
#alternatives .in .why .ratings ul li span.iso {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-iso-round.svg');
}
#alternatives .in .why .ratings ul li span.capterra {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-capterra.svg');
}
#alternatives .in .why .ratings ul li span.g2 {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-g2.svg');
}
#alternatives .in .why .ratings ul li span.capterra i,
#alternatives .in .why .ratings ul li span.g2 i {
  width: 16px;
  height: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-star.svg') no-repeat center center;
  background-size: cover;
  display: inline-block;
  margin: 0 0 0 4px;
}
#alternatives .in .why .stats ul {
  padding: 0;
}
#alternatives .in .why .stats ul li {
  text-align: center;
  padding: 40px 0 0 0;
}
#alternatives .in .why .stats ul li:before {
  display: none;
}
#alternatives .in .why .stats ul li strong {
  color: #303181;
  display: block;
  font-size: 38px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 46px;
  letter-spacing: -0.76px;
}
#alternatives .in .why .stats ul li span {
  display: block;
  padding: 8px 0 0 0;
}
#alternatives .in .why .examples ul,
#alternatives .in .why .integrations ul {
  padding: 40px 0 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#alternatives .in .why .examples ul li,
#alternatives .in .why .integrations ul li {
  padding: 16px 0 0 0;
  flex: 0 1 calc((100% - 16px) / 2);
  margin: 0 16px 0 0;
}
#alternatives .in .why .examples ul li:before,
#alternatives .in .why .integrations ul li:before {
  display: none;
}
#alternatives .in .why .examples ul li:nth-child(2n+0),
#alternatives .in .why .integrations ul li:nth-child(2n+0),
#alternatives .in .why .examples ul li:last-child,
#alternatives .in .why .integrations ul li:last-child {
  margin: 0;
}
#alternatives .in .why .examples ul li a,
#alternatives .in .why .integrations ul li a,
#alternatives .in .why .examples ul li span,
#alternatives .in .why .integrations ul li span {
  text-decoration: none;
  display: flex;
  font-family: 'Inter Medium', sans-serif;
  padding: 123px 16px 24px 16px;
  position: relative;
  font-size: 14px;
  justify-content: center;
  text-align: center;
  background-color: #f7f7f8;
  color: #3f3f50;
  border-radius: 24px;
  align-items: center;
  background-repeat: no-repeat;
  background-position: center 47px;
  background-size: 32px 32px;
}
#alternatives .in .why .examples ul li a i,
#alternatives .in .why .integrations ul li a i,
#alternatives .in .why .examples ul li span i,
#alternatives .in .why .integrations ul li span i {
  width: 16px;
  height: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-download.svg') no-repeat center center;
  background-size: cover;
  display: inline-block;
  margin: 0 8px 0 0;
}
#alternatives .in .why .examples ul li a.pdf,
#alternatives .in .why .integrations ul li a.pdf,
#alternatives .in .why .examples ul li span.pdf,
#alternatives .in .why .integrations ul li span.pdf {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-pdf.svg');
}
#alternatives .in .why .examples ul li a.docx,
#alternatives .in .why .integrations ul li a.docx,
#alternatives .in .why .examples ul li span.docx,
#alternatives .in .why .integrations ul li span.docx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-docx.svg');
}
#alternatives .in .why .examples ul li a.pptx,
#alternatives .in .why .integrations ul li a.pptx,
#alternatives .in .why .examples ul li span.pptx,
#alternatives .in .why .integrations ul li span.pptx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-pptx.svg');
}
#alternatives .in .why .examples ul li a.xlsx,
#alternatives .in .why .integrations ul li a.xlsx,
#alternatives .in .why .examples ul li span.xlsx,
#alternatives .in .why .integrations ul li span.xlsx {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-xlsx.svg');
}
#alternatives .in .why .examples ul li a.csv,
#alternatives .in .why .integrations ul li a.csv,
#alternatives .in .why .examples ul li span.csv,
#alternatives .in .why .integrations ul li span.csv {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-csv.svg');
}
#alternatives .in .why .examples ul li a.sheets,
#alternatives .in .why .integrations ul li a.sheets,
#alternatives .in .why .examples ul li span.sheets,
#alternatives .in .why .integrations ul li span.sheets {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-sheets.svg');
}
#alternatives .in .why .examples ul li a.sheets i,
#alternatives .in .why .integrations ul li a.sheets i,
#alternatives .in .why .examples ul li span.sheets i,
#alternatives .in .why .integrations ul li span.sheets i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-link.svg') no-repeat center center;
}
#alternatives .in .why .examples p,
#alternatives .in .why .integrations p {
  text-align: center;
}
#alternatives .in .why .integrations ul li a,
#alternatives .in .why .integrations ul li span {
  background-position: center 34px;
  padding: 90px 0 34px 0;
  background-size: 40px 40px;
}
#alternatives .in .why .integrations ul li a.api,
#alternatives .in .why .integrations ul li span.api {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-api.svg');
}
#alternatives .in .why .integrations ul li a.zapier,
#alternatives .in .why .integrations ul li span.zapier {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-zapier.svg');
}
#alternatives .in .why .integrations ul li a.sso,
#alternatives .in .why .integrations ul li span.sso {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-single-sign-on.svg');
}
#alternatives .in .why .integrations ul li a.campaigns,
#alternatives .in .why .integrations ul li span.campaigns {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-campaigns.svg');
}
#alternatives .in .why .integrations ul li a.gdrive,
#alternatives .in .why .integrations ul li span.gdrive {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/alternatives/icon-gdrive.svg');
}
#alternatives .in .why .more {
  padding: 8px 0 0 0;
}
#alternatives .in .why .more .text {
  padding: 32px 0 0;
}
#alternatives .in .why .more .text p {
  padding: 0;
  font-size: 22px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 30px;
  text-align: center;
}
#alternatives .in .why .reviews {
  padding: 48px 0 0 0;
}
#alternatives .in .why .reviews .item {
  border: 1px solid #d9d9d9;
  margin: 16px 0 0 0;
  padding: 40px 16px;
  position: relative;
  border-radius: 16px;
  left: -16px;
  width: calc(100% + 32px);
}
#alternatives .in .why .reviews .item .text {
  font-size: 18px;
  color: #6c6c89;
  line-height: 30px;
}
#alternatives .in .why .reviews .item .author strong {
  display: block;
  font-size: 16px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 24px;
  color: #3f3f50;
  letter-spacing: -0.16px;
}
#alternatives .in .why .reviews .item .author span {
  line-height: 24px;
  display: block;
  padding: 8px 0 0 0;
}
#alternatives .in .why .reviews .item.webnode .logo img {
  width: 100px;
}
#alternatives .in .why .reviews .item.farmacol .logo img {
  width: 158px;
}
#alternatives .in .why .reviews .item.fleetcor .logo img {
  width: 158px;
}
#alternatives .in .why .reviews .item.engel-volkers .logo img {
  width: 115px;
}
#alternatives .in .why .reviews .item.fas-italia .logo img {
  width: 136px;
}
#alternatives .in .why .reviews .item.benekov .logo img {
  width: 126px;
}
#alternatives .in .why .reviews .item.foodora .logo img {
  width: 81px;
}
#alternatives .in .why .reviews .item.edenred .logo img {
  width: 86px;
}
.no-touch #alternatives .in a:hover {
  color: #000;
}
.no-touch #alternatives .in .button:hover {
  background: #424394;
}
.no-touch #alternatives .in .button:active {
  background: #303181;
}
.no-touch #alternatives .in .button.outline:hover {
  background: #f7f7f8;
}
.no-touch #alternatives .in .button.outline:active {
  background: #f7f7f8;
}
@media only screen and (min-width: 480px) {
  #alternatives .in {
    width: 400px;
    padding: 48px 0 48px 0;
    margin: 0 auto;
  }
  #alternatives .in .title .image {
    left: auto;
    width: 100%;
  }
  #alternatives .in .trust {
    justify-content: space-between;
  }
  #alternatives .in .trust .item {
    flex: 0 1 20%;
    height: auto;
  }
  #alternatives .in .trust .item img {
    height: 92px;
  }
  #alternatives .in .logos-slider {
    width: 100vw;
    left: calc(((100vw - 400px) / 2) * -1);
  }
  #alternatives .in .why .item .image {
    left: auto;
    width: 100%;
  }
  #alternatives .in .why .reviews .item {
    left: auto;
    width: 100%;
    padding: 48px 32px;
  }
}
@media only screen and (min-width: 768px) {
  #alternatives .in {
    width: 700px;
    padding: 48px 0 72px 0;
  }
  #alternatives .in .title {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
  #alternatives .in .title .content {
    flex: 0 1 48%;
  }
  #alternatives .in .title .image {
    flex: 0 1 48%;
    padding: 0;
  }
  #alternatives .in .trust {
    max-width: 660px;
    padding: 88px 0 0 0;
    margin: 0 auto;
  }
  #alternatives .in .trust .item {
    margin: 0;
  }
  #alternatives .in .claim {
    padding: 88px 0 0 0;
  }
  #alternatives .in .claim p {
    padding: 0;
  }
  #alternatives .in .logos-slider {
    left: calc(((100vw - 700px) / 2) * -1);
  }
  #alternatives .in .why {
    padding: 88px 0 0 0;
  }
  #alternatives .in .why .item {
    padding: 88px 0 0 0;
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #alternatives .in .why .item .content {
    flex: 0 1 50%;
  }
  #alternatives .in .why .item .image {
    flex: 0 1 50%;
    right: -54px;
    margin: 0;
  }
  #alternatives .in .why .item.reverse {
    flex-direction: row-reverse;
  }
  #alternatives .in .why .item.reverse .image {
    right: auto;
    left: -54px;
  }
  #alternatives .in .why .ratings ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #alternatives .in .why .ratings ul li {
    padding: 16px 0 0 0;
    flex: 0 1 48.5%;
    text-align: center;
  }
  #alternatives .in .why .ratings ul li:first-child {
    padding: 16px 0 0 0;
  }
  #alternatives .in .why .stats {
    padding: 88px 0 0 0;
  }
  #alternatives .in .why .stats ul {
    display: flex;
    justify-content: space-between;
  }
  #alternatives .in .why .stats ul li {
    flex: 0 1 23%;
    padding: 0;
  }
  #alternatives .in .why .examples ul li,
  #alternatives .in .why .integrations ul li {
    flex: 0 1 calc((100% - 32px) / 3);
  }
  #alternatives .in .why .examples ul li:nth-child(2n+0),
  #alternatives .in .why .integrations ul li:nth-child(2n+0) {
    margin: 0 16px 0 0;
  }
  #alternatives .in .why .examples ul li:nth-child(3n+0),
  #alternatives .in .why .integrations ul li:nth-child(3n+0) {
    margin: 0;
  }
  #alternatives .in .why .more {
    display: flex;
    padding: 0 0 0 52px;
    margin: 88px 0 0 0;
    position: relative;
    align-items: center;
  }
  #alternatives .in .why .more:before {
    background: #2030c2;
    content: '';
    width: 4px;
    border-radius: 2px;
    height: calc(100% + 16px);
    top: -8px;
    left: 0;
    display: block;
    position: absolute;
  }
  #alternatives .in .why .more p {
    padding: 0;
  }
  #alternatives .in .why .more p .button {
    white-space: nowrap;
  }
  #alternatives .in .why .more .text {
    padding: 0 32px 0 0;
  }
  #alternatives .in .why .more .text p {
    text-align: left;
  }
  #alternatives .in .why .reviews {
    padding: 88px 0 0 0;
    display: flex;
    justify-content: space-between;
  }
  #alternatives .in .why .reviews .item {
    flex: 0 1 32%;
    padding: 48px 24px;
    margin: 0;
    align-content: flex-start;
    width: 32%;
  }
  #alternatives .in .why .reviews .item .logo {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
  }
  #alternatives .in .why .reviews .item .text {
    width: 100%;
  }
}
@media only screen and (min-width: 1152px) {
  #alternatives .in {
    padding: 64px 0 88px 0;
    width: 1120px;
  }
  #alternatives .in .button {
    width: auto;
  }
  #alternatives .in .title .content {
    flex: 0 1 calc(100% - (576px + 64px));
  }
  #alternatives .in .title .content h1 {
    line-height: 60px;
    font-size: 58px;
  }
  #alternatives .in .title .content .nav {
    display: flex;
    padding: 40px 0 0 0;
  }
  #alternatives .in .title .content .nav .button {
    margin: 0 16px 0 0;
  }
  #alternatives .in .title .image {
    flex: 0 1 576px;
  }
  #alternatives .in .trust {
    padding: 120px 0 0 0;
    max-width: 800px;
  }
  #alternatives .in .trust .item img {
    height: 120px;
  }
  #alternatives .in .claim {
    width: 928px;
    margin: 0 auto;
    padding: 96px 0 0 0;
  }
  #alternatives .in .claim p {
    font-size: 28px;
    line-height: 40px;
  }
  #alternatives .in .logos-slider {
    width: 100%;
    padding: 56px 0 0 0;
    left: auto;
  }
  #alternatives .in .why {
    padding: 120px 0 0 0;
  }
  #alternatives .in .why h2 {
    line-height: 60px;
    font-size: 58px;
  }
  #alternatives .in .why .item .content {
    flex: 0 1 480px;
  }
  #alternatives .in .why .item .content h3 {
    line-height: 46px;
    font-size: 38px;
  }
  #alternatives .in .why .item .content p {
    font-size: 18px;
    line-height: 30px;
  }
  #alternatives .in .why .item .image {
    height: 644px;
    right: auto;
  }
  #alternatives .in .why .item .image picture {
    width: 644px;
    position: absolute;
    right: auto;
    left: 80px;
    height: 644px;
  }
  #alternatives .in .why .item .image .review {
    width: 644px;
    height: 644px;
    position: absolute;
    left: 80px;
    padding: 117px 69px 124px 69px;
  }
  #alternatives .in .why .item .image .review .text {
    line-height: 40px;
    font-size: 28px;
  }
  #alternatives .in .why .item.reverse .image {
    left: auto;
  }
  #alternatives .in .why .item.reverse .image picture {
    right: 16px;
    left: auto;
  }
  #alternatives .in .why .ratings ul {
    justify-content: space-between;
    padding: 88px 0 0 0;
  }
  #alternatives .in .why .ratings ul li {
    text-align: left;
    flex: 0 1 calc((100% - 84px) / 4);
    padding: 0;
  }
  #alternatives .in .why .ratings ul li:first-child {
    padding: 0;
  }
  #alternatives .in .why .stats {
    padding: 96px 0 0 0;
  }
  #alternatives .in .why .examples,
  #alternatives .in .why .integrations {
    padding: 104px 0 0 0;
  }
  #alternatives .in .why .examples ul,
  #alternatives .in .why .integrations ul {
    padding: 0;
  }
  #alternatives .in .why .examples ul li,
  #alternatives .in .why .integrations ul li {
    padding: 0;
    flex: 0 1 calc((100% - 120px) / 6);
  }
  #alternatives .in .why .examples ul li:nth-child(3n+0),
  #alternatives .in .why .integrations ul li:nth-child(3n+0) {
    margin: 0 24px 0 0;
  }
  #alternatives .in .why .integrations ul {
    justify-content: space-between;
  }
  #alternatives .in .why .integrations ul li {
    flex: 0 1 calc((100% - 96px) / 5);
    margin: 0;
  }
  #alternatives .in .why .integrations ul li:nth-child(2n+0),
  #alternatives .in .why .integrations ul li:nth-child(3n+0) {
    margin: 0;
  }
  #alternatives .in .why .integrations ul li span {
    padding: 90px 16px 34px 16px;
    height: 100%;
    box-sizing: border-box;
  }
  #alternatives .in .why .more {
    padding: 0 0 0 92px;
    margin: 120px 0 0 0;
    justify-content: space-between;
  }
  #alternatives .in .why .more:before {
    top: -24px;
    height: calc(100% + 48px);
  }
  #alternatives .in .why .more .text p {
    line-height: 40px;
    font-size: 28px;
  }
  #alternatives .in .why .reviews {
    padding: 144px 0 0 0;
  }
  #alternatives .in .why .reviews .item {
    flex: 0 1 calc((100% - 64px) / 3);
    padding: 40px 39px 56px 39px;
  }
}
#affiliate .in .commissions p br {
  display: none;
}
#affiliate .in .commissions ul {
  padding: 0 0 10px 0;
}
#affiliate .in .commissions ul li {
  padding: 0;
  width: 220px;
  height: 220px;
  border-radius: 100%;
  display: inline-block;
  overflow: hidden;
  margin: 25px 0 0 0;
  position: relative;
}
#affiliate .in .commissions ul li:before {
  display: none;
}
#affiliate .in .commissions ul li h3 {
  display: flex;
  line-height: 100%;
  justify-content: center;
  align-items: center;
  height: 33.33333%;
  font-family: 'Inter SemiBold', sans-serif;
  background: #f8ce1c;
  color: #000;
  padding: 12px 0 0 0;
  font-size: 24px;
  box-sizing: border-box;
}
#affiliate .in .commissions ul li .yearly {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  align-items: center;
  flex-wrap: wrap;
  margin: 1px 0;
  height: 33.33333%;
  background: #fff7bc;
  align-content: center;
}
#affiliate .in .commissions ul li .yearly strong {
  display: block;
  flex: 0 1 100%;
  font-family: 'Inter Bold', sans-serif;
  font-size: 26px;
  padding: 0 0 5px 0;
}
#affiliate .in .commissions ul li .yearly span {
  font-size: 13px;
}
#affiliate .in .commissions ul li .monthly {
  height: 33.33333%;
  background: #fffce8;
  align-content: center;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 9px 0;
}
#affiliate .in .commissions ul li .monthly strong {
  flex: 0 1 100%;
  display: block;
  font-size: 20px;
  padding: 0 0 5px 0;
}
#affiliate .in .commissions ul li .monthly span {
  font-size: 12px;
}
#affiliate .in .how {
  margin: 25px 0 0 0;
  background: #f2f3f4;
  padding: 10px 0 35px 0;
  position: relative;
}
#affiliate .in .how:before,
#affiliate .in .how:after {
  content: '';
  background: #f2f3f4;
  width: 10000px;
  top: 0;
  position: absolute;
  display: block;
  left: -10000px;
  height: 100%;
}
#affiliate .in .how:after {
  left: auto;
  right: -10000px;
}
#affiliate .in .how ol {
  padding: 5px 0 0 0;
}
#affiliate .in .how ol li {
  padding: 25px 0 0 0;
}
#affiliate .in .how ol li h3 {
  padding: 56px 0 0 0;
}
#affiliate .in .how ol li h3.signup {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-register.svg') no-repeat center top;
  background-size: auto 44px;
}
#affiliate .in .how ol li h3.promote {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-globe.svg') no-repeat center top;
  background-size: auto 44px;
}
#affiliate .in .how ol li h3.paid {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-wallet.svg') no-repeat center top;
  background-size: auto 44px;
}
#affiliate .in .how ol li p {
  padding: 5px 0 0 0;
}
#affiliate .in .unlimited p a {
  color: #9e6c00;
}
#affiliate .in .join {
  padding: 25px 0 0 0;
}
#affiliate .in .join h2 {
  padding: 70px 0 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-down.svg') no-repeat center top;
  background-size: auto 44px;
}
#affiliate .in .join p .sui-btn {
  background: #f8ce1c;
  color: #000;
}
.no-touch #affiliate .in .unlimited p a:hover {
  color: #000;
}
.no-touch #affiliate .in .join p .sui-btn:hover {
  background: #eec207;
}
.no-touch #affiliate .in .join p .sui-btn:active {
  background: #dab207;
}
@media only screen and (min-width: 480px) {
  #affiliate .in .join p .sui-btn {
    width: auto;
    padding-left: 28px;
    padding-right: 28px;
  }
}
@media only screen and (min-width: 768px) {
  #affiliate .in .commissions p br {
    display: block;
  }
  #affiliate .in .commissions ul {
    display: flex;
    padding: 25px 0 30px 0;
    justify-content: space-between;
  }
  #affiliate .in .commissions ul li {
    width: 210px;
    height: 210px;
  }
  #affiliate .in .how {
    padding: 25px 0 50px 0;
  }
  #affiliate .in .how ol {
    display: flex;
    padding: 25px 0 0 0;
    justify-content: space-between;
  }
  #affiliate .in .how ol li {
    flex: 0 1 30%;
  }
  #affiliate .in .how ol li h3 {
    font-size: 20px;
    padding: 60px 0 0 0;
  }
  #affiliate .in .unlimited {
    padding: 20px 0 10px 0;
  }
  #affiliate .in .unlimited h3 {
    font-size: 27px;
  }
  #affiliate .in .join h2 {
    padding: 80px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #affiliate .in {
    padding-top: 20px;
  }
  #affiliate .in .commissions ul {
    padding: 35px 130px 40px 130px;
  }
  #affiliate .in .commissions ul li {
    width: 230px;
    height: 230px;
  }
  #affiliate .in .how {
    padding: 35px 0 60px 0;
  }
  #affiliate .in .how h2 {
    font-size: 32px;
  }
  #affiliate .in .how ol {
    padding: 35px 100px 0 100px;
  }
  #affiliate .in .how ol li {
    flex: 0 1 27%;
  }
  #affiliate .in .unlimited {
    padding: 30px 100px 10px 100px;
  }
}
#section1,
#section2,
#section3,
#section4,
#section5,
#section6,
#section7 {
  color: #000;
}
#section1.outer-section1,
#section2.outer-section1,
#section3.outer-section1,
#section4.outer-section1,
#section5.outer-section1,
#section6.outer-section1,
#section7.outer-section1 {
  text-align: left;
}
#section1.outer-section1 .section1 .inner-section1,
#section2.outer-section1 .section1 .inner-section1,
#section3.outer-section1 .section1 .inner-section1,
#section4.outer-section1 .section1 .inner-section1,
#section5.outer-section1 .section1 .inner-section1,
#section6.outer-section1 .section1 .inner-section1,
#section7.outer-section1 .section1 .inner-section1 {
  padding: 24px 24px 0 48px;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex,
#section2.outer-section1 .section1 .inner-section1 .main-flex,
#section3.outer-section1 .section1 .inner-section1 .main-flex,
#section4.outer-section1 .section1 .inner-section1 .main-flex,
#section5.outer-section1 .section1 .inner-section1 .main-flex,
#section6.outer-section1 .section1 .inner-section1 .main-flex,
#section7.outer-section1 .section1 .inner-section1 .main-flex {
  padding: 0;
  display: flex;
  flex-direction: column;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content h1,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 42px;
  line-height: 42px;
  color: #1f1f49;
  letter-spacing: -0.03em;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content p,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content p {
  line-height: 175%;
  padding: 24px 0 0 0;
  font-size: 18px;
  color: #1f1f49;
  font-family: 'Inter Medium', sans-serif;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more {
  padding: 40px 24px 0 0;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button {
  display: inline-flex;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 12px;
  align-items: center;
  padding: 0 24px;
  line-height: 144%;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 16px;
  height: 56px;
  white-space: nowrap;
  width: 100%;
  background: #303181;
  letter-spacing: -0.01em;
  border: none;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul {
  padding: 16px 0 0 0;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li {
  font-size: 16px;
  color: #1f1f49;
  margin: 16px 0 0 0;
  padding: 0 0 0 40px;
  line-height: 143%;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before,
#section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li:before {
  display: block;
  top: -2px;
  width: 24px;
  content: '';
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-check-dark.svg') no-repeat center center;
  background-size: 24px 24px;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section2.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section3.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section4.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section5.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section6.outer-section1 .section1 .inner-section1 .main-flex .image picture,
#section7.outer-section1 .section1 .inner-section1 .main-flex .image picture {
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
  bottom: -48px;
  display: block;
}
#section1.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section2.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section3.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section4.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section5.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section6.outer-section1 .section1 .inner-section1 .main-flex .image picture img,
#section7.outer-section1 .section1 .inner-section1 .main-flex .image picture img {
  border-radius: 24px;
}
#section1.outer-section2,
#section2.outer-section2,
#section3.outer-section2,
#section4.outer-section2,
#section5.outer-section2,
#section6.outer-section2,
#section7.outer-section2 {
  text-align: left;
}
#section1.outer-section2 .section2 .inner-section2,
#section2.outer-section2 .section2 .inner-section2,
#section3.outer-section2 .section2 .inner-section2,
#section4.outer-section2 .section2 .inner-section2,
#section5.outer-section2 .section2 .inner-section2,
#section6.outer-section2 .section2 .inner-section2,
#section7.outer-section2 .section2 .inner-section2 {
  padding: 96px 24px 0 48px;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in {
  position: relative;
  padding: 0 0 50px 0;
  margin-left: -24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in:before,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in:before {
  display: block;
  content: '';
  width: 10000px;
  left: -5000px;
  height: 1px;
  bottom: 0;
  position: absolute;
  background: #f1f3f3;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in p,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in p {
  display: block;
  color: #60607a;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 185%;
  letter-spacing: 1.68px;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  margin: 0 auto;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul {
  display: flex;
  justify-content: center;
  padding: 32px 0 0;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li {
  padding: 0 0 0 24px;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li img,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li img {
  width: 120px;
  height: 48px;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before {
  display: none;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2) {
  padding: 0 0 0 24px;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child {
  padding: 0;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4) {
  display: none;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3) {
  display: none;
}
#section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
#section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5) {
  display: none;
}
#section1.outer-section2 .section2 .inner-section2 h2,
#section2.outer-section2 .section2 .inner-section2 h2,
#section3.outer-section2 .section2 .inner-section2 h2,
#section4.outer-section2 .section2 .inner-section2 h2,
#section5.outer-section2 .section2 .inner-section2 h2,
#section6.outer-section2 .section2 .inner-section2 h2,
#section7.outer-section2 .section2 .inner-section2 h2 {
  display: block;
  color: #2B1EC1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  padding: 0 0 24px;
  text-align: left;
  margin: 64px 0 0;
}
#section1.outer-section2 .section2 .inner-section2 .highlight,
#section2.outer-section2 .section2 .inner-section2 .highlight,
#section3.outer-section2 .section2 .inner-section2 .highlight,
#section4.outer-section2 .section2 .inner-section2 .highlight,
#section5.outer-section2 .section2 .inner-section2 .highlight,
#section6.outer-section2 .section2 .inner-section2 .highlight,
#section7.outer-section2 .section2 .inner-section2 .highlight {
  color: #000;
  position: relative;
  font-size: 18px;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 167%;
  letter-spacing: -0.01em;
  text-align: left;
  padding: 0 0 0 27px;
}
#section1.outer-section2 .section2 .inner-section2 .highlight:before,
#section2.outer-section2 .section2 .inner-section2 .highlight:before,
#section3.outer-section2 .section2 .inner-section2 .highlight:before,
#section4.outer-section2 .section2 .inner-section2 .highlight:before,
#section5.outer-section2 .section2 .inner-section2 .highlight:before,
#section6.outer-section2 .section2 .inner-section2 .highlight:before,
#section7.outer-section2 .section2 .inner-section2 .highlight:before {
  content: '';
  display: block;
  background: #f2f2f2;
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#section1.outer-section3,
#section2.outer-section3,
#section3.outer-section3,
#section4.outer-section3,
#section5.outer-section3,
#section6.outer-section3,
#section7.outer-section3 {
  text-align: left;
}
#section1.outer-section3 .section3 .inner-section3,
#section2.outer-section3 .section3 .inner-section3,
#section3.outer-section3 .section3 .inner-section3,
#section4.outer-section3 .section3 .inner-section3,
#section5.outer-section3 .section3 .inner-section3,
#section6.outer-section3 .section3 .inner-section3,
#section7.outer-section3 .section3 .inner-section3 {
  padding: 0 24px 0 48px;
}
#section1.outer-section3 .section3 .inner-section3 .column .content,
#section2.outer-section3 .section3 .inner-section3 .column .content,
#section3.outer-section3 .section3 .inner-section3 .column .content,
#section4.outer-section3 .section3 .inner-section3 .column .content,
#section5.outer-section3 .section3 .inner-section3 .column .content,
#section6.outer-section3 .section3 .inner-section3 .column .content,
#section7.outer-section3 .section3 .inner-section3 .column .content {
  padding: 64px 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column .content h2,
#section2.outer-section3 .section3 .inner-section3 .column .content h2,
#section3.outer-section3 .section3 .inner-section3 .column .content h2,
#section4.outer-section3 .section3 .inner-section3 .column .content h2,
#section5.outer-section3 .section3 .inner-section3 .column .content h2,
#section6.outer-section3 .section3 .inner-section3 .column .content h2,
#section7.outer-section3 .section3 .inner-section3 .column .content h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 48px;
  color: #000;
  line-height: 115%;
  letter-spacing: -1.26px;
  padding: 40px 0 0;
  position: relative;
}
#section1.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section2.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section3.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section4.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section5.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section6.outer-section3 .section3 .inner-section3 .column .content h2:before,
#section7.outer-section3 .section3 .inner-section3 .column .content h2:before {
  content: '01';
  color: #818996;
  font-family: 'Inter Bold', sans-serif;
  font-size: 13px;
  letter-spacing: -0.03em;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
}
#section1.outer-section3 .section3 .inner-section3 .column .content p,
#section2.outer-section3 .section3 .inner-section3 .column .content p,
#section3.outer-section3 .section3 .inner-section3 .column .content p,
#section4.outer-section3 .section3 .inner-section3 .column .content p,
#section5.outer-section3 .section3 .inner-section3 .column .content p,
#section6.outer-section3 .section3 .inner-section3 .column .content p,
#section7.outer-section3 .section3 .inner-section3 .column .content p {
  padding: 24px 0 0 0;
  line-height: 175%;
  font-size: 16px;
}
#section1.outer-section3 .section3 .inner-section3 .column .content ul,
#section2.outer-section3 .section3 .inner-section3 .column .content ul,
#section3.outer-section3 .section3 .inner-section3 .column .content ul,
#section4.outer-section3 .section3 .inner-section3 .column .content ul,
#section5.outer-section3 .section3 .inner-section3 .column .content ul,
#section6.outer-section3 .section3 .inner-section3 .column .content ul,
#section7.outer-section3 .section3 .inner-section3 .column .content ul {
  padding: 12px 0 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column .content ul li,
#section2.outer-section3 .section3 .inner-section3 .column .content ul li,
#section3.outer-section3 .section3 .inner-section3 .column .content ul li,
#section4.outer-section3 .section3 .inner-section3 .column .content ul li,
#section5.outer-section3 .section3 .inner-section3 .column .content ul li,
#section6.outer-section3 .section3 .inner-section3 .column .content ul li,
#section7.outer-section3 .section3 .inner-section3 .column .content ul li {
  line-height: 150%;
  padding: 12px 0 0 40px;
  font-size: 16px;
}
#section1.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section2.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section3.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section4.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section5.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section6.outer-section3 .section3 .inner-section3 .column .content ul li:before,
#section7.outer-section3 .section3 .inner-section3 .column .content ul li:before {
  top: 12px;
  width: 24px;
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-check.svg') no-repeat center center;
  background-size: 24px 24px;
  content: '';
}
#section1.outer-section3 .section3 .inner-section3 .column .content .more,
#section2.outer-section3 .section3 .inner-section3 .column .content .more,
#section3.outer-section3 .section3 .inner-section3 .column .content .more,
#section4.outer-section3 .section3 .inner-section3 .column .content .more,
#section5.outer-section3 .section3 .inner-section3 .column .content .more,
#section6.outer-section3 .section3 .inner-section3 .column .content .more,
#section7.outer-section3 .section3 .inner-section3 .column .content .more {
  padding: 32px 0 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column .content .more a,
#section2.outer-section3 .section3 .inner-section3 .column .content .more a,
#section3.outer-section3 .section3 .inner-section3 .column .content .more a,
#section4.outer-section3 .section3 .inner-section3 .column .content .more a,
#section5.outer-section3 .section3 .inner-section3 .column .content .more a,
#section6.outer-section3 .section3 .inner-section3 .column .content .more a,
#section7.outer-section3 .section3 .inner-section3 .column .content .more a {
  color: #2030c2;
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  line-height: 133%;
  cursor: pointer;
  padding: 0 32px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#section1.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section2.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section3.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section4.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section5.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section6.outer-section3 .section3 .inner-section3 .column .content .more a:before,
#section7.outer-section3 .section3 .inner-section3 .column .content .more a:before {
  content: '';
  position: absolute;
  right: 0;
  background-size: cover;
  width: 24px;
  transition: right 0.2s;
  height: 24px;
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-right-blueberry.svg') no-repeat center center;
  background-size: 24px 24px;
}
#section1.outer-section3 .section3 .inner-section3 .column .image,
#section2.outer-section3 .section3 .inner-section3 .column .image,
#section3.outer-section3 .section3 .inner-section3 .column .image,
#section4.outer-section3 .section3 .inner-section3 .column .image,
#section5.outer-section3 .section3 .inner-section3 .column .image,
#section6.outer-section3 .section3 .inner-section3 .column .image,
#section7.outer-section3 .section3 .inner-section3 .column .image {
  padding: 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
  margin: 56px 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column .image picture img,
#section2.outer-section3 .section3 .inner-section3 .column .image picture img,
#section3.outer-section3 .section3 .inner-section3 .column .image picture img,
#section4.outer-section3 .section3 .inner-section3 .column .image picture img,
#section5.outer-section3 .section3 .inner-section3 .column .image picture img,
#section6.outer-section3 .section3 .inner-section3 .column .image picture img,
#section7.outer-section3 .section3 .inner-section3 .column .image picture img {
  border-radius: 24px;
}
#section1.outer-section3 .section3 .inner-section3 .column2,
#section2.outer-section3 .section3 .inner-section3 .column2,
#section3.outer-section3 .section3 .inner-section3 .column2,
#section4.outer-section3 .section3 .inner-section3 .column2,
#section5.outer-section3 .section3 .inner-section3 .column2,
#section6.outer-section3 .section3 .inner-section3 .column2,
#section7.outer-section3 .section3 .inner-section3 .column2 {
  padding: 24px 0 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section2.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section3.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section4.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section5.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section6.outer-section3 .section3 .inner-section3 .column2 .content h2:before,
#section7.outer-section3 .section3 .inner-section3 .column2 .content h2:before {
  content: '02';
}
#section1.outer-section3 .section3 .inner-section3 .list ul,
#section2.outer-section3 .section3 .inner-section3 .list ul,
#section3.outer-section3 .section3 .inner-section3 .list ul,
#section4.outer-section3 .section3 .inner-section3 .list ul,
#section5.outer-section3 .section3 .inner-section3 .list ul,
#section6.outer-section3 .section3 .inner-section3 .list ul,
#section7.outer-section3 .section3 .inner-section3 .list ul {
  padding: 32px 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .list ul li,
#section2.outer-section3 .section3 .inner-section3 .list ul li,
#section3.outer-section3 .section3 .inner-section3 .list ul li,
#section4.outer-section3 .section3 .inner-section3 .list ul li,
#section5.outer-section3 .section3 .inner-section3 .list ul li,
#section6.outer-section3 .section3 .inner-section3 .list ul li,
#section7.outer-section3 .section3 .inner-section3 .list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0 0;
  content: '';
}
#section1.outer-section3 .section3 .inner-section3 .list ul li:before,
#section2.outer-section3 .section3 .inner-section3 .list ul li:before,
#section3.outer-section3 .section3 .inner-section3 .list ul li:before,
#section4.outer-section3 .section3 .inner-section3 .list ul li:before,
#section5.outer-section3 .section3 .inner-section3 .list ul li:before,
#section6.outer-section3 .section3 .inner-section3 .list ul li:before,
#section7.outer-section3 .section3 .inner-section3 .list ul li:before {
  display: block;
  width: 48px;
  height: 48px;
  flex: 0 1 48px;
  position: relative;
  top: 0;
  content: '';
}
#section1.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section2.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section3.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section4.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section5.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section6.outer-section3 .section3 .inner-section3 .list ul li:first-child:before,
#section7.outer-section3 .section3 .inner-section3 .list ul li:first-child:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-branding.svg') no-repeat center center;
  background-size: cover;
}
#section1.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section2.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section3.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section4.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section5.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section6.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before,
#section7.outer-section3 .section3 .inner-section3 .list ul li:nth-child(2):before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-optimize.svg') no-repeat center center;
  background-size: cover;
}
#section1.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section2.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section3.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section4.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section5.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section6.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before,
#section7.outer-section3 .section3 .inner-section3 .list ul li:nth-child(3):before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-benchmark.svg') no-repeat center center;
  background-size: cover;
}
#section1.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section2.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section3.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section4.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section5.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section6.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before,
#section7.outer-section3 .section3 .inner-section3 .list ul li:nth-child(4):before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/healthcare/icon-innovation.svg') no-repeat center center;
  background-size: cover;
}
#section1.outer-section3 .section3 .inner-section3 .list ul li span,
#section2.outer-section3 .section3 .inner-section3 .list ul li span,
#section3.outer-section3 .section3 .inner-section3 .list ul li span,
#section4.outer-section3 .section3 .inner-section3 .list ul li span,
#section5.outer-section3 .section3 .inner-section3 .list ul li span,
#section6.outer-section3 .section3 .inner-section3 .list ul li span,
#section7.outer-section3 .section3 .inner-section3 .list ul li span {
  flex: 0 1 calc(100% - 80px);
  line-height: 143%;
  font-family: 'Inter Medium', sans-serif;
}
#section1.outer-section3 .section3 .inner-section3 .column3,
#section2.outer-section3 .section3 .inner-section3 .column3,
#section3.outer-section3 .section3 .inner-section3 .column3,
#section4.outer-section3 .section3 .inner-section3 .column3,
#section5.outer-section3 .section3 .inner-section3 .column3,
#section6.outer-section3 .section3 .inner-section3 .column3,
#section7.outer-section3 .section3 .inner-section3 .column3 {
  padding: 24px 0 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section2.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section3.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section4.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section5.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section6.outer-section3 .section3 .inner-section3 .column3 .content h2:before,
#section7.outer-section3 .section3 .inner-section3 .column3 .content h2:before {
  content: '03';
}
#section1.outer-section3 .section3 .inner-section3 .between-column,
#section2.outer-section3 .section3 .inner-section3 .between-column,
#section3.outer-section3 .section3 .inner-section3 .between-column,
#section4.outer-section3 .section3 .inner-section3 .between-column,
#section5.outer-section3 .section3 .inner-section3 .between-column,
#section6.outer-section3 .section3 .inner-section3 .between-column,
#section7.outer-section3 .section3 .inner-section3 .between-column {
  padding: 72px 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section2.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section3.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section4.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section5.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section6.outer-section3 .section3 .inner-section3 .between-column .in h3,
#section7.outer-section3 .section3 .inner-section3 .between-column .in h3 {
  color: #2B1EC1;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  font-family: 'Inter Medium', sans-serif;
  padding: 0;
}
#section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
#section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p {
  color: #000;
  font-size: 18px;
  font-family: 'Inter Medium', sans-serif;
  font-weight: 500;
  line-height: 167%;
  padding: 24px 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
#section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
#section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a {
  display: inline-flex;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 12px;
  align-items: center;
  padding: 0 24px;
  line-height: 144%;
  text-align: center;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 16px;
  height: 56px;
  width: 100%;
  background: #303181;
  letter-spacing: -0.01em;
  margin-top: 24px;
  border: none;
}
#section1.outer-section3 .section3 .inner-section3 .column4,
#section2.outer-section3 .section3 .inner-section3 .column4,
#section3.outer-section3 .section3 .inner-section3 .column4,
#section4.outer-section3 .section3 .inner-section3 .column4,
#section5.outer-section3 .section3 .inner-section3 .column4,
#section6.outer-section3 .section3 .inner-section3 .column4,
#section7.outer-section3 .section3 .inner-section3 .column4 {
  padding: 24px 0 0 0;
}
#section1.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section2.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section3.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section4.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section5.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section6.outer-section3 .section3 .inner-section3 .column4 .content h2:before,
#section7.outer-section3 .section3 .inner-section3 .column4 .content h2:before {
  content: '04';
}
#section1.outer-section7,
#section2.outer-section7,
#section3.outer-section7,
#section4.outer-section7,
#section5.outer-section7,
#section6.outer-section7,
#section7.outer-section7 {
  text-align: left;
}
#section1.outer-section7 .section7 .inner-section7,
#section2.outer-section7 .section7 .inner-section7,
#section3.outer-section7 .section7 .inner-section7,
#section4.outer-section7 .section7 .inner-section7,
#section5.outer-section7 .section7 .inner-section7,
#section6.outer-section7 .section7 .inner-section7,
#section7.outer-section7 .section7 .inner-section7 {
  padding: 72px 24px 68px 48px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews h2,
#section2.outer-section7 .section7 .inner-section7 .reviews h2,
#section3.outer-section7 .section7 .inner-section7 .reviews h2,
#section4.outer-section7 .section7 .inner-section7 .reviews h2,
#section5.outer-section7 .section7 .inner-section7 .reviews h2,
#section6.outer-section7 .section7 .inner-section7 .reviews h2,
#section7.outer-section7 .section7 .inner-section7 .reviews h2 {
  text-align: center;
  color: #2B1EC1;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 1.68px;
  text-transform: uppercase;
  display: block;
  padding: 0 0 24px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews h3,
#section2.outer-section7 .section7 .inner-section7 .reviews h3,
#section3.outer-section7 .section7 .inner-section7 .reviews h3,
#section4.outer-section7 .section7 .inner-section7 .reviews h3,
#section5.outer-section7 .section7 .inner-section7 .reviews h3,
#section6.outer-section7 .section7 .inner-section7 .reviews h3,
#section7.outer-section7 .section7 .inner-section7 .reviews h3 {
  text-align: center;
  padding: 0;
  font-size: 28px;
  margin-left: -24px;
  line-height: 119%;
}
#section1.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section2.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section3.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section4.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section5.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section6.outer-section7 .section7 .inner-section7 .reviews h3:before,
#section7.outer-section7 .section7 .inner-section7 .reviews h3:before {
  display: none;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list,
#section2.outer-section7 .section7 .inner-section7 .reviews .list,
#section3.outer-section7 .section7 .inner-section7 .reviews .list,
#section4.outer-section7 .section7 .inner-section7 .reviews .list,
#section5.outer-section7 .section7 .inner-section7 .reviews .list,
#section6.outer-section7 .section7 .inner-section7 .reviews .list,
#section7.outer-section7 .section7 .inner-section7 .reviews .list {
  padding: 32px 0 0;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
  margin: 8px 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
  box-sizing: border-box;
  padding: 40px;
  background: #f2f2f2;
  border-radius: 8px;
  transition: background 0.5s;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in span,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in span {
  font-family: 'Inter Medium', sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  color: #202124;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in p,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in p {
  font-family: 'Inter Regular', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #667085;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in p span,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in p span {
  color: #202124;
  font-family: 'Inter Medium', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex {
  display: flex;
  padding: 32px 0 0;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex img {
  width: 48px;
  height: 48px;
  border-radius: 100%;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 24px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in span {
  color: #000;
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.16px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section2.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section3.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section4.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section5.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section6.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p,
#section7.outer-section7 .section7 .inner-section7 .reviews .list .in .profile-flex .profile-flex-in p {
  color: #667085;
  font-family: 'Inter Regular', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 0 0;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section2.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section3.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section4.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section5.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section6.outer-section7 .section7 .inner-section7 .reviews .review-btn,
#section7.outer-section7 .section7 .inner-section7 .reviews .review-btn {
  padding: 48px 0 0;
  margin-left: -24px;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
#section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 {
  padding: 0;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
#section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button {
  display: inline-flex;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 12px;
  align-items: center;
  padding: 0 24px;
  line-height: 144%;
  transition: background 0.5s;
  justify-content: center;
  text-decoration: none;
  font-family: 'Inter SemiBold', sans-serif;
  color: #fff;
  font-size: 16px;
  height: 56px;
  width: 100%;
  background: #303181;
  letter-spacing: -0.01em;
  border: none;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2,
#section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 {
  padding: 0;
}
#section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
#section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button {
  color: #383DAD;
  background: var(--blueberry-100, #EBF2FF);
  margin-top: 12px;
  border: 1px solid var(--blueberry-175, #C9DAFB);
}
#section1.outer-section1 {
  background: #D7E5FD;
}
.no-touch #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover,
.no-touch #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:hover {
  background: #424394;
}
.no-touch #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active,
.no-touch #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button:active {
  background: #303181;
}
.no-touch #section1.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section2.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section3.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section4.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section5.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section6.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before,
.no-touch #section7.outer-section3 .section3 .inner-section3 .column .content .more a:hover:before {
  transition: right 0.2s;
  right: -8px;
}
.no-touch #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:hover,
.no-touch #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover,
.no-touch #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:hover {
  background: #424394;
}
.no-touch #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button:active,
.no-touch #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active,
.no-touch #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a:active {
  background: #303181;
}
.no-touch #section1.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section2.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section3.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section4.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section5.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section6.outer-section7 .section7 .inner-section7 .reviews .list .in:hover,
.no-touch #section7.outer-section7 .section7 .inner-section7 .reviews .list .in:hover {
  background: #E0F2FE;
  transition: background 0.5s;
}
.no-touch #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover,
.no-touch #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:hover {
  background: #424394;
}
.no-touch #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active,
.no-touch #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button:active {
  background: #303181;
}
.no-touch #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover,
.no-touch #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:hover {
  background: #C9DAFB;
}
.no-touch #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active,
.no-touch #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button:active {
  background: #B5CBF8;
}
@media screen and (min-width: 480px) {
  #section1.outer-section1 .section1,
  #section2.outer-section1 .section1,
  #section3.outer-section1 .section1,
  #section4.outer-section1 .section1,
  #section5.outer-section1 .section1,
  #section6.outer-section1 .section1,
  #section7.outer-section1 .section1 {
    width: 430px;
    margin: 0 auto;
  }
  #section1.outer-section1 .section1 .inner-section1,
  #section2.outer-section1 .section1 .inner-section1,
  #section3.outer-section1 .section1 .inner-section1,
  #section4.outer-section1 .section1 .inner-section1,
  #section5.outer-section1 .section1 .inner-section1,
  #section6.outer-section1 .section1 .inner-section1,
  #section7.outer-section1 .section1 .inner-section1 {
    padding: 24px 0 0 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content h1 {
    font-size: 50px;
    line-height: 110%;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content p {
    font-size: 18px;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul li {
    font-size: 16px;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more {
    padding-right: 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .image picture {
    width: 100%;
    left: auto;
  }
  #section1.outer-section2 .section2,
  #section2.outer-section2 .section2,
  #section3.outer-section2 .section2,
  #section4.outer-section2 .section2,
  #section5.outer-section2 .section2,
  #section6.outer-section2 .section2,
  #section7.outer-section2 .section2 {
    width: 430px;
    margin: 0 auto;
  }
  #section1.outer-section2 .section2 .inner-section2,
  #section2.outer-section2 .section2 .inner-section2,
  #section3.outer-section2 .section2 .inner-section2,
  #section4.outer-section2 .section2 .inner-section2,
  #section5.outer-section2 .section2 .inner-section2,
  #section6.outer-section2 .section2 .inner-section2,
  #section7.outer-section2 .section2 .inner-section2 {
    padding: 96px 0 0 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in {
    margin-left: 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li {
    padding: 0 0 0 48px;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3),
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(3) {
    display: block;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2),
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(2) {
    padding: 0 0 0 48px;
  }
  #section1.outer-section2 .section2 .inner-section2 p,
  #section2.outer-section2 .section2 .inner-section2 p,
  #section3.outer-section2 .section2 .inner-section2 p,
  #section4.outer-section2 .section2 .inner-section2 p,
  #section5.outer-section2 .section2 .inner-section2 p,
  #section6.outer-section2 .section2 .inner-section2 p,
  #section7.outer-section2 .section2 .inner-section2 p {
    text-align: center;
    padding: 0;
  }
  #section1.outer-section2 .section2 .inner-section2 p:before,
  #section2.outer-section2 .section2 .inner-section2 p:before,
  #section3.outer-section2 .section2 .inner-section2 p:before,
  #section4.outer-section2 .section2 .inner-section2 p:before,
  #section5.outer-section2 .section2 .inner-section2 p:before,
  #section6.outer-section2 .section2 .inner-section2 p:before,
  #section7.outer-section2 .section2 .inner-section2 p:before {
    display: none;
  }
  #section1.outer-section3 .section3,
  #section2.outer-section3 .section3,
  #section3.outer-section3 .section3,
  #section4.outer-section3 .section3,
  #section5.outer-section3 .section3,
  #section6.outer-section3 .section3,
  #section7.outer-section3 .section3 {
    width: 430px;
    margin: 0 auto;
  }
  #section1.outer-section3 .section3 .inner-section3,
  #section2.outer-section3 .section3 .inner-section3,
  #section3.outer-section3 .section3 .inner-section3,
  #section4.outer-section3 .section3 .inner-section3,
  #section5.outer-section3 .section3 .inner-section3,
  #section6.outer-section3 .section3 .inner-section3,
  #section7.outer-section3 .section3 .inner-section3 {
    padding: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .image,
  #section2.outer-section3 .section3 .inner-section3 .column .image,
  #section3.outer-section3 .section3 .inner-section3 .column .image,
  #section4.outer-section3 .section3 .inner-section3 .column .image,
  #section5.outer-section3 .section3 .inner-section3 .column .image,
  #section6.outer-section3 .section3 .inner-section3 .column .image,
  #section7.outer-section3 .section3 .inner-section3 .column .image {
    width: 100%;
    left: auto;
  }
  #section1.outer-section7 .section7,
  #section2.outer-section7 .section7,
  #section3.outer-section7 .section7,
  #section4.outer-section7 .section7,
  #section5.outer-section7 .section7,
  #section6.outer-section7 .section7,
  #section7.outer-section7 .section7 {
    width: 430px;
    margin: 0 auto;
    padding-bottom: 48px;
  }
  #section1.outer-section7 .section7 .inner-section7,
  #section2.outer-section7 .section7 .inner-section7,
  #section3.outer-section7 .section7 .inner-section7,
  #section4.outer-section7 .section7 .inner-section7,
  #section5.outer-section7 .section7 .inner-section7,
  #section6.outer-section7 .section7 .inner-section7,
  #section7.outer-section7 .section7 .inner-section7 {
    padding: 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews,
  #section2.outer-section7 .section7 .inner-section7 .reviews,
  #section3.outer-section7 .section7 .inner-section7 .reviews,
  #section4.outer-section7 .section7 .inner-section7 .reviews,
  #section5.outer-section7 .section7 .inner-section7 .reviews,
  #section6.outer-section7 .section7 .inner-section7 .reviews,
  #section7.outer-section7 .section7 .inner-section7 .reviews {
    width: 430px;
    padding: 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews h2,
  #section2.outer-section7 .section7 .inner-section7 .reviews h2,
  #section3.outer-section7 .section7 .inner-section7 .reviews h2,
  #section4.outer-section7 .section7 .inner-section7 .reviews h2,
  #section5.outer-section7 .section7 .inner-section7 .reviews h2,
  #section6.outer-section7 .section7 .inner-section7 .reviews h2,
  #section7.outer-section7 .section7 .inner-section7 .reviews h2 {
    margin: 72px 0 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    left: auto;
    width: 100%;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 844px) {
  #section1.outer-section1 .section1,
  #section2.outer-section1 .section1,
  #section3.outer-section1 .section1,
  #section4.outer-section1 .section1,
  #section5.outer-section1 .section1,
  #section6.outer-section1 .section1,
  #section7.outer-section1 .section1 {
    width: 752px;
    margin: 0 auto;
  }
  #section1.outer-section1 .section1 .inner-section1,
  #section2.outer-section1 .section1 .inner-section1,
  #section3.outer-section1 .section1 .inner-section1,
  #section4.outer-section1 .section1 .inner-section1,
  #section5.outer-section1 .section1 .inner-section1,
  #section6.outer-section1 .section1 .inner-section1,
  #section7.outer-section1 .section1 .inner-section1 {
    width: 100%;
    padding: 32px 0 64px 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex,
  #section2.outer-section1 .section1 .inner-section1 .main-flex,
  #section3.outer-section1 .section1 .inner-section1 .main-flex,
  #section4.outer-section1 .section1 .inner-section1 .main-flex,
  #section5.outer-section1 .section1 .inner-section1 .main-flex,
  #section6.outer-section1 .section1 .inner-section1 .main-flex,
  #section7.outer-section1 .section1 .inner-section1 .main-flex {
    align-items: center;
    flex-direction: row;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content h1 {
    font-size: 50px;
    padding: 0;
    line-height: 110%;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content p {
    line-height: 167%;
    font-size: 18px;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more {
    display: flex;
    justify-content: flex-start;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more .button {
    width: 168px;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .image {
    width: 624px;
    margin: 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .image picture {
    bottom: 0;
  }
  #section1.outer-section2 .section2,
  #section2.outer-section2 .section2,
  #section3.outer-section2 .section2,
  #section4.outer-section2 .section2,
  #section5.outer-section2 .section2,
  #section6.outer-section2 .section2,
  #section7.outer-section2 .section2 {
    width: 752px;
    margin: 0 auto;
  }
  #section1.outer-section2 .section2 .inner-section2,
  #section2.outer-section2 .section2 .inner-section2,
  #section3.outer-section2 .section2 .inner-section2,
  #section4.outer-section2 .section2 .inner-section2,
  #section5.outer-section2 .section2 .inner-section2,
  #section6.outer-section2 .section2 .inner-section2,
  #section7.outer-section2 .section2 .inner-section2 {
    width: 100%;
    padding: 48px 0 0 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul {
    display: flex;
    align-items: center;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li p,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li p {
    padding: 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:before {
    display: none;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:first-child {
    padding: 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4),
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(4) {
    display: block;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5) {
    display: block;
  }
  #section1.outer-section2 .section2 .inner-section2 p,
  #section2.outer-section2 .section2 .inner-section2 p,
  #section3.outer-section2 .section2 .inner-section2 p,
  #section4.outer-section2 .section2 .inner-section2 p,
  #section5.outer-section2 .section2 .inner-section2 p,
  #section6.outer-section2 .section2 .inner-section2 p,
  #section7.outer-section2 .section2 .inner-section2 p {
    text-align: center;
    line-height: 143%;
    padding: 0;
    font-size: 28px;
  }
  #section1.outer-section2 .section2 .inner-section2 h2,
  #section2.outer-section2 .section2 .inner-section2 h2,
  #section3.outer-section2 .section2 .inner-section2 h2,
  #section4.outer-section2 .section2 .inner-section2 h2,
  #section5.outer-section2 .section2 .inner-section2 h2,
  #section6.outer-section2 .section2 .inner-section2 h2,
  #section7.outer-section2 .section2 .inner-section2 h2 {
    margin: 80px auto 0;
  }
  #section1.outer-section3 .section3,
  #section2.outer-section3 .section3,
  #section3.outer-section3 .section3,
  #section4.outer-section3 .section3,
  #section5.outer-section3 .section3,
  #section6.outer-section3 .section3,
  #section7.outer-section3 .section3 {
    width: 752px;
    margin: 0 auto;
  }
  #section1.outer-section3 .section3 .inner-section3 .column,
  #section2.outer-section3 .section3 .inner-section3 .column,
  #section3.outer-section3 .section3 .inner-section3 .column,
  #section4.outer-section3 .section3 .inner-section3 .column,
  #section5.outer-section3 .section3 .inner-section3 .column,
  #section6.outer-section3 .section3 .inner-section3 .column,
  #section7.outer-section3 .section3 .inner-section3 .column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0;
    margin: 80px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content,
  #section2.outer-section3 .section3 .inner-section3 .column .content,
  #section3.outer-section3 .section3 .inner-section3 .column .content,
  #section4.outer-section3 .section3 .inner-section3 .column .content,
  #section5.outer-section3 .section3 .inner-section3 .column .content,
  #section6.outer-section3 .section3 .inner-section3 .column .content,
  #section7.outer-section3 .section3 .inner-section3 .column .content {
    flex: 0 1 304px;
    width: 304px;
    padding: 0;
    margin: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content p,
  #section2.outer-section3 .section3 .inner-section3 .column .content p,
  #section3.outer-section3 .section3 .inner-section3 .column .content p,
  #section4.outer-section3 .section3 .inner-section3 .column .content p,
  #section5.outer-section3 .section3 .inner-section3 .column .content p,
  #section6.outer-section3 .section3 .inner-section3 .column .content p,
  #section7.outer-section3 .section3 .inner-section3 .column .content p {
    padding: 24px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content .more,
  #section2.outer-section3 .section3 .inner-section3 .column .content .more,
  #section3.outer-section3 .section3 .inner-section3 .column .content .more,
  #section4.outer-section3 .section3 .inner-section3 .column .content .more,
  #section5.outer-section3 .section3 .inner-section3 .column .content .more,
  #section6.outer-section3 .section3 .inner-section3 .column .content .more,
  #section7.outer-section3 .section3 .inner-section3 .column .content .more {
    padding: 32px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .image,
  #section2.outer-section3 .section3 .inner-section3 .column .image,
  #section3.outer-section3 .section3 .inner-section3 .column .image,
  #section4.outer-section3 .section3 .inner-section3 .column .image,
  #section5.outer-section3 .section3 .inner-section3 .column .image,
  #section6.outer-section3 .section3 .inner-section3 .column .image,
  #section7.outer-section3 .section3 .inner-section3 .column .image {
    flex: 0 1 368px;
    width: 368px;
    margin: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .list,
  #section2.outer-section3 .section3 .inner-section3 .list,
  #section3.outer-section3 .section3 .inner-section3 .list,
  #section4.outer-section3 .section3 .inner-section3 .list,
  #section5.outer-section3 .section3 .inner-section3 .list,
  #section6.outer-section3 .section3 .inner-section3 .list,
  #section7.outer-section3 .section3 .inner-section3 .list {
    padding-top: 72px;
  }
  #section1.outer-section3 .section3 .inner-section3 .list ul,
  #section2.outer-section3 .section3 .inner-section3 .list ul,
  #section3.outer-section3 .section3 .inner-section3 .list ul,
  #section4.outer-section3 .section3 .inner-section3 .list ul,
  #section5.outer-section3 .section3 .inner-section3 .list ul,
  #section6.outer-section3 .section3 .inner-section3 .list ul,
  #section7.outer-section3 .section3 .inner-section3 .list ul {
    display: flex;
    justify-content: space-between;
  }
  #section1.outer-section3 .section3 .inner-section3 .list ul li,
  #section2.outer-section3 .section3 .inner-section3 .list ul li,
  #section3.outer-section3 .section3 .inner-section3 .list ul li,
  #section4.outer-section3 .section3 .inner-section3 .list ul li,
  #section5.outer-section3 .section3 .inner-section3 .list ul li,
  #section6.outer-section3 .section3 .inner-section3 .list ul li,
  #section7.outer-section3 .section3 .inner-section3 .list ul li {
    flex: 0 1 20%;
    padding: 0;
    display: block;
  }
  #section1.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section2.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section3.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section4.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section5.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section6.outer-section3 .section3 .inner-section3 .list ul li:before,
  #section7.outer-section3 .section3 .inner-section3 .list ul li:before {
    margin: 0 auto;
    width: 64px;
    height: 64px;
  }
  #section1.outer-section3 .section3 .inner-section3 .list ul li span,
  #section2.outer-section3 .section3 .inner-section3 .list ul li span,
  #section3.outer-section3 .section3 .inner-section3 .list ul li span,
  #section4.outer-section3 .section3 .inner-section3 .list ul li span,
  #section5.outer-section3 .section3 .inner-section3 .list ul li span,
  #section6.outer-section3 .section3 .inner-section3 .list ul li span,
  #section7.outer-section3 .section3 .inner-section3 .list ul li span {
    display: block;
    padding: 24px 0 0;
    text-align: center;
  }
  #section1.outer-section3 .section3 .inner-section3 .column2,
  #section2.outer-section3 .section3 .inner-section3 .column2,
  #section3.outer-section3 .section3 .inner-section3 .column2,
  #section4.outer-section3 .section3 .inner-section3 .column2,
  #section5.outer-section3 .section3 .inner-section3 .column2,
  #section6.outer-section3 .section3 .inner-section3 .column2,
  #section7.outer-section3 .section3 .inner-section3 .column2 {
    flex-direction: row;
  }
  #section1.outer-section3 .section3 .inner-section3 .column3,
  #section2.outer-section3 .section3 .inner-section3 .column3,
  #section3.outer-section3 .section3 .inner-section3 .column3,
  #section4.outer-section3 .section3 .inner-section3 .column3,
  #section5.outer-section3 .section3 .inner-section3 .column3,
  #section6.outer-section3 .section3 .inner-section3 .column3,
  #section7.outer-section3 .section3 .inner-section3 .column3 {
    padding: 8px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex,
  #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more,
  #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more {
    margin: 0 0 0 48px;
  }
  #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more button,
  #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a,
  #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex .more a {
    white-space: nowrap;
  }
  #section1.outer-section3 .section3 .inner-section3 .column4,
  #section2.outer-section3 .section3 .inner-section3 .column4,
  #section3.outer-section3 .section3 .inner-section3 .column4,
  #section4.outer-section3 .section3 .inner-section3 .column4,
  #section5.outer-section3 .section3 .inner-section3 .column4,
  #section6.outer-section3 .section3 .inner-section3 .column4,
  #section7.outer-section3 .section3 .inner-section3 .column4 {
    padding: 4px 0 0;
    flex-direction: row;
  }
  #section1.outer-section7 .section7,
  #section2.outer-section7 .section7,
  #section3.outer-section7 .section7,
  #section4.outer-section7 .section7,
  #section5.outer-section7 .section7,
  #section6.outer-section7 .section7,
  #section7.outer-section7 .section7 {
    width: 752px;
    margin: 0 auto;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews,
  #section2.outer-section7 .section7 .inner-section7 .reviews,
  #section3.outer-section7 .section7 .inner-section7 .reviews,
  #section4.outer-section7 .section7 .inner-section7 .reviews,
  #section5.outer-section7 .section7 .inner-section7 .reviews,
  #section6.outer-section7 .section7 .inner-section7 .reviews,
  #section7.outer-section7 .section7 .inner-section7 .reviews {
    width: 752px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list {
    padding: 48px 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    margin: 16px 0 0;
    flex: 0 1 368px;
    position: relative;
    width: 368px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5) {
    display: none;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn {
    padding: 64px 0 0;
    display: flex;
    align-content: center;
    justify-content: center;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 {
    margin-right: 24px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn1 button {
    width: 202px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn .btn2 button {
    width: 250px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1150px) {
  #section1.outer-section1 .section1,
  #section2.outer-section1 .section1,
  #section3.outer-section1 .section1,
  #section4.outer-section1 .section1,
  #section5.outer-section1 .section1,
  #section6.outer-section1 .section1,
  #section7.outer-section1 .section1 {
    width: 1120px;
  }
  #section1.outer-section1 .section1 .inner-section1,
  #section2.outer-section1 .section1 .inner-section1,
  #section3.outer-section1 .section1 .inner-section1,
  #section4.outer-section1 .section1 .inner-section1,
  #section5.outer-section1 .section1 .inner-section1,
  #section6.outer-section1 .section1 .inner-section1,
  #section7.outer-section1 .section1 .inner-section1 {
    padding: 24px 0 80px 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex,
  #section2.outer-section1 .section1 .inner-section1 .main-flex,
  #section3.outer-section1 .section1 .inner-section1 .main-flex,
  #section4.outer-section1 .section1 .inner-section1 .main-flex,
  #section5.outer-section1 .section1 .inner-section1 .main-flex,
  #section6.outer-section1 .section1 .inner-section1 .main-flex,
  #section7.outer-section1 .section1 .inner-section1 .main-flex {
    flex-direction: row;
    justify-content: space-between;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content {
    width: 479px;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content h1,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content h1 {
    text-align: left;
    display: flex;
    align-items: center;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content p,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content p {
    text-align: left;
    padding: 24px 0 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .more {
    padding: 40px 0 0 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .content .but-ul .flex-list ul {
    padding: 16px 0 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .image,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .image {
    width: 576px;
    height: 576px;
    margin-top: 0;
  }
  #section1.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section2.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section3.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section4.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section5.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section6.outer-section1 .section1 .inner-section1 .main-flex .image picture,
  #section7.outer-section1 .section1 .inner-section1 .main-flex .image picture {
    margin-top: 0;
  }
  #section1.outer-section2 .section2,
  #section2.outer-section2 .section2,
  #section3.outer-section2 .section2,
  #section4.outer-section2 .section2,
  #section5.outer-section2 .section2,
  #section6.outer-section2 .section2,
  #section7.outer-section2 .section2 {
    width: 1120px;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in {
    align-items: center;
    justify-content: center;
    flex-direction: row;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in p,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in p {
    padding: 0 55px 0 0;
    text-align: left;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul,
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
  }
  #section1.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section2.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section3.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section4.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section5.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section6.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5),
  #section7.outer-section2 .section2 .inner-section2 .img-flex .in ul li:nth-child(5) {
    display: block;
  }
  #section1.outer-section2 .section2 .inner-section2 p,
  #section2.outer-section2 .section2 .inner-section2 p,
  #section3.outer-section2 .section2 .inner-section2 p,
  #section4.outer-section2 .section2 .inner-section2 p,
  #section5.outer-section2 .section2 .inner-section2 p,
  #section6.outer-section2 .section2 .inner-section2 p,
  #section7.outer-section2 .section2 .inner-section2 p {
    font-size: 28px;
    width: 928px;
    margin: 0 auto;
  }
  #section1.outer-section2 .section2 .inner-section2 h2,
  #section2.outer-section2 .section2 .inner-section2 h2,
  #section3.outer-section2 .section2 .inner-section2 h2,
  #section4.outer-section2 .section2 .inner-section2 h2,
  #section5.outer-section2 .section2 .inner-section2 h2,
  #section6.outer-section2 .section2 .inner-section2 h2,
  #section7.outer-section2 .section2 .inner-section2 h2 {
    text-align: center;
  }
  #section1.outer-section2 .section2 .inner-section2 .highlight,
  #section2.outer-section2 .section2 .inner-section2 .highlight,
  #section3.outer-section2 .section2 .inner-section2 .highlight,
  #section4.outer-section2 .section2 .inner-section2 .highlight,
  #section5.outer-section2 .section2 .inner-section2 .highlight,
  #section6.outer-section2 .section2 .inner-section2 .highlight,
  #section7.outer-section2 .section2 .inner-section2 .highlight {
    text-align: center;
    padding: 0;
    font-size: 28px;
    font-family: 'Inter Medium', sans-serif;
    line-height: 143%;
  }
  #section1.outer-section2 .section2 .inner-section2 .highlight:before,
  #section2.outer-section2 .section2 .inner-section2 .highlight:before,
  #section3.outer-section2 .section2 .inner-section2 .highlight:before,
  #section4.outer-section2 .section2 .inner-section2 .highlight:before,
  #section5.outer-section2 .section2 .inner-section2 .highlight:before,
  #section6.outer-section2 .section2 .inner-section2 .highlight:before,
  #section7.outer-section2 .section2 .inner-section2 .highlight:before {
    display: none;
  }
  #section1.outer-section3 .section3,
  #section2.outer-section3 .section3,
  #section3.outer-section3 .section3,
  #section4.outer-section3 .section3,
  #section5.outer-section3 .section3,
  #section6.outer-section3 .section3,
  #section7.outer-section3 .section3 {
    width: 1120px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column,
  #section2.outer-section3 .section3 .inner-section3 .column,
  #section3.outer-section3 .section3 .inner-section3 .column,
  #section4.outer-section3 .section3 .inner-section3 .column,
  #section5.outer-section3 .section3 .inner-section3 .column,
  #section6.outer-section3 .section3 .inner-section3 .column,
  #section7.outer-section3 .section3 .inner-section3 .column {
    margin: 104px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content,
  #section2.outer-section3 .section3 .inner-section3 .column .content,
  #section3.outer-section3 .section3 .inner-section3 .column .content,
  #section4.outer-section3 .section3 .inner-section3 .column .content,
  #section5.outer-section3 .section3 .inner-section3 .column .content,
  #section6.outer-section3 .section3 .inner-section3 .column .content,
  #section7.outer-section3 .section3 .inner-section3 .column .content {
    flex: 0 1 480px;
    width: 480px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content h2,
  #section2.outer-section3 .section3 .inner-section3 .column .content h2,
  #section3.outer-section3 .section3 .inner-section3 .column .content h2,
  #section4.outer-section3 .section3 .inner-section3 .column .content h2,
  #section5.outer-section3 .section3 .inner-section3 .column .content h2,
  #section6.outer-section3 .section3 .inner-section3 .column .content h2,
  #section7.outer-section3 .section3 .inner-section3 .column .content h2 {
    font-size: 42px;
    line-height: 114%;
    letter-spacing: -0.03em;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section2.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section3.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section4.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section5.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section6.outer-section3 .section3 .inner-section3 .column .content h2:before,
  #section7.outer-section3 .section3 .inner-section3 .column .content h2:before {
    font-size: 13px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content p,
  #section2.outer-section3 .section3 .inner-section3 .column .content p,
  #section3.outer-section3 .section3 .inner-section3 .column .content p,
  #section4.outer-section3 .section3 .inner-section3 .column .content p,
  #section5.outer-section3 .section3 .inner-section3 .column .content p,
  #section6.outer-section3 .section3 .inner-section3 .column .content p,
  #section7.outer-section3 .section3 .inner-section3 .column .content p {
    padding: 24px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content ul,
  #section2.outer-section3 .section3 .inner-section3 .column .content ul,
  #section3.outer-section3 .section3 .inner-section3 .column .content ul,
  #section4.outer-section3 .section3 .inner-section3 .column .content ul,
  #section5.outer-section3 .section3 .inner-section3 .column .content ul,
  #section6.outer-section3 .section3 .inner-section3 .column .content ul,
  #section7.outer-section3 .section3 .inner-section3 .column .content ul {
    display: block;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content .more,
  #section2.outer-section3 .section3 .inner-section3 .column .content .more,
  #section3.outer-section3 .section3 .inner-section3 .column .content .more,
  #section4.outer-section3 .section3 .inner-section3 .column .content .more,
  #section5.outer-section3 .section3 .inner-section3 .column .content .more,
  #section6.outer-section3 .section3 .inner-section3 .column .content .more,
  #section7.outer-section3 .section3 .inner-section3 .column .content .more {
    padding: 40px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section2.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section3.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section4.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section5.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section6.outer-section3 .section3 .inner-section3 .column .content .more a,
  #section7.outer-section3 .section3 .inner-section3 .column .content .more a {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 125%;
    padding: 0 40px 0 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section2.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section3.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section4.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section5.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section6.outer-section3 .section3 .inner-section3 .column .content .more a:before,
  #section7.outer-section3 .section3 .inner-section3 .column .content .more a:before {
    background-size: 32px 32px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .image,
  #section2.outer-section3 .section3 .inner-section3 .column .image,
  #section3.outer-section3 .section3 .inner-section3 .column .image,
  #section4.outer-section3 .section3 .inner-section3 .column .image,
  #section5.outer-section3 .section3 .inner-section3 .column .image,
  #section6.outer-section3 .section3 .inner-section3 .column .image,
  #section7.outer-section3 .section3 .inner-section3 .column .image {
    flex: 0 1 480px;
    height: 644px;
    display: flex;
    justify-content: center;
    border-radius: 24px;
    margin-left: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column .image picture,
  #section2.outer-section3 .section3 .inner-section3 .column .image picture,
  #section3.outer-section3 .section3 .inner-section3 .column .image picture,
  #section4.outer-section3 .section3 .inner-section3 .column .image picture,
  #section5.outer-section3 .section3 .inner-section3 .column .image picture,
  #section6.outer-section3 .section3 .inner-section3 .column .image picture,
  #section7.outer-section3 .section3 .inner-section3 .column .image picture {
    width: 644px;
    height: 644px;
    position: absolute;
    left: auto;
    right: -64px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column2 .image,
  #section2.outer-section3 .section3 .inner-section3 .column2 .image,
  #section3.outer-section3 .section3 .inner-section3 .column2 .image,
  #section4.outer-section3 .section3 .inner-section3 .column2 .image,
  #section5.outer-section3 .section3 .inner-section3 .column2 .image,
  #section6.outer-section3 .section3 .inner-section3 .column2 .image,
  #section7.outer-section3 .section3 .inner-section3 .column2 .image {
    margin-right: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section2.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section3.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section4.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section5.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section6.outer-section3 .section3 .inner-section3 .column2 .image picture,
  #section7.outer-section3 .section3 .inner-section3 .column2 .image picture {
    left: -64px;
  }
  #section1.outer-section3 .section3 .inner-section3 .column4 .image,
  #section2.outer-section3 .section3 .inner-section3 .column4 .image,
  #section3.outer-section3 .section3 .inner-section3 .column4 .image,
  #section4.outer-section3 .section3 .inner-section3 .column4 .image,
  #section5.outer-section3 .section3 .inner-section3 .column4 .image,
  #section6.outer-section3 .section3 .inner-section3 .column4 .image,
  #section7.outer-section3 .section3 .inner-section3 .column4 .image {
    margin-right: 0;
  }
  #section1.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section2.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section3.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section4.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section5.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section6.outer-section3 .section3 .inner-section3 .column4 .image picture,
  #section7.outer-section3 .section3 .inner-section3 .column4 .image picture {
    left: -64px;
  }
  #section1.outer-section3 .section3 .inner-section3 .list,
  #section2.outer-section3 .section3 .inner-section3 .list,
  #section3.outer-section3 .section3 .inner-section3 .list,
  #section4.outer-section3 .section3 .inner-section3 .list,
  #section5.outer-section3 .section3 .inner-section3 .list,
  #section6.outer-section3 .section3 .inner-section3 .list,
  #section7.outer-section3 .section3 .inner-section3 .list {
    padding-top: 64px;
  }
  #section1.outer-section3 .section3 .inner-section3 .between-column,
  #section2.outer-section3 .section3 .inner-section3 .between-column,
  #section3.outer-section3 .section3 .inner-section3 .between-column,
  #section4.outer-section3 .section3 .inner-section3 .between-column,
  #section5.outer-section3 .section3 .inner-section3 .between-column,
  #section6.outer-section3 .section3 .inner-section3 .between-column,
  #section7.outer-section3 .section3 .inner-section3 .between-column {
    padding: 120px 0 36px;
  }
  #section1.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section2.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section3.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section4.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section5.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section6.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p,
  #section7.outer-section3 .section3 .inner-section3 .between-column .in .in-flex p {
    font-size: 28px;
    line-height: 40px;
    width: 768px;
  }
  #section1.outer-section7 .section7,
  #section2.outer-section7 .section7,
  #section3.outer-section7 .section7,
  #section4.outer-section7 .section7,
  #section5.outer-section7 .section7,
  #section6.outer-section7 .section7,
  #section7.outer-section7 .section7 {
    width: 100%;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews,
  #section2.outer-section7 .section7 .inner-section7 .reviews,
  #section3.outer-section7 .section7 .inner-section7 .reviews,
  #section4.outer-section7 .section7 .inner-section7 .reviews,
  #section5.outer-section7 .section7 .inner-section7 .reviews,
  #section6.outer-section7 .section7 .inner-section7 .reviews,
  #section7.outer-section7 .section7 .inner-section7 .reviews {
    width: 100%;
    margin: 0 auto;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews h3,
  #section2.outer-section7 .section7 .inner-section7 .reviews h3,
  #section3.outer-section7 .section7 .inner-section7 .reviews h3,
  #section4.outer-section7 .section7 .inner-section7 .reviews h3,
  #section5.outer-section7 .section7 .inner-section7 .reviews h3,
  #section6.outer-section7 .section7 .inner-section7 .reviews h3,
  #section7.outer-section7 .section7 .inner-section7 .reviews h3 {
    font-size: 42px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews h2,
  #section2.outer-section7 .section7 .inner-section7 .reviews h2,
  #section3.outer-section7 .section7 .inner-section7 .reviews h2,
  #section4.outer-section7 .section7 .inner-section7 .reviews h2,
  #section5.outer-section7 .section7 .inner-section7 .reviews h2,
  #section6.outer-section7 .section7 .inner-section7 .reviews h2,
  #section7.outer-section7 .section7 .inner-section7 .reviews h2 {
    margin: 136px 0 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list {
    padding: 48px 16px 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    flex: 0 1 calc((100% - 48px) / 4);
    margin: 24px 0 0;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section2.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section3.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section4.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section5.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section6.outer-section7 .section7 .inner-section7 .reviews .review-btn,
  #section7.outer-section7 .section7 .inner-section7 .reviews .review-btn {
    margin: 80px 0 0;
  }
  #section6.outer-section3 .section3 {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1480px) {
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    flex: 0 1 calc((100% - 48px) / 5);
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5) {
    display: block;
  }
}
@media only screen and (min-width: 1600px) {
  #section1.outer-section7 .section7 .inner-section7 .reviews .list,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list {
    padding: 48px 24px 0 24px;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    flex: 0 1 calc((100% - 96px) / 5);
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5),
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in:nth-child(5) {
    display: block;
  }
}
@media only screen and (min-width: 1920px) {
  #section1.outer-section7 .section7 .inner-section7 .reviews .list,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list {
    padding: 48px 0 0;
    width: 1920px;
    margin: 0 auto;
    align-items: flex-start;
  }
  #section1.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section2.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section3.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section4.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section5.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section6.outer-section7 .section7 .inner-section7 .reviews .list .in,
  #section7.outer-section7 .section7 .inner-section7 .reviews .list .in {
    flex: 0 1 371px;
    width: 371px;
  }
}
#medical-intro .in,
#medical-employee .in,
#medical-facility .in,
#medical-nps .in,
#medical-solution .in,
#medical-newsletter .in,
#medical-review .in,
#patient-intro .in,
#patient-satisf .in,
#patient-post .in,
#patient-review .in,
#patient-outcome .in {
  text-align: left;
  color: #000;
  padding: 24px 24px 0 48px;
  font-size: 16px;
}
#medical-intro .in h2,
#medical-employee .in h2,
#medical-facility .in h2,
#medical-nps .in h2,
#medical-solution .in h2,
#medical-newsletter .in h2,
#medical-review .in h2,
#patient-intro .in h2,
#patient-satisf .in h2,
#patient-post .in h2,
#patient-review .in h2,
#patient-outcome .in h2 {
  color: #000;
  font-size: 32px;
  line-height: 114.286%;
  letter-spacing: -0.84px;
  font-family: 'Inter Bold', sans-serif;
  padding: 0;
  position: relative;
}
#medical-intro .in h2.section,
#medical-employee .in h2.section,
#medical-facility .in h2.section,
#medical-nps .in h2.section,
#medical-solution .in h2.section,
#medical-newsletter .in h2.section,
#medical-review .in h2.section,
#patient-intro .in h2.section,
#patient-satisf .in h2.section,
#patient-post .in h2.section,
#patient-review .in h2.section,
#patient-outcome .in h2.section {
  padding: 38px 0 0 0;
  margin: 48px 0 0 0;
}
#medical-intro .in h2.section:before,
#medical-employee .in h2.section:before,
#medical-facility .in h2.section:before,
#medical-nps .in h2.section:before,
#medical-solution .in h2.section:before,
#medical-newsletter .in h2.section:before,
#medical-review .in h2.section:before,
#patient-intro .in h2.section:before,
#patient-satisf .in h2.section:before,
#patient-post .in h2.section:before,
#patient-review .in h2.section:before,
#patient-outcome .in h2.section:before {
  box-sizing: border-box;
  letter-spacing: 0.01em;
  top: 0;
  left: 0;
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
  color: #a2a8ad;
  position: absolute;
  display: block;
  line-height: 22px;
}
#medical-intro .in h2.section.section-1:before,
#medical-employee .in h2.section.section-1:before,
#medical-facility .in h2.section.section-1:before,
#medical-nps .in h2.section.section-1:before,
#medical-solution .in h2.section.section-1:before,
#medical-newsletter .in h2.section.section-1:before,
#medical-review .in h2.section.section-1:before,
#patient-intro .in h2.section.section-1:before,
#patient-satisf .in h2.section.section-1:before,
#patient-post .in h2.section.section-1:before,
#patient-review .in h2.section.section-1:before,
#patient-outcome .in h2.section.section-1:before {
  content: '01';
}
#medical-intro .in h2.section.section-2:before,
#medical-employee .in h2.section.section-2:before,
#medical-facility .in h2.section.section-2:before,
#medical-nps .in h2.section.section-2:before,
#medical-solution .in h2.section.section-2:before,
#medical-newsletter .in h2.section.section-2:before,
#medical-review .in h2.section.section-2:before,
#patient-intro .in h2.section.section-2:before,
#patient-satisf .in h2.section.section-2:before,
#patient-post .in h2.section.section-2:before,
#patient-review .in h2.section.section-2:before,
#patient-outcome .in h2.section.section-2:before {
  content: '02';
}
#medical-intro .in h2.section.section-3:before,
#medical-employee .in h2.section.section-3:before,
#medical-facility .in h2.section.section-3:before,
#medical-nps .in h2.section.section-3:before,
#medical-solution .in h2.section.section-3:before,
#medical-newsletter .in h2.section.section-3:before,
#medical-review .in h2.section.section-3:before,
#patient-intro .in h2.section.section-3:before,
#patient-satisf .in h2.section.section-3:before,
#patient-post .in h2.section.section-3:before,
#patient-review .in h2.section.section-3:before,
#patient-outcome .in h2.section.section-3:before {
  content: '03';
}
#medical-intro .in h2.section.section-4:before,
#medical-employee .in h2.section.section-4:before,
#medical-facility .in h2.section.section-4:before,
#medical-nps .in h2.section.section-4:before,
#medical-solution .in h2.section.section-4:before,
#medical-newsletter .in h2.section.section-4:before,
#medical-review .in h2.section.section-4:before,
#patient-intro .in h2.section.section-4:before,
#patient-satisf .in h2.section.section-4:before,
#patient-post .in h2.section.section-4:before,
#patient-review .in h2.section.section-4:before,
#patient-outcome .in h2.section.section-4:before {
  content: '04';
}
#medical-intro .in p,
#medical-employee .in p,
#medical-facility .in p,
#medical-nps .in p,
#medical-solution .in p,
#medical-newsletter .in p,
#medical-review .in p,
#patient-intro .in p,
#patient-satisf .in p,
#patient-post .in p,
#patient-review .in p,
#patient-outcome .in p {
  line-height: 157%;
  padding: 24px 0 0 0;
}
#medical-intro .in a,
#medical-employee .in a,
#medical-facility .in a,
#medical-nps .in a,
#medical-solution .in a,
#medical-newsletter .in a,
#medical-review .in a,
#patient-intro .in a,
#patient-satisf .in a,
#patient-post .in a,
#patient-review .in a,
#patient-outcome .in a {
  text-decoration: none;
  color: #2030c2;
  font-family: 'Inter Regular', sans-serif;
}
#medical-intro .in ul,
#medical-employee .in ul,
#medical-facility .in ul,
#medical-nps .in ul,
#medical-solution .in ul,
#medical-newsletter .in ul,
#medical-review .in ul,
#patient-intro .in ul,
#patient-satisf .in ul,
#patient-post .in ul,
#patient-review .in ul,
#patient-outcome .in ul {
  padding: 12px 0 0 0;
}
#medical-intro .in ul li,
#medical-employee .in ul li,
#medical-facility .in ul li,
#medical-nps .in ul li,
#medical-solution .in ul li,
#medical-newsletter .in ul li,
#medical-review .in ul li,
#patient-intro .in ul li,
#patient-satisf .in ul li,
#patient-post .in ul li,
#patient-review .in ul li,
#patient-outcome .in ul li {
  line-height: 150%;
  padding: 12px 0 0 40px;
}
#medical-intro .in ul li:before,
#medical-employee .in ul li:before,
#medical-facility .in ul li:before,
#medical-nps .in ul li:before,
#medical-solution .in ul li:before,
#medical-newsletter .in ul li:before,
#medical-review .in ul li:before,
#patient-intro .in ul li:before,
#patient-satisf .in ul li:before,
#patient-post .in ul li:before,
#patient-review .in ul li:before,
#patient-outcome .in ul li:before {
  width: 24px;
  height: 24px;
  content: '';
  top: 16px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-check-blueberry.svg') no-repeat center center;
  background-size: cover;
}
#medical-intro .in .content .parex,
#medical-employee .in .content .parex,
#medical-facility .in .content .parex,
#medical-nps .in .content .parex,
#medical-solution .in .content .parex,
#medical-newsletter .in .content .parex,
#medical-review .in .content .parex,
#patient-intro .in .content .parex,
#patient-satisf .in .content .parex,
#patient-post .in .content .parex,
#patient-review .in .content .parex,
#patient-outcome .in .content .parex {
  line-height: 175%;
}
#medical-intro .in .content .list h3,
#medical-employee .in .content .list h3,
#medical-facility .in .content .list h3,
#medical-nps .in .content .list h3,
#medical-solution .in .content .list h3,
#medical-newsletter .in .content .list h3,
#medical-review .in .content .list h3,
#patient-intro .in .content .list h3,
#patient-satisf .in .content .list h3,
#patient-post .in .content .list h3,
#patient-review .in .content .list h3,
#patient-outcome .in .content .list h3 {
  font-family: 'Inter Medium', sans-serif;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #6c6c89;
  padding: 24px 0 0 0;
}
#medical-intro .in .content .list ul,
#medical-employee .in .content .list ul,
#medical-facility .in .content .list ul,
#medical-nps .in .content .list ul,
#medical-solution .in .content .list ul,
#medical-newsletter .in .content .list ul,
#medical-review .in .content .list ul,
#patient-intro .in .content .list ul,
#patient-satisf .in .content .list ul,
#patient-post .in .content .list ul,
#patient-review .in .content .list ul,
#patient-outcome .in .content .list ul {
  padding: 0;
}
#medical-intro .in .content .list ul li,
#medical-employee .in .content .list ul li,
#medical-facility .in .content .list ul li,
#medical-nps .in .content .list ul li,
#medical-solution .in .content .list ul li,
#medical-newsletter .in .content .list ul li,
#medical-review .in .content .list ul li,
#patient-intro .in .content .list ul li,
#patient-satisf .in .content .list ul li,
#patient-post .in .content .list ul li,
#patient-review .in .content .list ul li,
#patient-outcome .in .content .list ul li {
  padding: 16px 0 0 0;
}
#medical-intro .in .content .list ul li:before,
#medical-employee .in .content .list ul li:before,
#medical-facility .in .content .list ul li:before,
#medical-nps .in .content .list ul li:before,
#medical-solution .in .content .list ul li:before,
#medical-newsletter .in .content .list ul li:before,
#medical-review .in .content .list ul li:before,
#patient-intro .in .content .list ul li:before,
#patient-satisf .in .content .list ul li:before,
#patient-post .in .content .list ul li:before,
#patient-review .in .content .list ul li:before,
#patient-outcome .in .content .list ul li:before {
  display: none;
}
#medical-intro .in .content .list ul li a,
#medical-employee .in .content .list ul li a,
#medical-facility .in .content .list ul li a,
#medical-nps .in .content .list ul li a,
#medical-solution .in .content .list ul li a,
#medical-newsletter .in .content .list ul li a,
#medical-review .in .content .list ul li a,
#patient-intro .in .content .list ul li a,
#patient-satisf .in .content .list ul li a,
#patient-post .in .content .list ul li a,
#patient-review .in .content .list ul li a,
#patient-outcome .in .content .list ul li a {
  font-family: 'Inter Regular', sans-serif;
  min-height: 24px;
  color: #2030c2;
  display: inline-flex;
  padding: 0 24px 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right.svg') no-repeat right center;
  background-size: 24px 24px;
}
#medical-intro .in .content .more,
#medical-employee .in .content .more,
#medical-facility .in .content .more,
#medical-nps .in .content .more,
#medical-solution .in .content .more,
#medical-newsletter .in .content .more,
#medical-review .in .content .more,
#patient-intro .in .content .more,
#patient-satisf .in .content .more,
#patient-post .in .content .more,
#patient-review .in .content .more,
#patient-outcome .in .content .more {
  padding: 32px 0 0 0;
}
#medical-intro .in .image,
#medical-employee .in .image,
#medical-facility .in .image,
#medical-nps .in .image,
#medical-solution .in .image,
#medical-newsletter .in .image,
#medical-review .in .image,
#patient-intro .in .image,
#patient-satisf .in .image,
#patient-post .in .image,
#patient-review .in .image,
#patient-outcome .in .image {
  margin: 40px 0 0 0;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#medical-intro .in .image picture,
#medical-employee .in .image picture,
#medical-facility .in .image picture,
#medical-nps .in .image picture,
#medical-solution .in .image picture,
#medical-newsletter .in .image picture,
#medical-review .in .image picture,
#patient-intro .in .image picture,
#patient-satisf .in .image picture,
#patient-post .in .image picture,
#patient-review .in .image picture,
#patient-outcome .in .image picture {
  display: flex;
  flex-direction: column;
}
#medical-intro .in .image picture img,
#medical-employee .in .image picture img,
#medical-facility .in .image picture img,
#medical-nps .in .image picture img,
#medical-solution .in .image picture img,
#medical-newsletter .in .image picture img,
#medical-review .in .image picture img,
#patient-intro .in .image picture img,
#patient-satisf .in .image picture img,
#patient-post .in .image picture img,
#patient-review .in .image picture img,
#patient-outcome .in .image picture img {
  border-radius: 16px;
}
#medical-intro .in .types,
#medical-employee .in .types,
#medical-facility .in .types,
#medical-nps .in .types,
#medical-solution .in .types,
#medical-newsletter .in .types,
#medical-review .in .types,
#patient-intro .in .types,
#patient-satisf .in .types,
#patient-post .in .types,
#patient-review .in .types,
#patient-outcome .in .types {
  padding: 40px 0 0 0;
}
#medical-intro .in .types h3,
#medical-employee .in .types h3,
#medical-facility .in .types h3,
#medical-nps .in .types h3,
#medical-solution .in .types h3,
#medical-newsletter .in .types h3,
#medical-review .in .types h3,
#patient-intro .in .types h3,
#patient-satisf .in .types h3,
#patient-post .in .types h3,
#patient-review .in .types h3,
#patient-outcome .in .types h3 {
  color: #2b1ec1;
  font-size: 14px;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 200%;
  letter-spacing: 1.82px;
  text-transform: uppercase;
}
#medical-intro .in .types .list .item h4,
#medical-employee .in .types .list .item h4,
#medical-facility .in .types .list .item h4,
#medical-nps .in .types .list .item h4,
#medical-solution .in .types .list .item h4,
#medical-newsletter .in .types .list .item h4,
#medical-review .in .types .list .item h4,
#patient-intro .in .types .list .item h4,
#patient-satisf .in .types .list .item h4,
#patient-post .in .types .list .item h4,
#patient-review .in .types .list .item h4,
#patient-outcome .in .types .list .item h4 {
  padding: 32px 0 0 0;
  line-height: 150%;
  color: #121217;
  font-family: 'Inter Medium', sans-serif;
  font-size: 16px;
}
#medical-intro .in .types .list .item p,
#medical-employee .in .types .list .item p,
#medical-facility .in .types .list .item p,
#medical-nps .in .types .list .item p,
#medical-solution .in .types .list .item p,
#medical-newsletter .in .types .list .item p,
#medical-review .in .types .list .item p,
#patient-intro .in .types .list .item p,
#patient-satisf .in .types .list .item p,
#patient-post .in .types .list .item p,
#patient-review .in .types .list .item p,
#patient-outcome .in .types .list .item p {
  padding: 16px 0 0 0;
  color: #3f3f50;
}
#medical-intro .in .highlight,
#medical-employee .in .highlight,
#medical-facility .in .highlight,
#medical-nps .in .highlight,
#medical-solution .in .highlight,
#medical-newsletter .in .highlight,
#medical-review .in .highlight,
#patient-intro .in .highlight,
#patient-satisf .in .highlight,
#patient-post .in .highlight,
#patient-review .in .highlight,
#patient-outcome .in .highlight {
  margin: 40px 0 0 0;
  position: relative;
  padding: 24px 0 24px 28px;
}
#medical-intro .in .highlight:before,
#medical-employee .in .highlight:before,
#medical-facility .in .highlight:before,
#medical-nps .in .highlight:before,
#medical-solution .in .highlight:before,
#medical-newsletter .in .highlight:before,
#medical-review .in .highlight:before,
#patient-intro .in .highlight:before,
#patient-satisf .in .highlight:before,
#patient-post .in .highlight:before,
#patient-review .in .highlight:before,
#patient-outcome .in .highlight:before {
  content: '';
  width: 4px;
  position: absolute;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: #2030c2;
  border-radius: 20px;
}
#medical-intro .in .highlight p,
#medical-employee .in .highlight p,
#medical-facility .in .highlight p,
#medical-nps .in .highlight p,
#medical-solution .in .highlight p,
#medical-newsletter .in .highlight p,
#medical-review .in .highlight p,
#patient-intro .in .highlight p,
#patient-satisf .in .highlight p,
#patient-post .in .highlight p,
#patient-review .in .highlight p,
#patient-outcome .in .highlight p {
  padding: 0;
  font-size: 20px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 143%;
  letter-spacing: 0.01em;
}
#medical-intro .in .highlight p.more,
#medical-employee .in .highlight p.more,
#medical-facility .in .highlight p.more,
#medical-nps .in .highlight p.more,
#medical-solution .in .highlight p.more,
#medical-newsletter .in .highlight p.more,
#medical-review .in .highlight p.more,
#patient-intro .in .highlight p.more,
#patient-satisf .in .highlight p.more,
#patient-post .in .highlight p.more,
#patient-review .in .highlight p.more,
#patient-outcome .in .highlight p.more {
  padding: 32px 0 0 0;
}
#medical-intro .in .highlight ul,
#medical-employee .in .highlight ul,
#medical-facility .in .highlight ul,
#medical-nps .in .highlight ul,
#medical-solution .in .highlight ul,
#medical-newsletter .in .highlight ul,
#medical-review .in .highlight ul,
#patient-intro .in .highlight ul,
#patient-satisf .in .highlight ul,
#patient-post .in .highlight ul,
#patient-review .in .highlight ul,
#patient-outcome .in .highlight ul {
  padding: 8px 0 0 0;
}
#medical-intro .in .highlight ul li,
#medical-employee .in .highlight ul li,
#medical-facility .in .highlight ul li,
#medical-nps .in .highlight ul li,
#medical-solution .in .highlight ul li,
#medical-newsletter .in .highlight ul li,
#medical-review .in .highlight ul li,
#patient-intro .in .highlight ul li,
#patient-satisf .in .highlight ul li,
#patient-post .in .highlight ul li,
#patient-review .in .highlight ul li,
#patient-outcome .in .highlight ul li {
  padding: 16px 0 0 0;
}
#medical-intro .in .highlight ul li:before,
#medical-employee .in .highlight ul li:before,
#medical-facility .in .highlight ul li:before,
#medical-nps .in .highlight ul li:before,
#medical-solution .in .highlight ul li:before,
#medical-newsletter .in .highlight ul li:before,
#medical-review .in .highlight ul li:before,
#patient-intro .in .highlight ul li:before,
#patient-satisf .in .highlight ul li:before,
#patient-post .in .highlight ul li:before,
#patient-review .in .highlight ul li:before,
#patient-outcome .in .highlight ul li:before {
  display: none;
}
#medical-intro .in .examples,
#medical-employee .in .examples,
#medical-facility .in .examples,
#medical-nps .in .examples,
#medical-solution .in .examples,
#medical-newsletter .in .examples,
#medical-review .in .examples,
#patient-intro .in .examples,
#patient-satisf .in .examples,
#patient-post .in .examples,
#patient-review .in .examples,
#patient-outcome .in .examples {
  padding: 64px 0 0 0;
}
#medical-intro .in .examples h3,
#medical-employee .in .examples h3,
#medical-facility .in .examples h3,
#medical-nps .in .examples h3,
#medical-solution .in .examples h3,
#medical-newsletter .in .examples h3,
#medical-review .in .examples h3,
#patient-intro .in .examples h3,
#patient-satisf .in .examples h3,
#patient-post .in .examples h3,
#patient-review .in .examples h3,
#patient-outcome .in .examples h3 {
  color: #3d4144;
  font-size: 14px;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 200%;
  letter-spacing: 1.82px;
  text-transform: uppercase;
}
#medical-intro .in .examples ul,
#medical-employee .in .examples ul,
#medical-facility .in .examples ul,
#medical-nps .in .examples ul,
#medical-solution .in .examples ul,
#medical-newsletter .in .examples ul,
#medical-review .in .examples ul,
#patient-intro .in .examples ul,
#patient-satisf .in .examples ul,
#patient-post .in .examples ul,
#patient-review .in .examples ul,
#patient-outcome .in .examples ul {
  padding: 24px 0 0 0;
}
#medical-intro .in .examples ul li,
#medical-employee .in .examples ul li,
#medical-facility .in .examples ul li,
#medical-nps .in .examples ul li,
#medical-solution .in .examples ul li,
#medical-newsletter .in .examples ul li,
#medical-review .in .examples ul li,
#patient-intro .in .examples ul li,
#patient-satisf .in .examples ul li,
#patient-post .in .examples ul li,
#patient-review .in .examples ul li,
#patient-outcome .in .examples ul li {
  padding: 16px 0 0 0;
}
#medical-intro .in .examples ul li:before,
#medical-employee .in .examples ul li:before,
#medical-facility .in .examples ul li:before,
#medical-nps .in .examples ul li:before,
#medical-solution .in .examples ul li:before,
#medical-newsletter .in .examples ul li:before,
#medical-review .in .examples ul li:before,
#patient-intro .in .examples ul li:before,
#patient-satisf .in .examples ul li:before,
#patient-post .in .examples ul li:before,
#patient-review .in .examples ul li:before,
#patient-outcome .in .examples ul li:before {
  display: none;
}
#medical-intro .in .examples ul li a,
#medical-employee .in .examples ul li a,
#medical-facility .in .examples ul li a,
#medical-nps .in .examples ul li a,
#medical-solution .in .examples ul li a,
#medical-newsletter .in .examples ul li a,
#medical-review .in .examples ul li a,
#patient-intro .in .examples ul li a,
#patient-satisf .in .examples ul li a,
#patient-post .in .examples ul li a,
#patient-review .in .examples ul li a,
#patient-outcome .in .examples ul li a {
  font-family: 'Inter Regular', sans-serif;
  min-height: 24px;
  color: #2030c2;
}
#medical-intro .in .examples ul li a i,
#medical-employee .in .examples ul li a i,
#medical-facility .in .examples ul li a i,
#medical-nps .in .examples ul li a i,
#medical-solution .in .examples ul li a i,
#medical-newsletter .in .examples ul li a i,
#medical-review .in .examples ul li a i,
#patient-intro .in .examples ul li a i,
#patient-satisf .in .examples ul li a i,
#patient-post .in .examples ul li a i,
#patient-review .in .examples ul li a i,
#patient-outcome .in .examples ul li a i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right.svg') no-repeat right center;
  background-size: 24px 24px;
  width: 24px;
  position: relative;
  top: 6px;
  height: 24px;
  display: inline-block;
}
#medical-intro .in .examples .more,
#medical-employee .in .examples .more,
#medical-facility .in .examples .more,
#medical-nps .in .examples .more,
#medical-solution .in .examples .more,
#medical-newsletter .in .examples .more,
#medical-review .in .examples .more,
#patient-intro .in .examples .more,
#patient-satisf .in .examples .more,
#patient-post .in .examples .more,
#patient-review .in .examples .more,
#patient-outcome .in .examples .more {
  padding: 40px 0 0 0;
  line-height: normal;
}
#medical-intro .in .examples .more a,
#medical-employee .in .examples .more a,
#medical-facility .in .examples .more a,
#medical-nps .in .examples .more a,
#medical-solution .in .examples .more a,
#medical-newsletter .in .examples .more a,
#medical-review .in .examples .more a,
#patient-intro .in .examples .more a,
#patient-satisf .in .examples .more a,
#patient-post .in .examples .more a,
#patient-review .in .examples .more a,
#patient-outcome .in .examples .more a {
  padding: 0 16px;
  display: inline-flex;
  border: 1px solid #ced0d5;
  color: #3d4144;
  font-size: 14px;
  align-items: center;
  font-family: 'Inter SemiBold', sans-serif;
  border-radius: 8px;
  box-sizing: border-box;
  height: 40px;
  text-align: center;
}
#medical-intro .in .cta-more,
#medical-employee .in .cta-more,
#medical-facility .in .cta-more,
#medical-nps .in .cta-more,
#medical-solution .in .cta-more,
#medical-newsletter .in .cta-more,
#medical-review .in .cta-more,
#patient-intro .in .cta-more,
#patient-satisf .in .cta-more,
#patient-post .in .cta-more,
#patient-review .in .cta-more,
#patient-outcome .in .cta-more {
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2b1ec1;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  padding: 0 36px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#medical-intro .in .cta-more:before,
#medical-employee .in .cta-more:before,
#medical-facility .in .cta-more:before,
#medical-nps .in .cta-more:before,
#medical-solution .in .cta-more:before,
#medical-newsletter .in .cta-more:before,
#medical-review .in .cta-more:before,
#patient-intro .in .cta-more:before,
#patient-satisf .in .cta-more:before,
#patient-post .in .cta-more:before,
#patient-review .in .cta-more:before,
#patient-outcome .in .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
#medical-intro .in .button,
#medical-employee .in .button,
#medical-facility .in .button,
#medical-nps .in .button,
#medical-solution .in .button,
#medical-newsletter .in .button,
#medical-review .in .button,
#patient-intro .in .button,
#patient-satisf .in .button,
#patient-post .in .button,
#patient-review .in .button,
#patient-outcome .in .button {
  color: #fff;
  letter-spacing: -0.01em;
  display: inline-flex;
  align-items: center;
  outline: none;
  border: 0;
  text-decoration: none;
  width: auto;
  height: 56px;
  transition: background 0.5s;
  font-family: 'Inter Medium', sans-serif;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 10px;
  background: #303181;
}
#medical-intro .in .button span,
#medical-employee .in .button span,
#medical-facility .in .button span,
#medical-nps .in .button span,
#medical-solution .in .button span,
#medical-newsletter .in .button span,
#medical-review .in .button span,
#patient-intro .in .button span,
#patient-satisf .in .button span,
#patient-post .in .button span,
#patient-review .in .button span,
#patient-outcome .in .button span {
  font-size: 14px;
  font-family: 'Inter Medium', sans-serif;
}
#medical-intro .in,
#patient-intro .in {
  padding-top: 96px;
}
#medical-intro .in .title h2,
#patient-intro .in .title h2 {
  font-family: 'Inter Medium', sans-serif;
  color: #2030c2;
  line-height: 140%;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  letter-spacing: 0.13em;
}
#medical-intro .in .title p,
#patient-intro .in .title p {
  font-size: 20px;
  padding: 32px 0 0 0;
  font-family: 'Inter Medium', sans-serif;
  letter-spacing: 0.01em;
  line-height: 143%;
}
#medical-intro .in .list,
#patient-intro .in .list {
  padding: 40px 0 0 0;
}
#medical-intro .in .list .item,
#patient-intro .in .list .item {
  padding: 40px 0 0 0;
}
#medical-intro .in .list .item h3,
#patient-intro .in .list .item h3 {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  line-height: 144%;
  padding: 44px 0 0 0;
  position: relative;
}
#medical-intro .in .list .item h3:before,
#patient-intro .in .list .item h3:before {
  font-weight: 500;
  font-size: 14px;
  line-height: 200%;
  top: 0;
  left: 0;
  letter-spacing: 0.13em;
  position: absolute;
  color: #2030c2;
}
#medical-intro .in .list .item p,
#patient-intro .in .list .item p {
  padding: 16px 0 0 0;
}
#medical-intro .in .list .item p.example,
#patient-intro .in .list .item p.example {
  padding: 8px 0 0 0;
  color: #6c6c89;
}
#medical-intro .in .list .item:nth-child(1) h3:before,
#patient-intro .in .list .item:nth-child(1) h3:before {
  content: 'A';
}
#medical-intro .in .list .item:nth-child(2) h3:before,
#patient-intro .in .list .item:nth-child(2) h3:before {
  content: 'B';
}
#medical-intro .in .list .item:nth-child(3) h3:before,
#patient-intro .in .list .item:nth-child(3) h3:before {
  content: 'C';
}
#medical-intro .in .list .item:nth-child(4) h3:before,
#patient-intro .in .list .item:nth-child(4) h3:before {
  content: 'D';
}
#medical-intro .in .list .item:nth-child(5) h3:before,
#patient-intro .in .list .item:nth-child(5) h3:before {
  content: 'E';
}
#medical-intro .in .list .item:nth-child(6) h3:before,
#patient-intro .in .list .item:nth-child(6) h3:before {
  content: 'F';
}
#medical-newsletter .in h2 {
  display: none;
  font-size: 20px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 143%;
  letter-spacing: 0.01em;
  margin: 48px 0 0 0;
}
#medical-newsletter .in .form {
  display: none;
}
#medical-newsletter .in .form ul {
  padding: 24px 0 0 0;
}
#medical-newsletter .in .form ul li {
  padding: 8px 0 0 0;
  text-align: center;
}
#medical-newsletter .in .form ul li:before {
  display: none;
}
#medical-newsletter .in .form ul li input {
  border-radius: 10px;
  border: 1px solid #ced0d5;
  background: #fff;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  padding: 0 16px;
  width: 100%;
  height: 48px;
  outline: none;
  box-sizing: border-box;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-family: 'Inter Regular', sans-serif;
  line-height: 142.857%;
  letter-spacing: 0.14px;
}
#medical-newsletter .in .form ul li input::-webkit-input-placeholder {
  color: #6c6c89;
  font-family: 'Inter Regular', sans-serif;
  line-height: normal;
}
#medical-newsletter .in .form ul li input::-moz-placeholder {
  color: #6c6c89;
  font-family: 'Inter Regular', sans-serif;
  line-height: normal;
}
#medical-newsletter .in .form ul li input:-ms-input-placeholder {
  color: #6c6c89;
  font-family: 'Inter Regular', sans-serif;
  line-height: normal;
}
#medical-newsletter .in .form ul li input:-moz-placeholder {
  color: #6c6c89;
  font-family: 'Inter Regular', sans-serif;
  line-height: normal;
}
#medical-newsletter .in .form ul li button {
  height: 48px;
  padding: 0 32px;
}
#medical-newsletter .in .list {
  margin: 48px 0 0 0;
  background: #f7f7f8;
  border-radius: 16px;
  padding: 32px 24px 32px 32px;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#medical-newsletter .in .list h3 {
  color: #3d4144;
  font-size: 14px;
  padding: 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 200%;
  letter-spacing: 1.82px;
  text-transform: uppercase;
}
#medical-newsletter .in .list ul {
  padding: 24px 0 0 0;
}
#medical-newsletter .in .list ul li {
  padding: 16px 0 0 0;
}
#medical-newsletter .in .list ul li:before {
  display: none;
}
#medical-newsletter .in .list ul li a {
  font-family: 'Inter Regular', sans-serif;
  min-height: 24px;
  color: #2030c2;
  display: inline-flex;
  padding: 0 24px 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right.svg') no-repeat right center;
  background-size: 24px 24px;
}
#medical-review .in,
#patient-review .in {
  padding: 64px 24px 40px 48px;
}
#medical-review .in h2,
#patient-review .in h2 {
  font-size: 28px;
  line-height: 121%;
  letter-spacing: -0.02em;
}
#medical-review .in .image,
#patient-review .in .image {
  width: 100%;
  left: auto;
}
#medical-review .in .image picture img,
#patient-review .in .image picture img {
  border-radius: 0;
}
#medical-review .in .slides,
#patient-review .in .slides {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-quote.svg') no-repeat left 9px;
  background-size: 40px 40px;
}
#medical-review .in .slides .list .item .content,
#patient-review .in .slides .list .item .content {
  padding: 72px 0 0 0;
}
#medical-review .in .slides .list .item .content p,
#patient-review .in .slides .list .item .content p {
  font-size: 18px;
  padding: 0;
  line-height: 167%;
  color: #202124;
}
#medical-review .in .slides .list .item .author,
#patient-review .in .slides .list .item .author {
  padding: 24px 0 0 0;
  font-size: 14px;
}
#medical-review .in .slides .list .item .author strong,
#patient-review .in .slides .list .item .author strong {
  display: inline-block;
  margin: 0 24px 0 0;
}
#medical-review .in .slides .list .item .author span,
#patient-review .in .slides .list .item .author span {
  color: #a2a8ad;
}
#medical-review .in .slides .nav,
#patient-review .in .slides .nav {
  display: flex;
  padding: 40px 0 0 0;
  justify-content: flex-end;
}
#medical-review .in .slides .nav span,
#patient-review .in .slides .nav span {
  display: block;
  cursor: pointer;
  width: 40px;
  height: 40px;
}
#medical-review .in .slides .nav span a,
#patient-review .in .slides .nav span a {
  display: block;
  width: 100%;
  cursor: pointer;
  transition: background 0.5s, border-color 0.5s;
  height: 100%;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center center;
}
#medical-review .in .slides .nav span.prev a,
#patient-review .in .slides .nav span.prev a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-arrow-left-black.svg');
  background-size: 16px 16px;
}
#medical-review .in .slides .nav span.next,
#patient-review .in .slides .nav span.next {
  margin: 0 0 0 8px;
}
#medical-review .in .slides .nav span.next a,
#patient-review .in .slides .nav span.next a {
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-arrow-right-black.svg');
  background-size: 16px 16px;
}
#patient-intro .in h2.section:before,
#patient-satisf .in h2.section:before,
#patient-post .in h2.section:before,
#patient-review .in h2.section:before,
#patient-outcome .in h2.section:before {
  color: #353cee;
}
.no-touch #medical-intro .in a:hover,
.no-touch #medical-employee .in a:hover,
.no-touch #medical-facility .in a:hover,
.no-touch #medical-nps .in a:hover,
.no-touch #medical-solution .in a:hover,
.no-touch #medical-newsletter .in a:hover,
.no-touch #medical-review .in a:hover,
.no-touch #patient-intro .in a:hover,
.no-touch #patient-satisf .in a:hover,
.no-touch #patient-post .in a:hover,
.no-touch #patient-review .in a:hover,
.no-touch #patient-outcome .in a:hover {
  color: #000;
}
.no-touch #medical-intro .in .content .list ul li a:hover,
.no-touch #medical-employee .in .content .list ul li a:hover,
.no-touch #medical-facility .in .content .list ul li a:hover,
.no-touch #medical-nps .in .content .list ul li a:hover,
.no-touch #medical-solution .in .content .list ul li a:hover,
.no-touch #medical-newsletter .in .content .list ul li a:hover,
.no-touch #medical-review .in .content .list ul li a:hover,
.no-touch #patient-intro .in .content .list ul li a:hover,
.no-touch #patient-satisf .in .content .list ul li a:hover,
.no-touch #patient-post .in .content .list ul li a:hover,
.no-touch #patient-review .in .content .list ul li a:hover,
.no-touch #patient-outcome .in .content .list ul li a:hover,
.no-touch #medical-intro .in .content .list ul li a:focus,
.no-touch #medical-employee .in .content .list ul li a:focus,
.no-touch #medical-facility .in .content .list ul li a:focus,
.no-touch #medical-nps .in .content .list ul li a:focus,
.no-touch #medical-solution .in .content .list ul li a:focus,
.no-touch #medical-newsletter .in .content .list ul li a:focus,
.no-touch #medical-review .in .content .list ul li a:focus,
.no-touch #patient-intro .in .content .list ul li a:focus,
.no-touch #patient-satisf .in .content .list ul li a:focus,
.no-touch #patient-post .in .content .list ul li a:focus,
.no-touch #patient-review .in .content .list ul li a:focus,
.no-touch #patient-outcome .in .content .list ul li a:focus {
  color: #000;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right-black.svg') no-repeat right center;
  background-size: 24px 24px;
}
.no-touch #medical-intro .in .examples ul li a:hover,
.no-touch #medical-employee .in .examples ul li a:hover,
.no-touch #medical-facility .in .examples ul li a:hover,
.no-touch #medical-nps .in .examples ul li a:hover,
.no-touch #medical-solution .in .examples ul li a:hover,
.no-touch #medical-newsletter .in .examples ul li a:hover,
.no-touch #medical-review .in .examples ul li a:hover,
.no-touch #patient-intro .in .examples ul li a:hover,
.no-touch #patient-satisf .in .examples ul li a:hover,
.no-touch #patient-post .in .examples ul li a:hover,
.no-touch #patient-review .in .examples ul li a:hover,
.no-touch #patient-outcome .in .examples ul li a:hover,
.no-touch #medical-intro .in .examples ul li a:focus,
.no-touch #medical-employee .in .examples ul li a:focus,
.no-touch #medical-facility .in .examples ul li a:focus,
.no-touch #medical-nps .in .examples ul li a:focus,
.no-touch #medical-solution .in .examples ul li a:focus,
.no-touch #medical-newsletter .in .examples ul li a:focus,
.no-touch #medical-review .in .examples ul li a:focus,
.no-touch #patient-intro .in .examples ul li a:focus,
.no-touch #patient-satisf .in .examples ul li a:focus,
.no-touch #patient-post .in .examples ul li a:focus,
.no-touch #patient-review .in .examples ul li a:focus,
.no-touch #patient-outcome .in .examples ul li a:focus {
  color: #000;
}
.no-touch #medical-intro .in .examples ul li a:hover i,
.no-touch #medical-employee .in .examples ul li a:hover i,
.no-touch #medical-facility .in .examples ul li a:hover i,
.no-touch #medical-nps .in .examples ul li a:hover i,
.no-touch #medical-solution .in .examples ul li a:hover i,
.no-touch #medical-newsletter .in .examples ul li a:hover i,
.no-touch #medical-review .in .examples ul li a:hover i,
.no-touch #patient-intro .in .examples ul li a:hover i,
.no-touch #patient-satisf .in .examples ul li a:hover i,
.no-touch #patient-post .in .examples ul li a:hover i,
.no-touch #patient-review .in .examples ul li a:hover i,
.no-touch #patient-outcome .in .examples ul li a:hover i,
.no-touch #medical-intro .in .examples ul li a:focus i,
.no-touch #medical-employee .in .examples ul li a:focus i,
.no-touch #medical-facility .in .examples ul li a:focus i,
.no-touch #medical-nps .in .examples ul li a:focus i,
.no-touch #medical-solution .in .examples ul li a:focus i,
.no-touch #medical-newsletter .in .examples ul li a:focus i,
.no-touch #medical-review .in .examples ul li a:focus i,
.no-touch #patient-intro .in .examples ul li a:focus i,
.no-touch #patient-satisf .in .examples ul li a:focus i,
.no-touch #patient-post .in .examples ul li a:focus i,
.no-touch #patient-review .in .examples ul li a:focus i,
.no-touch #patient-outcome .in .examples ul li a:focus i {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right-black.svg') no-repeat right center;
  background-size: 24px 24px;
}
.no-touch #medical-intro .in .examples .more a:hover,
.no-touch #medical-employee .in .examples .more a:hover,
.no-touch #medical-facility .in .examples .more a:hover,
.no-touch #medical-nps .in .examples .more a:hover,
.no-touch #medical-solution .in .examples .more a:hover,
.no-touch #medical-newsletter .in .examples .more a:hover,
.no-touch #medical-review .in .examples .more a:hover,
.no-touch #patient-intro .in .examples .more a:hover,
.no-touch #patient-satisf .in .examples .more a:hover,
.no-touch #patient-post .in .examples .more a:hover,
.no-touch #patient-review .in .examples .more a:hover,
.no-touch #patient-outcome .in .examples .more a:hover,
.no-touch #medical-intro .in .examples .more a:focus,
.no-touch #medical-employee .in .examples .more a:focus,
.no-touch #medical-facility .in .examples .more a:focus,
.no-touch #medical-nps .in .examples .more a:focus,
.no-touch #medical-solution .in .examples .more a:focus,
.no-touch #medical-newsletter .in .examples .more a:focus,
.no-touch #medical-review .in .examples .more a:focus,
.no-touch #patient-intro .in .examples .more a:focus,
.no-touch #patient-satisf .in .examples .more a:focus,
.no-touch #patient-post .in .examples .more a:focus,
.no-touch #patient-review .in .examples .more a:focus,
.no-touch #patient-outcome .in .examples .more a:focus {
  background: #f7f7f8;
  color: #3d4144;
}
.no-touch #medical-intro .in .cta-more:hover,
.no-touch #medical-employee .in .cta-more:hover,
.no-touch #medical-facility .in .cta-more:hover,
.no-touch #medical-nps .in .cta-more:hover,
.no-touch #medical-solution .in .cta-more:hover,
.no-touch #medical-newsletter .in .cta-more:hover,
.no-touch #medical-review .in .cta-more:hover,
.no-touch #patient-intro .in .cta-more:hover,
.no-touch #patient-satisf .in .cta-more:hover,
.no-touch #patient-post .in .cta-more:hover,
.no-touch #patient-review .in .cta-more:hover,
.no-touch #patient-outcome .in .cta-more:hover,
.no-touch #medical-intro .in .cta-more:active,
.no-touch #medical-employee .in .cta-more:active,
.no-touch #medical-facility .in .cta-more:active,
.no-touch #medical-nps .in .cta-more:active,
.no-touch #medical-solution .in .cta-more:active,
.no-touch #medical-newsletter .in .cta-more:active,
.no-touch #medical-review .in .cta-more:active,
.no-touch #patient-intro .in .cta-more:active,
.no-touch #patient-satisf .in .cta-more:active,
.no-touch #patient-post .in .cta-more:active,
.no-touch #patient-review .in .cta-more:active,
.no-touch #patient-outcome .in .cta-more:active {
  color: #000;
}
.no-touch #medical-intro .in .cta-more:hover:before,
.no-touch #medical-employee .in .cta-more:hover:before,
.no-touch #medical-facility .in .cta-more:hover:before,
.no-touch #medical-nps .in .cta-more:hover:before,
.no-touch #medical-solution .in .cta-more:hover:before,
.no-touch #medical-newsletter .in .cta-more:hover:before,
.no-touch #medical-review .in .cta-more:hover:before,
.no-touch #patient-intro .in .cta-more:hover:before,
.no-touch #patient-satisf .in .cta-more:hover:before,
.no-touch #patient-post .in .cta-more:hover:before,
.no-touch #patient-review .in .cta-more:hover:before,
.no-touch #patient-outcome .in .cta-more:hover:before,
.no-touch #medical-intro .in .cta-more:active:before,
.no-touch #medical-employee .in .cta-more:active:before,
.no-touch #medical-facility .in .cta-more:active:before,
.no-touch #medical-nps .in .cta-more:active:before,
.no-touch #medical-solution .in .cta-more:active:before,
.no-touch #medical-newsletter .in .cta-more:active:before,
.no-touch #medical-review .in .cta-more:active:before,
.no-touch #patient-intro .in .cta-more:active:before,
.no-touch #patient-satisf .in .cta-more:active:before,
.no-touch #patient-post .in .cta-more:active:before,
.no-touch #patient-review .in .cta-more:active:before,
.no-touch #patient-outcome .in .cta-more:active:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #medical-intro .in .cta-more:active,
.no-touch #medical-employee .in .cta-more:active,
.no-touch #medical-facility .in .cta-more:active,
.no-touch #medical-nps .in .cta-more:active,
.no-touch #medical-solution .in .cta-more:active,
.no-touch #medical-newsletter .in .cta-more:active,
.no-touch #medical-review .in .cta-more:active,
.no-touch #patient-intro .in .cta-more:active,
.no-touch #patient-satisf .in .cta-more:active,
.no-touch #patient-post .in .cta-more:active,
.no-touch #patient-review .in .cta-more:active,
.no-touch #patient-outcome .in .cta-more:active {
  color: #004ec8;
}
.no-touch #medical-intro .in .cta-more:active:before,
.no-touch #medical-employee .in .cta-more:active:before,
.no-touch #medical-facility .in .cta-more:active:before,
.no-touch #medical-nps .in .cta-more:active:before,
.no-touch #medical-solution .in .cta-more:active:before,
.no-touch #medical-newsletter .in .cta-more:active:before,
.no-touch #medical-review .in .cta-more:active:before,
.no-touch #patient-intro .in .cta-more:active:before,
.no-touch #patient-satisf .in .cta-more:active:before,
.no-touch #patient-post .in .cta-more:active:before,
.no-touch #patient-review .in .cta-more:active:before,
.no-touch #patient-outcome .in .cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #medical-intro .in .button:hover,
.no-touch #medical-employee .in .button:hover,
.no-touch #medical-facility .in .button:hover,
.no-touch #medical-nps .in .button:hover,
.no-touch #medical-solution .in .button:hover,
.no-touch #medical-newsletter .in .button:hover,
.no-touch #medical-review .in .button:hover,
.no-touch #patient-intro .in .button:hover,
.no-touch #patient-satisf .in .button:hover,
.no-touch #patient-post .in .button:hover,
.no-touch #patient-review .in .button:hover,
.no-touch #patient-outcome .in .button:hover {
  background: #424394;
}
.no-touch #medical-intro .in .button:active,
.no-touch #medical-employee .in .button:active,
.no-touch #medical-facility .in .button:active,
.no-touch #medical-nps .in .button:active,
.no-touch #medical-solution .in .button:active,
.no-touch #medical-newsletter .in .button:active,
.no-touch #medical-review .in .button:active,
.no-touch #patient-intro .in .button:active,
.no-touch #patient-satisf .in .button:active,
.no-touch #patient-post .in .button:active,
.no-touch #patient-review .in .button:active,
.no-touch #patient-outcome .in .button:active {
  background: #303181;
}
.no-touch #medical-newsletter .in .list ul li a:hover,
.no-touch #medical-newsletter .in .list ul li a:focus {
  color: #000;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/medical/icon-right-black.svg') no-repeat right center;
  background-size: 24px 24px;
}
.no-touch #medical-review .in .slides .nav span:hover a {
  background-color: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #medical-review .in .slides .nav span:active a {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
}
@media only screen and (min-width: 480px) {
  #medical-intro .in,
  #medical-employee .in,
  #medical-facility .in,
  #medical-nps .in,
  #medical-solution .in,
  #medical-newsletter .in,
  #medical-review .in,
  #patient-intro .in,
  #patient-satisf .in,
  #patient-post .in,
  #patient-review .in,
  #patient-outcome .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
  }
  #medical-intro .in .image,
  #medical-employee .in .image,
  #medical-facility .in .image,
  #medical-nps .in .image,
  #medical-solution .in .image,
  #medical-newsletter .in .image,
  #medical-review .in .image,
  #patient-intro .in .image,
  #patient-satisf .in .image,
  #patient-post .in .image,
  #patient-review .in .image,
  #patient-outcome .in .image {
    left: auto;
    width: 100%;
  }
  #medical-newsletter .in .form ul {
    padding: 32px 0 0 0;
    display: flex;
  }
  #medical-newsletter .in .form ul li {
    padding: 0;
  }
  #medical-newsletter .in .form ul li:first-child {
    padding: 0 8px 0 0;
    flex: 1;
  }
  #medical-newsletter .in .list {
    left: auto;
    width: 100%;
  }
  #medical-review .in .image {
    left: auto;
    width: 100%;
  }
  #medical-review .in .image .quote {
    left: 32px;
    width: calc(100% - 64px);
  }
}
@media only screen and (min-width: 768px) {
  #medical-intro .in,
  #medical-employee .in,
  #medical-facility .in,
  #medical-nps .in,
  #medical-solution .in,
  #medical-newsletter .in,
  #medical-review .in,
  #patient-intro .in,
  #patient-satisf .in,
  #patient-post .in,
  #patient-review .in,
  #patient-outcome .in {
    width: 700px;
    display: flex;
    padding: 96px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  #medical-intro .in h2,
  #medical-employee .in h2,
  #medical-facility .in h2,
  #medical-nps .in h2,
  #medical-solution .in h2,
  #medical-newsletter .in h2,
  #medical-review .in h2,
  #patient-intro .in h2,
  #patient-satisf .in h2,
  #patient-post .in h2,
  #patient-review .in h2,
  #patient-outcome .in h2 {
    font-size: 36px;
  }
  #medical-intro .in .content,
  #medical-employee .in .content,
  #medical-facility .in .content,
  #medical-nps .in .content,
  #medical-solution .in .content,
  #medical-newsletter .in .content,
  #medical-review .in .content,
  #patient-intro .in .content,
  #patient-satisf .in .content,
  #patient-post .in .content,
  #patient-review .in .content,
  #patient-outcome .in .content {
    flex: 0 1 50%;
  }
  #medical-intro .in .content h2.section,
  #medical-employee .in .content h2.section,
  #medical-facility .in .content h2.section,
  #medical-nps .in .content h2.section,
  #medical-solution .in .content h2.section,
  #medical-newsletter .in .content h2.section,
  #medical-review .in .content h2.section,
  #patient-intro .in .content h2.section,
  #patient-satisf .in .content h2.section,
  #patient-post .in .content h2.section,
  #patient-review .in .content h2.section,
  #patient-outcome .in .content h2.section {
    margin: 0;
  }
  #medical-intro .in .content .more,
  #medical-employee .in .content .more,
  #medical-facility .in .content .more,
  #medical-nps .in .content .more,
  #medical-solution .in .content .more,
  #medical-newsletter .in .content .more,
  #medical-review .in .content .more,
  #patient-intro .in .content .more,
  #patient-satisf .in .content .more,
  #patient-post .in .content .more,
  #patient-review .in .content .more,
  #patient-outcome .in .content .more {
    padding: 48px 0 0 0;
  }
  #medical-intro .in .image,
  #medical-employee .in .image,
  #medical-facility .in .image,
  #medical-nps .in .image,
  #medical-solution .in .image,
  #medical-newsletter .in .image,
  #medical-review .in .image,
  #patient-intro .in .image,
  #patient-satisf .in .image,
  #patient-post .in .image,
  #patient-review .in .image,
  #patient-outcome .in .image {
    flex: 0 1 50%;
    margin: 0;
    right: -54px;
  }
  #medical-intro .in .types,
  #medical-employee .in .types,
  #medical-facility .in .types,
  #medical-nps .in .types,
  #medical-solution .in .types,
  #medical-newsletter .in .types,
  #medical-review .in .types,
  #patient-intro .in .types,
  #patient-satisf .in .types,
  #patient-post .in .types,
  #patient-review .in .types,
  #patient-outcome .in .types {
    padding: 64px 0 0 0;
  }
  #medical-intro .in .types .list,
  #medical-employee .in .types .list,
  #medical-facility .in .types .list,
  #medical-nps .in .types .list,
  #medical-solution .in .types .list,
  #medical-newsletter .in .types .list,
  #medical-review .in .types .list,
  #patient-intro .in .types .list,
  #patient-satisf .in .types .list,
  #patient-post .in .types .list,
  #patient-review .in .types .list,
  #patient-outcome .in .types .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #medical-intro .in .types .list .item,
  #medical-employee .in .types .list .item,
  #medical-facility .in .types .list .item,
  #medical-nps .in .types .list .item,
  #medical-solution .in .types .list .item,
  #medical-newsletter .in .types .list .item,
  #medical-review .in .types .list .item,
  #patient-intro .in .types .list .item,
  #patient-satisf .in .types .list .item,
  #patient-post .in .types .list .item,
  #patient-review .in .types .list .item,
  #patient-outcome .in .types .list .item {
    flex: 0 1 46%;
  }
  #medical-intro .in .highlight,
  #medical-employee .in .highlight,
  #medical-facility .in .highlight,
  #medical-nps .in .highlight,
  #medical-solution .in .highlight,
  #medical-newsletter .in .highlight,
  #medical-review .in .highlight,
  #patient-intro .in .highlight,
  #patient-satisf .in .highlight,
  #patient-post .in .highlight,
  #patient-review .in .highlight,
  #patient-outcome .in .highlight {
    padding: 24px 0 24px 92px;
    margin: 96px 0 0 0;
  }
  #medical-intro .in .highlight p,
  #medical-employee .in .highlight p,
  #medical-facility .in .highlight p,
  #medical-nps .in .highlight p,
  #medical-solution .in .highlight p,
  #medical-newsletter .in .highlight p,
  #medical-review .in .highlight p,
  #patient-intro .in .highlight p,
  #patient-satisf .in .highlight p,
  #patient-post .in .highlight p,
  #patient-review .in .highlight p,
  #patient-outcome .in .highlight p {
    font-size: 24px;
  }
  #medical-intro .in .highlight p.more,
  #medical-employee .in .highlight p.more,
  #medical-facility .in .highlight p.more,
  #medical-nps .in .highlight p.more,
  #medical-solution .in .highlight p.more,
  #medical-newsletter .in .highlight p.more,
  #medical-review .in .highlight p.more,
  #patient-intro .in .highlight p.more,
  #patient-satisf .in .highlight p.more,
  #patient-post .in .highlight p.more,
  #patient-review .in .highlight p.more,
  #patient-outcome .in .highlight p.more {
    text-align: right;
  }
  #medical-intro .in .highlight ul,
  #medical-employee .in .highlight ul,
  #medical-facility .in .highlight ul,
  #medical-nps .in .highlight ul,
  #medical-solution .in .highlight ul,
  #medical-newsletter .in .highlight ul,
  #medical-review .in .highlight ul,
  #patient-intro .in .highlight ul,
  #patient-satisf .in .highlight ul,
  #patient-post .in .highlight ul,
  #patient-review .in .highlight ul,
  #patient-outcome .in .highlight ul {
    padding: 12px 0 0 0;
  }
  #medical-intro .in .highlight ul li,
  #medical-employee .in .highlight ul li,
  #medical-facility .in .highlight ul li,
  #medical-nps .in .highlight ul li,
  #medical-solution .in .highlight ul li,
  #medical-newsletter .in .highlight ul li,
  #medical-review .in .highlight ul li,
  #patient-intro .in .highlight ul li,
  #patient-satisf .in .highlight ul li,
  #patient-post .in .highlight ul li,
  #patient-review .in .highlight ul li,
  #patient-outcome .in .highlight ul li {
    padding: 12px 32px 0 0;
    display: inline-flex;
  }
  #medical-intro .in .highlight ul li:before,
  #medical-employee .in .highlight ul li:before,
  #medical-facility .in .highlight ul li:before,
  #medical-nps .in .highlight ul li:before,
  #medical-solution .in .highlight ul li:before,
  #medical-newsletter .in .highlight ul li:before,
  #medical-review .in .highlight ul li:before,
  #patient-intro .in .highlight ul li:before,
  #patient-satisf .in .highlight ul li:before,
  #patient-post .in .highlight ul li:before,
  #patient-review .in .highlight ul li:before,
  #patient-outcome .in .highlight ul li:before {
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    right: 14px;
    top: 24px;
    left: auto;
    background: #353cee;
  }
  #medical-intro .in .highlight ul li:last-child,
  #medical-employee .in .highlight ul li:last-child,
  #medical-facility .in .highlight ul li:last-child,
  #medical-nps .in .highlight ul li:last-child,
  #medical-solution .in .highlight ul li:last-child,
  #medical-newsletter .in .highlight ul li:last-child,
  #medical-review .in .highlight ul li:last-child,
  #patient-intro .in .highlight ul li:last-child,
  #patient-satisf .in .highlight ul li:last-child,
  #patient-post .in .highlight ul li:last-child,
  #patient-review .in .highlight ul li:last-child,
  #patient-outcome .in .highlight ul li:last-child {
    padding-right: 0;
  }
  #medical-intro .in .highlight ul li:last-child:before,
  #medical-employee .in .highlight ul li:last-child:before,
  #medical-facility .in .highlight ul li:last-child:before,
  #medical-nps .in .highlight ul li:last-child:before,
  #medical-solution .in .highlight ul li:last-child:before,
  #medical-newsletter .in .highlight ul li:last-child:before,
  #medical-review .in .highlight ul li:last-child:before,
  #patient-intro .in .highlight ul li:last-child:before,
  #patient-satisf .in .highlight ul li:last-child:before,
  #patient-post .in .highlight ul li:last-child:before,
  #patient-review .in .highlight ul li:last-child:before,
  #patient-outcome .in .highlight ul li:last-child:before {
    display: none;
  }
  #medical-intro .in .examples h3,
  #medical-employee .in .examples h3,
  #medical-facility .in .examples h3,
  #medical-nps .in .examples h3,
  #medical-solution .in .examples h3,
  #medical-newsletter .in .examples h3,
  #medical-review .in .examples h3,
  #patient-intro .in .examples h3,
  #patient-satisf .in .examples h3,
  #patient-post .in .examples h3,
  #patient-review .in .examples h3,
  #patient-outcome .in .examples h3 {
    text-align: center;
  }
  #medical-intro .in .examples ul,
  #medical-employee .in .examples ul,
  #medical-facility .in .examples ul,
  #medical-nps .in .examples ul,
  #medical-solution .in .examples ul,
  #medical-newsletter .in .examples ul,
  #medical-review .in .examples ul,
  #patient-intro .in .examples ul,
  #patient-satisf .in .examples ul,
  #patient-post .in .examples ul,
  #patient-review .in .examples ul,
  #patient-outcome .in .examples ul {
    display: flex;
    padding: 40px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #medical-intro .in .examples ul li,
  #medical-employee .in .examples ul li,
  #medical-facility .in .examples ul li,
  #medical-nps .in .examples ul li,
  #medical-solution .in .examples ul li,
  #medical-newsletter .in .examples ul li,
  #medical-review .in .examples ul li,
  #patient-intro .in .examples ul li,
  #patient-satisf .in .examples ul li,
  #patient-post .in .examples ul li,
  #patient-review .in .examples ul li,
  #patient-outcome .in .examples ul li {
    flex: 0 1 48%;
  }
  #medical-intro .in .examples .more,
  #medical-employee .in .examples .more,
  #medical-facility .in .examples .more,
  #medical-nps .in .examples .more,
  #medical-solution .in .examples .more,
  #medical-newsletter .in .examples .more,
  #medical-review .in .examples .more,
  #patient-intro .in .examples .more,
  #patient-satisf .in .examples .more,
  #patient-post .in .examples .more,
  #patient-review .in .examples .more,
  #patient-outcome .in .examples .more {
    padding: 48px 0 0 0;
    text-align: center;
  }
  #medical-intro .in.reverse,
  #medical-employee .in.reverse,
  #medical-facility .in.reverse,
  #medical-nps .in.reverse,
  #medical-solution .in.reverse,
  #medical-newsletter .in.reverse,
  #medical-review .in.reverse,
  #patient-intro .in.reverse,
  #patient-satisf .in.reverse,
  #patient-post .in.reverse,
  #patient-review .in.reverse,
  #patient-outcome .in.reverse {
    flex-direction: row-reverse;
  }
  #medical-intro .in.reverse .image,
  #medical-employee .in.reverse .image,
  #medical-facility .in.reverse .image,
  #medical-nps .in.reverse .image,
  #medical-solution .in.reverse .image,
  #medical-newsletter .in.reverse .image,
  #medical-review .in.reverse .image,
  #patient-intro .in.reverse .image,
  #patient-satisf .in.reverse .image,
  #patient-post .in.reverse .image,
  #patient-review .in.reverse .image,
  #patient-outcome .in.reverse .image {
    right: auto;
    left: -54px;
  }
  #medical-intro .in,
  #patient-intro .in {
    padding-top: 80px;
  }
  #medical-intro .in .title,
  #patient-intro .in .title {
    text-align: center;
  }
  #medical-intro .in .title p,
  #patient-intro .in .title p {
    font-size: 24px;
  }
  #medical-intro .in .list,
  #patient-intro .in .list {
    padding: 64px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #medical-intro .in .list .item,
  #patient-intro .in .list .item {
    flex: 0 1 42.5%;
  }
  #patient-satisf .in .highlight p.more {
    padding: 16px 0 0 0;
    text-align: left;
  }
  #medical-nps .in .highlight p.more,
  #patient-outcome .in .highlight p.more {
    text-align: left;
    padding: 16px 0 0 0;
  }
  #medical-newsletter .in {
    padding: 104px 0 0 0;
  }
  #medical-newsletter .in h2 {
    margin: 0;
    font-size: 24px;
    text-align: center;
  }
  #medical-newsletter .in .form {
    width: 568px;
    margin: 0 auto;
  }
  #medical-newsletter .in .list {
    padding: 48px;
    margin: 0;
  }
  #medical-newsletter .in .list h3 {
    text-align: center;
  }
  #medical-newsletter .in .list ul {
    display: flex;
    padding: 40px 0 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #medical-newsletter .in .list ul li {
    flex: 0 1 48%;
  }
  #medical-review .in,
  #patient-review .in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 104px 0 72px 0;
    text-align: center;
  }
  #medical-review .in h2,
  #patient-review .in h2 {
    flex: 0 1 100%;
    padding: 0 0 56px 0;
  }
  #medical-review .in .image,
  #patient-review .in .image {
    flex: 0 1 47%;
    margin: 0;
    right: auto;
  }
  #medical-review .in .slides,
  #patient-review .in .slides {
    flex: 0 1 47%;
    text-align: left;
  }
  #medical-review .in .cta,
  #patient-review .in .cta {
    margin: 80px 0 0 0;
    left: auto;
    padding: 88px 0 0 0;
    width: 100%;
  }
  #medical-review .in .cta .button,
  #patient-review .in .cta .button {
    margin: 0 32px 0 0;
  }
  #medical-review .in .cta .button.black,
  #patient-review .in .cta .button.black {
    margin: 0;
  }
}
@media only screen and (min-width: 1152px) {
  #medical-intro .in,
  #medical-employee .in,
  #medical-facility .in,
  #medical-nps .in,
  #medical-solution .in,
  #medical-newsletter .in,
  #medical-review .in,
  #patient-intro .in,
  #patient-satisf .in,
  #patient-post .in,
  #patient-review .in,
  #patient-outcome .in {
    width: 1120px;
  }
  #medical-intro .in h2,
  #medical-employee .in h2,
  #medical-facility .in h2,
  #medical-nps .in h2,
  #medical-solution .in h2,
  #medical-newsletter .in h2,
  #medical-review .in h2,
  #patient-intro .in h2,
  #patient-satisf .in h2,
  #patient-post .in h2,
  #patient-review .in h2,
  #patient-outcome .in h2 {
    line-height: 114.286%;
    font-size: 42px;
  }
  #medical-intro .in .content,
  #medical-employee .in .content,
  #medical-facility .in .content,
  #medical-nps .in .content,
  #medical-solution .in .content,
  #medical-newsletter .in .content,
  #medical-review .in .content,
  #patient-intro .in .content,
  #patient-satisf .in .content,
  #patient-post .in .content,
  #patient-review .in .content,
  #patient-outcome .in .content {
    flex: 0 1 480px;
  }
  #medical-intro .in .image,
  #medical-employee .in .image,
  #medical-facility .in .image,
  #medical-nps .in .image,
  #medical-solution .in .image,
  #medical-newsletter .in .image,
  #medical-review .in .image,
  #patient-intro .in .image,
  #patient-satisf .in .image,
  #patient-post .in .image,
  #patient-review .in .image,
  #patient-outcome .in .image {
    left: 0;
    flex: 0 1 544px;
    height: 644px;
  }
  #medical-intro .in .image picture,
  #medical-employee .in .image picture,
  #medical-facility .in .image picture,
  #medical-nps .in .image picture,
  #medical-solution .in .image picture,
  #medical-newsletter .in .image picture,
  #medical-review .in .image picture,
  #patient-intro .in .image picture,
  #patient-satisf .in .image picture,
  #patient-post .in .image picture,
  #patient-review .in .image picture,
  #patient-outcome .in .image picture {
    width: 644px;
    position: absolute;
    height: 644px;
    left: 0;
  }
  #medical-intro .in .types .list .item,
  #medical-employee .in .types .list .item,
  #medical-facility .in .types .list .item,
  #medical-nps .in .types .list .item,
  #medical-solution .in .types .list .item,
  #medical-newsletter .in .types .list .item,
  #medical-review .in .types .list .item,
  #patient-intro .in .types .list .item,
  #patient-satisf .in .types .list .item,
  #patient-post .in .types .list .item,
  #patient-review .in .types .list .item,
  #patient-outcome .in .types .list .item {
    flex: 0 1 256px;
  }
  #medical-intro .in .highlight p,
  #medical-employee .in .highlight p,
  #medical-facility .in .highlight p,
  #medical-nps .in .highlight p,
  #medical-solution .in .highlight p,
  #medical-newsletter .in .highlight p,
  #medical-review .in .highlight p,
  #patient-intro .in .highlight p,
  #patient-satisf .in .highlight p,
  #patient-post .in .highlight p,
  #patient-review .in .highlight p,
  #patient-outcome .in .highlight p {
    font-size: 28px;
  }
  #medical-intro .in .examples,
  #medical-employee .in .examples,
  #medical-facility .in .examples,
  #medical-nps .in .examples,
  #medical-solution .in .examples,
  #medical-newsletter .in .examples,
  #medical-review .in .examples,
  #patient-intro .in .examples,
  #patient-satisf .in .examples,
  #patient-post .in .examples,
  #patient-review .in .examples,
  #patient-outcome .in .examples {
    padding: 88px 0 0 0;
  }
  #medical-intro .in .examples ul li,
  #medical-employee .in .examples ul li,
  #medical-facility .in .examples ul li,
  #medical-nps .in .examples ul li,
  #medical-solution .in .examples ul li,
  #medical-newsletter .in .examples ul li,
  #medical-review .in .examples ul li,
  #patient-intro .in .examples ul li,
  #patient-satisf .in .examples ul li,
  #patient-post .in .examples ul li,
  #patient-review .in .examples ul li,
  #patient-outcome .in .examples ul li {
    flex: 0 1 32%;
  }
  #medical-intro .in.reverse .image,
  #medical-employee .in.reverse .image,
  #medical-facility .in.reverse .image,
  #medical-nps .in.reverse .image,
  #medical-solution .in.reverse .image,
  #medical-newsletter .in.reverse .image,
  #medical-review .in.reverse .image,
  #patient-intro .in.reverse .image,
  #patient-satisf .in.reverse .image,
  #patient-post .in.reverse .image,
  #patient-review .in.reverse .image,
  #patient-outcome .in.reverse .image {
    left: auto;
  }
  #medical-intro .in.reverse .image picture,
  #medical-employee .in.reverse .image picture,
  #medical-facility .in.reverse .image picture,
  #medical-nps .in.reverse .image picture,
  #medical-solution .in.reverse .image picture,
  #medical-newsletter .in.reverse .image picture,
  #medical-review .in.reverse .image picture,
  #patient-intro .in.reverse .image picture,
  #patient-satisf .in.reverse .image picture,
  #patient-post .in.reverse .image picture,
  #patient-review .in.reverse .image picture,
  #patient-outcome .in.reverse .image picture {
    left: auto;
    right: 0;
  }
  #medical-intro .in .title,
  #patient-intro .in .title {
    width: 928px;
    margin: 0 auto;
  }
  #medical-intro .in .title p,
  #patient-intro .in .title p {
    font-size: 28px;
  }
  #medical-intro .in .list .item,
  #patient-intro .in .list .item {
    flex: 0 1 544px;
  }
  #medical-newsletter .in h2 {
    font-size: 28px;
    margin: 0 auto;
    line-height: 142.857%;
    width: 928px;
  }
  #medical-newsletter .in .list {
    margin: 32px 0 0 0;
  }
  #medical-newsletter .in .list ul li {
    flex: 0 1 32%;
  }
  #medical-review .in,
  #patient-review .in {
    justify-content: flex-start;
    padding-bottom: 96px;
  }
  #medical-review .in h2,
  #patient-review .in h2 {
    font-size: 32px;
    line-height: 119%;
  }
  #medical-review .in .image,
  #patient-review .in .image {
    height: auto;
    flex: 0 1 480px;
    margin: 0 96px 0 0;
  }
  #medical-review .in .image picture,
  #patient-review .in .image picture {
    position: relative;
    width: auto;
    height: auto;
  }
  #medical-review .in .slides,
  #patient-review .in .slides {
    flex: 0 1 448px;
  }
}
#questions .in {
  text-align: left;
  color: #000;
}
#questions .in .parex {
  border-bottom: 1px solid #edeff0;
  padding: 0 0 36px 0;
}
#questions .in .parex p {
  line-height: 180%;
}
#questions .in .image-content {
  padding: 10px 0 0 0;
}
#questions .in .image-content .image {
  padding: 32px 0 0 0;
}
#questions .in .try {
  padding: 24px 0 0 0;
  margin: 48px 0 0 0;
  border-top: 1px solid #edeff0;
  text-align: center;
}
#questions .in .try h3 {
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  #questions .in {
    width: 704px;
    padding: 30px 0 30px 0;
  }
  #questions .in .parex {
    padding: 0 0 40px 0;
  }
  #questions .in .image-content {
    display: flex;
    padding: 32px 0 32px 0;
    justify-content: space-between;
  }
  #questions .in .image-content .content {
    flex: 0 1 43%;
  }
  #questions .in .image-content .content h2 {
    font-size: 26px;
    padding: 28px 0 0 0;
  }
  #questions .in .image-content .image {
    flex: 0 1 50%;
  }
  #questions .in .image-content .image img {
    width: calc(100% + 32px);
    position: relative;
  }
  #questions .in .image-content.right {
    flex-direction: row-reverse;
  }
  #questions .in .image-content.right .image img {
    left: -32px;
  }
  #questions .in .try h3 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  #questions .in {
    padding: 40px 0 30px 0;
    width: 978px;
  }
  #questions .in .parex {
    padding: 0 0 48px 0;
  }
  #questions .in .image-content {
    align-items: center;
    padding: 32px 0 32px 0;
  }
  #questions .in .image-content .content {
    flex: 0 1 39%;
  }
  #questions .in .image-content .content h2 {
    padding: 0;
  }
  #questions .in .image-content .image {
    flex: 0 1 52%;
  }
  #questions .in .image-content .image img {
    width: calc(100% + 40px);
    position: relative;
  }
  #questions .in .image-content.right .image img {
    left: -40px;
  }
}
#security .in {
  text-align: left;
  color: #000;
}
#security .in a {
  color: #3e8519;
}
#security .in ul li {
  line-height: 160%;
}
#security .in .certs {
  position: relative;
  text-align: left;
  padding: 16px 0 0 0;
}
#security .in .certs .item {
  margin: 16px 0 0 0;
  border-radius: 16px;
  box-sizing: border-box;
  padding: 32px;
  position: relative;
  width: calc(100% + 32px);
  left: -16px;
  border: 1px solid #e3e4e9;
}
#security .in .certs .item h2 {
  padding: 14px 0 0 0;
}
#security .in .certs .item .icon img {
  width: auto;
  height: 60px;
}
#security .in .certs .item .icon.small img {
  height: 46px;
}
#security .in .security .certs .item h3 {
  padding: 0;
}
#security .in .payments {
  position: relative;
  margin: 32px 0 0 0;
  padding: 8px 0 40px 0;
  background: #f8f8f9;
}
#security .in .payments:before,
#security .in .payments:after {
  background: #f8f8f9;
  content: '';
  display: block;
  width: 10000px;
  position: absolute;
  top: 0;
  left: -10000px;
  height: 100%;
}
#security .in .payments:after {
  right: -10000px;
  left: auto;
}
#security .in .payments ul {
  padding: 0;
}
#security .in .payments ul li {
  padding: 24px 0 0 0;
}
#security .in .payments ul li:before {
  display: none;
}
#security .in .payments ul li .icon img {
  width: 80px;
}
#security .in .payments ul li .icon.small img {
  width: 60px;
}
#security .in .payments ul li .info h3 {
  display: block;
  padding: 8px 0 5px 0;
  font-size: 16px;
}
#security .in .payments .all {
  margin: 32px 0 0 0;
  padding: 32px 0 0 0;
  border-top: 1px solid #edeff0;
}
#security .in .incident {
  position: relative;
  margin: 0;
  padding: 8px 0 40px 0;
  border-bottom: 1px solid #edeff0;
}
#security .in .incident ul {
  padding: 0;
}
#security .in .incident ul li {
  padding: 24px 0 0 0;
}
#security .in .incident ul li:before {
  display: none;
}
#security .in .incident ul li h3 {
  display: block;
  padding: 0 0 5px 0;
  font-size: 16px;
}
#security .in .legal {
  padding: 16px 0 0 0;
}
#security .in .legal ul li {
  padding: 0;
}
#security .in .legal ul li:before {
  display: none;
}
.no-touch #security .in a:hover {
  color: #000;
}
@media only screen and (min-width: 768px) {
  #security .in {
    padding: 40px 0;
    width: 704px;
  }
  #security .in h2 {
    font-size: 28px;
  }
  #security .in h3 {
    font-size: 22px;
  }
  #security .in .certs {
    display: flex;
    padding: 24px 0 0 0;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #security .in .certs .item {
    width: 100%;
    left: auto;
    margin: 32px 0 0 0;
    flex: 0 1 48%;
  }
  #security .in .security {
    padding: 32px 0;
  }
  #security .in .payments {
    padding: 22px 0 50px 0;
  }
  #security .in .payments ul li {
    padding: 32px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #security .in .payments ul li .icon {
    flex: 0 1 112px;
    text-align: center;
  }
  #security .in .payments ul li .icon img {
    width: 112px;
  }
  #security .in .payments ul li .info {
    flex: 0 1 75%;
  }
  #security .in .payments ul li .info h3 {
    padding: 0;
  }
  #security .in .payments ul li .info p {
    padding: 5px 0 0 0;
  }
  #security .in .payments .all {
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
  }
  #security .in .incident {
    padding: 22px 0 50px 0;
  }
  #security .in .legal {
    padding: 24px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #security .in {
    width: 978px;
    padding: 40px 0;
  }
  #security .in h2 {
    font-size: 28px;
  }
  #security .in h3 {
    font-size: 22px;
  }
  #security .in .payments ul li {
    padding: 48px 0 0 0;
  }
  #security .in .payments ul li .info {
    flex: 0 1 80%;
  }
  #security .in .payments .all {
    margin: 48px 0 0 0;
    padding: 48px 0 0 0;
  }
}
#case-study-headline {
  padding: 16px 0 0 0;
}
#case-study-headline:after {
  position: absolute;
  bottom: 0;
  height: 32px;
  width: 100%;
  content: '';
  display: block;
  background: #fff;
}
#case-study-headline .in {
  width: calc(100% - 16px);
  position: relative;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  border-radius: 16px;
  z-index: 1;
}
#case-study-headline .in .content {
  display: flex;
  flex-wrap: wrap;
  padding: 24px 16px;
  font-size: 16px;
}
#case-study-headline .in .content h1 {
  flex: 1 100%;
  font-size: 28px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 40px;
  order: 3;
  padding: 32px 0 0 0;
}
#case-study-headline .in .content .subtitle {
  flex: 1 100%;
  font-family: 'Inter Medium', sans-serif;
  letter-spacing: 0.2em;
  font-size: 14px;
  line-height: 28px;
  padding: 0;
  text-transform: uppercase;
  order: 1;
}
#case-study-headline .in .content .logo {
  flex: 1 100%;
  order: 2;
  margin: 24px 0 0 0;
}
#case-study-headline .in .content .help {
  padding: 0 0 0 32px;
  margin: 32px 0 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/arrow-down.svg') no-repeat center left;
  background-size: 16px 16px;
  flex: 1 100%;
  cursor: pointer;
  order: 4;
}
#case-study-headline .in .image picture {
  display: flex;
}
#case-study-headline .in .image picture img {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
#case-study-headline.foodora {
  background: #ffe5e9;
}
#case-study-headline.foodora .in {
  background: #df1067;
  color: #fff;
}
#case-study-headline.foodora .in .content .logo img {
  width: 209px;
}
#case-study-headline.fleetcor {
  background: #f9e1e0;
}
#case-study-headline.fleetcor .in {
  background: #ef3e42;
  color: #fff;
}
#case-study-headline.fleetcor .in .content .logo img {
  width: 260px;
}
#case-study-content .in {
  color: #000;
  text-align: left;
  font-size: 16px;
  padding-bottom: 24px;
}
#case-study-content .in h2 {
  color: #000;
}
#case-study-content .in .challenge,
#case-study-content .in .outcome {
  padding: 24px 0 0 0;
}
#case-study-content .in .challenge h2,
#case-study-content .in .outcome h2 {
  font-size: 14px;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 28px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
#case-study-content .in .challenge p,
#case-study-content .in .outcome p {
  padding: 32px 0 0 0;
}
#case-study-content .in .challenge h2 {
  color: #2b1ec1;
}
#case-study-content .in .challenge p {
  font-size: 20px;
  font-family: 'Inter Medium', sans-serif;
}
#case-study-content .in .outcome h2 {
  color: #1a1a1a;
}
#case-study-content .in .outcome p {
  font-size: 18px;
  color: #55556d;
}
#case-study-content .in .content {
  margin: 48px 0 0 0;
  position: relative;
}
#case-study-content .in .content:before {
  position: absolute;
  width: 10000px;
  left: -5000px;
  display: block;
  content: '';
  height: 1px;
  background: #f1f3f3;
  top: 0;
}
#case-study-content .in .content h2 {
  font-size: 24px;
  padding: 48px 0 0 0;
  line-height: 125%;
}
#case-study-content .in .content .testimonial {
  margin: 32px 0 0 0;
  background-repeat: no-repeat;
  background-position: 24px 28px;
  background-size: 32px 32px;
  border-radius: 16px;
  padding: 24px 24px 24px 72px;
}
#case-study-content .in .content .testimonial p {
  padding: 0;
  font-size: 15px;
}
#case-study-content .in .content .testimonial p.author {
  font-size: 13px;
  padding: 8px 0 0 0;
  color: rgba(0, 0, 0, 0.75);
}
#case-study-content .in .author {
  padding: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#case-study-content .in .author p {
  font-size: 14px;
  padding: 0;
  flex: 0 1 calc(100% - 104px);
}
#case-study-content .in .author p strong {
  display: block;
  font-family: 'Inter Medium', sans-serif;
}
#case-study-content .in .author p span {
  display: block;
  font-size: 13px;
}
#case-study-content .in .author .image {
  flex: 0 1 88px;
  width: 88px;
  height: 88px;
}
#case-study-content .in .author .image img {
  border-radius: 100%;
}
#case-study-content.foodora .in a {
  color: #df1067;
}
#case-study-content.foodora .in .content .testimonial {
  background-color: #ffe5e9;
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-quotes-foodora.svg');
}
#case-study-content.fleetcor .in a {
  color: #ef3e42;
}
#case-study-content.fleetcor .in .content .testimonial {
  background-color: #f9e1e0;
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-quotes-fleetcor.svg');
}
.no-touch #case-study-content.foodora .in a:hover {
  color: #000;
}
.no-touch #case-study-content.fleetcor .in a:hover {
  color: #000;
}
@media only screen and (min-width: 480px) {
  #case-study-headline .in {
    width: 430px;
  }
  #case-study-headline .in .content {
    padding: 24px;
  }
  #case-study-content .in {
    width: 430px;
  }
}
@media only screen and (min-width: 844px) {
  #case-study-headline:after {
    height: 48px;
  }
  #case-study-headline .in {
    width: 784px;
    display: flex;
  }
  #case-study-headline .in .content {
    flex: 0 1 50%;
    padding: 32px;
  }
  #case-study-headline .in .image {
    flex: 0 1 50%;
  }
  #case-study-headline .in .image picture {
    position: relative;
    height: 100%;
    border-top-right-radius: 16px;
    justify-content: center;
    overflow: hidden;
    border-bottom-right-radius: 16px;
  }
  #case-study-headline .in .image picture img {
    border-radius: 0;
    position: absolute;
    width: auto;
    height: 100%;
  }
  #case-study-content .in {
    width: 720px;
    text-align: center;
    padding-bottom: 40px;
  }
  #case-study-content .in .challenge,
  #case-study-content .in .outcome {
    padding: 40px 0 0 0;
  }
  #case-study-content .in .content {
    text-align: left;
    margin: 64px 0 32px 0;
  }
  #case-study-content .in .content h2 {
    padding: 64px 0 0 0;
    font-size: 28px;
  }
  #case-study-content .in .content .testimonial {
    background-size: 60px 60px;
    background-position: 40px 32px;
    width: 700px;
    padding: 64px 32px 32px 128px;
    box-sizing: border-box;
    margin: 56px auto 0 auto;
  }
  #case-study-content .in .content .testimonial p {
    font-size: 18px;
  }
  #case-study-content .in .author {
    display: inline-flex;
    text-align: left;
  }
  #case-study-content .in .author p {
    white-space: nowrap;
    font-size: 16px;
    flex: 0 1 auto;
    padding: 0 0 0 24px;
  }
  #case-study-content .in .author p strong {
    font-size: 18px;
  }
  #case-study-content .in .author p span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1152px) {
  #case-study-headline {
    padding: 24px 0 0 0;
  }
  #case-study-headline:after {
    height: 88px;
  }
  #case-study-headline .in {
    width: 1120px;
  }
  #case-study-headline .in .content {
    padding: 40px 40px 88px 40px;
    align-content: center;
    flex: 0 1 calc(100% - 576px);
  }
  #case-study-headline .in .content .help {
    margin: 0;
    position: absolute;
    bottom: 48px;
  }
  #case-study-headline .in .image {
    flex: 0 1 576px;
  }
  #case-study-headline .in .image picture img {
    position: relative;
    width: 576px;
    height: auto;
  }
  #case-study-content .in {
    width: 928px;
    padding-bottom: 56px;
  }
  #case-study-content .in .content {
    margin: 72px 0 32px 0;
  }
  #case-study-content .in .content h2 {
    padding: 72px 0 0 0;
    font-size: 32px;
  }
}
#case-studies-list .in {
  text-align: left;
  padding: 0 25px 30px 25px;
  color: #000;
}
#case-studies-list .in .list .item {
  padding: 48px 0 0 0;
}
#case-studies-list .in .list .item .image a {
  display: flex;
}
#case-studies-list .in .list .item .image a picture {
  display: flex;
}
#case-studies-list .in .list .item .image a picture img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#case-studies-list .in .list .item .content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 42px 24px 24px 24px;
}
#case-studies-list .in .list .item .content h2 {
  padding: 16px 0 0 0;
  font-size: 22px;
}
#case-studies-list .in .list .item .content h2 a {
  text-decoration: none;
}
#case-studies-list .in .list .item .content p {
  padding: 16px 0 0 0;
}
#case-studies-list .in .list .item .content p.more {
  padding: 24px 0 0 0;
}
#case-studies-list .in .list .item .content p.more .cta-more {
  font-family: 'Inter Bold', sans-serif;
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  cursor: pointer;
  padding: 0 32px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
#case-studies-list .in .list .item .content p.more .cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  width: 22px;
  transition: right 0.2s;
  height: 22px;
  display: block;
}
#case-studies-list .in .list .item .content .logo img {
  width: auto;
  height: 24px;
}
#case-studies-list .in .list .item:first-child {
  padding: 32px 0 0 0;
}
#case-studies-list .in .list .item.foodora .content {
  background: #df1067;
}
#case-studies-list .in .list .item.foodora .content h2 a {
  color: #fff;
}
#case-studies-list .in .list .item.foodora .content p.more .cta-more {
  color: #fff;
}
#case-studies-list .in .list .item.foodora .content p.more .cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-right-white.svg') no-repeat center center;
  background-size: cover;
}
#case-studies-list .in .list .item.fleetcor .content {
  background: #ef3e42;
}
#case-studies-list .in .list .item.fleetcor .content h2 a {
  color: #fff;
}
#case-studies-list .in .list .item.fleetcor .content p.more .cta-more {
  color: #fff;
}
#case-studies-list .in .list .item.fleetcor .content p.more .cta-more:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-right-white.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #case-studies-list .in .list .item .content p.more .cta-more:hover:before {
  right: -8px;
}
.no-touch #case-studies-list .in .list .item.foodora .content h2 a:hover {
  color: #000;
}
.no-touch #case-studies-list .in .list .item.foodora .content p.more .cta-more:hover {
  color: #000;
}
.no-touch #case-studies-list .in .list .item.foodora .content p.more .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #case-studies-list .in .list .item.fleetcor .content h2 a:hover {
  color: #000;
}
.no-touch #case-studies-list .in .list .item.fleetcor .content p.more .cta-more:hover {
  color: #000;
}
.no-touch #case-studies-list .in .list .item.fleetcor .content p.more .cta-more:hover:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/case-study/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  #case-studies-list .in {
    padding: 0 0 40px 0;
  }
  #case-studies-list .in .list {
    display: flex;
    flex-wrap: wrap;
  }
  #case-studies-list .in .list .item {
    padding: 56px 0 0 0;
    flex: 0 1 46%;
    margin: 0 8% 0 0;
  }
  #case-studies-list .in .list .item:first-child,
  #case-studies-list .in .list .item:nth-child(2) {
    padding: 56px 0 0 0;
  }
  #case-studies-list .in .list .item:nth-child(2n+0) {
    margin: 0;
  }
  #case-studies-list .in .all {
    padding: 56px 0 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #case-studies-list .in {
    padding: 0 0 56px 0;
  }
  #case-studies-list .in .list .item {
    padding: 64px 0 0 0;
    flex: 0 1 29%;
    margin: 0 6.5% 0 0;
  }
  #case-studies-list .in .list .item:first-child,
  #case-studies-list .in .list .item:nth-child(2),
  #case-studies-list .in .list .item:nth-child(3) {
    padding: 64px 0 0 0;
  }
  #case-studies-list .in .list .item:nth-child(2n+0) {
    margin: 0 6.5% 0 0;
  }
  #case-studies-list .in .list .item:nth-child(3n+0) {
    margin: 0;
  }
}
#faq .in {
  padding: 0 24px 60px 24px;
  color: #000;
}
#faq .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  text-align: center;
  padding: 48px 0 0 0;
  letter-spacing: -0.03em;
}
#faq .in .title p {
  padding: 16px 0 0 0;
  font-size: 16px;
  line-height: 175%;
}
#faq .in .faq {
  text-align: left;
}
#faq .in .faq h2 {
  padding: 40px 0 0 8px;
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.56px;
}
#faq .in .faq .list {
  margin: 24px 0 0 0;
  background: #f8f8f8;
  width: calc(100% + 32px);
  position: relative;
  left: -16px;
  padding: 32px 24px 32px 24px;
  border-radius: 32px;
}
#faq .in .faq .list .item {
  border-top: 1px solid #e3e4e9;
  margin: 20px 0 0 0;
  padding: 20px 0 0 0;
}
#faq .in .faq .list .item h2,
#faq .in .faq .list .item h3 {
  font-size: 17px;
  cursor: pointer;
  padding: 0 64px 0 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 24px;
  letter-spacing: -0.16px;
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#faq .in .faq .list .item h2:before,
#faq .in .faq .list .item h3:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/faq/icon-arrow-down.svg') no-repeat center center;
  background-size: cover;
  width: 16px;
  display: block;
  position: absolute;
  transition: transform 0.3s;
  content: '';
  right: 0;
  height: 16px;
}
#faq .in .faq .list .item h2.open:before,
#faq .in .faq .list .item h3.open:before {
  transform: rotate(180deg);
}
#faq .in .faq .list .item .content {
  display: none;
}
#faq .in .faq .list .item .content p {
  color: #60607a;
  line-height: 150%;
}
#faq .in .faq .list .item.first {
  border: 0;
  margin: 0;
  padding: 0;
}
#faq .in .faq .list.single {
  margin: 40px 0 0 0;
}
@media only screen and (min-width: 768px) {
  #faq .in {
    width: 700px;
    margin: 0 auto;
    padding: 0 0 48px 0;
  }
  #faq .in h1 {
    font-size: 50px;
    line-height: 110%;
    padding: 44px 0 0 0;
  }
  #faq .in .title p {
    font-size: 18px;
    line-height: 167%;
  }
  #faq .in .faq h2 {
    padding: 56px 0 0 24px;
  }
  #faq .in .faq .list {
    width: 100%;
    left: 0;
  }
  #faq .in .faq .list.single {
    margin: 56px 0 0 0;
  }
}
@media only screen and (min-width: 1152px) {
  #faq .in {
    padding: 0 0 64px 0;
    width: 1100px;
  }
  #faq .in h1 {
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.04em;
  }
  #faq .in .title p {
    padding: 24px 0 0 0;
  }
  #faq .in .faq h2 {
    padding: 72px 0 0 32px;
  }
  #faq .in .faq .list {
    padding: 32px;
  }
  #faq .in .faq .list.single {
    margin: 72px 0 0 0;
  }
}
#maintenance .in {
  padding: 40px 24px 60px 24px;
  color: #000;
}
#maintenance .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  text-align: center;
  padding: 48px 0 0 0;
  letter-spacing: -0.03em;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/maintenance/icon-warning.svg') no-repeat top center;
  background-size: 40px 40px;
}
@media only screen and (min-width: 768px) {
  #maintenance .in {
    width: 700px;
    margin: 0 auto;
    padding: 32px 0 48px 0;
  }
  #maintenance .in h1 {
    font-size: 50px;
    line-height: 110%;
    padding: 56px 0 0 0;
    background-size: 48px 48px;
  }
}
@media only screen and (min-width: 1152px) {
  #maintenance .in {
    padding: 56px 0 88px 0;
    width: 1100px;
  }
  #maintenance .in h1 {
    font-size: 56px;
    line-height: 100%;
    letter-spacing: -0.04em;
  }
  #maintenance .in .notice {
    padding: 0 20%;
  }
}
#video .in {
  padding: 0 24px 32px 24px;
  color: #000;
  text-align: left;
}
#video .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 32px;
  padding: 32px 0 0 0;
  letter-spacing: -0.03em;
  color: #000;
}
#video .in .desc {
  font-size: 16px;
  padding: 16px 0 0 0;
}
#video .in .movie {
  position: relative;
  margin: 32px 0 0 0;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  border-radius: 12px;
}
#video .in .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#video .in .cta {
  text-align: center;
}
#video .in .cta .button {
  color: #fff;
  letter-spacing: -0.01em;
  white-space: nowrap;
  display: inline-flex;
  box-sizing: border-box;
  font-family: 'Inter SemiBold', sans-serif;
  align-items: center;
  text-decoration: none;
  transition: background 0.5s;
  justify-content: center;
  text-align: center;
  height: 56px;
  padding: 0 24px;
  cursor: pointer;
  border-radius: 10px;
  background: #303181;
}
#video .in .articles {
  padding: 40px 0 0 0;
}
#video .in .articles h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.048px;
}
#video .in .articles .item {
  padding: 32px 0 0 0;
}
#video .in .articles .item h3 {
  font-family: 'Inter SemiBold', sans-serif;
  letter-spacing: -0.016px;
  padding: 16px 4px 0 4px;
  line-height: 150%;
  font-size: 16px;
}
#video .in .articles .item h3 a {
  color: #000;
  text-decoration: none;
}
#video .in .articles .item p {
  font-size: 13px;
  color: #3d4144;
  line-height: 153.846%;
  padding: 4px 4px 0 4px;
}
#video .in .articles .item p.more {
  padding: 16px 4px 0 4px;
  font-size: 14px;
  line-height: 142.857%;
}
#video .in .articles .item p.more a {
  text-decoration: none;
}
#video .in .articles .item .image a {
  display: flex;
}
#video .in .articles .item .image a picture img {
  border-radius: 12px;
}
#video .in.clients h3 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.048px;
}
#video .in.clients .list ul {
  padding: 16px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#video .in.clients .list ul li {
  flex: 0 1 calc((100% - 56px) / 3);
  width: calc((100% - 56px) / 3);
  box-sizing: border-box;
  padding: 16px 0 0 0;
}
#video .in.clients .list ul li:before {
  display: none;
}
.no-touch #video .in .cta .button:hover {
  background: #424394;
}
.no-touch #video .in .cta .button:focus {
  background: #303181;
}
.no-touch #video .in .articles .item h3 a:hover {
  color: #2030c2;
}
@media only screen and (min-width: 480px) {
  #video .in.clients .list ul li {
    flex: 0 1 calc((100% - 88px) / 3);
    width: calc((100% - 88px) / 3);
  }
}
@media only screen and (min-width: 768px) {
  #video .in {
    padding: 0 0 32px 0;
  }
  #video .in .cta {
    padding: 40px 0 0 0;
  }
  #video .in .articles {
    padding: 56px 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #video .in .articles h2 {
    flex: 0 1 100%;
  }
  #video .in .articles .item {
    flex: 0 1 31%;
  }
  #video .in.clients {
    padding: 16px 0 48px 0;
  }
  #video .in.clients .list ul li {
    padding: 24px 0 0 0;
    flex: 0 1 calc((100% - 200px) / 6);
    width: calc((100% - 200px) / 6);
    margin: 0 40px 0 0;
  }
  #video .in.clients .list ul li:nth-child(6n+0) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1152px) {
  #video .in {
    padding: 32px 0;
    width: 936px;
  }
  #video .in h1 {
    font-size: 36px;
  }
  #video .in .movie {
    margin: 40px 0 0 0;
  }
  #video .in .cta {
    padding: 56px 0 0 0;
  }
  #video .in .articles {
    padding: 72px 0 0 0;
  }
  #video .in .articles .item {
    flex: 0 1 32%;
  }
  #video .in.clients {
    padding: 32px 0 56px 0;
  }
  #video .in.clients .list {
    position: relative;
    width: 1100px;
    left: -80px;
  }
  #video .in.clients .list ul {
    padding: 24px 0 0 0;
  }
  #video .in.clients .list ul li {
    flex: 0 1 calc((100% - 500px) / 6);
    width: calc((100% - 500px) / 6);
    margin: 0 100px 0 0;
  }
}
.calendly-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}
#release .in {
  color: #000;
  text-align: left;
  padding: 0 16px 32px 16px;
  font-size: 18px;
}
#release .in h1 {
  font-size: 50px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 112%;
  padding: 0;
  letter-spacing: -0.5px;
}
#release .in h2 {
  font-size: 32px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 125%;
  padding: 12px 0 0 0;
}
#release .in h2 a {
  color: black;
  font-family: 'Inter Medium', sans-serif;
  text-decoration: none;
}
#release .in h3 {
  font-size: 21px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 133%;
  padding: 56px 0 0 0;
}
#release .in p {
  line-height: 166%;
  padding: 32px 0 0 0;
  color: #60607a;
}
#release .in ul li {
  color: #60607a;
  line-height: 166%;
  padding: 0 0 0 28px;
}
#release .in ul li:before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  top: 12px;
  left: 8px;
  background: #60607a;
}
#release .in .item {
  padding: 52px 0 0 0;
}
#release .in .item .date {
  color: #2b1ec1;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 0 0 40px;
  position: relative;
  font-family: 'Inter Medium', sans-serif;
  line-height: 200%;
  letter-spacing: 1.68px;
}
#release .in .item .date:before {
  content: '';
  width: 24px;
  height: 2px;
  position: absolute;
  left: 0;
  top: calc((100% - 2px) / 2);
  background: #2b1ec1;
  display: block;
}
#release .in .item .content .video {
  border-radius: 8px;
  margin: 32px 0 0 0;
}
#release .in .item .content .video video {
  width: 100%;
  border-radius: 8px;
}
#release .in .item .content .image {
  border-radius: 8px;
  margin: 32px 0 0 0;
  box-sizing: border-box;
  display: block;
  padding: 24px;
}
#release .in .item .content .image picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
#release .in .item .content .image picture img {
  position: relative;
  box-shadow: 0 23.323px 46.645px -8.746px rgba(16, 24, 40, 0.14);
}
#release .in .item .content .image.gray-blue-250 {
  background: #f2f2f5;
}
#release .in .item .content .image.blueberry-250 {
  background: #93b0fa;
}
#release .in .item .content .image.blueberry-800 {
  background: #303181;
}
#release .in .item .content .image.question-menu picture img {
  border-radius: 6px;
}
#release .in .item .content .image.question-edit-window picture img {
  border-radius: 2px;
}
#release .in .item .content .image.survey-preview picture img {
  border-radius: 2px;
}
#release .in .item .content .image.responsive-design {
  background: #5e6ed2;
  padding: 0 24px;
}
#release .in .item .content .image.responsive-design picture img {
  box-shadow: none;
  width: 220px;
  top: 14px;
  left: 14px;
}
#release .in .item .content .image.hidding-welcome-page {
  background: #90b6ff;
}
#release .in .item .content .image.hidding-welcome-page picture img {
  border-radius: 8px;
  width: 220px;
}
#release .in .item .content .image.five-milion-users {
  padding: 0;
}
#release .in .item .content .image.five-milion-users picture img {
  box-shadow: none;
  border-radius: 8px;
}
#release .in .item .content .image.expanded-user-menu {
  padding: 16px 0 0 0;
  background: #d4eaf4;
}
#release .in .item .content .image.expanded-user-menu picture img {
  box-shadow: none;
  width: 328px;
}
#release .in .item .content .image.survey-logic {
  padding: 0;
}
#release .in .item .content .image.survey-logic picture img {
  box-shadow: none;
  border-radius: 8px;
}
#release .in .item .content .image.tracking-survey-invitations {
  padding: 0;
}
#release .in .item .content .image.tracking-survey-invitations picture img {
  box-shadow: none;
  border-radius: 8px;
}
#release .in .item .content .image.danish-ukrainian {
  padding: 0;
}
#release .in .item .content .image.danish-ukrainian picture img {
  box-shadow: none;
  border-radius: 8px;
}
#release .in .item .content .image.new-themes,
#release .in .item .content .image.ai-rephrasing,
#release .in .item .content .image.chatbot,
#release .in .item .content .image.collaborate,
#release .in .item .content .image.emoji {
  padding: 0;
}
#release .in .item .content .image.new-themes picture img,
#release .in .item .content .image.ai-rephrasing picture img,
#release .in .item .content .image.chatbot picture img,
#release .in .item .content .image.collaborate picture img,
#release .in .item .content .image.emoji picture img {
  box-shadow: none;
  border-radius: 8px;
}
#release .in.title {
  background: #f2f2f5;
  border-radius: 16px;
  text-align: center;
  padding: 70px 16px;
  box-sizing: border-box;
  width: calc(100% - 32px);
  left: 16px;
}
#release .in.title p {
  padding: 16px 0 0 0;
}
#release .in #new-themes .content h3 {
  color: #60607a;
  padding: 40px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  line-height: 166%;
}
#release .in #new-themes .content ul {
  padding: 2px 0 0 0;
}
#release .in #ai-rephrasing .content h3,
#release .in #ai-chatbot .content h3,
#release .in #collaborate .content h3,
#release .in #emoji .content h3 {
  color: #60607a;
  padding: 40px 0 0 0;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  line-height: 166%;
}
#release .in #ai-rephrasing .content ul,
#release .in #ai-chatbot .content ul,
#release .in #collaborate .content ul,
#release .in #emoji .content ul {
  padding: 2px 0 0 0;
}
#release .in #ai-rephrasing .content .first,
#release .in #ai-chatbot .content .first,
#release .in #collaborate .content .first,
#release .in #emoji .content .first {
  padding: 2px 0 0 0;
}
.no-touch #release .in h2 a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 480px) {
  #release .in {
    padding: 0 16px 40px 16px;
    width: 100%;
  }
  #release .in .item .content .image.question-menu picture img {
    border-radius: 9px;
  }
  #release .in .item .content .image.question-edit-window picture img {
    border-radius: 4px;
  }
  #release .in.title {
    left: 0;
  }
}
@media only screen and (min-width: 768px) {
  #release .in .item .content .image {
    padding: 48px;
  }
  #release .in .item .content .image.question-menu picture img {
    border-radius: 15px;
  }
  #release .in .item .content .image.question-edit-window picture img {
    border-radius: 10px;
  }
  #release .in .item .content .image.responsive-design {
    padding: 16px 48px;
  }
  #release .in .item .content .image.responsive-design picture img {
    width: 280px;
  }
  #release .in .item .content .image.hidding-welcome-page picture img {
    border-radius: 8px;
    width: 270px;
  }
  #release .in .item .content .image.expanded-user-menu {
    padding: 32px 0 0 0;
  }
  #release .in .item .content .image.expanded-user-menu picture img {
    width: 398px;
  }
  #release .in.title {
    padding: 112px 16px;
  }
}
@media only screen and (min-width: 783px) {
  #release .in {
    padding: 0 24px 56px 24px;
  }
  #release .in.title {
    width: calc(100% - 48px);
  }
}
@media only screen and (min-width: 784px) {
  #release .in {
    width: 736px;
    padding: 0 0 56px 0;
  }
  #release .in h1 {
    font-size: 58px;
    line-height: 103%;
    letter-spacing: -0.58px;
  }
  #release .in.title p {
    margin: 0 auto;
    width: 704px;
  }
}
@media only screen and (min-width: 1024px) {
  #release .in {
    width: 100%;
    padding: 0 24px 72px 24px;
  }
  #release .in h2 {
    padding: 0;
  }
  #release .in .item {
    padding: 64px 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #release .in .item .date {
    flex: 1;
  }
  #release .in .item .content {
    flex: 0 1 736px;
    margin: 0 0 0 auto;
  }
}
@media only screen and (min-width: 1168px) {
  #release .in {
    width: 1120px;
    padding: 0 0 56px 0;
  }
}
#reg-page,
#signin,
#enter-page,
#logout,
#reg-page-new {
  height: 100%;
  display: none;
  z-index: 999;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#reg-page .in,
#signin .in,
#enter-page .in,
#logout .in,
#reg-page-new .in {
  background: #fff;
  width: 100%;
  color: #000;
  overflow: scroll;
  opacity: 0;
  transition: opacity 0.5s;
  text-align: center;
  height: 100%;
}
#reg-page .in .content,
#signin .in .content,
#enter-page .in .content,
#logout .in .content,
#reg-page-new .in .content {
  flex-flow: column;
  height: 100%;
  display: flex;
}
#reg-page .in .content .header,
#signin .in .content .header,
#enter-page .in .content .header,
#logout .in .content .header,
#reg-page-new .in .content .header {
  display: flex;
  z-index: 2;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 16px;
  justify-content: space-between;
}
#reg-page .in .content .header .language,
#signin .in .content .header .language,
#enter-page .in .content .header .language,
#logout .in .content .header .language,
#reg-page-new .in .content .header .language {
  position: relative;
}
#reg-page .in .content .header .language .toggle,
#signin .in .content .header .language .toggle,
#enter-page .in .content .header .language .toggle,
#logout .in .content .header .language .toggle,
#reg-page-new .in .content .header .language .toggle {
  display: flex;
  cursor: pointer;
  align-items: center;
  height: 32px;
}
#reg-page .in .content .header .language .toggle strong,
#signin .in .content .header .language .toggle strong,
#enter-page .in .content .header .language .toggle strong,
#logout .in .content .header .language .toggle strong,
#reg-page-new .in .content .header .language .toggle strong {
  color: #3d4144;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
}
#reg-page .in .content .header .language .toggle i,
#signin .in .content .header .language .toggle i,
#enter-page .in .content .header .language .toggle i,
#logout .in .content .header .language .toggle i,
#reg-page-new .in .content .header .language .toggle i {
  display: block;
  width: 16px;
  margin: 0 0 0 2px;
  height: 16px;
  transition: transform 0.2s;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-down-select.svg') no-repeat center center;
  background-size: 16px 16px;
}
#reg-page .in .content .header .language .toggle.open strong,
#signin .in .content .header .language .toggle.open strong,
#enter-page .in .content .header .language .toggle.open strong,
#logout .in .content .header .language .toggle.open strong,
#reg-page-new .in .content .header .language .toggle.open strong {
  color: #000;
}
#reg-page .in .content .header .language .toggle.open i,
#signin .in .content .header .language .toggle.open i,
#enter-page .in .content .header .language .toggle.open i,
#logout .in .content .header .language .toggle.open i,
#reg-page-new .in .content .header .language .toggle.open i {
  transform: rotate(180deg);
}
#reg-page .in .content .header .language .list,
#signin .in .content .header .language .list,
#enter-page .in .content .header .language .list,
#logout .in .content .header .language .list,
#reg-page-new .in .content .header .language .list {
  display: none;
  text-align: left;
  position: absolute;
  width: 192px;
  top: 40px;
  background: #fff;
  box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
  border-radius: 10px;
  height: 265px;
  overflow-y: scroll;
  box-sizing: border-box;
  padding: 4px;
}
#reg-page .in .content .header .language .list ul,
#signin .in .content .header .language .list ul,
#enter-page .in .content .header .language .list ul,
#logout .in .content .header .language .list ul,
#reg-page-new .in .content .header .language .list ul {
  padding: 0;
}
#reg-page .in .content .header .language .list ul li,
#signin .in .content .header .language .list ul li,
#enter-page .in .content .header .language .list ul li,
#logout .in .content .header .language .list ul li,
#reg-page-new .in .content .header .language .list ul li {
  padding: 0;
}
#reg-page .in .content .header .language .list ul li:before,
#signin .in .content .header .language .list ul li:before,
#enter-page .in .content .header .language .list ul li:before,
#logout .in .content .header .language .list ul li:before,
#reg-page-new .in .content .header .language .list ul li:before {
  display: none;
}
#reg-page .in .content .header .language .list ul li a,
#signin .in .content .header .language .list ul li a,
#enter-page .in .content .header .language .list ul li a,
#logout .in .content .header .language .list ul li a,
#reg-page-new .in .content .header .language .list ul li a {
  border-radius: 8px;
  font-size: 13px;
  box-sizing: border-box;
  padding: 0 16px;
  color: #000;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
  display: block;
  line-height: 40px;
  height: 40px;
}
#reg-page .in .content .header .login span,
#signin .in .content .header .login span,
#enter-page .in .content .header .login span,
#logout .in .content .header .login span,
#reg-page-new .in .content .header .login span {
  display: none;
}
#reg-page .in .content .header .login a,
#signin .in .content .header .login a,
#enter-page .in .content .header .login a,
#logout .in .content .header .login a,
#reg-page-new .in .content .header .login a {
  display: flex;
  align-items: center;
  color: #3d4144;
  box-sizing: border-box;
  border: 1px solid #e3e4e9;
  border-radius: 8px;
  padding: 0 12px;
  height: 32px;
  text-decoration: none;
  cursor: pointer;
  font-size: 12px;
  font-family: 'Inter SemiBold', sans-serif;
}
#reg-page .in .content .header .close,
#signin .in .content .header .close,
#enter-page .in .content .header .close,
#logout .in .content .header .close,
#reg-page-new .in .content .header .close {
  cursor: pointer;
  margin: 8px 8px 0 auto;
  border-radius: 100%;
  transition: background 0.5s, border-color 0.5s;
  width: 56px;
  height: 56px;
  display: flex;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
#reg-page .in .content .header .close i,
#signin .in .content .header .close i,
#enter-page .in .content .header .close i,
#logout .in .content .header .close i,
#reg-page-new .in .content .header .close i {
  display: flex;
  width: 24px;
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-close.svg') no-repeat center center;
  background-size: cover;
}
#reg-page .in .content .form,
#signin .in .content .form,
#enter-page .in .content .form,
#logout .in .content .form,
#reg-page-new .in .content .form {
  max-width: 360px;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 24px 24px 48px 24px;
}
#reg-page .in .content .form .holder .logo,
#signin .in .content .form .holder .logo,
#enter-page .in .content .form .holder .logo,
#logout .in .content .form .holder .logo,
#reg-page-new .in .content .form .holder .logo {
  width: 95px;
  height: 40px;
  margin: 0 auto;
}
#reg-page .in .content .form .holder .logo a,
#signin .in .content .form .holder .logo a,
#enter-page .in .content .form .holder .logo a,
#logout .in .content .form .holder .logo a,
#reg-page-new .in .content .form .holder .logo a {
  display: block;
  position: relative;
  overflow: hidden;
  width: 95px;
  height: 40px;
}
#reg-page .in .content .form .holder .logo a svg,
#signin .in .content .form .holder .logo a svg,
#enter-page .in .content .form .holder .logo a svg,
#logout .in .content .form .holder .logo a svg,
#reg-page-new .in .content .form .holder .logo a svg {
  position: relative;
  z-index: 1;
}
#reg-page .in .content .form .holder .logo a span,
#signin .in .content .form .holder .logo a span,
#enter-page .in .content .form .holder .logo a span,
#logout .in .content .form .holder .logo a span,
#reg-page-new .in .content .form .holder .logo a span {
  position: absolute;
  width: 95px;
  top: 0;
  left: 0;
  height: 40px;
  text-indent: -10000px;
  display: block;
}
#reg-page .in .content .form .holder .title,
#signin .in .content .form .holder .title,
#enter-page .in .content .form .holder .title,
#logout .in .content .form .holder .title,
#reg-page-new .in .content .form .holder .title {
  font-size: 16px;
  padding: 32px 0 0 0;
  font-family: 'Inter Regular', sans-serif;
  line-height: 150%;
}
#reg-page .in .content .form .holder .social,
#signin .in .content .form .holder .social,
#enter-page .in .content .form .holder .social,
#logout .in .content .form .holder .social,
#reg-page-new .in .content .form .holder .social {
  padding: 32px 0 0 0;
}
#reg-page .in .content .form .holder .social button,
#signin .in .content .form .holder .social button,
#enter-page .in .content .form .holder .social button,
#logout .in .content .form .holder .social button,
#reg-page-new .in .content .form .holder .social button {
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  margin: 10px 0 0 0;
  justify-content: flex-start;
  height: 48px;
  padding: 0 16px 0 64px;
  text-align: left;
  font-size: 14px;
  transition: background 0.5s;
  font-family: 'Inter Medium', sans-serif;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
  border: 0;
  outline: 0;
}
#reg-page .in .content .form .holder .social button:before,
#signin .in .content .form .holder .social button:before,
#enter-page .in .content .form .holder .social button:before,
#logout .in .content .form .holder .social button:before,
#reg-page-new .in .content .form .holder .social button:before {
  display: block;
  width: 48px;
  content: '';
  height: 48px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#reg-page .in .content .form .holder .social button.google,
#signin .in .content .form .holder .social button.google,
#enter-page .in .content .form .holder .social button.google,
#logout .in .content .form .holder .social button.google,
#reg-page-new .in .content .form .holder .social button.google {
  background: #5484ee;
  margin: 0;
}
#reg-page .in .content .form .holder .social button.google:before,
#signin .in .content .form .holder .social button.google:before,
#enter-page .in .content .form .holder .social button.google:before,
#logout .in .content .form .holder .social button.google:before,
#reg-page-new .in .content .form .holder .social button.google:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-google.svg') no-repeat 15px center;
  background-size: 20px 20px;
}
#reg-page .in .content .form .holder .social button.linkedin,
#signin .in .content .form .holder .social button.linkedin,
#enter-page .in .content .form .holder .social button.linkedin,
#logout .in .content .form .holder .social button.linkedin,
#reg-page-new .in .content .form .holder .social button.linkedin {
  background: #3474af;
}
#reg-page .in .content .form .holder .social button.linkedin:before,
#signin .in .content .form .holder .social button.linkedin:before,
#enter-page .in .content .form .holder .social button.linkedin:before,
#logout .in .content .form .holder .social button.linkedin:before,
#reg-page-new .in .content .form .holder .social button.linkedin:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-linkedin.svg') no-repeat 16px center;
  background-size: 20px 20px;
}
#reg-page .in .content .form .holder .social .or,
#signin .in .content .form .holder .social .or,
#enter-page .in .content .form .holder .social .or,
#logout .in .content .form .holder .social .or,
#reg-page-new .in .content .form .holder .social .or {
  margin: 32px 0 0 0;
  text-transform: uppercase;
  line-height: normal;
  font-size: 14px;
  padding: 0;
  position: relative;
}
#reg-page .in .content .form .holder .social .or:before,
#signin .in .content .form .holder .social .or:before,
#enter-page .in .content .form .holder .social .or:before,
#logout .in .content .form .holder .social .or:before,
#reg-page-new .in .content .form .holder .social .or:before {
  content: '';
  background: #ebebeb;
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  top: calc((100% - 1px) / 2);
  height: 1px;
}
#reg-page .in .content .form .holder .social .or span,
#signin .in .content .form .holder .social .or span,
#enter-page .in .content .form .holder .social .or span,
#logout .in .content .form .holder .social .or span,
#reg-page-new .in .content .form .holder .social .or span {
  background: #fff;
  display: inline-flex;
  padding: 0 8px;
  position: relative;
  z-index: 1;
}
#reg-page .in .content .form .holder .list,
#signin .in .content .form .holder .list,
#enter-page .in .content .form .holder .list,
#logout .in .content .form .holder .list,
#reg-page-new .in .content .form .holder .list {
  padding: 24px 0 0 0;
  text-align: left;
}
#reg-page .in .content .form .holder .list li,
#signin .in .content .form .holder .list li,
#enter-page .in .content .form .holder .list li,
#logout .in .content .form .holder .list li,
#reg-page-new .in .content .form .holder .list li {
  padding: 20px 0 0 0;
  position: relative;
  margin: 14px 0 0 0;
}
#reg-page .in .content .form .holder .list li:before,
#signin .in .content .form .holder .list li:before,
#enter-page .in .content .form .holder .list li:before,
#logout .in .content .form .holder .list li:before,
#reg-page-new .in .content .form .holder .list li:before {
  display: none;
}
#reg-page .in .content .form .holder .list li:first-child,
#signin .in .content .form .holder .list li:first-child,
#enter-page .in .content .form .holder .list li:first-child,
#logout .in .content .form .holder .list li:first-child,
#reg-page-new .in .content .form .holder .list li:first-child {
  margin: 0;
}
#reg-page .in .content .form .holder .list li .sui-input,
#signin .in .content .form .holder .list li .sui-input,
#enter-page .in .content .form .holder .list li .sui-input,
#logout .in .content .form .holder .list li .sui-input,
#reg-page-new .in .content .form .holder .list li .sui-input {
  border-radius: 10px;
  background: #f2f2f2;
  transition: background 0.5s;
}
#reg-page .in .content .form .holder .list li .sui-input:before,
#signin .in .content .form .holder .list li .sui-input:before,
#enter-page .in .content .form .holder .list li .sui-input:before,
#logout .in .content .form .holder .list li .sui-input:before,
#reg-page-new .in .content .form .holder .list li .sui-input:before {
  border-color: #f2f2f2;
  border-radius: 10px;
  transition: border-color 0.5s;
}
#reg-page .in .content .form .holder .list li .sui-input input,
#signin .in .content .form .holder .list li .sui-input input,
#enter-page .in .content .form .holder .list li .sui-input input,
#logout .in .content .form .holder .list li .sui-input input,
#reg-page-new .in .content .form .holder .list li .sui-input input {
  font-size: 14px;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
}
#reg-page .in .content .form .holder .list li .sui-input input:-webkit-autofill,
#signin .in .content .form .holder .list li .sui-input input:-webkit-autofill,
#enter-page .in .content .form .holder .list li .sui-input input:-webkit-autofill,
#logout .in .content .form .holder .list li .sui-input input:-webkit-autofill,
#reg-page-new .in .content .form .holder .list li .sui-input input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #f2f2f2 inset !important;
  border-radius: 10px;
  height: calc(100% - 2px) !important;
  position: relative;
  top: 1px !important;
}
#reg-page .in .content .form .holder .list li .sui-input input:-webkit-autofill:hover,
#signin .in .content .form .holder .list li .sui-input input:-webkit-autofill:hover,
#enter-page .in .content .form .holder .list li .sui-input input:-webkit-autofill:hover,
#logout .in .content .form .holder .list li .sui-input input:-webkit-autofill:hover,
#reg-page-new .in .content .form .holder .list li .sui-input input:-webkit-autofill:hover,
#reg-page .in .content .form .holder .list li .sui-input input:-webkit-autofill:focus,
#signin .in .content .form .holder .list li .sui-input input:-webkit-autofill:focus,
#enter-page .in .content .form .holder .list li .sui-input input:-webkit-autofill:focus,
#logout .in .content .form .holder .list li .sui-input input:-webkit-autofill:focus,
#reg-page-new .in .content .form .holder .list li .sui-input input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #f2f2f2 inset !important;
  border-radius: 10px;
  height: calc(100% - 2px) !important;
  position: relative;
  top: 1px !important;
}
#reg-page .in .content .form .holder .list li .sui-input label,
#signin .in .content .form .holder .list li .sui-input label,
#enter-page .in .content .form .holder .list li .sui-input label,
#logout .in .content .form .holder .list li .sui-input label,
#reg-page-new .in .content .form .holder .list li .sui-input label {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 12px;
  top: -19px;
  color: #60607a;
  height: auto;
}
#reg-page .in .content .form .holder .list li .sui-input .toggle,
#signin .in .content .form .holder .list li .sui-input .toggle,
#enter-page .in .content .form .holder .list li .sui-input .toggle,
#logout .in .content .form .holder .list li .sui-input .toggle,
#reg-page-new .in .content .form .holder .list li .sui-input .toggle {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: calc((100% - 16px) / 2);
  right: 16px;
}
#reg-page .in .content .form .holder .list li .sui-input .toggle i,
#signin .in .content .form .holder .list li .sui-input .toggle i,
#enter-page .in .content .form .holder .list li .sui-input .toggle i,
#logout .in .content .form .holder .list li .sui-input .toggle i,
#reg-page-new .in .content .form .holder .list li .sui-input .toggle i {
  display: block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
#reg-page .in .content .form .holder .list li .sui-input .toggle i.hidden,
#signin .in .content .form .holder .list li .sui-input .toggle i.hidden,
#enter-page .in .content .form .holder .list li .sui-input .toggle i.hidden,
#logout .in .content .form .holder .list li .sui-input .toggle i.hidden,
#reg-page-new .in .content .form .holder .list li .sui-input .toggle i.hidden {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-pass-hidden-gray.svg') no-repeat center center;
}
#reg-page .in .content .form .holder .list li .sui-input .toggle i.visible,
#signin .in .content .form .holder .list li .sui-input .toggle i.visible,
#enter-page .in .content .form .holder .list li .sui-input .toggle i.visible,
#logout .in .content .form .holder .list li .sui-input .toggle i.visible,
#reg-page-new .in .content .form .holder .list li .sui-input .toggle i.visible {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-pass-visible-gray.svg') no-repeat center center;
}
#reg-page .in .content .form .holder .list li .sui-input.md,
#signin .in .content .form .holder .list li .sui-input.md,
#enter-page .in .content .form .holder .list li .sui-input.md,
#logout .in .content .form .holder .list li .sui-input.md,
#reg-page-new .in .content .form .holder .list li .sui-input.md {
  height: 48px;
}
#reg-page .in .content .form .holder .list li .sui-input.md label,
#signin .in .content .form .holder .list li .sui-input.md label,
#enter-page .in .content .form .holder .list li .sui-input.md label,
#logout .in .content .form .holder .list li .sui-input.md label,
#reg-page-new .in .content .form .holder .list li .sui-input.md label {
  padding: 0;
}
#reg-page .in .content .form .holder .list li .sui-input.md.focus input,
#signin .in .content .form .holder .list li .sui-input.md.focus input,
#enter-page .in .content .form .holder .list li .sui-input.md.focus input,
#logout .in .content .form .holder .list li .sui-input.md.focus input,
#reg-page-new .in .content .form .holder .list li .sui-input.md.focus input,
#reg-page .in .content .form .holder .list li .sui-input.md.has-val input,
#signin .in .content .form .holder .list li .sui-input.md.has-val input,
#enter-page .in .content .form .holder .list li .sui-input.md.has-val input,
#logout .in .content .form .holder .list li .sui-input.md.has-val input,
#reg-page-new .in .content .form .holder .list li .sui-input.md.has-val input {
  height: 100%;
  top: 0;
}
#reg-page .in .content .form .holder .list li .sui-input.md.focus label,
#signin .in .content .form .holder .list li .sui-input.md.focus label,
#enter-page .in .content .form .holder .list li .sui-input.md.focus label,
#logout .in .content .form .holder .list li .sui-input.md.focus label,
#reg-page-new .in .content .form .holder .list li .sui-input.md.focus label,
#reg-page .in .content .form .holder .list li .sui-input.md.has-val label,
#signin .in .content .form .holder .list li .sui-input.md.has-val label,
#enter-page .in .content .form .holder .list li .sui-input.md.has-val label,
#logout .in .content .form .holder .list li .sui-input.md.has-val label,
#reg-page-new .in .content .form .holder .list li .sui-input.md.has-val label {
  left: 0;
}
#reg-page .in .content .form .holder .list li .sui-input.md.error .msg,
#signin .in .content .form .holder .list li .sui-input.md.error .msg,
#enter-page .in .content .form .holder .list li .sui-input.md.error .msg,
#logout .in .content .form .holder .list li .sui-input.md.error .msg,
#reg-page-new .in .content .form .holder .list li .sui-input.md.error .msg {
  padding: 0;
}
#reg-page .in .content .form .holder .list li .sui-input.md.success.info .msg,
#signin .in .content .form .holder .list li .sui-input.md.success.info .msg,
#enter-page .in .content .form .holder .list li .sui-input.md.success.info .msg,
#logout .in .content .form .holder .list li .sui-input.md.success.info .msg,
#reg-page-new .in .content .form .holder .list li .sui-input.md.success.info .msg {
  padding: 0;
}
#reg-page .in .content .form .holder .list li .sui-input.focus:before,
#signin .in .content .form .holder .list li .sui-input.focus:before,
#enter-page .in .content .form .holder .list li .sui-input.focus:before,
#logout .in .content .form .holder .list li .sui-input.focus:before,
#reg-page-new .in .content .form .holder .list li .sui-input.focus:before {
  border: 1px solid #2030c2;
}
#reg-page .in .content .form .holder .list li .sui-input.error,
#signin .in .content .form .holder .list li .sui-input.error,
#enter-page .in .content .form .holder .list li .sui-input.error,
#logout .in .content .form .holder .list li .sui-input.error,
#reg-page-new .in .content .form .holder .list li .sui-input.error {
  margin-bottom: 35px;
}
#reg-page .in .content .form .holder .list li .sui-input.error:before,
#signin .in .content .form .holder .list li .sui-input.error:before,
#enter-page .in .content .form .holder .list li .sui-input.error:before,
#logout .in .content .form .holder .list li .sui-input.error:before,
#reg-page-new .in .content .form .holder .list li .sui-input.error:before {
  border: 1px solid #e82140;
}
#reg-page .in .content .form .holder .list li .sui-input.error .msg,
#signin .in .content .form .holder .list li .sui-input.error .msg,
#enter-page .in .content .form .holder .list li .sui-input.error .msg,
#logout .in .content .form .holder .list li .sui-input.error .msg,
#reg-page-new .in .content .form .holder .list li .sui-input.error .msg {
  color: #e82140;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
  top: 55px;
}
#reg-page .in .content .form .holder .list li .sui-input.success.info,
#signin .in .content .form .holder .list li .sui-input.success.info,
#enter-page .in .content .form .holder .list li .sui-input.success.info,
#logout .in .content .form .holder .list li .sui-input.success.info,
#reg-page-new .in .content .form .holder .list li .sui-input.success.info {
  margin-bottom: 35px;
}
#reg-page .in .content .form .holder .list li .sui-input.success.info .msg,
#signin .in .content .form .holder .list li .sui-input.success.info .msg,
#enter-page .in .content .form .holder .list li .sui-input.success.info .msg,
#logout .in .content .form .holder .list li .sui-input.success.info .msg,
#reg-page-new .in .content .form .holder .list li .sui-input.success.info .msg {
  color: #e82140;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
  top: 55px;
}
#reg-page .in .content .form .holder .list li.password .sui-input input,
#signin .in .content .form .holder .list li.password .sui-input input,
#enter-page .in .content .form .holder .list li.password .sui-input input,
#logout .in .content .form .holder .list li.password .sui-input input,
#reg-page-new .in .content .form .holder .list li.password .sui-input input {
  padding: 0 44px 0 13px;
}
#reg-page .in .content .form .holder .list li.type,
#signin .in .content .form .holder .list li.type,
#enter-page .in .content .form .holder .list li.type,
#logout .in .content .form .holder .list li.type,
#reg-page-new .in .content .form .holder .list li.type {
  padding: 0;
}
#reg-page .in .content .form .holder .submit,
#signin .in .content .form .holder .submit,
#enter-page .in .content .form .holder .submit,
#logout .in .content .form .holder .submit,
#reg-page-new .in .content .form .holder .submit {
  padding: 24px 0 0 0;
  display: flex;
}
#reg-page .in .content .form .holder .submit .button,
#signin .in .content .form .holder .submit .button,
#enter-page .in .content .form .holder .submit .button,
#logout .in .content .form .holder .submit .button,
#reg-page-new .in .content .form .holder .submit .button {
  background: #303181;
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border: 0;
  height: 48px;
  padding: 0 20px;
  text-align: center;
  font-size: 14px;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#reg-page .in .content .form .holder .submit .button.loader,
#signin .in .content .form .holder .submit .button.loader,
#enter-page .in .content .form .holder .submit .button.loader,
#logout .in .content .form .holder .submit .button.loader,
#reg-page-new .in .content .form .holder .submit .button.loader {
  padding-top: 0;
}
#reg-page .in .content .form .holder .submit .button.loader span,
#signin .in .content .form .holder .submit .button.loader span,
#enter-page .in .content .form .holder .submit .button.loader span,
#logout .in .content .form .holder .submit .button.loader span,
#reg-page-new .in .content .form .holder .submit .button.loader span {
  display: none;
}
#reg-page .in .content .form .holder .submit .button.loader .sui-loader,
#signin .in .content .form .holder .submit .button.loader .sui-loader,
#enter-page .in .content .form .holder .submit .button.loader .sui-loader,
#logout .in .content .form .holder .submit .button.loader .sui-loader,
#reg-page-new .in .content .form .holder .submit .button.loader .sui-loader {
  display: block;
  margin: 0 auto;
  top: calc((100% - 48px)/2);
  width: 48px;
  height: 48px;
}
#reg-page .in .content .form .holder .no-card,
#signin .in .content .form .holder .no-card,
#enter-page .in .content .form .holder .no-card,
#logout .in .content .form .holder .no-card,
#reg-page-new .in .content .form .holder .no-card {
  font-size: 12px;
  color: #60607a;
  padding: 6px 0 0 0;
}
#reg-page .in .content .form .holder .login,
#signin .in .content .form .holder .login,
#enter-page .in .content .form .holder .login,
#logout .in .content .form .holder .login,
#reg-page-new .in .content .form .holder .login {
  padding: 24px 0 0 0;
  font-size: 13px;
  line-height: 154%;
  color: #3d4144;
}
#reg-page .in .content .form .holder .demo,
#signin .in .content .form .holder .demo,
#enter-page .in .content .form .holder .demo,
#logout .in .content .form .holder .demo,
#reg-page-new .in .content .form .holder .demo {
  padding: 12px 0 0 0;
}
#reg-page .in .content .form .holder .demo span,
#signin .in .content .form .holder .demo span,
#enter-page .in .content .form .holder .demo span,
#logout .in .content .form .holder .demo span,
#reg-page-new .in .content .form .holder .demo span {
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: underline;
  cursor: pointer;
  transition: color 0.5s;
  color: #303181;
}
#reg-page .in .promo,
#signin .in .promo,
#enter-page .in .promo,
#logout .in .promo,
#reg-page-new .in .promo {
  display: flex;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/bg-reg-page-min.jpg') no-repeat center center;
  background-size: cover;
  flex: 1 1 100%;
  box-sizing: border-box;
  padding: 32px 0;
}
#reg-page .in .promo .benefits,
#signin .in .promo .benefits,
#enter-page .in .promo .benefits,
#logout .in .promo .benefits,
#reg-page-new .in .promo .benefits {
  color: #fff;
  font-size: 14px;
  background: #345d7b;
  align-self: center;
  border-radius: 16px;
  max-width: 312px;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 40px 32px 32px 32px;
  text-align: left;
}
#reg-page .in .promo .benefits h2,
#signin .in .promo .benefits h2,
#enter-page .in .promo .benefits h2,
#logout .in .promo .benefits h2,
#reg-page-new .in .promo .benefits h2 {
  letter-spacing: -0.02em;
  font-family: 'Inter Bold', sans-serif;
  font-size: 21px;
  padding: 0;
}
#reg-page .in .promo .benefits .list ul,
#signin .in .promo .benefits .list ul,
#enter-page .in .promo .benefits .list ul,
#logout .in .promo .benefits .list ul,
#reg-page-new .in .promo .benefits .list ul {
  padding: 16px 0 0 0;
}
#reg-page .in .promo .benefits .list ul li,
#signin .in .promo .benefits .list ul li,
#enter-page .in .promo .benefits .list ul li,
#logout .in .promo .benefits .list ul li,
#reg-page-new .in .promo .benefits .list ul li {
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
}
#reg-page .in .promo .benefits .list ul li:before,
#signin .in .promo .benefits .list ul li:before,
#enter-page .in .promo .benefits .list ul li:before,
#logout .in .promo .benefits .list ul li:before,
#reg-page-new .in .promo .benefits .list ul li:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-check.svg') no-repeat center center;
  background-size: 16px 16px;
  content: '';
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
}
#reg-page .in .promo .benefits .list ul li strong,
#signin .in .promo .benefits .list ul li strong,
#enter-page .in .promo .benefits .list ul li strong,
#logout .in .promo .benefits .list ul li strong,
#reg-page-new .in .promo .benefits .list ul li strong {
  display: block;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 157%;
  letter-spacing: -0.01em;
}
#reg-page .in .promo .benefits .list ul li strong span,
#signin .in .promo .benefits .list ul li strong span,
#enter-page .in .promo .benefits .list ul li strong span,
#logout .in .promo .benefits .list ul li strong span,
#reg-page-new .in .promo .benefits .list ul li strong span {
  line-height: inherit;
  color: #fff;
}
#reg-page .in .promo .benefits .list ul li span,
#signin .in .promo .benefits .list ul li span,
#enter-page .in .promo .benefits .list ul li span,
#logout .in .promo .benefits .list ul li span,
#reg-page-new .in .promo .benefits .list ul li span {
  line-height: 143%;
  color: #c2d9e3;
}
#reg-page .in .promo .benefits .badges ul,
#signin .in .promo .benefits .badges ul,
#enter-page .in .promo .benefits .badges ul,
#logout .in .promo .benefits .badges ul,
#reg-page-new .in .promo .benefits .badges ul {
  padding: 32px 0 0 0;
  display: flex;
  justify-content: space-between;
}
#reg-page .in .promo .benefits .badges ul li,
#signin .in .promo .benefits .badges ul li,
#enter-page .in .promo .benefits .badges ul li,
#logout .in .promo .benefits .badges ul li,
#reg-page-new .in .promo .benefits .badges ul li {
  padding: 0;
}
#reg-page .in .promo .benefits .badges ul li:before,
#signin .in .promo .benefits .badges ul li:before,
#enter-page .in .promo .benefits .badges ul li:before,
#logout .in .promo .benefits .badges ul li:before,
#reg-page-new .in .promo .benefits .badges ul li:before {
  display: none;
}
#reg-page .in .promo .benefits .badges ul li img,
#signin .in .promo .benefits .badges ul li img,
#enter-page .in .promo .benefits .badges ul li img,
#logout .in .promo .benefits .badges ul li img,
#reg-page-new .in .promo .benefits .badges ul li img {
  width: 56px;
  height: 56px;
}
#reg-page .in.open,
#signin .in.open,
#enter-page .in.open,
#logout .in.open,
#reg-page-new .in.open {
  opacity: 1;
}
.no-touch #reg-page .in .content .header .language .toggle strong,
.no-touch #signin .in .content .header .language .toggle strong,
.no-touch #enter-page .in .content .header .language .toggle strong,
.no-touch #logout .in .content .header .language .toggle strong,
.no-touch #reg-page-new .in .content .header .language .toggle strong {
  transition: color 0.5s;
}
.no-touch #reg-page .in .content .header .language .toggle:hover strong,
.no-touch #signin .in .content .header .language .toggle:hover strong,
.no-touch #enter-page .in .content .header .language .toggle:hover strong,
.no-touch #logout .in .content .header .language .toggle:hover strong,
.no-touch #reg-page-new .in .content .header .language .toggle:hover strong {
  color: #000;
}
.no-touch #reg-page .in .content .header .language .list ul li a:hover,
.no-touch #signin .in .content .header .language .list ul li a:hover,
.no-touch #enter-page .in .content .header .language .list ul li a:hover,
.no-touch #logout .in .content .header .language .list ul li a:hover,
.no-touch #reg-page-new .in .content .header .language .list ul li a:hover {
  background: #f2f2f2;
}
.no-touch #reg-page .in .content .header .language .list ul li a:active,
.no-touch #signin .in .content .header .language .list ul li a:active,
.no-touch #enter-page .in .content .header .language .list ul li a:active,
.no-touch #logout .in .content .header .language .list ul li a:active,
.no-touch #reg-page-new .in .content .header .language .list ul li a:active {
  background: #424394;
  color: #fff;
}
.no-touch #reg-page .in .content .header .login a:hover,
.no-touch #signin .in .content .header .login a:hover,
.no-touch #enter-page .in .content .header .login a:hover,
.no-touch #logout .in .content .header .login a:hover,
.no-touch #reg-page-new .in .content .header .login a:hover {
  background: #ebebeb;
  border-color: #ebebeb;
}
.no-touch #reg-page .in .content .header .login a:active,
.no-touch #signin .in .content .header .login a:active,
.no-touch #enter-page .in .content .header .login a:active,
.no-touch #logout .in .content .header .login a:active,
.no-touch #reg-page-new .in .content .header .login a:active {
  background: #e0e0e0;
  border-color: #e0e0e0;
}
.no-touch #reg-page .in .content .header .close:hover,
.no-touch #signin .in .content .header .close:hover,
.no-touch #enter-page .in .content .header .close:hover,
.no-touch #logout .in .content .header .close:hover,
.no-touch #reg-page-new .in .content .header .close:hover {
  border-color: #ebebeb;
  background: #ebebeb;
}
.no-touch #reg-page .in .content .header .close:active,
.no-touch #signin .in .content .header .close:active,
.no-touch #enter-page .in .content .header .close:active,
.no-touch #logout .in .content .header .close:active,
.no-touch #reg-page-new .in .content .header .close:active {
  border-color: #e0e0e0;
  background: #e0e0e0;
}
.no-touch #reg-page .in .content .form .holder .list li .sui-input:hover,
.no-touch #signin .in .content .form .holder .list li .sui-input:hover,
.no-touch #enter-page .in .content .form .holder .list li .sui-input:hover,
.no-touch #logout .in .content .form .holder .list li .sui-input:hover,
.no-touch #reg-page-new .in .content .form .holder .list li .sui-input:hover {
  background: #ebebeb;
}
.no-touch #reg-page .in .content .form .holder .list li .sui-input:hover:before,
.no-touch #signin .in .content .form .holder .list li .sui-input:hover:before,
.no-touch #enter-page .in .content .form .holder .list li .sui-input:hover:before,
.no-touch #logout .in .content .form .holder .list li .sui-input:hover:before,
.no-touch #reg-page-new .in .content .form .holder .list li .sui-input:hover:before {
  border-color: #ebebeb;
}
.no-touch #reg-page .in .content .form .holder .list li .sui-input:hover.focus,
.no-touch #signin .in .content .form .holder .list li .sui-input:hover.focus,
.no-touch #enter-page .in .content .form .holder .list li .sui-input:hover.focus,
.no-touch #logout .in .content .form .holder .list li .sui-input:hover.focus,
.no-touch #reg-page-new .in .content .form .holder .list li .sui-input:hover.focus {
  background: #f2f2f2;
}
.no-touch #reg-page .in .content .form .holder .list li .sui-input:hover.focus:before,
.no-touch #signin .in .content .form .holder .list li .sui-input:hover.focus:before,
.no-touch #enter-page .in .content .form .holder .list li .sui-input:hover.focus:before,
.no-touch #logout .in .content .form .holder .list li .sui-input:hover.focus:before,
.no-touch #reg-page-new .in .content .form .holder .list li .sui-input:hover.focus:before {
  border-color: #2030c2;
}
.no-touch #reg-page .in .content .form .holder .list li .sui-input:hover.error:before,
.no-touch #signin .in .content .form .holder .list li .sui-input:hover.error:before,
.no-touch #enter-page .in .content .form .holder .list li .sui-input:hover.error:before,
.no-touch #logout .in .content .form .holder .list li .sui-input:hover.error:before,
.no-touch #reg-page-new .in .content .form .holder .list li .sui-input:hover.error:before {
  border-color: #e82140;
}
.no-touch #reg-page .in .content .form .holder .submit .button:hover,
.no-touch #signin .in .content .form .holder .submit .button:hover,
.no-touch #enter-page .in .content .form .holder .submit .button:hover,
.no-touch #logout .in .content .form .holder .submit .button:hover,
.no-touch #reg-page-new .in .content .form .holder .submit .button:hover {
  background: #424394;
}
.no-touch #reg-page .in .content .form .holder .submit .button:active,
.no-touch #signin .in .content .form .holder .submit .button:active,
.no-touch #enter-page .in .content .form .holder .submit .button:active,
.no-touch #logout .in .content .form .holder .submit .button:active,
.no-touch #reg-page-new .in .content .form .holder .submit .button:active {
  background: #303181;
}
.no-touch #reg-page .in .content .form .holder .demo span:hover,
.no-touch #signin .in .content .form .holder .demo span:hover,
.no-touch #enter-page .in .content .form .holder .demo span:hover,
.no-touch #logout .in .content .form .holder .demo span:hover,
.no-touch #reg-page-new .in .content .form .holder .demo span:hover {
  color: #000;
}
.no-touch #reg-page .in .content .form .holder .social button.google:hover,
.no-touch #signin .in .content .form .holder .social button.google:hover,
.no-touch #enter-page .in .content .form .holder .social button.google:hover,
.no-touch #logout .in .content .form .holder .social button.google:hover,
.no-touch #reg-page-new .in .content .form .holder .social button.google:hover {
  background: #628eef;
}
.no-touch #reg-page .in .content .form .holder .social button.linkedin:hover,
.no-touch #signin .in .content .form .holder .social button.linkedin:hover,
.no-touch #enter-page .in .content .form .holder .social button.linkedin:hover,
.no-touch #logout .in .content .form .holder .social button.linkedin:hover,
.no-touch #reg-page-new .in .content .form .holder .social button.linkedin:hover {
  background: #397ebf;
}
@media only screen and (min-width: 480px) {
  #reg-page .in .content .header .login,
  #signin .in .content .header .login,
  #enter-page .in .content .header .login,
  #logout .in .content .header .login,
  #reg-page-new .in .content .header .login {
    display: flex;
    align-items: center;
  }
  #reg-page .in .content .header .login span,
  #signin .in .content .header .login span,
  #enter-page .in .content .header .login span,
  #logout .in .content .header .login span,
  #reg-page-new .in .content .header .login span {
    display: block;
    color: #3d4144;
    padding: 0 8px 0 0;
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) {
  #reg-page .in .promo,
  #signin .in .promo,
  #enter-page .in .promo,
  #logout .in .promo,
  #reg-page-new .in .promo {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/bg-reg-page-tablet.jpg') no-repeat center center;
    background-size: cover;
  }
}
@media only screen and (min-width: 1024px) {
  #reg-page .in .content,
  #signin .in .content,
  #enter-page .in .content,
  #logout .in .content,
  #reg-page-new .in .content {
    flex-flow: wrap;
    flex-direction: row-reverse;
  }
  #reg-page .in .content .header,
  #signin .in .content .header,
  #enter-page .in .content .header,
  #logout .in .content .header,
  #reg-page-new .in .content .header {
    position: absolute;
    padding: 24px 24px 24px calc(36% + 24px);
  }
  #reg-page .in .content .form,
  #signin .in .content .form,
  #enter-page .in .content .form,
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    flex: 0 1 64%;
    max-width: 312px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  #reg-page .in .content .form .holder,
  #signin .in .content .form .holder,
  #enter-page .in .content .form .holder,
  #logout .in .content .form .holder,
  #reg-page-new .in .content .form .holder {
    width: 100%;
  }
  #reg-page .in .content .promo,
  #signin .in .content .promo,
  #enter-page .in .content .promo,
  #logout .in .content .promo,
  #reg-page-new .in .content .promo {
    flex: 0 1 36%;
  }
  #reg-page .in .promo,
  #signin .in .promo,
  #enter-page .in .promo,
  #logout .in .promo,
  #reg-page-new .in .promo {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/bg-reg-page.jpg') no-repeat center center;
    background-size: cover;
  }
}
@media only screen and (min-width: 1280px) {
  #reg-page .in .content .header,
  #signin .in .content .header,
  #enter-page .in .content .header,
  #logout .in .content .header,
  #reg-page-new .in .content .header {
    padding: 32px 32px 32px calc(36% + 40px);
  }
  #reg-page .in .content .header .language,
  #signin .in .content .header .language,
  #enter-page .in .content .header .language,
  #logout .in .content .header .language,
  #reg-page-new .in .content .header .language {
    top: -8px;
  }
  #reg-page .in .content .header .close,
  #signin .in .content .header .close,
  #enter-page .in .content .header .close,
  #logout .in .content .header .close,
  #reg-page-new .in .content .header .close {
    margin: 0 0 0 auto;
  }
  #reg-page .in .promo .benefits,
  #signin .in .promo .benefits,
  #enter-page .in .promo .benefits,
  #logout .in .promo .benefits,
  #reg-page-new .in .promo .benefits {
    max-width: 344px;
    padding: 48px 48px 32px 48px;
  }
}
#signin,
#logout,
#reg-page-new {
  display: flex;
}
#signin .in,
#logout .in,
#reg-page-new .in {
  opacity: 1;
  transition: none;
}
#signin .in .content .form,
#logout .in .content .form,
#reg-page-new .in .content .form {
  width: 100%;
  padding: 24px 24px 32px 24px;
}
#signin .in .content .form a,
#logout .in .content .form a,
#reg-page-new .in .content .form a {
  color: #2030c2;
  text-decoration: none;
}
#signin .in .content .form .holder .title span,
#logout .in .content .form .holder .title span,
#reg-page-new .in .content .form .holder .title span {
  display: block;
}
#signin .in .content .form .holder .list li.email .sui-input.error-focus,
#logout .in .content .form .holder .list li.email .sui-input.error-focus,
#reg-page-new .in .content .form .holder .list li.email .sui-input.error-focus {
  margin-bottom: 0;
}
#signin .in .content .form .holder .list li.email .sui-input.error-focus:before,
#logout .in .content .form .holder .list li.email .sui-input.error-focus:before,
#reg-page-new .in .content .form .holder .list li.email .sui-input.error-focus:before {
  border: 1px solid #e82140;
}
#signin .in .content .form .holder .list li.email .sui-input.error-focus.error,
#logout .in .content .form .holder .list li.email .sui-input.error-focus.error,
#reg-page-new .in .content .form .holder .list li.email .sui-input.error-focus.error {
  margin-bottom: 35px;
}
#signin .in .content .form .holder .forgot,
#logout .in .content .form .holder .forgot,
#reg-page-new .in .content .form .holder .forgot {
  text-align: right;
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 133%;
}
#signin .in .content .form .holder .forgot a,
#logout .in .content .form .holder .forgot a,
#reg-page-new .in .content .form .holder .forgot a {
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
}
#signin .in .content .form .holder .submit,
#logout .in .content .form .holder .submit,
#reg-page-new .in .content .form .holder .submit {
  padding: 10px 0 0 0;
}
#signin .in .content .form .holder .submit .button,
#logout .in .content .form .holder .submit .button,
#reg-page-new .in .content .form .holder .submit .button {
  border: 0;
  outline: none;
  background: #303181;
}
#signin .in .content .form .holder .login,
#logout .in .content .form .holder .login,
#reg-page-new .in .content .form .holder .login {
  padding: 16px 0 0 0;
}
#signin .in .content .promo,
#logout .in .content .promo,
#reg-page-new .in .content .promo {
  padding: 0;
  background: none;
  display: block;
}
#signin .in .content .promo .bx-wrapper,
#logout .in .content .promo .bx-wrapper,
#reg-page-new .in .content .promo .bx-wrapper {
  height: 100%;
}
#signin .in .content .promo .bx-wrapper .bx-viewport,
#logout .in .content .promo .bx-wrapper .bx-viewport,
#reg-page-new .in .content .promo .bx-wrapper .bx-viewport {
  height: 100%;
}
#signin .in .content .promo .slides,
#logout .in .content .promo .slides,
#reg-page-new .in .content .promo .slides {
  width: 100%;
  height: 100%;
}
#signin .in .content .promo .slides .item,
#logout .in .content .promo .slides .item,
#reg-page-new .in .content .promo .slides .item {
  height: 100%;
}
#signin .in .content .promo .slides .item .content,
#logout .in .content .promo .slides .item .content,
#reg-page-new .in .content .promo .slides .item .content {
  display: block;
  color: #fff;
  text-align: left;
  width: 312px;
  position: relative;
  padding: 32px 0 56px 0;
  margin: 0 auto;
}
#signin .in .content .promo .slides .item .content h2,
#logout .in .content .promo .slides .item .content h2,
#reg-page-new .in .content .promo .slides .item .content h2 {
  font-size: 32px;
  padding: 32px 0 0 0;
  font-family: 'Inter Bold', sans-serif;
  line-height: 38px;
  letter-spacing: -0.96px;
}
#signin .in .content .promo .slides .item .content .image,
#logout .in .content .promo .slides .item .content .image,
#reg-page-new .in .content .promo .slides .item .content .image {
  border-radius: 24px;
  overflow: hidden;
}
#signin .in .content .promo .slides .item .content .image picture,
#logout .in .content .promo .slides .item .content .image picture,
#reg-page-new .in .content .promo .slides .item .content .image picture {
  display: flex;
  border-radius: 24px;
  overflow: hidden;
}
#signin .in .content .promo .slides .item .content .image picture img,
#logout .in .content .promo .slides .item .content .image picture img,
#reg-page-new .in .content .promo .slides .item .content .image picture img {
  border-radius: 24px;
}
#signin .in .content .promo .slides .item .content .subtitle,
#logout .in .content .promo .slides .item .content .subtitle,
#reg-page-new .in .content .promo .slides .item .content .subtitle {
  padding: 16px 0 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.16px;
  font-family: 'Inter Medium', sans-serif;
}
#signin .in .content .promo .slides .item .content .list ul,
#logout .in .content .promo .slides .item .content .list ul,
#reg-page-new .in .content .promo .slides .item .content .list ul {
  padding: 8px 0 0 0;
}
#signin .in .content .promo .slides .item .content .list ul li,
#logout .in .content .promo .slides .item .content .list ul li,
#reg-page-new .in .content .promo .slides .item .content .list ul li {
  padding: 8px 0 0 26px;
  font-size: 14px;
  line-height: 20px;
}
#signin .in .content .promo .slides .item .content .list ul li:before,
#logout .in .content .promo .slides .item .content .list ul li:before,
#reg-page-new .in .content .promo .slides .item .content .list ul li:before {
  content: '';
  top: 11px;
  width: 16px;
  display: block;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/signin-promo/icon-list.svg') no-repeat center center;
  background-size: cover;
  height: 16px;
}
#signin .in .content .promo .slides .item .content .more,
#logout .in .content .promo .slides .item .content .more,
#reg-page-new .in .content .promo .slides .item .content .more {
  padding: 26px 0 0 0;
}
#signin .in .content .promo .slides .item .content .more a,
#logout .in .content .promo .slides .item .content .more a,
#reg-page-new .in .content .promo .slides .item .content .more a {
  display: inline-flex;
  padding: 0 20px;
  align-items: center;
  border-radius: 10px;
  font-size: 14px;
  height: 48px;
  cursor: pointer;
  font-family: 'Inter SemiBold', sans-serif;
  text-decoration: none;
  line-height: 20px;
  letter-spacing: -0.14px;
  background: #fff;
}
#signin .in .content .promo .slides .item .content .demo,
#logout .in .content .promo .slides .item .content .demo,
#reg-page-new .in .content .promo .slides .item .content .demo {
  padding: 8px 0 0 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
}
#signin .in .content .promo .slides .item .content .demo span,
#logout .in .content .promo .slides .item .content .demo span,
#reg-page-new .in .content .promo .slides .item .content .demo span {
  color: #fff;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
}
#signin .in .content .promo .slides .item.reports,
#logout .in .content .promo .slides .item.reports,
#reg-page-new .in .content .promo .slides .item.reports {
  background: #6b2534;
}
#signin .in .content .promo .slides .item.reports .content .more a,
#logout .in .content .promo .slides .item.reports .content .more a,
#reg-page-new .in .content .promo .slides .item.reports .content .more a {
  color: #6b2534;
}
#signin .in .content .promo .slides .item.branding,
#logout .in .content .promo .slides .item.branding,
#reg-page-new .in .content .promo .slides .item.branding {
  background: #1f1f49;
}
#signin .in .content .promo .slides .item.branding .content .more a,
#logout .in .content .promo .slides .item.branding .content .more a,
#reg-page-new .in .content .promo .slides .item.branding .content .more a {
  color: #1f1f49;
}
#signin .in .content .promo .slides .item.invitations,
#logout .in .content .promo .slides .item.invitations,
#reg-page-new .in .content .promo .slides .item.invitations {
  background: #002d42;
}
#signin .in .content .promo .slides .item.invitations .content .more a,
#logout .in .content .promo .slides .item.invitations .content .more a,
#reg-page-new .in .content .promo .slides .item.invitations .content .more a {
  color: #002d42;
}
#signin .in .content .promo .control,
#logout .in .content .promo .control,
#reg-page-new .in .content .promo .control {
  position: absolute;
  bottom: 24px;
  width: 100%;
}
#signin .in .content .promo .control ul,
#logout .in .content .promo .control ul,
#reg-page-new .in .content .promo .control ul {
  padding: 0;
  display: flex;
  justify-content: center;
}
#signin .in .content .promo .control ul li,
#logout .in .content .promo .control ul li,
#reg-page-new .in .content .promo .control ul li {
  padding: 0 12px;
}
#signin .in .content .promo .control ul li:before,
#logout .in .content .promo .control ul li:before,
#reg-page-new .in .content .promo .control ul li:before {
  display: none;
}
#signin .in .content .promo .control ul li a,
#logout .in .content .promo .control ul li a,
#reg-page-new .in .content .promo .control ul li a {
  cursor: pointer;
  display: block;
  border-radius: 4px;
  width: 8px;
  transition: width 0.5s, background 0.5s;
  height: 8px;
  background: rgba(255, 255, 255, 0.5);
}
#signin .in .content .promo .control ul li a.active,
#logout .in .content .promo .control ul li a.active,
#reg-page-new .in .content .promo .control ul li a.active {
  width: 24px;
  background: #fff;
}
.no-touch #signin .in .content .form a:hover,
.no-touch #logout .in .content .form a:hover,
.no-touch #reg-page-new .in .content .form a:hover {
  color: #000;
}
.no-touch #signin .in .content .form .holder .submit .button:hover,
.no-touch #logout .in .content .form .holder .submit .button:hover,
.no-touch #reg-page-new .in .content .form .holder .submit .button:hover {
  background: #424394;
}
.no-touch #signin .in .content .form .holder .submit .button:active,
.no-touch #logout .in .content .form .holder .submit .button:active,
.no-touch #reg-page-new .in .content .form .holder .submit .button:active {
  background: #303181;
}
.no-touch #signin .in .content .promo .slides .item .content .cta a:hover,
.no-touch #logout .in .content .promo .slides .item .content .cta a:hover,
.no-touch #reg-page-new .in .content .promo .slides .item .content .cta a:hover {
  background: #ebebeb;
}
.no-touch #signin .in .content .promo .slides .item .content .cta a:active,
.no-touch #logout .in .content .promo .slides .item .content .cta a:active,
.no-touch #reg-page-new .in .content .promo .slides .item .content .cta a:active {
  background: #e0e0e0;
}
.no-touch #signin .in .content .promo .slides .item .content .demo a:hover,
.no-touch #logout .in .content .promo .slides .item .content .demo a:hover,
.no-touch #reg-page-new .in .content .promo .slides .item .content .demo a:hover {
  color: #bd944a;
}
.no-touch #signin .in .content .promo .slides .item .content .demo a:active,
.no-touch #logout .in .content .promo .slides .item .content .demo a:active,
.no-touch #reg-page-new .in .content .promo .slides .item .content .demo a:active {
  color: #a67516;
}
@media only screen and (min-width: 768px) {
  #signin .in .content .form .holder,
  #logout .in .content .form .holder,
  #reg-page-new .in .content .form .holder {
    width: 312px;
  }
}
@media only screen and (min-width: 1024px) {
  #signin .in .content .form,
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    padding: 32px 0;
  }
}
@media only screen and (min-width: 1152px) {
  #signin .in .content .form,
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    flex: 0 1 calc(100% + 460px);
  }
  #signin .in .content .promo,
  #logout .in .content .promo,
  #reg-page-new .in .content .promo {
    flex: 0 1 460px;
    position: relative;
  }
  #signin .in .content .promo .slides .item,
  #logout .in .content .promo .slides .item,
  #reg-page-new .in .content .promo .slides .item {
    display: flex;
    align-items: center;
  }
  #signin .in .content .promo .slides .item .content,
  #logout .in .content .promo .slides .item .content,
  #reg-page-new .in .content .promo .slides .item .content {
    width: 460px;
    height: auto;
    padding: 32px 49px;
  }
}
@media only screen and (min-width: 1280px) {
  #signin .in .content .form,
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    flex: 0 1 calc(100% + 520px);
  }
  #signin .in .content .promo,
  #logout .in .content .promo,
  #reg-page-new .in .content .promo {
    flex: 0 1 520px;
  }
}
@media only screen and (min-width: 1600px) {
  #signin .in .content .form,
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    flex: 0 1 calc(100% + 580px);
  }
  #signin .in .content .promo,
  #logout .in .content .promo,
  #reg-page-new .in .content .promo {
    flex: 0 1 580px;
  }
}
#logout,
#reg-page-new {
  display: flex;
}
#logout .in,
#reg-page-new .in {
  opacity: 1;
  transition: none;
}
#logout .in .content .form,
#reg-page-new .in .content .form {
  padding: 0 24px 32px 24px;
  margin: 0 auto;
}
#logout .in .content .educate,
#reg-page-new .in .content .educate {
  background: #f2f2f2;
  display: flex;
  flex: 1 1 100%;
  box-sizing: border-box;
  padding: 56px 0 32px 0;
  position: relative;
}
#logout .in .content .educate .holder .slides .item .content,
#reg-page-new .in .content .educate .holder .slides .item .content {
  padding: 0 24px;
  text-align: left;
  color: #000;
}
#logout .in .content .educate .holder .slides .item .content a,
#reg-page-new .in .content .educate .holder .slides .item .content a {
  color: #2030c2;
}
#logout .in .content .educate .holder .slides .item .content .title p,
#reg-page-new .in .content .educate .holder .slides .item .content .title p {
  font-size: 14px;
  padding: 0;
  text-transform: uppercase;
  color: #a2a8ad;
  font-family: 'Inter SemiBold', sans-serif;
}
#logout .in .content .educate .holder .slides .item .content .title h2,
#reg-page-new .in .content .educate .holder .slides .item .content .title h2 {
  padding: 8px 0 0 0;
  color: #000;
  font-family: 'Inter Bold', sans-serif;
}
#logout .in .content .educate .holder .slides .item .content .movie,
#reg-page-new .in .content .educate .holder .slides .item .content .movie {
  position: relative;
  background: #fff;
  margin: 28px 0 0 0;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
}
#logout .in .content .educate .holder .slides .item .content .movie iframe,
#reg-page-new .in .content .educate .holder .slides .item .content .movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#logout .in .content .educate .holder .slides .item .content .image,
#reg-page-new .in .content .educate .holder .slides .item .content .image {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  background: #fff;
  overflow: hidden;
  width: 100%;
  margin: 28px 0 0 0;
}
#logout .in .content .educate .holder .slides .item .content .image picture,
#reg-page-new .in .content .educate .holder .slides .item .content .image picture {
  border-radius: 16px;
  display: flex;
}
#logout .in .content .educate .holder .bx-controls,
#reg-page-new .in .content .educate .holder .bx-controls {
  display: none;
}
#logout .in .content .educate .control,
#reg-page-new .in .content .educate .control {
  position: absolute;
  top: 24px;
  right: 24px;
}
#logout .in .content .educate .control ul,
#reg-page-new .in .content .educate .control ul {
  padding: 0;
  display: flex;
}
#logout .in .content .educate .control ul li,
#reg-page-new .in .content .educate .control ul li {
  padding: 0 8px 0 0;
  display: block;
}
#logout .in .content .educate .control ul li:before,
#reg-page-new .in .content .educate .control ul li:before {
  display: none;
}
#logout .in .content .educate .control ul li:last-child,
#reg-page-new .in .content .educate .control ul li:last-child {
  padding: 0;
}
#logout .in .content .educate .control ul li span,
#reg-page-new .in .content .educate .control ul li span {
  display: block;
  background: #fff;
  width: 40px;
  height: 8px;
  transition: background 0.5s, border-color 0.5s;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ced0d5;
}
#logout .in .content .educate .control ul li span.active,
#reg-page-new .in .content .educate .control ul li span.active {
  background: #303181;
  border-color: #303181;
}
#logout .in.v2 .content .form,
#reg-page-new .in.v2 .content .form {
  max-width: 420px;
}
#logout .in.v2 .content .form .holder .logo,
#reg-page-new .in.v2 .content .form .holder .logo {
  height: 24px;
}
#logout .in.v2 .content .form .holder .logo a,
#reg-page-new .in.v2 .content .form .holder .logo a {
  height: 24px;
}
#logout .in.v2 .content .form .holder .title,
#reg-page-new .in.v2 .content .form .holder .title {
  padding: 16px 0 0 0;
  color: #5f5f7a;
}
#logout .in.v2 .content .form .holder .social,
#reg-page-new .in.v2 .content .form .holder .social {
  padding: 8px 0 0 0;
}
#logout .in.v2 .content .form .holder .social button,
#reg-page-new .in.v2 .content .form .holder .social button {
  background: #fff;
  height: 40px;
  padding: 0 16px;
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.5s;
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced0d5;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
#logout .in.v2 .content .form .holder .social button:before,
#reg-page-new .in.v2 .content .form .holder .social button:before {
  display: none;
}
#logout .in.v2 .content .form .holder .social button span,
#reg-page-new .in.v2 .content .form .holder .social button span {
  color: #121217;
  font-family: 'Inter Medium', sans-serif;
  height: 24px;
  display: flex;
  align-items: center;
  line-height: 142%;
  padding: 0 0 0 32px;
}
#logout .in.v2 .content .form .holder .social button.google span,
#reg-page-new .in.v2 .content .form .holder .social button.google span {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/user/logo-google.svg') no-repeat left center;
  background-size: 24px 24px;
}
#logout .in.v2 .content .form .holder .social button.linkedin span,
#reg-page-new .in.v2 .content .form .holder .social button.linkedin span {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/user/logo-linkedin.svg') no-repeat left center;
  background-size: 24px 24px;
}
#logout .in.v2 .content .form .holder .social .or,
#reg-page-new .in.v2 .content .form .holder .social .or {
  margin: 24px 0 0 0;
  line-height: normal;
  font-size: 13px;
  padding: 0;
  position: relative;
}
#logout .in.v2 .content .form .holder .social .or:before,
#reg-page-new .in.v2 .content .form .holder .social .or:before {
  content: '';
  background: #f2f2f5;
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  top: calc((100% - 1px) / 2);
  height: 1px;
}
#logout .in.v2 .content .form .holder .social .or span,
#reg-page-new .in.v2 .content .form .holder .social .or span {
  background: #fff;
  text-transform: capitalize;
  display: inline-flex;
  padding: 0 16px;
  color: #6c6c89;
  position: relative;
  z-index: 1;
}
#logout .in.v2 .content .form .holder .list,
#reg-page-new .in.v2 .content .form .holder .list {
  padding: 0;
}
#logout .in.v2 .content .form .holder .list li,
#reg-page-new .in.v2 .content .form .holder .list li {
  padding: 16px 0 0 0;
  text-align: left;
}
#logout .in.v2 .content .form .holder .list li:before,
#reg-page-new .in.v2 .content .form .holder .list li:before {
  display: none;
}
#logout .in.v2 .content .form .holder .list li:first-child,
#reg-page-new .in.v2 .content .form .holder .list li:first-child {
  padding: 12px 0 0 0;
}
#logout .in.v2 .content .form .holder .list li label,
#reg-page-new .in.v2 .content .form .holder .list li label {
  font-family: 'Inter Medium', sans-serif;
  line-height: 142%;
}
#logout .in.v2 .content .form .holder .list li .input,
#reg-page-new .in.v2 .content .form .holder .list li .input {
  position: relative;
  margin: 8px 0 0 0;
  display: block;
}
#logout .in.v2 .content .form .holder .list li .input:before,
#reg-page-new .in.v2 .content .form .holder .list li .input:before {
  opacity: 0;
  transition: opacity 0.5s;
  border-radius: 10px;
  position: absolute;
  background: #d7e5fd;
  content: '';
  top: -4px;
  width: calc(100% + 8px);
  height: 48px;
  display: block;
  left: -4px;
}
#logout .in.v2 .content .form .holder .list li .input input,
#reg-page-new .in.v2 .content .form .holder .list li .input input {
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  border: 1px solid #ced0d5;
  height: 40px;
  color: #121217;
  border-radius: 8px;
  padding: 0 12px;
  background: #fff;
  font-family: 'Inter Regular', sans-serif;
  width: 100%;
  outline: none;
  line-height: 40px;
  box-sizing: border-box;
  z-index: 1;
  position: relative;
  margin: 0;
  transition: background 0.5s, border-color 0.5s;
}
#logout .in.v2 .content .form .holder .list li .input .msg,
#reg-page-new .in.v2 .content .form .holder .list li .input .msg {
  color: #d50b3e;
  z-index: 1;
  font-size: 12px;
  position: relative;
  line-height: 133%;
  top: 8px;
}
#logout .in.v2 .content .form .holder .list li .input .msg small,
#reg-page-new .in.v2 .content .form .holder .list li .input .msg small {
  text-decoration: underline;
  font-family: 'Inter Medium', sans-serif;
  transition: color 0.5s;
  cursor: pointer;
}
#logout .in.v2 .content .form .holder .list li .input .toggle,
#reg-page-new .in.v2 .content .form .holder .list li .input .toggle {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: 13px;
  right: 12px;
}
#logout .in.v2 .content .form .holder .list li .input .toggle i,
#reg-page-new .in.v2 .content .form .holder .list li .input .toggle i {
  display: block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
#logout .in.v2 .content .form .holder .list li .input .toggle i.hidden,
#reg-page-new .in.v2 .content .form .holder .list li .input .toggle i.hidden {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/thank-you/v003/icon-hidden.svg') no-repeat center center;
}
#logout .in.v2 .content .form .holder .list li .input .toggle i.visible,
#reg-page-new .in.v2 .content .form .holder .list li .input .toggle i.visible {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/thank-you/v003/icon-visible.svg') no-repeat center center;
}
#logout .in.v2 .content .form .holder .list li .input.focus:before,
#reg-page-new .in.v2 .content .form .holder .list li .input.focus:before {
  opacity: 1;
}
#logout .in.v2 .content .form .holder .list li .input.focus input,
#reg-page-new .in.v2 .content .form .holder .list li .input.focus input {
  border-color: #353cee;
}
#logout .in.v2 .content .form .holder .list li .input.error:before,
#reg-page-new .in.v2 .content .form .holder .list li .input.error:before {
  opacity: 0;
}
#logout .in.v2 .content .form .holder .list li .input.error input,
#reg-page-new .in.v2 .content .form .holder .list li .input.error input {
  border-color: #d50b3e;
}
#logout .in.v2 .content .form .holder .forgot,
#reg-page-new .in.v2 .content .form .holder .forgot {
  padding: 12px 0 0 0;
  font-size: 14px;
  text-align: center;
}
#logout .in.v2 .content .form .holder .forgot a,
#reg-page-new .in.v2 .content .form .holder .forgot a {
  font-family: 'Inter Regular', sans-serif;
  color: #3a4be3;
}
#logout .in.v2 .content .form .holder .submit,
#reg-page-new .in.v2 .content .form .holder .submit {
  padding: 12px 0 0 0;
}
#logout .in.v2 .content .educate,
#reg-page-new .in.v2 .content .educate {
  background: #d7e5fd;
  padding: 56px 0;
}
#logout .in.v2 .content .educate .holder .slides .item .content,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content {
  color: #5f5f7a;
}
#logout .in.v2 .content .educate .holder .slides .item .content a,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content a {
  color: #3a4be3;
  font-family: 'Inter Regular', sans-serif;
}
#logout .in.v2 .content .educate .holder .slides .item .content strong,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content strong {
  color: #121217;
}
#logout .in.v2 .content .educate .holder .slides .item .content .button,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content .button {
  padding: 0 24px;
  height: 48px;
  border-radius: 10px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: #000;
  color: #fff;
  text-decoration: none;
  font-family: 'Inter Medium', sans-serif;
  line-height: 150%;
  letter-spacing: -0.16px;
}
#logout .in.v2 .content .educate .holder .slides .item .content .title p,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content .title p {
  font-size: 14px;
  padding: 0 0 8px 0;
  text-transform: uppercase;
  color: #3a4be3;
  line-height: 164%;
  letter-spacing: 1.68px;
}
#logout .in.v2 .content .educate .holder .slides .item .content .title h2,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content .title h2 {
  padding: 0;
  color: #000;
  font-family: 'Inter Bold', sans-serif;
}
#logout .in.v2 .content .educate .holder .slides .item .content .more,
#reg-page-new .in.v2 .content .educate .holder .slides .item .content .more {
  padding: 32px 0 0 0;
}
#logout .in.v2 .content .control,
#reg-page-new .in.v2 .content .control {
  right: auto;
  bottom: 24px;
  top: auto;
  width: 100%;
}
#logout .in.v2 .content .control ul,
#reg-page-new .in.v2 .content .control ul {
  justify-content: center;
}
#logout .in.v2 .content .control ul li,
#reg-page-new .in.v2 .content .control ul li {
  padding: 0 20px 0 0;
}
#logout .in.v2 .content .control ul li span,
#reg-page-new .in.v2 .content .control ul li span {
  background: rgba(48, 49, 129, 0.2);
  width: 8px;
  border-radius: 100%;
  height: 8px;
  border: 0;
}
#logout .in.v2 .content .control ul li span.active,
#reg-page-new .in.v2 .content .control ul li span.active {
  background: #303181;
}
#logout .in.v2 .content .close-modal,
#reg-page-new .in.v2 .content .close-modal {
  height: 64px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 16px;
}
#logout .in.v2 .content .close-modal span,
#reg-page-new .in.v2 .content .close-modal span {
  cursor: pointer;
  border-radius: 100%;
  transition: background 0.5s, border-color 0.5s;
  width: 40px;
  height: 40px;
  display: inline-flex;
  border: 1px solid #e3e4e9;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
}
#logout .in.v2 .content .close-modal span i,
#reg-page-new .in.v2 .content .close-modal span i {
  display: flex;
  width: 20px;
  height: 20px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/reg-page/icon-close.svg') no-repeat center center;
  background-size: cover;
}
.no-touch #logout .in .content .educate .holder .slides .item .content a:hover,
.no-touch #reg-page-new .in .content .educate .holder .slides .item .content a:hover {
  color: #000;
}
.no-touch #logout .in .content .educate .control ul li span:hover,
.no-touch #reg-page-new .in .content .educate .control ul li span:hover {
  background: #303181;
  border-color: #303181;
}
.no-touch #logout .in.v2 .content .form .holder .social button:hover,
.no-touch #reg-page-new .in.v2 .content .form .holder .social button:hover {
  background: #f7f7f8;
}
.no-touch #logout .in.v2 .content .form .holder .forgot a:hover,
.no-touch #reg-page-new .in.v2 .content .form .holder .forgot a:hover {
  color: #000;
}
.no-touch #logout .in.v2 .content .educate .holder .slides .item .content .button:hover,
.no-touch #reg-page-new .in.v2 .content .educate .holder .slides .item .content .button:hover {
  color: #fff;
  background: #3d4144;
}
.no-touch #logout .in.v2 .content .educate .holder .slides .item .content .button:active,
.no-touch #reg-page-new .in.v2 .content .educate .holder .slides .item .content .button:active {
  background: #000;
}
.no-touch #logout .in.v2 .content .control ul li span:hover,
.no-touch #reg-page-new .in.v2 .content .control ul li span:hover {
  background: #303181;
}
@media only screen and (min-width: 480px) {
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    padding: 0 0 32px 0;
    max-width: 312px;
  }
  #logout .in.v2 .content .form,
  #reg-page-new .in.v2 .content .form {
    max-width: 372px;
  }
}
@media only screen and (min-width: 768px) {
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    padding: 0 0 48px 0;
  }
  #logout .in .content .educate,
  #reg-page-new .in .content .educate {
    padding: 88px 0 48px 0;
  }
  #logout .in .content .educate .holder,
  #reg-page-new .in .content .educate .holder {
    position: relative;
    width: 662px;
    margin: 0 auto;
  }
  #logout .in .content .educate .holder .slides .item,
  #reg-page-new .in .content .educate .holder .slides .item {
    padding: 0 16px;
  }
  #logout .in .content .educate .holder .slides .item .content,
  #reg-page-new .in .content .educate .holder .slides .item .content {
    padding: 0;
  }
  #logout .in .content .educate .control,
  #reg-page-new .in .content .educate .control {
    top: 32px;
    width: calc(662px - 32px);
    left: calc((100% - (662px - 32px)) / 2);
    right: auto;
  }
  #logout .in.v2 .content .form .holder,
  #reg-page-new .in.v2 .content .form .holder {
    max-width: unset;
    width: 100%;
  }
  #logout .in.v2 .content .control,
  #reg-page-new .in.v2 .content .control {
    top: auto;
  }
  #logout .in.v2 .content .close-modal,
  #reg-page-new .in.v2 .content .close-modal {
    height: 88px;
  }
  #logout .in.v2 .content .close-modal span,
  #reg-page-new .in.v2 .content .close-modal span {
    width: 56px;
    height: 56px;
  }
  #logout .in.v2 .content .close-modal span i,
  #reg-page-new .in.v2 .content .close-modal span i {
    width: 24px;
    height: 24px;
  }
}
@media only screen and (min-width: 1024px) {
  #logout .in .content #header.compact,
  #reg-page-new .in .content #header.compact {
    position: static;
  }
  #logout .in .content .educate .holder .slides .item .content,
  #reg-page-new .in .content .educate .holder .slides .item .content {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1152px) {
  #logout .in .content #header.compact,
  #reg-page-new .in .content #header.compact {
    position: absolute;
  }
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    padding: 48px 0;
    flex: 0 1 476px;
  }
  #logout .in .content .educate,
  #reg-page-new .in .content .educate {
    flex: 0 1 calc(100% - 476px);
    position: relative;
    align-items: center;
    padding: 48px 0;
  }
  #logout .in .content .educate .holder,
  #reg-page-new .in .content .educate .holder {
    width: 100%;
    margin: 0 64px;
  }
  #logout .in .content .educate .holder .slides,
  #reg-page-new .in .content .educate .holder .slides {
    width: 100%;
  }
  #logout .in .content .educate .control,
  #reg-page-new .in .content .educate .control {
    top: 40px;
    z-index: 4;
    width: auto;
    left: 80px;
  }
  #logout .in.v2 .content .form,
  #reg-page-new .in.v2 .content .form {
    flex: 0 1 516px;
  }
  #logout .in.v2 .content .educate,
  #reg-page-new .in.v2 .content .educate {
    flex: 0 1 calc(100% - 516px);
  }
  #logout .in.v2 .content .control,
  #reg-page-new .in.v2 .content .control {
    top: auto;
    width: 100%;
    left: auto;
  }
}
@media only screen and (min-width: 1280px) {
  #logout .in .content,
  #reg-page-new .in .content {
    width: calc(804px + 476px);
    margin: 0 auto;
  }
  #logout .in .content #header.compact,
  #reg-page-new .in .content #header.compact {
    left: 0;
  }
  #logout .in .content .form,
  #reg-page-new .in .content .form {
    width: 476px;
    padding: 80px 0;
  }
  #logout .in .content .educate,
  #reg-page-new .in .content .educate {
    padding: 80px 0;
    width: calc(100% - 476px);
  }
  #logout .in .content .educate:before,
  #reg-page-new .in .content .educate:before {
    display: block;
    content: '';
    background: #d7e5fd;
    width: 10000px;
    height: 100%;
    position: absolute;
    left: -10000px;
    top: 0;
  }
  #logout .in .content .educate .holder .slides .item .content,
  #reg-page-new .in .content .educate .holder .slides .item .content {
    width: 100%;
  }
  #logout .in.v2 .content,
  #reg-page-new .in.v2 .content {
    width: calc(804px + 516px);
  }
}
#signin-invitation {
  background: #dbeff3;
}
#signin-invitation .in {
  padding: 0 20px 130px 20px;
}
#signin-invitation .in h1 {
  font-size: 30px;
  padding: 12px 20px 0 20px;
}
#signin-invitation .in p {
  padding: 0;
}
#signin-invitation .in p a {
  color: #1c2bac;
}
#signin-invitation .in form {
  background: #fff;
  padding: 10px 20px 20px 20px;
  margin: 35px auto 23px auto;
  border-radius: 7px;
}
#signin-invitation .in form ul {
  padding: 0;
}
#signin-invitation .in form ul li {
  padding: 10px 0 0 0;
  text-align: left;
}
#signin-invitation .in form ul li:before {
  display: none;
}
#signin-invitation .in form ul li.email .sui-input.error-focus:before {
  border: 2px solid #e82140;
}
#signin-invitation .in form p {
  padding: 15px 0 0 0;
}
#signin-invitation .sui-cover {
  position: absolute;
  bottom: -1px;
  height: calc(30px + 2vw);
}
#sui-signin #footer .in .sui-divider.first {
  display: none;
}
.no-touch #signin-invitation .in p a:hover {
  color: #000;
}
@media only screen and (min-width: 480px) {
  #signin-invitation .in {
    padding: 0 0 145px 0;
  }
  #signin-invitation .in form {
    width: 384px;
    box-sizing: border-box;
    padding: 22px 32px 20px 32px;
  }
  #signin-invitation .sui-cover {
    height: calc(35px + 2vw);
  }
}
@media only screen and (min-width: 768px) {
  #signin-invitation .in h1 {
    font-size: 43px;
    padding: 22px 0 0 0;
  }
  #signin-invitation .in form ul li.submit .sui-btn {
    width: 100%;
  }
  #signin-invitation .sui-cover {
    height: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  #signin-invitation .in h1 {
    font-size: 60px;
    padding: 52px 0 0 0;
  }
  #signin-invitation .in form {
    margin-top: 45px;
  }
  #signin-invitation .sui-cover {
    height: calc(45px + 1vw);
  }
}
#cta-buttons {
  padding: 32px 0 0 0;
  text-align: center;
}
#cta-buttons p {
  padding: 32px 0 0 0;
}
#cta-buttons p .button {
  height: 64px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  line-height: 144%;
  font-family: 'Inter SemiBold', sans-serif;
  border-radius: 12px;
  justify-content: center;
  letter-spacing: -0.01em;
  transition: background 0.5s;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  font-size: 18px;
  padding: 0 24px;
  text-decoration: none;
}
#cta-buttons p .button.blueberry {
  background: #303181;
}
#cta-buttons p .button.gold {
  background: #000;
}
#cta-buttons p .desc {
  font-size: 13px;
  padding: 8px 0 0 0;
  font-family: 'Inter Medium', sans-serif;
  line-height: 154%;
  justify-content: center;
  display: inline-flex;
  color: #3d4144;
}
.no-touch #cta-buttons p .button.blueberry:hover {
  color: #fff;
  background: #424394;
}
.no-touch #cta-buttons p .button.blueberry:active {
  color: #fff;
  background: #303181;
}
.no-touch #cta-buttons p .button.gold:hover {
  color: #fff;
  background: #3d4144;
}
.no-touch #cta-buttons p .button.gold:active {
  color: #fff;
  background: #000;
}
@media only screen and (min-width: 768px) {
  #cta-buttons {
    display: flex;
    flex: 0 1 100%;
    justify-content: center;
  }
  #cta-buttons p {
    display: inline-block;
  }
  #cta-buttons p .button {
    width: auto;
    min-width: 256px;
  }
  #cta-buttons p .desc {
    display: flex;
  }
  #cta-buttons p:first-child {
    margin: 0 32px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  #cta-buttons {
    padding: 48px 0 0 0;
  }
}
body .use-case-highlight {
  color: #000;
  flex: 0 1 100%;
}
body .use-case-highlight.type-a {
  margin: 40px 0 0 0;
  position: relative;
  padding: 24px 0 24px 28px;
}
body .use-case-highlight.type-a:before {
  content: '';
  width: 4px;
  position: absolute;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  background: #2030c2;
  border-radius: 20px;
}
body .use-case-highlight.type-a p {
  padding: 0 !important;
  font-size: 20px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 143% !important;
  letter-spacing: 0.01em;
}
body .use-case-highlight.type-a p.use-case-highlight-more {
  padding: 32px 0 0 0 !important;
}
body .use-case-highlight.type-a p.use-case-highlight-more .use-case-highlight-cta-more {
  font-size: 18px;
  letter-spacing: -0.02em;
  display: inline-flex;
  color: #2030c2 !important;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  padding: 0 36px 0 0;
  text-decoration: none;
  position: relative;
  transition: color 0.2s;
  align-items: center;
}
body .use-case-highlight.type-a p.use-case-highlight-more .use-case-highlight-cta-more:before {
  content: '';
  position: absolute;
  right: 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right.svg') no-repeat center center;
  background-size: cover;
  width: 32px;
  transition: right 0.2s;
  height: 32px;
  display: block;
}
body .use-case-highlight.type-b {
  position: relative;
  margin: 40px 0 0 0;
  padding: 0;
}
body .use-case-highlight.type-b p {
  padding: 0 !important;
  font-size: 20px;
  font-family: 'Inter Medium', sans-serif;
  line-height: 143% !important;
  letter-spacing: 0.01em;
}
body .use-case-highlight.type-b p.use-case-highlight-more .use-case-highlight-cta-more {
  height: 56px;
  color: #fff !important;
  display: inline-flex;
  text-decoration: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 24px 0 0 0;
  line-height: 100%;
  border-radius: 10px;
  letter-spacing: -0.01em;
  white-space: nowrap;
  width: auto;
  font-size: 16px;
  background: #303181;
  padding: 0 24px;
}
body .use-case-highlight.type-c {
  position: relative;
  margin: 40px 0 0 0;
  padding: 0;
}
body .use-case-highlight.type-c p {
  font-size: 18px;
  padding: 32px 0 0 0;
}
body .use-case-highlight.type-c p.use-case-highlight-more {
  padding: 16px 0 0 0;
}
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:hover,
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:active {
  color: #000 !important;
}
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:hover:before,
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:active:before {
  right: -8px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right-black.svg') no-repeat center center;
  background-size: cover;
}
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:active {
  color: #2030c2 !important;
}
.no-touch body .use-case-highlight.type-a p .use-case-highlight-cta-more:active:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/use-cases/icon-right.svg') no-repeat center center;
  background-size: cover !important;
}
.no-touch body .use-case-highlight.type-b p .use-case-highlight-cta-more:hover {
  background: #424394;
}
.no-touch body .use-case-highlight.type-b p .use-case-highlight-cta-more:active {
  background: #303181;
}
@media only screen and (min-width: 768px) {
  body .use-case-highlight.type-b {
    display: flex;
    flex: 0 1 100%;
    margin: 72px 0 0 0;
    align-items: center;
    justify-content: space-between;
  }
  body .use-case-highlight.type-b p {
    text-align: left;
    font-size: 24px;
    padding: 0 80px 0 0 !important;
  }
  body .use-case-highlight.type-b p.use-case-highlight-more {
    padding: 0 !important;
  }
  body .use-case-highlight.type-b p.use-case-highlight-more .use-case-highlight-cta-more {
    margin: 0;
  }
}
@media only screen and (min-width: 844px) {
  body .use-case-highlight.type-a {
    padding: 24px 0 24px 92px;
    margin: 96px 0 0 0;
  }
  body .use-case-highlight.type-a p {
    font-size: 24px;
  }
}
@media only screen and (min-width: 1152px) {
  body .use-case-highlight.type-a p {
    font-size: 28px;
  }
  body .use-case-highlight.type-b {
    margin: 88px 0 0 0;
  }
}
#get-a-demo,
#get-a-trial {
  position: fixed;
  z-index: 999;
  opacity: 0;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  display: none;
  transition: opacity 0.5s;
  flex-wrap: wrap;
  top: 0;
  left: 0;
  color: #ccc;
  background: #101010;
  text-align: left;
}
#get-a-demo .in,
#get-a-trial .in {
  padding: 96px 24px 40px 48px;
  position: relative;
}
#get-a-demo .in .content h2,
#get-a-trial .in .content h2 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 37px;
  line-height: 108%;
  letter-spacing: -0.03em;
  padding: 0;
  color: #fff;
}
#get-a-demo .in .content h2 span,
#get-a-trial .in .content h2 span {
  color: #bd944a;
}
#get-a-demo .in .content .info,
#get-a-trial .in .content .info {
  padding: 24px 0 0 0;
  font-family: 'Inter Medium', sans-serif;
  font-size: 18px;
  line-height: 167%;
}
#get-a-demo .in .content .info strong,
#get-a-trial .in .content .info strong {
  color: #fff;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
}
#get-a-demo .in .content .info strong i,
#get-a-trial .in .content .info strong i {
  display: inline-block;
  width: 31px;
  position: relative;
  top: -6px;
  margin: 0 0 0 3px;
  height: 18px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/label-business.svg') no-repeat center center;
  background-size: cover;
  overflow: hidden;
  text-indent: 10000px;
}
#get-a-demo .in .content .list ul,
#get-a-trial .in .content .list ul {
  padding: 16px 0 0 0;
}
#get-a-demo .in .content .list ul li,
#get-a-trial .in .content .list ul li {
  font-family: 'Inter Medium', sans-serif;
  font-size: 14px;
  line-height: 143%;
  margin: 16px 0 0 0;
  padding: 0 0 0 32px;
}
#get-a-demo .in .content .list ul li:before,
#get-a-trial .in .content .list ul li:before {
  width: 16px;
  height: 16px;
  content: '';
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-check.svg') no-repeat center center;
  background-size: cover;
  top: 2px;
}
#get-a-demo .in .content .list ul li.plus,
#get-a-trial .in .content .list ul li.plus {
  display: none;
}
#get-a-demo .in .content .list ul li.plus:before,
#get-a-trial .in .content .list ul li.plus:before {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-plus.svg') no-repeat center center;
  background-size: cover;
}
#get-a-demo .in .content .icons,
#get-a-trial .in .content .icons {
  display: none;
}
#get-a-demo .in .form,
#get-a-trial .in .form {
  margin: 34px 0 0 0;
  padding: 20px 32px 40px 32px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 24px;
  width: calc(100% + 56px);
  position: relative;
  left: -40px;
}
#get-a-demo .in .form ul,
#get-a-trial .in .form ul {
  padding: 0;
}
#get-a-demo .in .form ul li,
#get-a-trial .in .form ul li {
  padding: 24px 0 0 0;
  position: relative;
  margin: 12px 0 0 0;
}
#get-a-demo .in .form ul li:before,
#get-a-trial .in .form ul li:before {
  display: none;
}
#get-a-demo .in .form ul li .sui-input,
#get-a-trial .in .form ul li .sui-input {
  border-radius: 6px;
  background: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-input:before,
#get-a-trial .in .form ul li .sui-input:before {
  border-color: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-input input,
#get-a-trial .in .form ul li .sui-input input {
  font-size: 14px;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
}
#get-a-demo .in .form ul li .sui-input label,
#get-a-trial .in .form ul li .sui-input label {
  font-family: 'Inter Medium', sans-serif;
  font-size: 12px;
  top: -24px;
  color: #60607a;
  height: auto;
}
#get-a-demo .in .form ul li .sui-input.md,
#get-a-trial .in .form ul li .sui-input.md {
  height: 40px;
}
#get-a-demo .in .form ul li .sui-input.md label,
#get-a-trial .in .form ul li .sui-input.md label {
  padding: 0;
}
#get-a-demo .in .form ul li .sui-input.md.focus input,
#get-a-trial .in .form ul li .sui-input.md.focus input,
#get-a-demo .in .form ul li .sui-input.md.has-val input,
#get-a-trial .in .form ul li .sui-input.md.has-val input {
  height: 100%;
  top: 0;
}
#get-a-demo .in .form ul li .sui-input.md.focus label,
#get-a-trial .in .form ul li .sui-input.md.focus label,
#get-a-demo .in .form ul li .sui-input.md.has-val label,
#get-a-trial .in .form ul li .sui-input.md.has-val label {
  left: 0;
}
#get-a-demo .in .form ul li .sui-input.md.error .msg,
#get-a-trial .in .form ul li .sui-input.md.error .msg {
  padding: 0;
}
#get-a-demo .in .form ul li .sui-input.focus:before,
#get-a-trial .in .form ul li .sui-input.focus:before {
  border: 1px solid #bd944a;
}
#get-a-demo .in .form ul li .sui-input.error,
#get-a-trial .in .form ul li .sui-input.error {
  margin-bottom: 32px;
}
#get-a-demo .in .form ul li .sui-input.error:before,
#get-a-trial .in .form ul li .sui-input.error:before {
  border: 1px solid #e02e23;
}
#get-a-demo .in .form ul li .sui-input.error .msg,
#get-a-trial .in .form ul li .sui-input.error .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-a-demo .in .form ul li .sui-select,
#get-a-trial .in .form ul li .sui-select {
  border-radius: 6px;
  background: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-select:before,
#get-a-trial .in .form ul li .sui-select:before {
  border-color: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-select .selected,
#get-a-trial .in .form ul li .sui-select .selected {
  padding: 0;
  z-index: 1;
  font-family: 'Inter Medium', sans-serif;
  font-size: 12px;
  top: -24px;
  color: #60607a;
  height: calc(100% + 24px);
}
#get-a-demo .in .form ul li .sui-select .selected i,
#get-a-trial .in .form ul li .sui-select .selected i {
  font-size: 18px;
  right: 10px;
  top: 34px;
  color: #60607a;
}
#get-a-demo .in .form ul li .sui-select .value,
#get-a-trial .in .form ul li .sui-select .value {
  display: block;
  position: absolute;
  font-size: 14px;
  width: 100%;
  box-sizing: border-box;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
  padding: 0 13px;
  line-height: 40px;
}
#get-a-demo .in .form ul li .sui-select .value.placeholder,
#get-a-trial .in .form ul li .sui-select .value.placeholder {
  color: #808080;
}
#get-a-demo .in .form ul li .sui-select .list,
#get-a-trial .in .form ul li .sui-select .list {
  top: 46px;
  border: 0;
  padding: 4px;
  border-radius: 10px;
}
#get-a-demo .in .form ul li .sui-select .list li,
#get-a-trial .in .form ul li .sui-select .list li {
  margin: 0;
  padding: 0 16px;
  font-size: 13px;
  color: #000;
  min-height: 40px;
  line-height: 40px;
}
#get-a-demo .in .form ul li .sui-select .list.sui-shadow.lvl-2,
#get-a-trial .in .form ul li .sui-select .list.sui-shadow.lvl-2 {
  box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
}
#get-a-demo .in .form ul li .sui-select.md,
#get-a-trial .in .form ul li .sui-select.md {
  height: 40px;
}
#get-a-demo .in .form ul li .sui-select.md.error .msg,
#get-a-trial .in .form ul li .sui-select.md.error .msg {
  padding: 0;
}
#get-a-demo .in .form ul li .sui-select.focus:before,
#get-a-trial .in .form ul li .sui-select.focus:before {
  border: 1px solid #bd944a;
}
#get-a-demo .in .form ul li .sui-select.error,
#get-a-trial .in .form ul li .sui-select.error {
  margin-bottom: 32px;
}
#get-a-demo .in .form ul li .sui-select.error:before,
#get-a-trial .in .form ul li .sui-select.error:before {
  border: 1px solid #e02e23;
}
#get-a-demo .in .form ul li .sui-select.error .msg,
#get-a-trial .in .form ul li .sui-select.error .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-a-demo .in .form ul li .sui-textarea,
#get-a-trial .in .form ul li .sui-textarea {
  border-radius: 6px;
  background: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-textarea:before,
#get-a-trial .in .form ul li .sui-textarea:before {
  border-color: #f2f2f2;
}
#get-a-demo .in .form ul li .sui-textarea textarea,
#get-a-trial .in .form ul li .sui-textarea textarea {
  font-size: 14px;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
}
#get-a-demo .in .form ul li .sui-textarea label,
#get-a-trial .in .form ul li .sui-textarea label {
  font-family: 'Inter Medium', sans-serif;
  font-size: 12px;
  top: -24px;
  color: #60607a;
  height: auto;
}
#get-a-demo .in .form ul li .sui-textarea.md,
#get-a-trial .in .form ul li .sui-textarea.md {
  height: 60px;
}
#get-a-demo .in .form ul li .sui-textarea.md label,
#get-a-trial .in .form ul li .sui-textarea.md label {
  padding: 0;
}
#get-a-demo .in .form ul li .sui-textarea.md.focus input,
#get-a-trial .in .form ul li .sui-textarea.md.focus input,
#get-a-demo .in .form ul li .sui-textarea.md.has-val input,
#get-a-trial .in .form ul li .sui-textarea.md.has-val input {
  height: 100%;
  top: 0;
}
#get-a-demo .in .form ul li .sui-textarea.md.focus label,
#get-a-trial .in .form ul li .sui-textarea.md.focus label,
#get-a-demo .in .form ul li .sui-textarea.md.has-val label,
#get-a-trial .in .form ul li .sui-textarea.md.has-val label {
  left: 0;
}
#get-a-demo .in .form ul li .sui-textarea.focus:before,
#get-a-trial .in .form ul li .sui-textarea.focus:before {
  border: 1px solid #bd944a;
}
#get-a-demo .in .form .user-data-sent,
#get-a-trial .in .form .user-data-sent {
  display: none;
  text-align: center;
}
#get-a-demo .in .form .user-data-sent p,
#get-a-trial .in .form .user-data-sent p {
  padding: 100px 0 0 0;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/icon-sent.svg') no-repeat center 25px;
  background-size: 80px 80px;
  font-size: 14px;
  color: #3d4144;
}
#get-a-demo .in .form .user-data-sent p a,
#get-a-trial .in .form .user-data-sent p a {
  color: #bd944a;
}
#get-a-demo .in .form .terms,
#get-a-trial .in .form .terms {
  padding: 20px 0 0 0;
  font-size: 11px;
  line-height: 127%;
  color: #60607a;
}
#get-a-demo .in .form .terms a,
#get-a-trial .in .form .terms a {
  color: #60607a;
  text-decoration: none;
  font-family: 'Inter Regular', sans-serif;
}
#get-a-demo .in .form .terms .sui-checkbox label,
#get-a-trial .in .form .terms .sui-checkbox label {
  cursor: text;
  top: 2px;
  color: #60607a;
}
#get-a-demo .in .form .terms .sui-checkbox label a,
#get-a-trial .in .form .terms .sui-checkbox label a {
  color: #60607a;
}
#get-a-demo .in .form .submit,
#get-a-trial .in .form .submit {
  padding: 20px 0 0 0;
  display: flex;
}
#get-a-demo .in .form .submit .button,
#get-a-trial .in .form .submit .button {
  background: #bd944a;
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 24px;
  text-align: center;
  font-size: 16px;
  transition: background 0.5s, border-color 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#get-a-demo .in .form .submit .button.loader,
#get-a-trial .in .form .submit .button.loader {
  padding-top: 0;
}
#get-a-demo .in .form .submit .button.loader span,
#get-a-trial .in .form .submit .button.loader span {
  display: none;
}
#get-a-demo .in .form .submit .button.loader .sui-loader,
#get-a-trial .in .form .submit .button.loader .sui-loader {
  display: block;
  margin: 0 auto;
}
#get-a-demo .in .icons,
#get-a-trial .in .icons {
  padding: 40px 0 0 0;
  display: flex;
  justify-content: center;
}
#get-a-demo .in .icons i,
#get-a-trial .in .icons i {
  display: block;
  width: 56px;
  height: 56px;
  margin: 0 40px 0 0;
}
#get-a-demo .in .icons i:last-child,
#get-a-trial .in .icons i:last-child {
  margin: 0;
}
#get-a-demo .in .icons i.gdpr,
#get-a-trial .in .icons i.gdpr {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-gdpr.svg') no-repeat center center;
  background-size: cover;
}
#get-a-demo .in .icons i.iso,
#get-a-trial .in .icons i.iso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-iso.svg') no-repeat center center;
  background-size: cover;
}
#get-a-demo .in .icons i.sso,
#get-a-trial .in .icons i.sso {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-sso.svg') no-repeat center center;
  background-size: cover;
}
#get-a-demo .in .close,
#get-a-trial .in .close {
  display: flex;
  box-sizing: border-box;
  width: 56px;
  height: 56px;
  cursor: pointer;
  position: absolute;
  transition: background 0.5s, border-color 0.5s;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  border: 1px solid #4d4d4d;
  top: 24px;
  right: 24px;
}
#get-a-demo .in .close i,
#get-a-trial .in .close i {
  display: block;
  width: 24px;
  height: 24px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-close.svg') no-repeat center center;
  background-size: cover;
}
#get-a-demo.open,
#get-a-trial.open {
  opacity: 1;
}
.no-touch #get-a-demo .in .form ul li .sui-input:hover:before,
.no-touch #get-a-trial .in .form ul li .sui-input:hover:before {
  border-color: #bd944a;
}
.no-touch #get-a-demo .in .form ul li .sui-select:hover:before,
.no-touch #get-a-trial .in .form ul li .sui-select:hover:before {
  border-color: #bd944a;
}
.no-touch #get-a-demo .in .form ul li .sui-textarea:hover:before,
.no-touch #get-a-trial .in .form ul li .sui-textarea:hover:before {
  border-color: #bd944a;
}
.no-touch #get-a-demo .in .form .user-data-sent p a:hover,
.no-touch #get-a-trial .in .form .user-data-sent p a:hover {
  color: #3d4144;
}
.no-touch #get-a-demo .in .form .terms a:hover,
.no-touch #get-a-trial .in .form .terms a:hover {
  color: #056efc;
}
.no-touch #get-a-demo .in .form .submit .button:hover,
.no-touch #get-a-trial .in .form .submit .button:hover {
  background: #9b6400;
}
.no-touch #get-a-demo .in .close:hover,
.no-touch #get-a-trial .in .close:hover {
  border-color: #333;
  background: #333;
}
@media only screen and (min-width: 480px) {
  #get-a-demo .in,
  #get-a-trial .in {
    padding: 96px 0 40px 0;
    width: 400px;
    margin: 0 auto;
    position: static;
  }
  #get-a-demo .in .form,
  #get-a-trial .in .form {
    width: 100%;
    left: 0;
  }
}
@media only screen and (min-width: 1150px) {
  #get-a-demo .in,
  #get-a-trial .in {
    display: flex;
    width: auto;
    justify-content: center;
    align-items: center;
    padding: 32px 0;
  }
  #get-a-demo .in .content,
  #get-a-trial .in .content {
    width: 416px;
    margin: 0 96px 0 0;
  }
  #get-a-demo .in .content h2,
  #get-a-trial .in .content h2 {
    font-size: 58px;
    line-height: 110%;
  }
  #get-a-demo .in .content .list ul li.plus,
  #get-a-trial .in .content .list ul li.plus {
    display: list-item;
  }
  #get-a-demo .in .content .icons,
  #get-a-trial .in .content .icons {
    padding: 40px 0 0 0;
    margin: 40px 0 0 0;
    display: flex;
    justify-content: flex-start;
    border-top: 1px solid #333;
  }
  #get-a-demo .in .content .icons i,
  #get-a-trial .in .content .icons i {
    display: block;
    width: 56px;
    height: 56px;
    margin: 0 16px 0 0;
  }
  #get-a-demo .in .content .icons i:last-child,
  #get-a-trial .in .content .icons i:last-child {
    margin: 0;
  }
  #get-a-demo .in .content .icons i.gdpr,
  #get-a-trial .in .content .icons i.gdpr {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-gdpr.svg') no-repeat center center;
    background-size: cover;
  }
  #get-a-demo .in .content .icons i.iso,
  #get-a-trial .in .content .icons i.iso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-iso.svg') no-repeat center center;
    background-size: cover;
  }
  #get-a-demo .in .content .icons i.sso,
  #get-a-trial .in .content .icons i.sso {
    background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/business/icon-sso.svg') no-repeat center center;
    background-size: cover;
  }
  #get-a-demo .in .content .icons i:last-child,
  #get-a-trial .in .content .icons i:last-child {
    margin: 0;
  }
  #get-a-demo .in .form,
  #get-a-trial .in .form {
    margin: 0;
    width: 544px;
    padding: 44px 56px 56px 56px;
  }
  #get-a-demo .in .form ul,
  #get-a-trial .in .form ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #get-a-demo .in .form ul li,
  #get-a-trial .in .form ul li {
    flex: 0 1 100%;
  }
  #get-a-demo .in .form ul li .sui-select .list,
  #get-a-trial .in .form ul li .sui-select .list {
    display: none;
  }
  #get-a-demo .in .form ul li.half,
  #get-a-trial .in .form ul li.half {
    flex: 0 1 49%;
  }
  #get-a-demo .in .icons,
  #get-a-trial .in .icons {
    display: none;
  }
}
#get-trial,
#signup-custom {
  position: fixed;
  z-index: 999;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
  display: none;
  flex-wrap: wrap;
  top: 0;
  justify-content: center;
  left: 0;
  background: #fff;
  text-align: left;
}
#get-trial:after,
#signup-custom:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  display: block;
  transition: opacity 0.5s;
  opacity: 1;
  width: 100%;
  height: 100%;
  background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/loader-app.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 224px 224px;
}
#get-trial form,
#signup-custom form {
  color: #60607a;
  padding: 56px 24px 40px 24px;
  flex: 0 1 312px;
  position: relative;
  z-index: 1;
  transition: opacity 0.5s;
  opacity: 0;
}
#get-trial form .title,
#signup-custom form .title {
  position: relative;
}
#get-trial form .title h2,
#signup-custom form .title h2 {
  color: #000;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 21px;
  padding: 0;
  line-height: 133%;
  text-align: center;
  letter-spacing: -0.01em;
}
#get-trial form .title .email,
#signup-custom form .title .email {
  display: flex;
  justify-content: center;
}
#get-trial form .title .email span input,
#signup-custom form .title .email span input {
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
  line-height: 28px;
  resize: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border: 0;
  outline: none;
  background: none;
  position: relative;
  box-shadow: none;
  text-align: left;
  letter-spacing: -0.01em;
  color: #2030c2;
  height: 28px;
}
#get-trial form .title .email i,
#signup-custom form .title .email i {
  cursor: pointer;
  display: block;
  width: 28px;
  height: 28px;
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/trial/icon-edit.svg') no-repeat center center;
  background-size: 16px 16px;
}
#get-trial form .title .fake-email,
#signup-custom form .title .fake-email {
  position: absolute;
  top: 0;
  left: -10000px;
  display: inline-block;
  letter-spacing: -0.01em;
  font-family: 'Inter SemiBold', sans-serif;
  font-size: 18px;
}
#get-trial form .social,
#signup-custom form .social {
  display: block;
  padding: 24px 0 0 0;
}
#get-trial form .social button,
#signup-custom form .social button {
  background: #fff;
  height: 40px;
  padding: 0 16px;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box;
  cursor: pointer;
  transition: background 0.5s;
  margin: 16px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ced0d5;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
}
#get-trial form .social button span,
#signup-custom form .social button span {
  color: #121217;
  font-family: 'Inter Medium', sans-serif;
  height: 24px;
  display: flex;
  align-items: center;
  line-height: 142%;
  padding: 0 0 0 32px;
}
#get-trial form .social button.google span,
#signup-custom form .social button.google span {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/user/logo-google.svg') no-repeat left center;
  background-size: 24px 24px;
}
#get-trial form .social button.linkedin span,
#signup-custom form .social button.linkedin span {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/user/logo-linkedin.svg') no-repeat left center;
  background-size: 24px 24px;
}
#get-trial form .social .or,
#signup-custom form .social .or {
  margin: 16px 0 0 0;
  text-align: center;
  line-height: normal;
  font-size: 13px;
  padding: 0;
  position: relative;
}
#get-trial form .social .or:before,
#signup-custom form .social .or:before {
  content: '';
  background: #f2f2f5;
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  top: calc((100% - 1px) / 2);
  height: 1px;
}
#get-trial form .social .or span,
#signup-custom form .social .or span {
  background: #fff;
  display: inline-flex;
  padding: 0 16px;
  color: #6c6c89;
  position: relative;
  z-index: 1;
}
#get-trial form .list ul,
#signup-custom form .list ul {
  padding: 8px 0 0 0;
}
#get-trial form .list ul li,
#signup-custom form .list ul li {
  padding: 24px 0 0 0;
  position: relative;
  margin: 16px 0 0 0;
}
#get-trial form .list ul li:before,
#signup-custom form .list ul li:before {
  display: none;
}
#get-trial form .list ul li .sui-input,
#signup-custom form .list ul li .sui-input {
  border-radius: 6px;
  background: #f2f2f2;
}
#get-trial form .list ul li .sui-input:before,
#signup-custom form .list ul li .sui-input:before {
  border-color: #f2f2f2;
  border-width: 1px;
}
#get-trial form .list ul li .sui-input input,
#signup-custom form .list ul li .sui-input input {
  font-size: 14px;
  padding-right: 35px;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
}
#get-trial form .list ul li .sui-input label,
#signup-custom form .list ul li .sui-input label {
  font-family: 'Inter Medium', sans-serif;
  font-size: 13px;
  top: -24px;
  color: #60607a;
  height: auto;
}
#get-trial form .list ul li .sui-input .toggle,
#signup-custom form .list ul li .sui-input .toggle {
  position: absolute;
  cursor: pointer;
  z-index: 1;
  top: calc((100% - 16px) / 2);
  right: 12px;
}
#get-trial form .list ul li .sui-input .toggle i,
#signup-custom form .list ul li .sui-input .toggle i {
  display: block;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
#get-trial form .list ul li .sui-input .toggle i.hidden,
#signup-custom form .list ul li .sui-input .toggle i.hidden {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/trial/icon-pass-hidden-gray.svg') no-repeat center center;
}
#get-trial form .list ul li .sui-input .toggle i.visible,
#signup-custom form .list ul li .sui-input .toggle i.visible {
  background: url('//prod-8f86.kxcdn.com/s1/web-2020/images/trial/icon-pass-visible-gray.svg') no-repeat center center;
}
#get-trial form .list ul li .sui-input.md,
#signup-custom form .list ul li .sui-input.md {
  height: 40px;
}
#get-trial form .list ul li .sui-input.md label,
#signup-custom form .list ul li .sui-input.md label {
  padding: 0;
}
#get-trial form .list ul li .sui-input.md.focus input,
#signup-custom form .list ul li .sui-input.md.focus input,
#get-trial form .list ul li .sui-input.md.has-val input,
#signup-custom form .list ul li .sui-input.md.has-val input {
  height: 100%;
  top: 0;
}
#get-trial form .list ul li .sui-input.md.focus label,
#signup-custom form .list ul li .sui-input.md.focus label,
#get-trial form .list ul li .sui-input.md.has-val label,
#signup-custom form .list ul li .sui-input.md.has-val label {
  left: 0;
}
#get-trial form .list ul li .sui-input.md.error .msg,
#signup-custom form .list ul li .sui-input.md.error .msg {
  padding: 0;
}
#get-trial form .list ul li .sui-input.md.success.info .msg,
#signup-custom form .list ul li .sui-input.md.success.info .msg {
  padding: 0;
}
#get-trial form .list ul li .sui-input.focus:before,
#signup-custom form .list ul li .sui-input.focus:before {
  border: 1px solid #2030c2;
}
#get-trial form .list ul li .sui-input.error,
#signup-custom form .list ul li .sui-input.error {
  margin-bottom: 32px;
}
#get-trial form .list ul li .sui-input.error:before,
#signup-custom form .list ul li .sui-input.error:before {
  border: 1px solid #e02e23;
}
#get-trial form .list ul li .sui-input.error .msg,
#signup-custom form .list ul li .sui-input.error .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-trial form .list ul li .sui-input.success.info,
#signup-custom form .list ul li .sui-input.success.info {
  margin-bottom: 32px;
}
#get-trial form .list ul li .sui-input.success.info .msg,
#signup-custom form .list ul li .sui-input.success.info .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-trial form .list ul li .sui-select,
#signup-custom form .list ul li .sui-select {
  border-radius: 6px;
  background: #f2f2f2;
}
#get-trial form .list ul li .sui-select:before,
#signup-custom form .list ul li .sui-select:before {
  border-color: #f2f2f2;
}
#get-trial form .list ul li .sui-select .selected,
#signup-custom form .list ul li .sui-select .selected {
  padding: 0;
  z-index: 1;
  font-family: 'Inter Medium', sans-serif;
  font-size: 13px;
  top: -24px;
  color: #60607a;
  height: calc(100% + 24px);
}
#get-trial form .list ul li .sui-select .selected i,
#signup-custom form .list ul li .sui-select .selected i {
  font-size: 18px;
  right: 10px;
  top: 34px;
  color: #60607a;
}
#get-trial form .list ul li .sui-select .value,
#signup-custom form .list ul li .sui-select .value {
  display: block;
  position: absolute;
  font-size: 14px;
  width: calc(100% - 40px);
  overflow: hidden;
  box-sizing: border-box;
  white-space: nowrap;
  color: #000;
  font-family: 'Inter Regular', sans-serif;
  padding: 0 0 0 13px;
  line-height: 40px;
}
#get-trial form .list ul li .sui-select .value.placeholder,
#signup-custom form .list ul li .sui-select .value.placeholder {
  color: #808080;
}
#get-trial form .list ul li .sui-select .list,
#signup-custom form .list ul li .sui-select .list {
  top: 46px;
  border: 0;
  padding: 4px;
  border-radius: 10px;
}
#get-trial form .list ul li .sui-select .list li,
#signup-custom form .list ul li .sui-select .list li {
  margin: 0;
  padding: 0 16px;
  font-size: 13px;
  border-radius: 8px;
  color: #000;
  min-height: 40px;
  line-height: 40px;
}
#get-trial form .list ul li .sui-select .list.sui-shadow.lvl-2,
#signup-custom form .list ul li .sui-select .list.sui-shadow.lvl-2 {
  box-shadow: 0 0 16px rgba(0, 19, 41, 0.16);
}
#get-trial form .list ul li .sui-select.md,
#signup-custom form .list ul li .sui-select.md {
  height: 40px;
}
#get-trial form .list ul li .sui-select.md.error .msg,
#signup-custom form .list ul li .sui-select.md.error .msg {
  padding: 0;
}
#get-trial form .list ul li .sui-select.md.success.info .msg,
#signup-custom form .list ul li .sui-select.md.success.info .msg {
  padding: 0;
}
#get-trial form .list ul li .sui-select.focus:before,
#signup-custom form .list ul li .sui-select.focus:before {
  border: 1px solid #2030c2;
}
#get-trial form .list ul li .sui-select.error,
#signup-custom form .list ul li .sui-select.error {
  margin-bottom: 32px;
}
#get-trial form .list ul li .sui-select.error:before,
#signup-custom form .list ul li .sui-select.error:before {
  border: 1px solid #e02e23;
}
#get-trial form .list ul li .sui-select.error .msg,
#signup-custom form .list ul li .sui-select.error .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-trial form .list ul li .sui-select.success.info,
#signup-custom form .list ul li .sui-select.success.info {
  margin-bottom: 32px;
}
#get-trial form .list ul li .sui-select.success.info .msg,
#signup-custom form .list ul li .sui-select.success.info .msg {
  color: #e02e23;
  font-family: 'Inter Regular', sans-serif;
  min-height: auto;
}
#get-trial form .list ul li.size,
#signup-custom form .list ul li.size {
  display: none;
}
#get-trial form .list ul li.use,
#signup-custom form .list ul li.use {
  display: none;
}
#get-trial form .list ul li.use .sui-select .list,
#signup-custom form .list ul li.use .sui-select .list {
  min-height: 248px;
}
#get-trial form .list ul li.show,
#signup-custom form .list ul li.show {
  display: flex;
}
#get-trial form .terms,
#signup-custom form .terms {
  color: #60607a;
  font-size: 12px;
  line-height: 133%;
  padding: 24px 0 0 0;
}
#get-trial form .terms a,
#signup-custom form .terms a {
  color: #60607a;
  font-family: 'Inter Regular', sans-serif;
}
#get-trial form .submit,
#signup-custom form .submit {
  padding: 24px 0 0 0;
  display: flex;
}
#get-trial form .submit .button,
#signup-custom form .submit .button {
  background: #303181;
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 56px;
  padding: 0 24px;
  line-height: 150%;
  text-align: center;
  font-size: 16px;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#get-trial form .submit .button.loader,
#signup-custom form .submit .button.loader {
  padding-top: 0;
}
#get-trial form .submit .button.loader span,
#signup-custom form .submit .button.loader span {
  display: none;
}
#get-trial form .submit .button.loader .sui-loader,
#signup-custom form .submit .button.loader .sui-loader {
  display: block;
  margin: 0 auto;
  top: calc((100% - 48px)/2);
  width: 48px;
  height: 48px;
}
#get-trial form .submit .button.orange,
#signup-custom form .submit .button.orange {
  background: #e1300f;
}
#get-trial form .no-card,
#signup-custom form .no-card {
  font-size: 12px;
  text-align: center;
  padding: 16px 0 0 0;
}
#get-trial form .close,
#signup-custom form .close {
  text-decoration: none;
  cursor: pointer;
  top: 25px;
  transition: opacity 0.5s;
  right: 25px;
  position: absolute;
}
#get-trial.open,
#signup-custom.open {
  opacity: 1;
}
#get-trial.open.hide-loader:after,
#signup-custom.open.hide-loader:after {
  opacity: 0;
}
#get-trial.open.hide-loader form,
#signup-custom.open.hide-loader form {
  opacity: 1;
}
.no-touch #get-trial form .social button:hover,
.no-touch #signup-custom form .social button:hover,
.no-touch #get-trial form .social button:active,
.no-touch #signup-custom form .social button:active {
  background: #f7f7f8;
}
.no-touch #get-trial form .list ul li .sui-input:hover:before,
.no-touch #signup-custom form .list ul li .sui-input:hover:before {
  border-color: #2030c2;
}
.no-touch #get-trial form .list ul li .sui-select .list li:hover,
.no-touch #signup-custom form .list ul li .sui-select .list li:hover {
  background: #f2f2f2;
}
.no-touch #get-trial form .list ul li .sui-select:hover:before,
.no-touch #signup-custom form .list ul li .sui-select:hover:before {
  border-color: #2030c2;
}
.no-touch #get-trial form .terms a:hover,
.no-touch #signup-custom form .terms a:hover {
  color: #2030c2;
}
.no-touch #get-trial form .submit .button:hover,
.no-touch #signup-custom form .submit .button:hover {
  background: #424394;
}
.no-touch #get-trial form .submit .button:active,
.no-touch #signup-custom form .submit .button:active {
  background: #303181;
}
.no-touch #get-trial form .submit .button.orange:hover,
.no-touch #signup-custom form .submit .button.orange:hover {
  background: #f14b24;
}
.no-touch #get-trial form .submit .button.orange:active,
.no-touch #signup-custom form .submit .button.orange:active {
  background: #ba3516;
}
.no-touch #get-trial form .close:hover,
.no-touch #signup-custom form .close:hover {
  opacity: 0.4;
}
@media only screen and (min-width: 656px) {
  #get-trial,
  #signup-custom {
    justify-content: center;
    align-items: center;
    background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/trial/bg-app-en-min.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    background-color: #fff;
    background-size: auto 100%;
  }
  #get-trial:before,
  #signup-custom:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.56);
  }
  #get-trial form,
  #signup-custom form {
    background: #fff;
    position: relative;
    padding: 40px;
    box-shadow: 0 6px 24px rgba(0, 19, 41, 0.24);
    border-radius: 24px;
    box-sizing: border-box;
    flex: 0 1 456px;
  }
  #get-trial form .title h2,
  #signup-custom form .title h2 {
    text-align: left;
    line-height: 150%;
    font-size: 24px;
  }
  #get-trial form .title .email,
  #signup-custom form .title .email {
    justify-content: flex-start;
  }
  #get-trial form .title .email span input,
  #signup-custom form .title .email span input {
    line-height: 36px;
    height: 36px;
  }
  #get-trial form .title .email i,
  #signup-custom form .title .email i {
    width: 36px;
    height: 36px;
  }
  #get-trial form .list ul,
  #signup-custom form .list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 248px;
    box-sizing: border-box;
    align-content: flex-start;
  }
  #get-trial form .list ul li,
  #signup-custom form .list ul li {
    flex: 0 1 100%;
  }
  #get-trial form .list ul li .sui-select .list,
  #signup-custom form .list ul li .sui-select .list {
    display: none;
    min-height: auto;
  }
  #get-trial form .list ul li.half,
  #signup-custom form .list ul li.half {
    flex: 0 1 200px;
  }
  #get-trial form .list ul li.use .sui-select .list,
  #signup-custom form .list ul li.use .sui-select .list {
    min-height: 248px;
    width: 366px;
    right: 0;
    left: auto;
  }
  #signup-custom form .list ul {
    min-height: auto;
  }
}
@media only screen and (min-width: 1152px) {
  #get-trial,
  #signup-custom {
    background-image: url('//prod-8f86.kxcdn.com/s1/web-2020/images/trial/bg-app-en.jpg');
    background-size: 100% auto;
  }
}
#iframe .sui-modal-content,
#contact-sales-hs .sui-modal-content,
#iframe .in,
#contact-sales-hs .in {
  overflow: scroll;
  padding: 48px 24px 32px 24px;
  text-align: left;
}
#iframe .sui-modal-content h1,
#contact-sales-hs .sui-modal-content h1,
#iframe .in h1,
#contact-sales-hs .in h1,
#iframe .sui-modal-content h2,
#contact-sales-hs .sui-modal-content h2,
#iframe .in h2,
#contact-sales-hs .in h2 {
  padding: 0 0 24px 0;
  color: #000;
  text-align: left !important;
}
#iframe .sui-modal-content h1 br,
#contact-sales-hs .sui-modal-content h1 br,
#iframe .in h1 br,
#contact-sales-hs .in h1 br,
#iframe .sui-modal-content h2 br,
#contact-sales-hs .sui-modal-content h2 br,
#iframe .in h2 br,
#contact-sales-hs .in h2 br {
  display: none;
}
#iframe .sui-modal-content p,
#contact-sales-hs .sui-modal-content p,
#iframe .in p,
#contact-sales-hs .in p {
  text-align: left !important;
}
#iframe .sui-modal-content p span,
#contact-sales-hs .sui-modal-content p span,
#iframe .in p span,
#contact-sales-hs .in p span {
  color: #000 !important;
}
#iframe .sui-modal-content p a,
#contact-sales-hs .sui-modal-content p a,
#iframe .in p a,
#contact-sales-hs .in p a {
  color: #2030c2;
  text-decoration: underline;
}
#iframe .sui-modal-content p a span,
#contact-sales-hs .sui-modal-content p a span,
#iframe .in p a span,
#contact-sales-hs .in p a span {
  color: #2030c2 !important;
  transition: color 0.5s;
}
#iframe .sui-modal-content p a:hover,
#contact-sales-hs .sui-modal-content p a:hover,
#iframe .in p a:hover,
#contact-sales-hs .in p a:hover {
  color: #000;
}
#iframe .sui-modal-content p a:hover span,
#contact-sales-hs .sui-modal-content p a:hover span,
#iframe .in p a:hover span,
#contact-sales-hs .in p a:hover span {
  color: #000 !important;
}
#iframe .sui-modal-content .hs-form,
#contact-sales-hs .sui-modal-content .hs-form,
#iframe .in .hs-form,
#contact-sales-hs .in .hs-form {
  padding: 16px 0 0 0;
  color: #000;
}
#iframe .sui-modal-content .hs-form .form-columns-0 .hs-richtext p,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-0 .hs-richtext p,
#iframe .in .hs-form .form-columns-0 .hs-richtext p,
#contact-sales-hs .in .hs-form .form-columns-0 .hs-richtext p {
  padding: 16px 0 0 0;
}
#iframe .sui-modal-content .hs-form .form-columns-0 .hs-richtext p br,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-0 .hs-richtext p br,
#iframe .in .hs-form .form-columns-0 .hs-richtext p br,
#contact-sales-hs .in .hs-form .form-columns-0 .hs-richtext p br {
  display: none;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field label,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field label,
#iframe .in .hs-form .form-columns-1 .hs-form-field label,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field label,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field label,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field label,
#iframe .in .hs-form .form-columns-2 .hs-form-field label,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field label {
  padding: 16px 0 0 0;
  display: block;
  width: 100%;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field label .hs-form-required,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field label .hs-form-required,
#iframe .in .hs-form .form-columns-1 .hs-form-field label .hs-form-required,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field label .hs-form-required,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field label .hs-form-required,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field label .hs-form-required,
#iframe .in .hs-form .form-columns-2 .hs-form-field label .hs-form-required,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field label .hs-form-required {
  color: #e02e23;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input {
  position: relative;
  width: 100%;
  display: block;
  background: #fff;
  box-sizing: border-box;
  margin: 8px 0 0 0;
  padding: 0;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input input,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input input,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input input,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input input,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input textarea,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input textarea,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input textarea,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input textarea,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input select,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input select,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input select,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input select {
  display: block;
  transition: border-color 0.5s;
  border: 1px solid #d7dbe3;
  border-radius: 5px;
  font-family: 'Inter Medium', sans-serif;
  width: 100%;
  height: 48px;
  color: #031647;
  font-size: 14px;
  padding: 0 13px;
  resize: none;
  margin: 0;
  box-sizing: border-box;
  outline: none;
  background: none;
  position: relative;
  box-shadow: none;
  z-index: 1;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input:hover,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input input:hover,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input input:hover,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input:hover,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input input:hover,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input input:hover,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea:hover,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input textarea:hover,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input textarea:hover,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea:hover,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input textarea:hover,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input textarea:hover,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select:hover,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input select:hover,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input select:hover,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select:hover,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select:hover,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input select:hover,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input select:hover,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input input:focus,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input input:focus,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input input:focus,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input input:focus,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input input:focus,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input input:focus,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea:focus,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input textarea:focus,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input textarea:focus,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea:focus,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input textarea:focus,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input textarea:focus,
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input select:focus,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input select:focus,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input select:focus,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select:focus,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input select:focus,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input select:focus,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input select:focus {
  border-color: #424394;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .input textarea,
#iframe .in .hs-form .form-columns-1 .hs-form-field .input textarea,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .input textarea,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .input textarea,
#iframe .in .hs-form .form-columns-2 .hs-form-field .input textarea,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .input textarea {
  height: 120px;
  padding: 13px;
  line-height: 130%;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs,
#iframe .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs,
#iframe .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs {
  padding: 0;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li,
#iframe .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li,
#iframe .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li {
  padding: 0;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li:before,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li:before,
#iframe .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li:before,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li:before,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li:before,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li:before,
#iframe .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li:before,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li:before {
  display: none;
}
#iframe .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li label,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li label,
#iframe .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li label,
#contact-sales-hs .in .hs-form .form-columns-1 .hs-form-field .hs-error-msgs li label,
#iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li label,
#contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li label,
#iframe .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li label,
#contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field .hs-error-msgs li label {
  padding: 6px 0 0 0;
  width: 100%;
  font-size: 12px;
  color: #e02e23;
  line-height: 130%;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-richtext,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-richtext,
#iframe .in .hs-form .legal-consent-container .hs-richtext,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-richtext {
  padding: 16px 0 0 0;
  font-size: 12px;
  line-height: 130%;
  color: rgba(0, 0, 0, 0.75);
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field {
  margin: 0;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input {
  margin: 0;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list {
  padding: 0;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox {
  padding: 0;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox:before,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox:before,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox:before,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox:before {
  display: none;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label {
  margin: 16px 0 0 0;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label input,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label input,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label input,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label input {
  cursor: pointer;
  width: 16px;
  height: 16px;
}
#iframe .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label span,
#contact-sales-hs .sui-modal-content .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label span,
#iframe .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label span,
#contact-sales-hs .in .hs-form .legal-consent-container .hs-dependent-field .hs-form-field .input .inputs-list .hs-form-booleancheckbox label span {
  cursor: pointer;
  line-height: 130%;
  font-size: 12px;
  padding: 1px 0 0 0;
  color: #000;
  margin: 0;
  flex: 0 1 calc(100% - 24px);
}
#iframe .sui-modal-content .hs-form .hs_error_rollup,
#contact-sales-hs .sui-modal-content .hs-form .hs_error_rollup,
#iframe .in .hs-form .hs_error_rollup,
#contact-sales-hs .in .hs-form .hs_error_rollup {
  display: none;
}
#iframe .sui-modal-content .hs-form .hs-submit,
#contact-sales-hs .sui-modal-content .hs-form .hs-submit,
#iframe .in .hs-form .hs-submit,
#contact-sales-hs .in .hs-form .hs-submit {
  padding: 16px 0 0 0;
}
#iframe .sui-modal-content .hs-form .hs-submit .actions,
#contact-sales-hs .sui-modal-content .hs-form .hs-submit .actions,
#iframe .in .hs-form .hs-submit .actions,
#contact-sales-hs .in .hs-form .hs-submit .actions {
  text-align: right;
}
#iframe .sui-modal-content .hs-form .hs-submit .actions input,
#contact-sales-hs .sui-modal-content .hs-form .hs-submit .actions input,
#iframe .in .hs-form .hs-submit .actions input,
#contact-sales-hs .in .hs-form .hs-submit .actions input {
  border-radius: 10px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  outline: none;
  border: 0;
  text-align: center;
  font-size: 16px;
  background: #303181;
  transition: background 0.5s;
  font-family: 'Inter SemiBold', sans-serif;
  cursor: pointer;
  box-sizing: border-box;
  letter-spacing: -0.01em;
  color: #fff;
}
#iframe .sui-modal-content .hs-form .hs-submit .actions input:hover,
#contact-sales-hs .sui-modal-content .hs-form .hs-submit .actions input:hover,
#iframe .in .hs-form .hs-submit .actions input:hover,
#contact-sales-hs .in .hs-form .hs-submit .actions input:hover {
  background: #424394;
}
#iframe .sui-modal-content .hs-form .hs-submit .actions input:focus,
#contact-sales-hs .sui-modal-content .hs-form .hs-submit .actions input:focus,
#iframe .in .hs-form .hs-submit .actions input:focus,
#contact-sales-hs .in .hs-form .hs-submit .actions input:focus {
  background: #303181;
}
#iframe .close,
#contact-sales-hs .close {
  position: absolute;
  z-index: 1;
  cursor: pointer;
  right: 16px;
  top: 16px;
  opacity: 0;
  transition: opacity 0.5s;
  text-decoration: none;
  background: #fff;
}
#contact-sales-hs .in {
  padding: 0 24px 64px 24px;
}
#contact-sales-hs .in h1,
#contact-sales-hs .in h2 {
  text-align: center !important;
  font-family: 'Inter Bold', sans-serif;
  line-height: 121%;
  font-size: 37px !important;
  padding: 48px 0 0 0;
  letter-spacing: -0.03em;
}
#contact-sales-hs .in h1 strong,
#contact-sales-hs .in h2 strong {
  font-family: 'Inter Bold', sans-serif;
}
#contact-sales-hs .in .hs-form {
  padding: 0;
}
#contact-sales-hs .in .hs-form .form-columns-0:nth-child(2) .hs-richtext {
  padding: 0 0 24px 0;
}
#contact-sales-hs .in .hs-form .form-columns-0:nth-child(2) .hs-richtext p {
  font-size: 16px;
  line-height: 175%;
  text-align: center !important;
}
@media only screen and (min-width: 480px) {
  #iframe .sui-modal-content h1,
  #contact-sales-hs .sui-modal-content h1,
  #iframe .in h1,
  #contact-sales-hs .in h1,
  #iframe .sui-modal-content h2,
  #contact-sales-hs .sui-modal-content h2,
  #iframe .in h2,
  #contact-sales-hs .in h2 {
    width: 400px;
    margin: 0 auto;
  }
  #iframe .sui-modal-content .hs-form,
  #contact-sales-hs .sui-modal-content .hs-form,
  #iframe .in .hs-form,
  #contact-sales-hs .in .hs-form {
    width: 400px;
    padding: 24px 0 0 0;
    margin: 0 auto;
  }
  #iframe .sui-modal-content .hs-form .form-columns-2,
  #contact-sales-hs .sui-modal-content .hs-form .form-columns-2,
  #iframe .in .hs-form .form-columns-2,
  #contact-sales-hs .in .hs-form .form-columns-2 {
    justify-content: space-between;
    display: flex;
  }
  #iframe .sui-modal-content .hs-form .form-columns-2 .hs-form-field,
  #contact-sales-hs .sui-modal-content .hs-form .form-columns-2 .hs-form-field,
  #iframe .in .hs-form .form-columns-2 .hs-form-field,
  #contact-sales-hs .in .hs-form .form-columns-2 .hs-form-field {
    width: auto;
    flex: 0 1 48%;
  }
  #contact-sales-hs .in {
    width: 100%;
  }
  #contact-sales-hs .in h1,
  #contact-sales-hs .in h2 {
    width: 100%;
  }
  #contact-sales-hs .in .hs-form {
    padding: 0;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  #iframe .sui-modal-content,
  #contact-sales-hs .sui-modal-content,
  #iframe .in,
  #contact-sales-hs .in {
    max-height: 80%;
    padding: 48px 48px 56px 48px;
    width: 656px;
    height: auto;
  }
  #iframe .sui-modal-content h1,
  #contact-sales-hs .sui-modal-content h1,
  #iframe .in h1,
  #contact-sales-hs .in h1,
  #iframe .sui-modal-content h2,
  #contact-sales-hs .sui-modal-content h2,
  #iframe .in h2,
  #contact-sales-hs .in h2 {
    width: 100%;
  }
  #iframe .sui-modal-content .hs-form,
  #contact-sales-hs .sui-modal-content .hs-form,
  #iframe .in .hs-form,
  #contact-sales-hs .in .hs-form {
    width: 100%;
  }
  #iframe .close,
  #contact-sales-hs .close {
    background: none;
    top: calc(10% + 16px);
    right: calc(((100vw - 656px) / 2) + 16px);
  }
  #contact-sales-hs .in {
    width: 700px;
    padding: 0 0 48px 0;
  }
  #contact-sales-hs .in h1,
  #contact-sales-hs .in h2 {
    font-size: 50px !important;
    line-height: 110%;
    padding: 44px 0 0 0;
  }
  #contact-sales-hs .in .hs-form .form-columns-0:nth-child(2) .hs-richtext {
    padding: 0 0 64px 0;
  }
  #contact-sales-hs .in .hs-form .form-columns-0:nth-child(2) .hs-richtext p {
    font-size: 18px;
    line-height: 167%;
  }
  #contact-sales-hs .in .hs-form .hs-submit {
    padding: 32px 0 0 0;
  }
  #contact-sales-hs .in .hs-form .hs-submit .actions {
    text-align: center;
  }
  #contact-sales-hs .in .hs-form .hs-submit .actions input {
    display: inline-flex;
    width: auto;
    min-width: 200px;
  }
}
@media only screen and (min-width: 1152px) {
  #contact-sales-hs .in {
    overflow: visible;
    width: 740px;
  }
  #contact-sales-hs .in h1,
  #contact-sales-hs .in h2 {
    font-size: 56px !important;
    line-height: 100%;
    width: 140%;
    position: relative;
    left: -20%;
    letter-spacing: -0.04em;
  }
}
#not-found {
  border-bottom: 1px solid #e9e9e9;
}
#not-found .in {
  text-align: left;
  color: #000;
  padding: 0 24px 64px 48px;
  font-size: 16px;
}
#not-found .in h1 {
  font-family: 'Inter Bold', sans-serif;
  font-size: 50px;
  line-height: 112%;
  letter-spacing: -0.03em;
  padding: 48px 0 0 0;
}
#not-found .in p {
  padding: 32px 0 0 0;
  line-height: 150%;
}
#not-found .in p.subtitle {
  padding: 8px 0 0 0;
}
#not-found .in p.more span {
  background: #303181;
  color: #fff;
  border-radius: 10px;
  height: 56px;
  display: inline-flex;
  align-items: center;
  font-family: 'Inter SemiBold', sans-serif;
  line-height: 150%;
  transition: background 0.5s;
  letter-spacing: -0.01em;
  padding: 0 24px;
  cursor: pointer;
}
#builder-templates.not-found:after {
  display: none;
}
#builder-templates.not-found .in {
  padding: 0 24px 32px 48px;
}
#builder-templates.not-found .in .content h2 {
  padding: 0;
  margin: 64px 0 0 0;
}
#builder-templates.not-found .in .content h2:before {
  display: none;
}
.no-touch #not-found .in p.more span:hover {
  background: #424394;
}
.no-touch #not-found .in p.more span:active {
  background: #303181;
}
@media only screen and (min-width: 480px) {
  #not-found .in {
    padding-left: 0;
    padding-right: 0;
    width: 400px;
    margin: 0 auto;
  }
  #builder-templates.not-found .in {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) {
  #not-found .in {
    width: 700px;
    padding-top: 32px;
    padding-bottom: 80px;
    text-align: center;
  }
  #builder-templates.not-found .in {
    padding-bottom: 56px;
    border: 0;
  }
}
@media only screen and (min-width: 1152px) {
  #not-found .in h1 {
    font-size: 56px;
  }
}
#country-select {
  position: fixed;
  z-index: 2;
  box-sizing: border-box;
  padding: 10px;
  background: #031647;
  bottom: 10px;
  width: 300px;
  right: 10px;
  border-radius: 5px;
}
#country-select label {
  display: block;
  width: 100%;
}
#country-select label select {
  width: 100%;
}
.datepicker-container ul li:before {
  display: none;
}
/*# sourceMappingURL=project.css.map */