.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

h1 {
  margin-top: 40px;
  margin-bottom: 24px;
  font-size: 64px;
  font-weight: 700;
  line-height: 72px;
}

h2 {
  margin-top: 40px;
  margin-bottom: 16px;
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}

h3 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  display: block;
}

h4 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

h5 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
}

h6 {
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: block;
}

p {
  margin-top: 16px;
  margin-bottom: 16px;
  padding-right: 24px;
  font-size: 17px;
  line-height: 28px;
}

a {
  background-color: rgba(221, 221, 221, 0);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 8px;
  padding-left: 40px;
  display: block;
}

ol {
  margin-top: 0;
  margin-bottom: 8px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  margin-left: 16px;
  margin-right: 13px;
  display: inline-block;
}

blockquote {
  border-left: 3px solid #f83f5a;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 8px 24px;
  font-size: 22px;
  line-height: 32px;
}

figure {
  margin-top: 32px;
  margin-bottom: 32px;
}

figcaption {
  color: #777;
  text-align: left;
  margin-top: 9px;
  font-size: 14px;
  line-height: 20px;
}

.body {
  color: #111;
  background-color: #36363c;
  font-family: Harmonyos sans, sans-serif;
  font-size: 17px;
  line-height: 28px;
}

.section {
  text-align: center;
  background-color: #f8f8f8;
  padding: 100px 56px;
  position: relative;
  overflow: hidden;
}

.section.grey-section {
  height: 20%;
  background-color: rgba(255, 255, 255, .08);
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.grey-section.general-summary {
  height: 40%;
  background-color: #3898ec;
  justify-content: center;
  align-items: center;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
}

.section.grey-section.general-summary._222 {
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.grey-section.general-summary._222._234 {
  height: auto;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  position: static;
}

.section.grey-section.general-summary.dghh {
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.grey-section.general-summary.dghh.influencer {
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .47), rgba(0, 0, 0, .47)), url('../images/influnencer-2222.jpg');
  background-position: 0 0, 50% 60%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.grey-section.general-summary.moblie {
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.grey-section._333 {
  background-color: #f8f8f8;
  margin-bottom: -25px;
}

.section.grey-section.dsfsd {
  padding-top: 46px;
  padding-bottom: 100px;
}

.section.grey-section.dsf {
  height: auto;
  color: #000;
  background-color: rgba(56, 152, 236, .1);
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
  position: static;
}

.section.grey-section.pub1 {
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section.grey-section.pub1.influnencer {
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.no-side-paddings {
  padding-left: 0;
  padding-right: 0;
}

.section.no-bottom-padding {
  padding-bottom: 0;
}

.section.no-top-padding {
  padding-top: 0;
}

.section.no-top-padding.no-bottom-padding {
  background-color: #f8f8f8;
}

.section.no-paddings {
  padding: 0;
}

.section.estimate-image-section {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/joanna-kosinska-346599.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-left: 0;
}

.section.brands-section {
  padding-top: 56px;
  padding-bottom: 56px;
  overflow: hidden;
}

.section.brands-section.pb {
  background-color: #f8f8f8;
  display: none;
  overflow: visible;
}

.section.brands-section.pb.shouye {
  background-color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.section.brands-section.pb.shouye.publishers {
  background-color: #f8f8f8;
}

.section.brands-section.pb.shouye.publishers.dsf {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.section.steps-section {
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .65), rgba(0, 0, 0, .65)), url('../images/haidan-244C6ETVTwo-unsplash.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-y;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  transition: opacity .2s;
  display: block;
}

.section.facts-light-bg-section {
  background-image: url('../images/christian-perner-329584.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.cta-section {
  background-image: linear-gradient(rgba(17, 17, 17, .4), rgba(17, 17, 17, .4)), url('../images/sasha-instagram-com-sanfrancisco-134404.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.brands-bg-section {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/ren-ran-168328.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 56px;
  padding-bottom: 56px;
}

.section.cta-section {
  background-color: #f8f8f8;
  background-image: url('../images/like-bg-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 340px;
}

.section.cta-bg-section {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/stephan-valentin-345970.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.side-image-section {
  height: 550px;
  background-image: url('../images/画板-262x.png');
  background-position: 0 0;
  background-size: auto;
  justify-content: flex-end;
  padding: 0;
  display: flex;
}

.section.side-image-section.reversed {
  flex-direction: row-reverse;
}

.section.side-image-section.new {
  height: auto;
  background-color: rgba(187, 187, 187, .06);
  background-image: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.section.testimonials-section {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/christin-hume-309876.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.skills-bg-section-2 {
  color: #fff;
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/luke-chesser-2347.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.side-content-section {
  padding: 0;
  display: flex;
}

.section.facts-dark-bg-section {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/domenico-loia-298642.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.facts-v1-section {
  background-image: linear-gradient(rgba(17, 17, 17, .6), rgba(17, 17, 17, .6)), url('../images/nastuh-abootalebi-284883.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.estimate-grey-section {
  background-color: #f8f8f8;
}

.section.skills-bg-section-1 {
  color: #fff;
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/tran-mau-tri-tam-50424.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.section.overflow {
  overflow: visible;
}

.section.brands {
  background-color: #fff;
  margin-top: -120px;
  padding-top: 20px;
  padding-bottom: 0;
  display: block;
}

.section.how-it-work {
  height: 70%;
  max-height: 70%;
  min-height: 40%;
  background-color: #fff;
  margin-top: 0;
  margin-left: 0;
  padding: 60px 85px 20px;
  display: block;
}

.section.how-it-work.df {
  margin-top: -48px;
}

.section.how-it-work.df.dsf {
  margin-top: -230px;
}

.section.how-it-work.df.dsad {
  margin-top: -70px;
}

.section.how-it-work.df.dsad.dsfds {
  background-color: #fff;
  margin-top: auto;
  padding-top: 0;
  padding-bottom: 0;
}

.section.how-it-work.df.dsad.dsfds.homemanagedesk {
  height: 70%;
  max-height: 70%;
  min-height: 40%;
  margin-top: 0;
  padding-top: 140px;
}

.section.how-it-work.df.dsad.dsfds.homemanagedesk._1333 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.how-it-work.df.sad {
  text-align: right;
  background-color: #fff;
  margin-top: -140px;
  padding-top: 0;
  padding-bottom: 0;
}

.section.how-it-work.df {
  margin-top: -170px;
  padding-top: 0;
}

.section.how-it-work.df.fgg {
  margin-top: auto;
}

.section.how-it-work.df.fgg.homemonitordesk {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.how-it-work.df {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.section.how-it-work.df.last {
  height: auto;
  max-height: none;
  margin-bottom: 32px;
}

.section.how-it-work.brand {
  display: none;
}

.section.how-it-work.sfs {
  background-color: #fff;
  margin-top: 0;
}

.section.how-it-work.sfs.hometrackdesl {
  height: 480px;
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.how-it-work.sfs.homemeasuredesk {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.how-it-work.sfs.homepaydesk {
  margin-top: 0;
  margin-bottom: 88px;
  padding-top: 100px;
}

.section.how-it-work._1111222 {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.brand {
  display: none;
}

.section.brand._22 {
  padding-bottom: 110px;
  display: block;
}

.section.brand._22.df {
  margin-right: 10px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section.sdfds {
  margin-top: -280px;
}

.section.sdfds.fgfg {
  margin-top: -200px;
}

.section.sdfds.fgfg.home1920why {
  margin-top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}

.section._777 {
  padding-top: 100px;
  padding-bottom: 60px;
}

.section._777.influnencer {
  height: auto;
  perspective: 863px;
  background-color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/influencer.png');
  background-position: 0 0, 40% 60%;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 70px;
  padding: 100px 0;
  display: flex;
  position: static;
  overflow: visible;
}

.wrapper {
  height: auto;
  max-width: 1200px;
  min-height: auto;
  object-fit: fill;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding-bottom: 0;
  display: flex;
  transform: translate(0);
}

.wrapper.hero-side-wrapper {
  height: 100vh;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.wrapper._12 {
  height: auto;
  flex-direction: column;
}

.wrapper.moblie2 {
  margin-bottom: 0;
}

.wrapper.pinban {
  height: auto;
}

.wrapper.moblie {
  margin-bottom: 0;
}

.wrapper.influencr {
  max-width: 90%;
  margin-top: 40px;
}

.wrapper.infl {
  max-width: none;
}

.wrapper.inf {
  max-width: 100%;
  perspective: 1300px;
  transition: transform .3s;
  display: none;
}

.wrapper.inf:hover {
  transform: none;
}

.button {
  height: 48px;
  background-color: #3898ec;
  border-radius: 30px;
  margin-top: 33px;
  margin-left: 216px;
  padding: 11px 24px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  transition: background-color .2s;
}

.button:hover {
  background-color: #ffb567;
}

.button.posts-v3-button {
  margin-top: 80px;
}

.button.form-button {
  border-radius: 50px;
  margin-top: 40px;
  margin-left: 0;
}

.button.sidebar-subscribe-button {
  padding-top: 8px;
}

.button.pricing-table-button {
  margin-top: 40px;
}

.button.top-margin {
  margin-top: 16px;
  margin-left: 0;
}

.button.margin-left-right {
  width: 120%;
  text-align: left;
  background-color: #3898ec;
  border-radius: 60px;
  flex-direction: row;
  flex: none;
  order: 0;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  margin-top: 50px;
  margin-left: -30px;
  margin-right: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Lato, sans-serif;
  display: block;
  position: relative;
  top: -80px;
  left: -300px;
}

.button.margin-left-right.b11 {
  flex: 0 auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 12px 30px;
  font-family: Harmonyos sans, sans-serif;
  position: static;
}

.button.margin-left-right.b11:hover {
  background-color: #ffbb41;
}

.button.sdas {
  height: auto;
  margin-top: 0;
  margin-left: 0;
  padding: 12px 30px;
  font-size: 20px;
  line-height: 36px;
}

.button._1233 {
  margin-left: 0;
}

.nav-bar {
  z-index: 200;
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  align-items: center;
  padding-left: 56px;
  padding-right: 56px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.logo-link {
  height: 80px;
  justify-content: center;
  align-items: center;
  padding-top: 4px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.nav-link {
  height: 80px;
  color: #111;
  padding: 28px 20px 27px;
  font-size: 14px;
  line-height: 24px;
  transition: color .15s;
}

.nav-link:hover {
  color: #f83f5a;
}

.nav-link.w--current {
  color: #111;
}

.nav-link.dropdown {
  padding-right: 32px;
}

.nav-link.nav-link-white {
  color: #fff;
}

.divider {
  width: 70px;
  height: 3px;
  background-color: #ffb567;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
}

.divider.center {
  background-color: #5fa0f5;
  margin-top: 0;
  margin-bottom: 20px;
  display: block;
}

.divider.sdfds {
  margin-left: -240px;
}

.divider.sdfds.new {
  margin-top: 10px;
  margin-bottom: 40px;
  margin-left: 0;
}

.section-header-wrapper {
  width: auto;
  max-width: none;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px auto 0;
  padding-bottom: 0;
  display: flex;
}

.section-header-wrapper.whyhome1920 {
  margin-top: 0;
  margin-bottom: 0;
}

.section-header-wrapper.homemanage1440 {
  flex-wrap: nowrap;
  align-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.section-header-wrapper.influn {
  max-width: 900px;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
}

.section-header-wrapper.infl {
  background-image: linear-gradient(rgba(0, 0, 0, .09), rgba(0, 0, 0, .09)), url('../images/The-Power-of-Influencers.png');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  margin-top: 0;
  padding-top: 0;
}

.section-header {
  width: 380px;
  height: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.section-header.section-header-left {
  max-width: 50%;
  min-width: 100%;
  text-align: left;
  margin-left: 15px;
  font-size: 36px;
  font-weight: 700;
}

.section-header.section-header-left.dsg {
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 0;
}

.section-header._11 {
  flex-flow: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 55px;
  display: flex;
}

.section-header.dsf {
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  margin-left: -390px;
  margin-right: auto;
  display: flex;
}

.section-header.dsf.new {
  height: auto;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 0 10px;
  font-size: 32px;
  line-height: 40px;
  display: block;
}

.section-header.sdf.fdf {
  justify-content: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 32px;
  line-height: 40px;
}

.section-header.blue {
  width: auto;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0;
}

.section-header.dsfg.inf {
  width: auto;
  margin-bottom: 40px;
}

.section-header.dsfg.pub {
  margin-bottom: 20px;
}

.section-description {
  width: 520px;
  height: auto;
  color: #999;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
}

.section-description._222 {
  height: auto;
  margin-bottom: 0;
}

.section-description._3242 {
  width: 420px;
  height: auto;
  color: #999;
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
}

.section-description._35435 {
  height: auto;
}

.section-description.uuu {
  font-size: 17px;
}

.white-text {
  color: #fff;
}

.paragraph-small {
  color: #999;
  font-size: 14px;
  line-height: 24px;
}

.paragraph-small.white-text {
  color: #fff;
}

.paragraph-small.last {
  font-size: 14px;
  font-weight: 300;
}

.paragraph-small.home1920zuo {
  color: #5e6673;
  font-size: 14px;
  font-weight: 300;
}

.grey-section {
  text-align: center;
  background-color: #f8f8f8;
}

.team {
  width: 80vw;
  height: 350px;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.team-member {
  max-width: 300px;
  text-align: center;
  flex-grow: 1;
  flex-basis: 25%;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.team-member-photo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  justify-content: center;
  align-items: flex-end;
  transition: box-shadow .3s;
  display: flex;
  position: static;
}

.team-member-photo:hover {
  box-shadow: inset 0 0 0 500px rgba(46, 50, 60, .2);
}

.rich-text-content {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.side-image-50 {
  width: 50%;
  min-height: 600px;
  background-color: #e4e4e4;
  justify-content: center;
  align-items: center;
  display: flex;
}

.side-image-50.image-1 {
  background-image: url('../images/rawpixel-com-334369.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image-50.image-2 {
  background-image: url('../images/carl-heyerdahl-181868.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image-50.image-4 {
  background-image: url('../images/domenico-loia-298642.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image-50.image-3 {
  background-image: url('../images/rawpixel-com-191157.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-content-wrapper-50 {
  max-width: 600px;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-label {
  color: #111;
  text-align: left;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
}

.form-label.message {
  margin-left: -508px;
}

.form-label.sub {
  width: 200px;
}

.input {
  width: 263.398px;
  height: 48px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  margin-bottom: 24px;
  padding-top: 6px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px;
  line-height: 24px;
  transition: border-color .3s;
}

.input:focus {
  border-color: #ddd;
}

.input.text-area {
  height: auto;
  min-height: 120px;
  padding-top: 16px;
}

.input.text-area.big {
  width: 560px;
  min-height: 184px;
}

.input.footer-input {
  margin-bottom: 0;
  margin-right: -1px;
}

.input.password-input {
  text-align: center;
}

.input.url {
  width: 560px;
}

.footer-logo {
  margin-top: 10px;
  margin-bottom: -16px;
  padding: 22px 15px 22px 0;
  display: block;
}

.footer-bottom {
  width: 100%;
  color: #777;
  border-top: 1px solid #ddd;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 64px;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 12px;
  line-height: 24px;
  display: flex;
}

.footer-bottom-text-left {
  text-align: left;
  flex: 1;
  margin-right: 24px;
  display: inline;
}

.footer-bottom-link {
  color: #111;
}

.footer-bottom-link:hover {
  text-decoration: underline;
}

.footer-bottom-link-right {
  color: #111;
  margin-left: 24px;
}

.footer-bottom-link-right:hover {
  text-decoration: underline;
}

.works-v2 {
  flex-wrap: wrap;
  padding-bottom: 0;
  display: flex;
}

.work-v2 {
  width: 33.3333%;
}

.work-card-v2 {
  display: block;
  position: relative;
  overflow: hidden;
}

.more-link {
  color: #111;
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 20px;
  padding-right: 12px;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.more-link.no-top-margin {
  margin-top: 0;
}

.more-link._11 {
  margin-top: 10px;
  position: static;
}

.more-link._22 {
  margin-top: 20px;
}

.more-link._33, .more-link._33.df {
  margin-top: 10px;
}

.post-v2 {
  width: 50%;
  flex-direction: row;
  padding: 15px;
  display: flex;
}

.blog-posts-v2 {
  flex-wrap: wrap;
  margin-bottom: -48px;
  display: flex;
}

.category {
  height: 24px;
  color: #111;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  background-color: #fff;
  padding-top: 4px;
  padding-left: 10px;
  padding-right: 8px;
  font-size: 8px;
  font-weight: 700;
  line-height: 16px;
  display: inline-block;
}

.category.post-card-v3-category {
  z-index: 1;
  margin: 40px;
  position: absolute;
  top: 0;
  right: 0;
}

.category.team-member-role {
  margin: 318px 13px 16px 16px;
  position: absolute;
  top: 0;
  right: 0;
}

.hero-slider-section {
  height: 100vh;
  background-color: #111;
}

.hero-slider-nav {
  height: 64px;
  font-size: 9px;
  line-height: 52px;
}

.hero-slide {
  justify-content: center;
  align-items: center;
  display: inline-block;
}

.hero-slide.hero-slide-1 {
  background-image: linear-gradient(rgba(17, 17, 17, .6), rgba(17, 17, 17, .6)), url('../images/climate-kic-350836.jpg');
  background-position: 0 0, 50%;
}

.hero-slide.hero-slide-3 {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/rawpixel-com-296612.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
}

.hero-slide.hero-slide-2 {
  background-image: linear-gradient(rgba(17, 17, 17, .6), rgba(17, 17, 17, .6)), url('../images/domenico-loia-310197.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.hero-slide-content {
  height: 100%;
  max-width: 770px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: auto;
  padding-bottom: 40px;
  display: flex;
}

.side-frame {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.side-frame.reversed {
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
}

.side-frame.reversed.fdh {
  align-self: auto;
  align-items: center;
  margin-bottom: 48px;
  margin-left: 0;
  padding-left: 0;
  display: flex;
}

.side-frame.reversed.fdh.fdg {
  margin-top: 14px;
}

.side-frame.reversed.qweqe, .side-frame.reversed.hometrack {
  margin-top: 0;
}

.side-frame.reversed.qwqw {
  align-items: center;
  margin-left: 0;
  padding-left: 0;
}

.side-content-small {
  width: 50%;
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 8.33333%;
  margin-right: 8.33333%;
  padding-left: 0;
  padding-right: 0;
  font-weight: 400;
  display: flex;
  position: static;
  top: -30px;
}

.side-content-small._222 {
  width: 100%;
  min-width: 100%;
  align-items: center;
}

.side-content-small.mobile {
  margin-top: -34px;
  position: static;
  top: -10px;
}

.side-content-small.influ {
  width: 770px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.side-feature-media {
  width: auto;
  flex: 0 auto;
  margin-left: 60px;
  margin-right: 15px;
  padding-top: 0;
  padding-bottom: 0;
}

.side-feature-media.fdgh.fdgg {
  width: 270px;
  margin-left: 0;
  margin-right: 40px;
  padding-bottom: 10px;
}

.side-feature-media.fdgfdg {
  padding-bottom: 0;
}

.side-feature-media.mobile {
  margin-left: 40px;
}

.feature-cards {
  flex-wrap: wrap;
  margin-bottom: -30px;
  padding-top: 4px;
  display: flex;
}

.feature-card {
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  flex-grow: 1;
  flex-basis: 30%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 76px 40px 64px;
  box-shadow: 0 -4px #ffb567;
}

.no-bottom-padding {
  padding-bottom: 0;
}

.side-map {
  width: 50%;
  height: 640px;
  flex: 0 auto;
}

.footer-about {
  width: 33.3333%;
  color: #777;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 9%;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.footer {
  text-align: left;
  flex-wrap: wrap;
  padding-top: 40px;
  display: flex;
}

.footer-nav {
  width: 16.6667%;
  flex-direction: column;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.footer-link {
  color: #5e6673;
  font-size: 14px;
  font-weight: 300;
  line-height: 36px;
  display: block;
}

.footer-link:hover {
  text-decoration: underline;
}

.footer-link.terms-of-use {
  display: none;
}

.footer-subscribe {
  flex: 1;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  line-height: 20px;
}

.footer-subscribe-form {
  margin-bottom: 16px;
  padding-top: 12px;
  display: flex;
}

.works-v4 {
  flex-wrap: wrap;
  margin-top: -15px;
  margin-bottom: -15px;
  display: flex;
}

.work-v4 {
  width: 50%;
  padding: 15px;
}

.work-card-v4 {
  background-color: #bbb;
  display: block;
  position: relative;
  overflow: hidden;
}

.work-card-info {
  color: #fff;
  text-align: center;
  background-color: rgba(17, 17, 17, .2);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 40px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 3px 9px rgba(46, 50, 60, .18);
}

.testimonials-slider {
  width: 100%;
  height: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  display: block;
}

.review-slide {
  text-align: center;
  padding-left: 16.66%;
  padding-right: 16.66%;
  font-size: 14px;
  line-height: 24px;
}

.quote-icon {
  margin-bottom: 8px;
}

.slider-arrow-wrapper {
  width: 96px;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
  top: 0;
  bottom: 0;
}

.slider-arrow-wrapper.hero-arrow {
  width: 128px;
  justify-content: center;
}

.wide-map {
  height: 400px;
}

.blog-posts-v1 {
  flex-wrap: wrap;
  margin-bottom: -40px;
  display: flex;
}

.post-v1 {
  width: 33.33%;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.post-card {
  width: 100%;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.post-card-info {
  color: #111;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 28px 20px 24px;
  position: relative;
}

.post-card-header {
  flex: 0 auto;
  margin-top: 2px;
  margin-bottom: 0;
}

.hero-section {
  height: 100vh;
  background-color: #fff;
  justify-content: flex-end;
  padding: 80px 56px 40px;
  display: flex;
  position: relative;
}

.hero-section.hero-split-section {
  justify-content: space-between;
  align-items: stretch;
  padding-right: 40px;
}

.hero-section.hero-dark-image-section {
  background-color: #fbfbfb;
  background-image: linear-gradient(rgba(0, 0, 0, .59), rgba(0, 0, 0, .59)), url('../images/lQDPDhtPZy-KV4LNEnbNINCwLKiwlXsM5kgCUsRlSoA8AA_8400_4726.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -200px;
  padding-bottom: 0;
  position: relative;
}

.hero-section.hero-dark-image-section.brandtoutu {
  height: auto;
  background-image: linear-gradient(rgba(47, 47, 47, .68), rgba(47, 47, 47, .68)), url('../images/banner-toutu.jpg');
  margin-top: 70px;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  position: static;
}

.hero-section.hero-light-image-section {
  background-image: url('../images/bench-accounting-49909.jpg');
  background-position: 50% 70%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  border-bottom: 4px solid #ffb567;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.hero-section.hero-light-bg-section {
  height: 90vh;
  text-align: center;
  background-color: rgba(56, 152, 236, .2);
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 230px;
  position: relative;
}

.hero-section.hero-light-bg-section.fdsg {
  height: 70vh;
  margin-top: 0;
  margin-bottom: 0;
  padding: 100px 0;
}

.hero-section.hero-side-bg-section {
  height: auto;
  color: #fff;
  background-color: #111;
  background-image: linear-gradient(rgba(17, 17, 17, .8), rgba(17, 17, 17, .8)), url('../images/dmitri-popov-307258.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.hero-section.hero-side-image-section {
  height: auto;
  color: #fff;
  background-image: linear-gradient(rgba(17, 17, 17, .4), rgba(17, 17, 17, .4)), url('../images/stephan-valentin-345970.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}

.hero-section.video-bg {
  background-color: rgba(17, 17, 17, .45);
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
}

.hero-section.intro {
  height: auto;
  background-image: linear-gradient(rgba(17, 17, 17, .4), rgba(17, 17, 17, .4)), url('../images/stephan-valentin-345970.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: center;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 136px;
}

.hero-split-image {
  width: 50%;
  background-image: url('../images/hero-frame.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 0 auto;
  align-items: center;
  display: flex;
}

.hero-split-content {
  max-width: 600px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 8.33% 100px 15px;
  display: flex;
  position: relative;
}

.works-v5 {
  flex-wrap: wrap;
  margin-bottom: -48px;
  display: flex;
}

.works-v5.bottom-margin {
  margin-bottom: 0;
}

.work-v5 {
  width: 33.33%;
  padding: 15px 15px 43px;
}

.work-card-v5 {
  width: 100%;
  color: #111;
  text-align: left;
  position: relative;
  overflow: hidden;
}

.work-card-v5-header {
  margin-top: 14px;
}

.footer-v4 {
  text-align: left;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 44px;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.footer-v4-about {
  width: 41.66%;
  color: #777;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 8.33%;
  padding-left: 15px;
  padding-right: 8%;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.footer-v2-column {
  flex: 1;
  padding-left: 15px;
  padding-right: 15px;
}

.menu-button.white-menu-button {
  color: #fff;
  justify-content: flex-end;
  align-items: center;
}

.menu-button.white-menu-button.w--open {
  z-index: 110;
  background-color: rgba(0, 0, 0, 0);
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.mouse-icon {
  width: 24px;
  height: 38px;
  border: 2px solid #fff;
  border-radius: 12px;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.scroll-mouse-link {
  z-index: 2;
  max-width: 80px;
  justify-content: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 24px 32px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.mouse-wheel-icon {
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  margin-top: 8px;
}

.contact-popup-window {
  z-index: 1000;
  width: 470px;
  text-align: left;
  background-color: #fff;
  border-top: 4px solid #ffb567;
  margin-bottom: 0;
  padding: 24px 64px 64px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 28px rgba(46, 50, 60, .27);
}

.contact-window-form {
  padding-top: 16px;
}

.page-loader {
  z-index: 1000;
  background-color: #fff;
  background-image: url('../images/图片.gif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40px;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.page-wrapper {
  overflow: hidden;
}

.page-wrapper.overflow {
  overflow: visible;
}

.page-wrapper.contact {
  background-color: #f8f8f8;
}

.nav-dropdown-link {
  color: #111;
  background-color: #fff;
  padding: 12px 24px;
  font-size: 14px;
  line-height: 24px;
  transition: background-color .1s, color .1s;
}

.nav-dropdown-link:hover {
  color: #fff;
  background-color: #f83f5a;
}

.nav-dropdown-link.w--current {
  color: #111;
  font-weight: 700;
}

.nav-dropdown-link.w--current:hover {
  color: #fff;
}

.nav-dropdown-icon {
  color: #a5aab6;
  margin-right: 12px;
  font-size: 13px;
}

.nav-dropdown-list {
  margin-top: -16px;
  margin-left: -5px;
}

.nav-dropdown-list.w--open {
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 5px 18px rgba(46, 50, 60, .09);
}

.nav-menu {
  display: flex;
}

.hero-slide-header {
  margin-bottom: 8px;
}

.page-header-section {
  min-height: 480px;
  color: #fff;
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-top: 48px;
  display: flex;
}

.page-header-section.image-2 {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/damian-patkowski-263191.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.page-header-section.about {
  background-image: linear-gradient(rgba(17, 17, 17, .6), rgba(17, 17, 17, .6)), url('../images/climate-kic-350836.jpg');
  background-position: 0 0, 50% 28%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.page-header-section.image-3 {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/rawpixel-com-323215.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.page-header-section.image-4 {
  height: auto;
  min-height: 250px;
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/rawpixel-com-303965.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  margin-top: 70px;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.page-header-section.light-section {
  color: #111;
  background-color: #fff;
}

.page-header-section.image-1 {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/domenico-loia-310197.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.page-header-section.image-5 {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/joanna-kosinska-346599.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.grey-text {
  width: 80vw;
  height: auto;
  color: #999;
  text-align: center;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  display: block;
}

.grey-text.summary {
  color: #fff;
  margin-top: 41px;
  font-size: 18px;
  font-weight: 700;
}

.grey-text.summary._11 {
  height: auto;
  margin-bottom: 40px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.grey-text._22 {
  margin-bottom: 0;
}

.grey-text._22.influn {
  width: 95vw;
  text-align: left;
}

.grey-text._333 {
  width: auto;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 24px;
}

.grey-text._333.inf {
  width: 80%;
  color: #fff;
  margin-bottom: 40px;
  line-height: 32px;
}

.review-slide-author {
  margin-top: 32px;
  font-size: 16px;
  line-height: 24px;
}

.utility-page-section {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  color: #fff;
  background-color: #f8f8f8;
  background-image: linear-gradient(#050b13, #071f2a);
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
}

.password-window {
  width: 370px;
  color: #000;
  text-align: center;
  background-color: #fff;
  border-top: 4px solid #ffb567;
  flex-direction: column;
  margin-top: 24px;
  padding: 56px;
  display: flex;
  box-shadow: 0 8px 28px rgba(46, 50, 60, .09);
}

.password-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.blog-posts-and-sidebar {
  flex-direction: row;
  justify-content: space-between;
  margin-top: -15px;
  display: flex;
}

.blog-sidebar {
  text-align: left;
  flex: 1;
  padding: 15px;
}

.sidebar-block {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  margin-bottom: 30px;
  padding: 40px;
}

.sidebar-block.subscribe {
  flex-direction: column;
  display: flex;
}

.sidebar-subscribe-header {
  margin-top: 0;
  margin-bottom: 24px;
}

.sidebar-header {
  border-bottom: 1px solid #ddd;
  margin-top: 0;
  margin-bottom: 24px;
  padding-bottom: 16px;
}

.sidebar-category {
  color: #111;
  align-items: center;
  font-size: 15px;
  font-weight: 700;
  line-height: 48px;
  display: flex;
}

.sidebar-category:hover {
  text-decoration: underline;
}

.sidebar-tags {
  flex-wrap: wrap;
  display: flex;
}

.sidebar-tag {
  color: #777;
  margin-right: 16px;
  font-size: 15px;
  line-height: 40px;
}

.sidebar-tag:hover {
  text-decoration: underline;
}

.blog-posts-v2-wrapper {
  width: 66.66%;
  flex: 0 auto;
}

.categories {
  display: flex;
}

.category-filter-link {
  color: #252525;
  margin-left: 20px;
  margin-right: 20px;
  line-height: 32px;
  transition: color .1s;
  display: block;
}

.category-filter-link:hover {
  color: #111;
}

.category-filter-link.w--current {
  color: #111;
  font-weight: 700;
  box-shadow: inset 0 -2px #f83f5a;
}

.categories-filter {
  justify-content: center;
  align-items: center;
  margin-top: -8px;
  margin-bottom: 80px;
  display: flex;
}

.work-card-v5-image {
  z-index: 1;
  margin-bottom: 22px;
  position: relative;
  overflow: hidden;
}

.sidebar-author {
  color: #111;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.sidebar-author:hover {
  text-decoration: underline;
}

.sidebar-author-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 16px;
}

.work-sidebar {
  text-align: left;
  flex: 1;
  margin-left: 8.33%;
  padding-top: 16px;
  padding-bottom: 64px;
  padding-right: 15px;
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: 48px;
}

.work-details {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 40px;
  display: flex;
  overflow: hidden;
}

.work-details-cell {
  border-bottom: 1px solid #e4e4e4;
  flex: 0 auto;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.work-live-link {
  color: #f83f5a;
  display: block;
}

.work-live-link:hover {
  text-decoration: underline;
}

.work-presentation {
  text-align: left;
  margin-bottom: -16px;
}

.work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6 {
  display: block;
}

.work-presentation figure {
  margin-top: 40px;
  margin-bottom: 40px;
}

.work-presentation blockquote, .work-presentation ol, .work-presentation ul {
  display: block;
}

.work-presentation a:hover {
  text-decoration: underline;
}

.work-main-image {
  width: 100%;
  margin-bottom: 24px;
  display: block;
}

.work-content {
  width: 66.66%;
  margin-left: 15px;
}

.form-success {
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
}

.form-success.window-success {
  margin-bottom: -40px;
  padding-left: 24px;
  padding-right: 24px;
}

.form-error {
  color: #f83f5a;
  background-color: rgba(0, 0, 0, 0);
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  line-height: 24px;
}

.form-error.window-error {
  text-align: center;
  padding-left: 24px;
  padding-right: 24px;
}

.post-header-section {
  min-height: 640px;
  color: #fff;
  text-align: center;
  background-color: #111;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 80px;
  padding-bottom: 80px;
  display: flex;
  position: relative;
}

.post-header-info {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 13px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  display: flex;
}

.post-header-wrapper {
  z-index: 1;
  width: 75%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.post-header-overlay {
  background-color: rgba(17, 17, 17, .6);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-post {
  text-align: left;
}

.blog-post h1, .blog-post p, .blog-post h2 {
  width: 77%;
  display: block;
}

.blog-post blockquote {
  width: 77%;
  border-left-color: #f83f5a;
  display: block;
}

.blog-post ul, .blog-post ol {
  width: 77%;
  margin-bottom: 24px;
  display: block;
}

.blog-post h5 {
  width: 77%;
  display: block;
}

.blog-post a {
  color: #f83f5a;
}

.blog-post a:hover {
  text-decoration: underline;
}

.blog-post h6, .blog-post h3, .blog-post h4 {
  width: 77%;
  display: block;
}

.blog-post-wrapper {
  text-align: left;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: -16px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.post-bottom-info {
  width: 66.66%;
  color: #777;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 48px;
  margin-bottom: 16px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.post-bottom-date {
  color: #111;
  margin-left: 4px;
  margin-right: 4px;
}

.post-author-profile {
  width: 240px;
  text-align: center;
  border: 1px solid #e4e4e4;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  margin-right: 60px;
  padding: 48px 32px 40px;
  display: flex;
}

.post-author-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-bottom: 16px;
}

.post-author-name {
  margin-top: 0;
  margin-bottom: 6px;
}

.post-author-link {
  color: #f83f5a;
  margin-top: 16px;
  font-size: 14px;
  line-height: 24px;
  display: inline-block;
}

.post-author-link:hover {
  text-decoration: underline;
}

.faq-list {
  width: 66.66%;
  margin-bottom: -24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.question-block {
  width: 100%;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 20px 32px;
  transition: border-color .2s;
  display: flex;
  overflow: hidden;
}

.question-block:hover {
  border-color: #ffb567;
}

.question {
  color: #111;
  align-items: center;
  display: flex;
}

.question-text {
  flex: 1;
  margin-top: 15px;
  margin-left: 32px;
}

.answer {
  color: #777;
  padding-left: 80px;
  padding-right: 8px;
  display: block;
}

.question-arrow-icon {
  opacity: .51;
  margin-left: 24px;
  margin-right: 8px;
}

.answer-text {
  margin-top: 8px;
}

.pricing {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -30px;
  display: flex;
}

.pricing-table-price {
  color: #ffb567;
  margin-top: 0;
  margin-bottom: 32px;
}

.pricing-table-feature {
  background-color: #fff;
  padding-top: 13px;
  padding-bottom: 11px;
  font-size: 14px;
  line-height: 24px;
  box-shadow: inset 0 1px #ddd, 0 1px #ddd;
}

.popup-wrapper {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.popup-overlay {
  background-color: rgba(17, 17, 17, .5);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.password-icon {
  width: 64px;
  height: 64px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.password-header {
  margin-top: 16px;
  margin-bottom: 32px;
}

.heading-styles {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

.yellow-text {
  width: 690px;
  color: #fff;
  text-align: left;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  line-height: 10px;
}

.hero-dark-image-text {
  width: 80%;
  max-width: 80%;
  min-width: 80%;
  clear: left;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 0;
  padding-right: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 16px;
  line-height: 32px;
  position: static;
  top: -30px;
  left: -40px;
}

.social-icons {
  display: flex;
}

.social-icons.hero-split-icons {
  margin-left: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.social-icons.vertical-right-icons {
  flex-direction: column;
  justify-content: center;
  margin-right: -1px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.social-icons.footer-v2-icons {
  margin-top: 40px;
}

.social-icons.footer-v4-icons {
  margin-top: 16px;
}

.social-icon-box {
  width: 48px;
  height: 48px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  margin-bottom: -1px;
  margin-right: -1px;
  transition: border-color .2s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.vertical-scroll {
  width: 32px;
  height: 80px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.vertical-scroll-text {
  width: 80px;
  color: #111;
  text-align: left;
  margin-bottom: 36px;
  padding-bottom: 2px;
  font-size: 13px;
  font-weight: 700;
  line-height: 20px;
  position: relative;
  transform: rotate(-90deg);
}

.vertical-scroll-text.footer-scroll-text {
  text-align: right;
  top: 36px;
}

.vertical-header {
  width: 56px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.vertical-header.new-work-vertical-header {
  padding-bottom: 120px;
}

.vertical-header-text {
  width: 300px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
  left: -124px;
  transform: rotate(-90deg);
}

.facts {
  align-items: stretch;
  display: flex;
}

.facts.dark-bg-facts {
  color: #fff;
}

.fact-center {
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 20%;
  justify-content: flex-start;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.fact-header {
  margin-top: 24px;
  margin-bottom: 0;
}

.frame {
  margin-top: 32px;
  padding-top: 0;
  padding-bottom: 0;
  transform: translate(-30px, -30px);
  box-shadow: inset 0 0 0 8px #ffb567;
}

.frame.reversed {
  transform: translate(30px, -30px);
}

.frame.sdf {
  box-shadow: none;
  margin-top: 0;
  margin-left: 70px;
  transform: none;
}

.frame-image {
  width: 400px;
  height: 180px;
  object-fit: cover;
  transform: translate(30px, 30px);
}

.frame-image.reversed {
  width: 402px;
  min-width: 0;
  object-fit: cover;
  border-radius: 0;
  margin-top: 0;
  padding-top: 0;
  font-size: 17px;
  font-weight: 400;
  position: static;
  transform: translate(-30px, 30px);
}

.side-feature-list._22 {
  margin-top: 10px;
  margin-left: -144px;
  display: flex;
}

.side-feature-list._22.dsf {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
}

.side-feature-list-item {
  align-items: flex-start;
  margin-bottom: 41px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  display: flex;
}

.side-feature-list-item._22 {
  margin-right: 20px;
}

.side-feature-list-item._22._33 {
  margin-left: 0;
  margin-right: 10px;
}

.side-feature-list-item._22._33.dsf {
  margin-top: 80px;
  margin-left: -100px;
}

.side-feature-list-item._22._33.dsf.gf {
  margin-top: 0;
  margin-left: 10px;
  position: static;
  left: -90px;
}

.side-feature-list-item._22.sddf {
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
}

.side-feature-list-item._22.dfg {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  position: static;
  left: -250px;
}

.side-feature-list-item._22.fgh {
  margin-left: 0;
  margin-right: 10px;
}

.side-feature-list-item._22.jh {
  margin-top: 0;
  margin-left: 10px;
  margin-right: 10px;
  position: static;
  left: -228px;
}

.side-feature-list-item._22.ty {
  margin-left: 0;
  margin-right: 10px;
  position: static;
}

.side-feature-list-item._22.ty.fgfg {
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}

.side-feature-list-item.you {
  margin-right: 10px;
}

.side-feature-list-item.zhong {
  width: 180px;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 16px;
}

.side-feature-list-item.zu {
  width: 180px;
  flex-wrap: nowrap;
  margin-bottom: 40px;
  margin-right: 0;
}

.side-feature-list-item.yo {
  width: 180px;
  margin-bottom: 40px;
  margin-right: 16px;
}

.check-mark-icon {
  margin-right: 10px;
}

.center-wrapper {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.center-wrapper.dark-bg-wrapper {
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.cta-description {
  margin-bottom: 40px;
}

.section-header-icon {
  width: 64px;
  margin-bottom: 24px;
}

.brands {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
  margin-top: 150px;
  display: flex;
  position: relative;
  top: -40px;
}

.brands.shouye {
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-flow: row;
  align-content: flex-end;
  justify-content: space-between;
  margin: 0 0 0 auto;
  padding-top: 0;
  display: flex;
  position: static;
}

.brands.dsgg {
  width: 90%;
  flex-wrap: wrap;
  margin-top: 41px;
}

.brands.dsgg.gfh {
  width: 100%;
  margin-top: 0;
  position: static;
}

.brand-logo {
  margin: 9px 12px;
  padding: 8px;
}

.brand-logo.white-logo {
  opacity: .75;
  transition: opacity .2s;
}

.brand-logo.white-logo:hover {
  opacity: 1;
}

.brand-logo.grey-logo {
  opacity: .4;
  transition: opacity .2s;
}

.brand-logo.grey-logo:hover {
  opacity: 1;
}

.brand-logo.color-logo {
  width: 160px;
  height: 100px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  transition: filter .2s;
  display: flex;
}

.brand-logo.color-logo:hover {
  filter: grayscale();
}

.brand-logo.color-logo.puma {
  width: 160px;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.brand-logo.color-logo.puma.gfg:hover {
  filter: brightness(200%);
}

.brand-logo.color-logo.ecco {
  width: 160px;
  height: 100px;
  margin-top: 9px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.brand-logo.color-logo.ecco.gfg.gfgg:hover {
  filter: brightness(200%);
}

.brand-logo.color-logo.asas {
  width: 160px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.brand-logo.color-logo.asas.gfh:hover {
  filter: brightness(200%);
}

.brand-logo.color-logo.students {
  width: 160px;
  padding: 0;
}

.brand-logo.color-logo.students:hover {
  filter: brightness(200%);
}

.brand-logo.color-logo.students.gfg {
  margin-left: 0;
  margin-right: 0;
}

.brand-logo.color-logo.booking {
  width: 160px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.brand-logo.color-logo.booking.fdg:hover, .brand-logo.color-logo.hhjjh:hover {
  filter: brightness(200%);
}

.brand-logo.color-logo.zuo {
  margin-left: 0;
  margin-right: 0;
}

.brand-logo.color-logo.zhoong {
  margin-left: 0;
  margin-right: 0;
  transition: none;
}

.brand-logo.color-logo.zhoong:hover {
  filter: contrast(200%);
}

.brand-logo.color-logo.you {
  margin-left: 0;
  margin-right: 0;
}

.post-card-description {
  color: #777;
  flex: 1;
  font-size: 14px;
  line-height: 24px;
}

.new-work {
  flex-direction: row;
  align-items: center;
  margin-bottom: 80px;
  display: flex;
}

.side-media {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 30px;
  display: flex;
  position: relative;
}

.more-arrow-icon {
  z-index: 1;
  float: left;
  margin-top: 5px;
  position: relative;
}

.bg-text {
  opacity: .04;
  color: #111;
  text-transform: uppercase;
  font-size: 120px;
  font-weight: 700;
  line-height: 96px;
  position: absolute;
  top: -36px;
  left: -20px;
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.more-link-text {
  z-index: 1;
  float: left;
  font-size: 14px;
  position: relative;
}

.heart-icon {
  color: rgba(0, 0, 0, 0);
  background-image: url('../images/heart-icon_1heart-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 11px;
}

.hover-line {
  width: 100%;
  height: 24px;
  opacity: .16;
  background-color: #ffb567;
  margin-left: 12px;
  transform: translate(-70%);
}

.contact-popup {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
}

.contact-float-button {
  z-index: 1000;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin: 28px;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  box-shadow: 0 6px 18px rgba(17, 17, 17, .13);
}

.contact-float-button:hover {
  box-shadow: 0 6px 18px rgba(17, 17, 17, .13);
}

.hero-center-content {
  z-index: 1;
  max-width: 9000px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
}

.hero-play {
  justify-content: center;
  align-items: center;
  font-size: 17px;
  line-height: 24px;
  display: flex;
}

.play-button {
  width: 80px;
  height: 80px;
  background-color: #f83f5a;
  background-image: url('../images/play-icon.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border-radius: 50%;
  margin-left: 16px;
  margin-right: 16px;
  transition: transform .4s;
}

.play-button:hover {
  transform: scale(1.1);
}

.hero-split-text {
  color: #777;
  margin-top: 4px;
  margin-bottom: 32px;
}

.hero-split-text.white-text {
  color: #fff;
}

.hero-brands {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.hero-brands-container {
  z-index: 1;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  flex-direction: column;
  justify-content: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.feature-blocks {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1px;
  display: flex;
}

.feature-blocks.margin-bottom {
  margin-bottom: 80px;
}

.feature-block {
  background-color: #fff;
  flex-grow: 1;
  flex-basis: 30%;
  padding: 76px 4% 64px;
  box-shadow: 0 0 0 1px #e4e4e4;
}

.feature-big-image-wrapper {
  width: 100%;
  margin-top: -32px;
  margin-bottom: 64px;
  padding-left: 10%;
  padding-right: 10%;
}

.steps {
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  display: flex;
}

.step {
  text-align: left;
  border: 1px solid rgba(255, 255, 255, .27);
  border-radius: 5px;
  flex-grow: 1;
  flex-basis: 20%;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 4px 40px 24px;
  display: flex;
}

.step.white-step {
  background-color: #fff;
  border-color: #e4e4e4;
}

.steps-info {
  width: 50%;
  text-align: left;
  flex: 0 auto;
  margin-bottom: 30px;
  padding: 5px 56px 16px;
}

.side-video {
  justify-content: center;
  align-items: center;
  display: flex;
}

.square-play-button {
  width: 80px;
  height: 80px;
  background-color: #f83f5a;
  background-image: url('../images/play-icon_1play-icon.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
}

.square-play-button.right {
  z-index: 1;
  background-image: url('../images/play-icon.svg');
  background-size: 16px;
  margin: -30px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.square-play-button.left {
  z-index: 1;
  margin: -30px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.fact-line-container {
  position: relative;
}

.fact-divider {
  width: 40px;
  height: 3px;
  background-color: #ffb567;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.fact-line-text {
  z-index: 1;
  margin-left: 8px;
  margin-right: 8px;
  font-size: 40px;
  position: relative;
}

.signature-text {
  color: #777;
  font-size: 14px;
  font-style: italic;
  line-height: 20px;
}

._2-buttons {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.margin-right {
  margin-right: 20px;
}

.button-styles {
  flex-wrap: wrap;
  margin-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.button-style-wrapper {
  width: 25%;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 24px;
  display: flex;
}

.button-style-wrapper.dark-bg {
  background-image: linear-gradient(rgba(17, 17, 17, .5), rgba(17, 17, 17, .5)), url('../images/ren-ran-168328.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.ghost-button {
  color: #111;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 2px #e4e4e4;
}

.ghost-button:hover {
  background-color: #e4e4e4;
}

.white-button {
  color: #111;
  background-color: #fff;
}

.white-button:hover {
  background-color: #e4e4e4;
}

.ghost-white-button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  transition: background-color .2s, color .2s;
  box-shadow: inset 0 0 0 2px #fff;
}

.ghost-white-button:hover {
  color: #111;
  background-color: #fff;
}

.small-button {
  height: 40px;
  padding: 10px 20px;
  font-size: 14px;
  line-height: 20px;
}

.hero-light-image-content {
  max-width: 770px;
  color: #111;
  text-align: center;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-bottom: 64px;
  display: flex;
  position: relative;
}

.hero-light-image-header {
  margin-top: -120px;
  margin-bottom: 11px;
}

.hero-light-image-header.dgg {
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 30px;
  display: flex;
}

.feature-block-v2 {
  text-align: left;
  background-color: #fff;
  flex-grow: 1;
  flex-basis: 20%;
  padding: 32px 4% 56px;
  box-shadow: 0 0 0 1px #e4e4e4, 0 -4px #ffb567;
}

.feature-blocks-v2 {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 1px;
  display: flex;
}

.feature-blocks-v2.top-line {
  margin-top: 1px;
  margin-bottom: 0;
}

.side-content {
  max-width: 400px;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: -19px;
  margin-bottom: 120px;
  margin-left: 585px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.pricing-from-text {
  color: #777;
  margin-top: -12px;
  font-size: 14px;
  line-height: 28px;
}

.pricing-table-card {
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  flex-grow: 1;
  flex-basis: 20%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 48px 40px;
  box-shadow: 0 -4px #ffb567;
}

.pricing-header {
  margin-top: 16px;
}

.slider-arrow-button {
  width: 64px;
  height: 48px;
  border: 2px solid rgba(255, 255, 255, .5);
  justify-content: center;
  align-items: center;
  transition: border .2s;
  display: flex;
}

.slider-arrow-button:hover {
  border-color: #fff;
}

.review {
  margin-bottom: 24px;
  font-size: 22px;
  line-height: 40px;
}

.contact-card {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 20px;
  transform: translate(-30px, 30px);
}

.frame-card-map {
  height: 268px;
}

.contact-card-info {
  text-align: left;
  padding-bottom: 16px;
  padding-left: 20px;
  padding-right: 20px;
}

.contact-card-line {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
}

.contact-card-line.dsf {
  margin-top: -74px;
  margin-left: -430px;
}

.contact-card-line.dsf.new {
  margin-top: 0;
  margin-left: 30px;
  margin-right: 30px;
}

.contact-card-line.dsf.new.fdf {
  margin-left: 20px;
  margin-right: 20px;
}

.contact-card-line.sdg {
  margin-top: 80px;
  margin-left: -780px;
}

.contact-card-line.sdg.new {
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
}

.contact-card-line.gf {
  margin-top: -72px;
  margin-left: 90px;
}

.contact-card-line.gf.new {
  margin-top: 0;
  margin-left: 20px;
}

.contact-card-line-text {
  margin-top: 2px;
  margin-bottom: 6px;
  margin-left: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
}

.contact-card-line-text.email {
  color: #3898ec;
  margin-left: 0;
  font-size: 16px;
  font-weight: 700;
}

.hero-slide-text {
  margin-top: 8px;
  margin-bottom: 32px;
}

.feature-cell {
  width: 33.33%;
  background-color: #fff;
  padding: 72px 40px;
  box-shadow: 0 0 0 1px #e4e4e4;
}

.feature-cells {
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

.team-member-photo-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: -8px;
  position: relative;
}

.skills {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.skills.reversed {
  flex-direction: row-reverse;
}

.skills-info {
  width: 41.66%;
  text-align: left;
  flex: 0 auto;
  padding-left: 26px;
  padding-right: 15px;
}

.skills-sliders {
  width: auto;
  margin-top: 0;
  margin-left: 8.33%;
  margin-right: 8.33%;
  padding-left: 90px;
  padding-right: 15px;
}

.skills-sliders._111 {
  margin-top: 10px;
}

.skill-slider-wrapper {
  width: 120%;
  text-align: left;
  flex-flow: wrap;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 8px;
  display: flex;
}

.skill-slider-percent {
  color: #777;
  font-size: 14px;
  line-height: 20px;
}

.skill-slider-percent.white-text {
  color: #fff;
}

.skill-slider-header {
  width: 110%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 51px;
  padding-top: 2px;
  font-size: 18px;
}

.skill-slider {
  width: 100%;
  height: 8px;
  background-color: #fff;
  margin-top: 12px;
  box-shadow: inset 0 0 0 1px #e4e4e4;
}

.skill-slider.transparent {
  box-shadow: none;
  background-color: rgba(255, 255, 255, .5);
}

.skill-slider-progress {
  width: 50%;
  height: 100%;
  background-color: #f83f5a;
}

.skill-slider-progress._1 {
  width: 96%;
}

.skill-slider-progress._2 {
  width: 77%;
}

.skill-slider-progress._3 {
  width: 85%;
}

.skill-slider-progress._4 {
  width: 72%;
}

.yellow {
  background-color: #ffb567;
}

.side-image-wrapper {
  width: 50%;
}

.side-image-wrapper.padding-right {
  padding-right: 100px;
}

.side-image-wrapper.padding-left {
  padding-left: 100px;
}

.side-content-wrapper {
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.side-content-wrapper.right {
  padding-right: 56px;
}

.side-content-wrapper.left {
  justify-content: flex-end;
  padding-left: 56px;
}

.side-image {
  width: 100%;
  height: 100%;
  min-height: 680px;
}

.side-image.image-1 {
  background-image: url('../images/rawpixel-com-191157.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image.image-2 {
  background-image: url('../images/tran-mau-tri-tam-50424.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image.image-3 {
  background-image: url('../images/autumn-studio-284616.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-image.image-4 {
  background-image: url('../images/breather-163395.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.side-content-big {
  max-width: 600px;
  text-align: left;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-top: 120px;
  margin-bottom: 120px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

.side-review-slide {
  min-height: 208px;
}

.side-review-slider {
  height: auto;
  background-color: rgba(0, 0, 0, 0);
}

.side-review-arrow-button {
  width: 64px;
  height: 48px;
  float: left;
  border: 2px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.side-review-arrow-button.second-button {
  margin-left: -2px;
}

.side-review-author-text {
  margin-top: 30px;
  font-size: 15px;
  line-height: 24px;
}

.scroll-text-link {
  max-width: 200px;
  color: #111;
  margin-bottom: 24px;
  margin-left: auto;
  margin-right: auto;
  font-size: 15px;
  font-weight: 700;
  line-height: 40px;
  display: block;
  position: absolute;
  bottom: 0;
}

.text-block-7 {
  line-height: 36px;
}

.feature {
  width: 50%;
  text-align: left;
  align-items: flex-start;
  margin-bottom: 40px;
  padding-left: 15px;
  padding-right: 32px;
  display: flex;
}

.feature.you {
  padding-right: 0;
}

.feature-icon-left {
  width: 48px;
  margin-bottom: 24px;
  margin-right: 24px;
}

.feature-header {
  margin-top: 0;
}

.features {
  flex-wrap: wrap;
  margin-top: 30px;
  margin-bottom: -30px;
  margin-right: -8px;
  padding-top: 4px;
  padding-left: 8.33%;
  padding-right: 8.33%;
  display: flex;
}

.frame-card-big-map {
  height: 560px;
}

.side-contact-form {
  padding-top: 16px;
}

.hero-side-content {
  max-width: 600px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding: 24px 15px 80px;
  display: flex;
  position: relative;
}

.hero-side-content.right {
  padding-left: 8.33%;
}

.hero-side-image-wrapper {
  width: 50%;
  max-width: 600px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-side-image-wrapper.left {
  justify-content: flex-end;
}

.hero-side-image-big {
  width: 900px;
  max-width: none;
}

.hero-call-text {
  margin-bottom: 36px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.page-header-wrapper {
  width: 90%;
  height: auto;
  max-width: 570px;
  min-width: 100%;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.post-category {
  color: #f83f5a;
  text-align: center;
  margin-bottom: -16px;
  font-size: 17px;
  font-weight: 700;
  line-height: 28px;
  display: inline-block;
}

.post-category:hover {
  text-decoration: underline;
}

.blog-post-content {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  display: flex;
}

.post-header-date {
  margin-left: 4px;
  font-weight: 700;
}

.post-bottom-category {
  color: #f83f5a;
  margin-left: 4px;
  margin-right: 4px;
}

.post-bottom-category:hover {
  text-decoration: underline;
}

.case-study {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.work-details-cell-header {
  color: #777;
  margin-right: 8px;
}

.page-header {
  margin-top: 0;
  margin-bottom: 40px;
}

.feature-icon, .fact-icon {
  width: 64px;
}

._404-info {
  max-width: 570px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
}

.works {
  margin-bottom: -80px;
}

.vertical-scroll-footer {
  width: 32px;
  height: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 64px;
  display: flex;
  position: absolute;
  top: 0;
  left: 8px;
}

.minimize-icon {
  width: 24px;
  height: 24px;
  border: 1px solid #e4e4e4;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-right: 20px;
  transition: border-color .2s;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.minimize-icon:hover {
  border-color: #bbb;
}

.minimize-icon-line {
  width: 8px;
  height: 2px;
  background-color: #777;
}

.side-review-author {
  color: #777;
  align-items: center;
  margin-top: 32px;
  margin-bottom: 24px;
  font-size: 13px;
  line-height: 24px;
}

.side-review-avatar {
  width: 48px;
  height: 48px;
  float: left;
  border-radius: 50%;
  display: inline-block;
}

.side-review-author-name {
  color: #111;
  margin-bottom: -4px;
  font-size: 15px;
  font-weight: 700;
  line-height: 28px;
}

.review-text {
  color: #777;
  margin-top: 8px;
}

.side-review-author-info {
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}

.side-feature-wide {
  width: 83.33%;
  text-align: left;
  align-items: flex-start;
  margin-top: 16px;
  display: flex;
}

.side-features {
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 24px;
  display: flex;
}

.hero-side-image {
  max-height: 680px;
}

.hero-image-zoom {
  background-image: linear-gradient(rgba(91, 91, 91, .5), rgba(91, 91, 91, .5)), url('../images/nastuh-abootalebi-284883_1.jpg');
  background-position: 0 0, 50%;
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.team-member-text {
  color: #777;
  margin-top: -12px;
  font-size: 13px;
  line-height: 24px;
}

.instagram-photos {
  width: 100%;
  max-width: none;
}

.instagram {
  justify-content: space-between;
  align-items: center;
  padding: 48px 115px;
  display: flex;
}

.instagram-info {
  max-width: 470px;
  text-align: left;
  align-items: center;
  display: flex;
}

.instagram-link {
  color: #f83f5a;
}

.instagram-link:hover {
  text-decoration: underline;
}

.instagram-icon {
  width: 64px;
  margin-right: 24px;
}

.instagram-text {
  margin-top: 16px;
}

.request {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 49px;
  padding-top: 0;
  padding-left: 16.66%;
  padding-right: 16.66%;
  display: flex;
}

.request-form {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}

.request-block-half {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.request-block-half.url {
  width: 100%;
  margin-left: 0;
}

.request-block-half.iam {
  margin-left: 0;
}

.request-block-full {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.select {
  width: 265px;
  height: 48px;
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 24px;
}

.text-area {
  padding: 20px;
}

.testimonials {
  justify-content: space-around;
  display: flex;
}

.simple-review {
  text-align: left;
  flex-direction: column;
  flex-grow: 1;
  flex-basis: 25%;
  align-items: flex-start;
  padding: 8px 32px 8px 15px;
  display: flex;
}

.simple-review-author {
  align-items: center;
  display: flex;
}

.simple-review-avatar {
  width: 48px;
  height: 48px;
  background-image: url('../images/Avatar-08.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
}

.simple-review-name {
  margin-top: 16px;
  margin-left: 16px;
}

.simple-review-social {
  align-items: center;
  display: flex;
}

.simple-review-social:hover {
  text-decoration: underline;
}

.simple-review-nickname {
  color: #111;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-left: 8px;
  font-size: 11px;
  font-weight: 700;
}

.post-v3 {
  width: 50%;
  padding-bottom: 40px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.post-card-more-info {
  flex-wrap: nowrap;
  align-items: center;
  margin-top: 4px;
  margin-bottom: -4px;
  font-size: 14px;
  line-height: 24px;
  display: flex;
}

.post-card-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-right: 12px;
}

.post-card-author {
  margin-right: 3px;
  font-weight: 700;
}

.post-card-info-text {
  color: #777;
  margin-right: 3px;
}

.post-card-category {
  color: #f83f5a;
  margin-right: 3px;
}

.post-card-more-text {
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 20px;
  display: flex;
}

.side-feature-half {
  width: 50%;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 16px;
  padding-right: 32px;
  display: flex;
}

.fact-left {
  text-align: left;
  flex-direction: row;
  flex-grow: 1;
  flex-basis: 20%;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.fact-number {
  margin-bottom: -24px;
  font-size: 32px;
  line-height: 40px;
}

.fact-info {
  padding-left: 24px;
  padding-right: 8px;
}

.hero-intro-content {
  max-width: 800px;
  color: #fff;
  text-align: center;
  padding-top: 24px;
  padding-bottom: 24px;
}

.intro-header {
  margin-bottom: 40px;
}

.nav-link-white, .nav-link-white:hover {
  color: #fff;
}

.layouts {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -100px;
  padding-top: 4px;
  display: flex;
}

.home-preview-image {
  max-width: 400px;
}

.home-preview {
  height: 480px;
  border: 1px solid #e4e4e4;
  position: relative;
  overflow: auto;
}

.home-preview-text {
  z-index: 1;
  width: 200px;
  height: 24px;
  color: #111;
  margin: auto;
  font-size: 13px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -442px;
  right: 0;
  transform: rotate(-90deg);
}

.home-preview-wrapper {
  width: 50%;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 120px;
  display: flex;
  position: relative;
}

.social-icon-hover {
  position: absolute;
  transform: translate(0, 32px);
}

.text-link {
  color: #f83f5a;
}

.text-link:hover {
  text-decoration: underline;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.inner-page-link {
  width: 25%;
  color: #111;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  flex-grow: 1;
  flex-basis: 20%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px 16px;
  transition: box-shadow .2s;
}

.inner-page-link:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, .08);
}

.inner-pages {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: -30px;
  margin-left: 8.33%;
  margin-right: 8.33%;
  padding-top: 4px;
  display: flex;
}

.licence-items {
  width: 66.66%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.licence-item {
  text-align: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  align-items: center;
  margin-bottom: 24px;
  padding: 40px;
  display: flex;
}

.licence-item-info {
  flex: 1;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 40px;
}

.small-link {
  color: #777;
  font-size: 14px;
  line-height: 20px;
}

.small-link:hover {
  text-decoration: underline;
}

.licence-item-heading {
  margin-top: 0;
  margin-bottom: 8px;
}

.licence-links-divider {
  color: #bbb;
  margin-left: 8px;
  margin-right: 8px;
  display: inline;
}

.licence-contact-text {
  color: #777;
  margin-top: 48px;
  font-size: 14px;
  line-height: 24px;
}

.full-width {
  width: 100%;
}

.breadcrumbs {
  width: 100%;
  text-transform: uppercase;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  padding: 4px 15px;
  font-size: 10px;
  line-height: 16px;
  display: flex;
}

.breadcrumbs-link {
  color: #777;
}

.breadcrumbs-arrow {
  color: #bbb;
  margin-left: 7px;
  margin-right: 7px;
}

.work-description {
  color: #777;
  font-size: 15px;
  line-height: 24px;
}

.question-block1 {
  width: 100%;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 24px;
  padding: 20px 32px;
  transition: box-shadow .3s;
  display: flex;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(46, 50, 60, .09);
}

.question-block1:hover {
  box-shadow: 0 3px 9px rgba(46, 50, 60, .09);
}

.changelog {
  width: 66.66%;
  flex-direction: column;
  margin-bottom: 64px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.change {
  text-align: left;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  align-items: center;
  margin-bottom: 16px;
  padding: 32px;
  display: flex;
}

.change-icon {
  width: 40px;
  height: 40px;
  color: #111;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e4e4e4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  display: flex;
  position: relative;
}

.tooltip {
  z-index: 2;
  width: 200px;
  max-width: 200px;
  color: #111;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e9e9e9;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 12px 16px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
  bottom: 50%;
  box-shadow: 0 2px 7px rgba(21, 21, 21, .08);
}

.tooltip.change-tooltip {
  width: auto;
  margin-bottom: 30px;
  padding: 6px 12px;
  display: block;
}

.tooltip-arrow {
  width: 8px;
  height: 8px;
  background-color: #fff;
  border-bottom: 1px solid #e1e6ee;
  border-right: 1px solid #e1e6ee;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  transform: rotate(45deg);
}

.change-text {
  color: #777;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 24px;
}

.navbar {
  z-index: 999;
  width: 100%;
  height: 70px;
  opacity: 1;
  background-color: #fffefe;
  margin-top: 0;
  display: flex;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
  overflow: hidden;
}

.image-6 {
  width: 177px;
  height: 28.7969px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.bold-text {
  width: 50%;
  color: #000;
  object-fit: contain;
}

.nav-link-2 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.nav-link-2:hover {
  color: #3898ec;
}

.nav-link-2.w--current {
  color: #333;
  font-size: 16px;
}

.nav-menu-2 {
  flex: 1;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  font-size: 16px;
  display: flex;
  position: relative;
  top: 2px;
  left: 19px;
}

.container {
  width: 100%;
  height: 100%;
  min-width: 100%;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.heading {
  width: 99.8335%;
}

.bold-text-2 {
  width: 50vw;
  height: 20vh;
  display: flex;
}

.section-2 {
  color: #080808;
  background-color: #0f0f0f;
  align-items: center;
  margin-top: 70px;
  margin-bottom: 0;
  padding-top: 90px;
  padding-bottom: 60px;
  display: flex;
}

.div-block {
  width: 60%;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  margin-top: 10px;
  margin-left: 70px;
  display: flex;
}

.bold-text-3 {
  width: 600px;
  height: 300px;
  min-height: 300px;
  min-width: 600px;
  text-align: left;
  text-transform: none;
  object-fit: fill;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  display: inline-block;
  overflow: visible;
}

.div-block-2 {
  width: 39vw;
  flex: 0 auto;
  margin-left: -16px;
  margin-right: 100px;
  padding-right: 0;
  font-size: 15px;
  font-weight: 300;
  position: static;
}

.button-2 {
  width: 140px;
  min-width: 180px;
  text-align: left;
  text-transform: none;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #000;
  background-clip: border-box;
  border-radius: 80px;
  justify-content: center;
  margin-left: 37px;
  display: flex;
  position: relative;
  top: -200px;
  left: -37px;
  overflow: visible;
}

.button-2:hover {
  color: #000;
  background-color: #fff;
  border: 2px solid #000;
}

.button-2.sdf {
  width: auto;
  height: 44px;
  min-width: 40%;
  text-align: center;
  border: 2px solid #000;
  border-radius: 50px;
  align-items: center;
  margin-left: 0;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  top: 0;
  left: 0;
}

.button-2.sdf.new {
  width: 170px;
  height: auto;
  min-width: auto;
  background-color: #ffbb42;
  border-color: #ffbb42;
  padding-top: 8px;
  padding-bottom: 8px;
}

.button-2.sdf.new:hover {
  color: #ffbb42;
  background-color: #fff;
}

.button-2.sdf.pub {
  width: 170px;
  height: auto;
  min-width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.button-2.hgh {
  border: 1px solid #000;
  margin-left: 0;
  display: flex;
  position: static;
}

.button-2.hgh.manage {
  margin-top: 0;
}

.button-3 {
  width: 112.352px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.bold-text-4 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
  display: inline;
}

.div-block-3 {
  height: 30%;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.bold-text-5 {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.brands-button {
  width: 170px;
  height: auto;
  min-width: auto;
  text-align: center;
  object-fit: fill;
  background-color: #3898ec;
  border: 2px solid #3898ec;
  border-radius: 60px;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  padding: 8px 0;
  font-size: 18px;
  font-weight: 700;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.brands-button:hover {
  color: #3898ec;
  background-color: #fff;
  border: 2px solid #3898ec;
}

.brands-button.sdfsd {
  color: #333;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #000;
  position: relative;
  top: -248px;
  left: 200px;
}

.brands-button.sdfsd:hover {
  color: #fff;
  background-color: #000;
  border-width: 1px;
  border-color: #000;
}

.publishers-button {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
}

.publishers-button.tiou {
  font-size: 16px;
  font-weight: 500;
}

.publishers-button.tiou.new {
  font-size: 16px;
}

.publishers-button.tiou {
  font-weight: 500;
}

.paragraph {
  width: 100%;
  max-width: 99%;
  min-width: 99%;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 900;
}

.bold-text-6 {
  width: 106%;
  max-width: 106%;
  min-width: 106%;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 30px;
}

.partnerboost {
  color: #d43501;
}

.bold-text-7 {
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  font-size: 20px;
  font-weight: 300;
  line-height: 32px;
  text-decoration: none;
}

.image-7 {
  width: 460px;
  height: 385px;
  object-fit: fill;
  margin-top: 37px;
  margin-left: 0;
  padding-left: 80px;
  padding-right: 0;
}

.heading-2 {
  padding-left: 0;
  padding-right: 0;
  font-size: 48px;
  font-weight: 900;
  line-height: 60px;
}

.heading-2.homeheadingdesk {
  font-weight: 900;
}

.heading-2.homeheadingdesk._666 {
  width: 600px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Noto Sans, sans-serif;
  font-size: 56px;
  font-weight: 300;
  line-height: 56px;
}

.bold-text-8 {
  width: 100%;
  color: #3898ec;
  text-align: left;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  display: flex;
}

.bold-text-8.gd {
  color: #333;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: auto;
  font-size: 32px;
  line-height: 40px;
}

.bold-text-8.homedeskmans {
  margin-top: 0;
  font-size: 32px;
  line-height: 40px;
  position: static;
}

.div-block-4 {
  width: 100%;
  height: 5px;
  background-color: #2f75ff;
}

.progress-bar {
  width: 100%;
  height: 5px;
  transform-origin: 0%;
  background-color: #2f75ff;
  position: fixed;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.image-8 {
  width: 138px;
  height: 100%;
  object-fit: contain;
}

.image-9 {
  width: 73.9922px;
  height: 100%;
  object-fit: contain;
}

.image-10 {
  object-fit: contain;
  padding: 4px;
}

.image-11, .image-12 {
  height: 32px;
  object-fit: contain;
}

.image-13 {
  height: 99%;
  margin-left: 10px;
}

.dropdown-toggle, .dropdown-toggle-2 {
  padding-top: 14px;
}

.div-block-5 {
  flex-direction: row;
  flex: none;
  justify-content: flex-end;
  align-items: stretch;
  margin-left: 60px;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
}

.button-4 {
  width: 116.117px;
  height: 60px;
}

.button-5 {
  width: 116.211px;
  height: 60px;
}

.sign-up-login {
  width: 116.875px;
  height: 40px;
  text-align: center;
  border-radius: 20px;
  margin-top: 10px;
  margin-left: 13px;
  margin-right: 9px;
  padding-top: 9px;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
}

.sign-up-login.login {
  background-color: #ffb567;
  padding-top: 4px;
}

.sign-up-login.login:hover {
  background-color: #fbc768;
}

.sign-up-login.login.shouye {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  display: flex;
}

.sign-up-login.login.shouye._22 {
  padding-top: 9px;
}

.sign-up-login.login.shouye._22:hover {
  background-color: #ffc964;
}

.sign-up-login.login.contact {
  margin-top: 15px;
  padding-top: 4px;
}

.sign-up-login.login.bl {
  padding-top: 10px;
}

.sign-up-login.login.bl.df {
  margin-top: 10px;
  font-family: Lato, sans-serif;
}

.sign-up-login.login.pl {
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  font-family: Lato, sans-serif;
  font-size: 14px;
  display: flex;
}

.sign-up-login.login.pl.homedeskloin {
  margin-top: 10px;
}

.sign-up-login.brand {
  padding-top: 9px;
}

.sign-up-login.shouye {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
  padding-top: 10px;
  font-size: 14px;
  display: flex;
}

.sign-up-login.shouye:hover {
  background-color: #64b7ff;
}

.sign-up-login.shouye._1111 {
  padding-top: 9px;
}

.sign-up-login.shouye.brands {
  background-color: #3898ec;
  align-items: center;
  padding-top: 0;
}

.sign-up-login.shouye.brands:hover {
  background-color: #64b7ff;
}

.sign-up-login.shouye.ps {
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  padding-top: 10px;
  font-family: Lato, sans-serif;
  display: flex;
}

.sign-up-login.shouye.right {
  background-color: #ffbb41;
  margin-left: 10px;
  margin-right: 0;
}

.sign-up-login.shouye.right:hover {
  background-color: #ffc972;
}

.sign-up-login.cotact {
  margin-top: 15px;
  padding-top: 4px;
}

.bold-text-9 {
  width: auto;
  font-size: 40px;
  line-height: 56px;
}

.div-block-6 {
  margin-left: 0;
  display: flex;
}

.div-block-7 {
  width: auto;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  display: flex;
}

.bold-text-10 {
  color: #fff;
}

.bold-text-10._23 {
  justify-content: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
  line-height: 40px;
  display: flex;
  position: static;
}

.bold-text-10.bllue {
  width: 150%;
  font-size: 32px;
  line-height: 40px;
}

.button-6 {
  width: auto;
  height: 50px;
  color: #3898ec;
  background-color: #fafafa;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 12px 30px;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  transition: border-radius .3s cubic-bezier(.25, .46, .45, .94);
  display: flex;
}

.button-6:hover {
  border-bottom-left-radius: 30px;
}

.button-6._22 {
  width: 255.2px;
  height: auto;
  color: #3898ec;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 10px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.button-6.brandaa {
  color: #fff;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
  border: 1px solid #fff;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.button-6.brandaa.sfds {
  width: auto;
  height: auto;
  margin: 0 10px 0 0;
  padding: 12px 30px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
}

.button-6._333 {
  height: auto;
  color: #3898ec;
  margin-top: 40px;
  margin-bottom: 0;
  padding-bottom: 12px;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 700;
}

.button-6._333.influ._22222 {
  color: #fff;
  background-color: #3898ec;
  margin-left: 0;
  margin-right: 20px;
}

.section-3 {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 46px;
  padding-bottom: 84px;
  display: none;
}

.email {
  margin-left: 47px;
  margin-right: 29px;
}

.section-4 {
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-3 {
  color: #ffb567;
  margin-top: 46px;
  margin-left: -77px;
  font-size: 22px;
  line-height: 60px;
}

.div-block-8 {
  width: 80%;
  min-height: 1px;
  min-width: 80%;
  background-color: #eaeaea;
  margin-top: 40px;
  margin-left: 134px;
}

.text-block-8, .text-block-9, .text-block-10 {
  color: #3898ec;
  font-weight: 700;
  line-height: 24px;
}

.heading-4, .heading-5, .heading-6 {
  margin-bottom: 9px;
}

.bold-text-11 {
  width: 120%;
  color: #fff;
  font-size: 40px;
  line-height: 56px;
  position: static;
  top: -70px;
  left: -30px;
}

.text-block-11 {
  width: 200px;
  height: auto;
  object-fit: fill;
  font-size: 18px;
  display: block;
}

.text-block-12 {
  width: 100%;
  font-size: 13px;
  font-weight: 500;
}

.text-block-13 {
  width: 150%;
  font-size: 13px;
  font-weight: 500;
}

.text-block-14, .text-block-15, .text-block-16 {
  width: 170px;
  font-size: 13px;
  font-weight: 500;
}

.bold-text-12 {
  width: 130%;
  height: 87.2%;
  min-width: 100%;
}

.heading-7 {
  margin-top: 0;
  margin-bottom: 48px;
}

.heading-7.fdgh {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}

.bold-text-13 {
  width: 100%;
  min-width: 100%;
}

.bold-text-14 {
  width: 100%;
  font-family: Lato, sans-serif;
  font-size: 28px;
}

.bold-text-15 {
  width: 100%;
  text-align: center;
  margin-left: 230px;
}

.bold-text-15.dsgh {
  margin-left: auto;
  font-size: 32px;
  line-height: 40px;
}

.div-block-9 {
  display: flex;
}

.paragraph-2 {
  width: 40%;
  color: #999;
  text-align: left;
  margin-left: 563px;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.paragraph-2.pub {
  width: 100%;
  margin-top: 0;
  margin-bottom: 30px;
  margin-left: 0;
  padding-right: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.bold-text-16, .bold-text-17, .bold-text-18 {
  text-transform: capitalize;
}

.bold-text-19 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.bold-text-19.influ {
  width: 100%;
  height: 114%;
  max-height: none;
  max-width: 100%;
  min-height: auto;
  min-width: 100%;
  text-align: left;
  font-size: 42px;
  display: inline;
}

.heading-8 {
  margin-top: 0;
  margin-bottom: 40px;
}

.div-block-10 {
  width: 140px;
  height: 818px;
  min-height: 818px;
  min-width: 45%;
}

.heading-9 {
  width: 100%;
  min-width: 10%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 40px;
  margin-left: 0;
  line-height: 40px;
}

.div-block-11 {
  width: 170px;
  height: 80px;
  background-color: #fff;
  border-radius: 9px;
  flex-direction: column;
  align-items: center;
  margin-top: 54px;
  margin-left: 45px;
  display: block;
  position: absolute;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, .1);
}

.text-block-17 {
  color: #020202;
  margin-top: 7px;
}

.text-block-17:hover {
  color: #3898ec;
}

.paragraph-3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 20px;
  line-height: 32px;
}

.bold-text-26, .bold-text-28, .bold-text-30 {
  flex: none;
  font-size: 24px;
  line-height: 36px;
}

.bold-text-32 {
  font-size: 18px;
}

.image-15 {
  width: 70%;
  margin-left: -1070px;
  position: relative;
  top: 380px;
  left: -110px;
}

.bold-text-33 {
  margin-top: 0;
  font-family: Lato, sans-serif;
  font-size: 30px;
  display: block;
}

.bold-text-33.fdg {
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.text-block-18 {
  width: 200px;
  font-size: 18px;
}

.bold-text-34 {
  margin-top: 120px;
  font-family: Lato, sans-serif;
  font-size: 40px;
  display: block;
}

.bold-text-34.fdhh {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
  line-height: 40px;
}

.bold-text-35, .bold-text-36 {
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  line-height: 36px;
}

.bold-text-37 {
  color: #333;
  margin-left: 480px;
  font-family: Lato, sans-serif;
  font-size: 50px;
}

.bold-text-37.vxcv {
  margin-left: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 40px;
  line-height: 56px;
}

.image-16 {
  width: 28%;
  margin-left: -680px;
  position: relative;
  top: 180px;
}

.div-block-12 {
  background-color: #ffb567;
  border-radius: 110px;
  font-size: 12px;
}

.image-17 {
  width: 6%;
  position: relative;
  top: 23px;
}

.bold-text-38 {
  font-size: 30px;
}

.bold-text-38.gfg, .bold-text-39 {
  font-size: 24px;
  line-height: 36px;
}

.bold-text-40 {
  font-size: 16px;
}

.heading-11 {
  margin-top: 0;
  margin-bottom: 40px;
}

.desk {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-12 {
  text-align: left;
  margin-top: 2px;
  margin-bottom: 58px;
}

.bold-text-41 {
  width: auto;
  padding-bottom: 0;
  font-size: 32px;
  line-height: 40px;
}

.bold-text-41.inf {
  color: #fff;
  margin-top: 0;
  font-size: 40px;
  font-weight: 500;
  line-height: 56px;
}

.container-2 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-right: 0;
  display: block;
}

.brand-2 {
  flex: none;
  position: static;
}

.brand-2.w--current {
  width: 167.367px;
  height: 28.7969px;
}

.brand-2.newclass {
  width: auto;
}

.text-block-19 {
  color: #999;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 29px;
  padding-top: 9px;
  padding-left: 0;
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
}

.container-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-22 {
  width: 50vw;
  height: 40vh;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 40px;
  margin-right: -6px;
  display: flex;
}

.div-block-23 {
  width: 35vw;
  height: 35vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-24 {
  justify-content: center;
  margin-top: 29px;
  margin-bottom: 22px;
  margin-left: 0%;
  display: flex;
}

.image-19 {
  margin-top: 40px;
  margin-left: 30px;
}

.div-block-25 {
  width: 942px;
  min-width: 942px;
  flex-wrap: wrap;
  align-content: stretch;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.menu-button-2 {
  flex: 0 auto;
}

.section-6 {
  width: 100%;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navbar-3 {
  z-index: 999999;
  justify-content: center;
  align-items: center;
}

.navbar-3.nav-bar {
  justify-content: center;
  overflow: visible;
}

.image-21 {
  margin-left: 60px;
}

.image-22 {
  margin-left: 70px;
}

.image-23 {
  margin-left: 60px;
}

.image-24 {
  height: 100%;
}

.bold-text-43 {
  font-size: 24px;
  line-height: 36px;
}

.bold-text-44 {
  font-size: 32px;
  line-height: 40px;
}

.div-block-26 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.div-block-27 {
  margin-left: 0;
}

.body-2 {
  background-color: #fff;
  font-family: Harmonyos sans, sans-serif;
}

.body-3 {
  font-family: Harmonyos sans, sans-serif;
}

.bold-text-45 {
  font-size: 14px;
}

.bold-text-46 {
  font-size: 16px;
}

.bold-text-47 {
  font-size: 14px;
}

.bold-text-48 {
  font-size: 16px;
}

.heading-13 {
  font-size: 18px;
}

.image-27, .image-28 {
  margin-left: 0;
}

.paragraph-5 {
  color: #d1d1d1;
  flex: none;
  margin-bottom: 49px;
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
  display: flex;
}

.image-38 {
  transform: translate(0);
}

.list-item, .list-item-2 {
  width: 100%;
}

.bold-text-49, .bold-text-50, .bold-text-51, .bold-text-52, .bold-text-53, .bold-text-54, .bold-text-55 {
  font-size: 18px;
}

.list-item-3 {
  width: 100%;
}

.bold-text-56 {
  font-size: 18px;
}

.list-item-4, .list-item-5, .list-item-6 {
  width: 100%;
}

.bold-text-57 {
  color: #337df5;
  font-size: 16px;
}

.list-item-7 {
  width: 100%;
}

.list {
  padding-left: 48px;
}

.heading-24 {
  text-align: center;
  padding-top: 43px;
  font-size: 36px;
}

.list-item-10, .list-item-11, .list-item-12, .list-item-13, .list-item-14 {
  font-size: 17px;
}

.paragraph-6 {
  border: 1px #863484;
  font-size: 17px;
  font-weight: 500;
}

.list-9, .list-item-15 {
  font-size: 17px;
}

.list-item-16 {
  font-size: 16px;
}

.list-item-17, .list-item-18 {
  font-size: 17px;
}

.list-item-19 {
  font-size: 16px;
}

.list-item-20, .list-item-21, .list-item-22, .list-item-23, .list-item-24, .list-item-25, .list-item-26, .list-item-27, .list-item-28, .list-item-29, .list-item-30, .list-10, .list-11, .list-item-31 {
  font-size: 17px;
}

.list-item-32 {
  font-size: 16px;
}

.tabs-menu {
  justify-content: center;
  display: flex;
}

.tab-link-tab-2 {
  width: 180px;
  color: #000;
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-2.w--current {
  color: #fff;
  text-align: center;
  background-color: #26b5ff;
  border-radius: 20px;
  font-size: 17px;
}

.tab-link-tab-1 {
  width: 180px;
  text-align: center;
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-1.w--current {
  width: 180px;
  color: #fff;
  background-color: #26b5ff;
  border-radius: 20px;
  font-size: 17px;
  font-weight: 700;
}

.text-block-20 {
  text-align: center;
}

.text-block-21 {
  color: #000;
  font-size: 17px;
  font-weight: 700;
}

.tab-link-tab-3 {
  width: 180px;
  color: #000;
  text-align: center;
  background-color: #fff;
  font-size: 17px;
  font-weight: 500;
}

.tab-link-tab-3.w--current {
  color: #fff;
  background-color: #26b5ff;
  border-radius: 20px;
  font-weight: 700;
}

.paragraph-15 {
  text-align: left;
}

.paragraph-16 {
  padding-left: 100px;
  padding-right: 100px;
}

.bold-text-59 {
  font-size: 18px;
}

.bold-text-60, .bold-text-61 {
  font-size: 19px;
}

.heading-25 {
  flex-direction: column;
  display: flex;
}

.image-39 {
  margin-left: 2px;
  margin-right: 2px;
}

.image-40 {
  margin-left: 6px;
  margin-right: 0;
}

.section-7 {
  text-align: center;
  background-color: #f8f8f8;
  padding-bottom: 50px;
}

.button-7 {
  background-color: #ffbb42;
  border-radius: 80px;
}

.paragraph-17 {
  width: auto;
}

.div-block-28 {
  text-align: center;
  margin-left: 180px;
  margin-right: 180px;
  display: block;
}

.section-8 {
  background-color: rgba(187, 187, 187, .06);
  justify-content: center;
  margin-bottom: 0;
  padding-top: 38px;
  padding-bottom: 5px;
  display: flex;
}

.paragraph-18 {
  text-align: left;
  padding-right: 0;
}

.container-5 {
  padding-left: 0;
  display: flex;
}

.paragraph-19 {
  width: auto;
  text-align: left;
  margin-top: 0;
  margin-bottom: 2px;
  margin-right: 135px;
  padding-top: 7px;
  padding-right: 0;
  font-size: 18px;
}

.div-block-29 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-30 {
  width: 75px;
  margin-right: 54px;
}

.div-block-32 {
  margin-right: 36px;
}

.bold-text-62 {
  margin-right: 0;
}

.text-block-23 {
  text-align: left;
  font-size: 16px;
}

.image-42, .image-42:hover {
  transform: translate(0);
}

.button-8 {
  border: 2px solid #3898ec;
  border-radius: 50px;
  margin-bottom: 40px;
  padding: 12px 24px;
  transition: background-color .2s;
}

.button-8:hover {
  color: #3898ec;
  background-color: #fff;
  border-width: 2px;
}

.text-block-24 {
  font-size: 18px;
}

.text-block-25 {
  font-size: 20px;
  font-weight: 500;
}

.text-block-25.foller {
  width: 180px;
  margin-top: 10px;
  font-size: 16px;
}

.text-block-25.name {
  width: 190px;
}

.image-43 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.div-block-33 {
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.link-2 {
  color: #777;
}

.link-3 {
  color: #777;
  margin-right: 0;
  text-decoration: underline;
}

.link-3._3 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.columns {
  width: 140px;
  margin-top: 10px;
}

.columns._3 {
  width: 200px;
}

.columns-2 {
  margin-right: 0;
}

.image-44, .image-45, .image-46 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.heading-27 {
  z-index: 2;
  object-fit: fill;
  transform-style: preserve-3d;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 500;
  position: relative;
  overflow: visible;
  transform: scale3d(1, 1, 2);
}

.heading-28 {
  text-align: center;
  font-size: 15px;
  font-style: normal;
  text-decoration: none;
}

.div-block-34 {
  z-index: 1;
  width: 260px;
  height: 8px;
  -webkit-text-fill-color: inherit;
  background-color: #ffb567;
  background-image: linear-gradient(98deg, rgba(255, 181, 103, .09), #fff);
  background-clip: border-box;
  margin-top: -30px;
  position: relative;
  top: -22px;
}

.div-block-35 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.link-4 {
  color: #777;
  margin-top: 10px;
  text-decoration: underline;
}

.column {
  padding-left: 0;
  padding-right: 0;
}

.div-block-36 {
  display: flex;
}

.heading-29 {
  text-align: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
}

.section-9 {
  margin-top: 70px;
}

.heading-30 {
  justify-content: center;
  align-items: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}

.heading-31 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
}

.heading-32 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
}

.paragraph-20 {
  color: #777;
  font-family: Harmonyos sans, sans-serif;
}

.div-block-37 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-38 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.heading-34 {
  color: #585858;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.div-block-41 {
  font-family: Harmonyos sans, sans-serif;
}

.section-10 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.section-10.cloneables-listing {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-three-columns {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-three-columns.usd {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  justify-content: center;
  align-items: flex-end;
  justify-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.text-single-300 {
  font-size: 20px;
  line-height: 22px;
}

.text-single-300.medium {
  font-weight: 500;
}

.text-single-300.medium.text-color-600 {
  color: #6f6c90;
}

.text-single-300.medium.text-color-400 {
  color: #d9dbe9;
}

.mg-bottom-0 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 36px;
}

.text-color-neutral-400 {
  color: #d9dbe9;
  padding-right: 0;
}

.mg-top-18px {
  margin-top: 18px;
}

.mg-top-18px.mg-bottom-32px {
  margin-top: 10px;
  margin-bottom: 20px;
}

.mg-top-18px.mg-bottom-32px.nl {
  margin-bottom: 2px;
}

.icon-bullet---brix {
  width: 22px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  margin-left: 0;
  margin-right: 14px;
}

.container-660px-center {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.flex-horizontal {
  display: flex;
}

.flex-horizontal.start-top {
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal.start-top.center {
  align-items: center;
  margin-top: 20px;
  margin-left: 0;
}

.flex-horizontal.start-top.center._21313131 {
  margin-top: 0;
}

.badge-popular---brix {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
  border-radius: 10px;
  padding: 12px 17px;
  font-size: 14px;
  line-height: 14px;
  display: inline-block;
  position: absolute;
  top: 20px;
  bottom: auto;
  left: auto;
  right: 20px;
}

.cloneable-container-default {
  min-height: 624px;
  border-radius: 20px;
  transform: translate(0);
}

.cloneable-container-default.center {
  min-height: auto;
  border-radius: 0;
  align-items: center;
  padding-top: 70px;
  padding-bottom: 40px;
}

.icon-pricing---brix {
  margin-right: 18px;
}

.pricing-2 {
  color: #170f49;
  margin-bottom: 18px;
  font-size: 54px;
  font-weight: 700;
  line-height: 66px;
}

.pricing-2.color-white {
  color: #fff;
}

.list-item-pricing {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  display: flex;
}

.text-single-200 {
  font-size: 18px;
  line-height: 20px;
}

.text-single-200.text-color-neutral-800 {
  font-size: 15px;
}

.text-single-200.text-color-neutral-800.new {
  color: #8a8a8a;
  font-size: 13px;
  font-weight: 300;
}

.text-single-200.medium {
  color: #000;
  font-family: Harmonyos sans, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}

.text-single-200.medium.color-neutral-300 {
  color: #eff0f6;
}

.text-single-200.bold {
  font-weight: 700;
}

.list-pricing {
  margin-top: 10px;
  margin-bottom: 0;
}

.container-default {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}

.popular-badge-align---brix {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.button-primary {
  color: #1d9de9;
  text-align: center;
  cursor: pointer;
  background-color: #e8f5fd;
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  padding: 20px 40px 21px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
  transition: transform .3s, box-shadow .3s;
  display: flex;
  box-shadow: 0 3px 12px rgba(74, 58, 255, .12);
}

.button-primary:hover {
  background-color: #e8f5fd;
  transform: translate(0, -2px);
  box-shadow: 0 4px 10px rgba(74, 58, 255, .15);
}

.button-primary.light {
  color: #4a3aff;
  background-color: #fff;
}

.button-primary._333 {
  margin-top: 68px;
}

.card-pricing {
  background-color: #fff;
  border: 1px solid #eff0f6;
  border-radius: 24px;
  flex-direction: column;
  padding: 40px 40px 48px;
  display: flex;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08);
}

.card-pricing.popular {
  width: 360px;
  background-color: #4a3aff;
  margin-right: 100px;
  padding-top: 30px;
  position: relative;
}

.card-pricing.align-bottom {
  width: 400px;
  margin-top: 0;
  font-family: Harmonyos sans, sans-serif;
}

.card-pricing.align-bottom._223324324 {
  width: 360px;
  height: 657px;
  padding: 20px 30px;
  transition: background-position .2s, opacity .2s;
  box-shadow: 1px 1px 12px rgba(20, 20, 43, .08);
}

.card-pricing.align-bottom._223324324:hover {
  color: #000;
  background-color: #fff;
  background-image: url('../images/card-background-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.card-pricing.align-bottom._111 {
  width: 360px;
  height: auto;
  margin-top: 0;
  padding: 63px 30px 20px;
  transition: background-position .2s;
}

.card-pricing.align-bottom._111:hover {
  color: #000;
  background-color: #fff;
  background-image: url('../images/card-background-1.svg');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.color-white {
  color: #fff;
}

.content-pricig-table {
  margin-top: 76px;
}

.content-pricig-table.small {
  margin-top: 44px;
  font-weight: 400;
}

.section-11 {
  max-width: none;
  margin-top: 70px;
  margin-left: 100px;
  margin-right: 100px;
  padding-top: 40px;
  padding-bottom: 90px;
}

.heading-35 {
  font-size: 21px;
}

.heading-35.h3 {
  text-align: left;
  font-size: 16px;
}

.heading-36 {
  text-align: left;
  margin-bottom: 40px;
  font-size: 48px;
}

.paragraph-21, .paragraph-22 {
  margin-left: 30px;
}

.div-block-42 {
  flex-direction: column;
  display: block;
}

.heading-37 {
  margin-top: 20px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 40px;
}

.paragraph-23 {
  color: #777;
  padding-right: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
}

.paragraph-24 {
  color: #777;
  margin-top: 0;
  padding-right: 0;
  font-size: 13px;
}

.button-10 {
  width: 140.102px;
  color: #e1b0cf;
  text-align: center;
  cursor: default;
  background-color: #2c50be;
  border-radius: 50px;
  margin-left: 170px;
  margin-right: 0;
  padding-left: 24px;
  padding-right: 24px;
  font-size: 10px;
  position: static;
  right: 18px;
}

.div-block-43 {
  flex-direction: row;
  display: flex;
}

.heading-38 {
  color: #bbb;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 500;
  text-decoration: line-through;
}

.heading-38._333 {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  text-decoration: none;
}

.div-block-44 {
  align-items: flex-end;
  margin-left: 10px;
  display: flex;
}

.div-block-45 {
  align-items: flex-end;
  display: flex;
}

.heading-39 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
}

.heading-40 {
  margin-top: 0;
  margin-bottom: 0;
}

.div-block-46 {
  margin-top: 16px;
}

.wg-dd-1-togle {
  z-index: 1;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  padding: 10px 15px;
  display: block;
}

.wg-dd-1-togle:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-flag {
  width: 20px;
  height: 16px;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
}

.wg-flag-ico {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.wg-dropdown-1 {
  width: auto;
  text-transform: uppercase;
  flex-direction: column;
  align-items: stretch;
  font-weight: 700;
}

.wg-selector-text-wrapper {
  width: 100%;
  align-items: center;
  display: flex;
}

.wg-dropdown-1-link {
  color: #000;
  background-color: #fff;
  padding: 10px 15px;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-dd-1-list {
  background-color: #fff;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow: hidden;
  box-shadow: 0 -13px 50px 3px rgba(17, 23, 156, .07);
}

.wg-element-wrapper {
  align-items: center;
  display: flex;
  position: relative;
}

.wg-code {
  display: none;
}

.div-block-47 {
  z-index: 999;
  height: auto;
  margin-right: 0;
  padding-right: 0;
  display: none;
  position: relative;
  overflow: visible;
}

.wg-selector-text-wrapper-2 {
  width: 100%;
  border-radius: 0;
  align-items: center;
  display: flex;
}

.wg-element {
  width: 50%;
  height: 25vh;
  justify-content: center;
  align-items: center;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.wg-element:hover {
  background-color: #fbf9fd;
}

.wg-dropdown-1-2 {
  width: auto;
  text-transform: uppercase;
  border-radius: 0;
  flex-direction: column;
  align-items: stretch;
  font-weight: 700;
}

.wg-dropdown-1-link-2 {
  color: #000;
  background-color: #fff;
  border-radius: 0;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .1s;
}

.wg-dropdown-1-link-2:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-dropdown-1-link-2.new {
  border-radius: 0 0 20px 20px;
}

.wg-dd-1-togle-2 {
  z-index: 1;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  flex-direction: column;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.wg-dd-1-togle-2:hover {
  color: #fff;
  background-color: #4049ff;
}

.wg-dd-1-togle-2.w--open {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  font-size: 14px;
}

.div-block-48 {
  flex: none;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-right: 25px;
  display: flex;
}

.text-block-26, .text-block-27 {
  font-weight: 500;
}

.bold-text-63 {
  background-image: linear-gradient(292deg, #526fff, #df86ff);
  font-family: Playfair Display, sans-serif;
  font-style: italic;
  font-weight: 800;
}

.bold-text-63.clipped {
  font-size: 64px;
  font-weight: 900;
}

.body-5 {
  max-width: 100%;
  background-image: linear-gradient(rgba(0, 0, 0, .94), rgba(0, 0, 0, .94));
  overflow: visible;
}

.section-12 {
  width: 100%;
  height: 100vh;
  max-width: 100%;
  background-image: url('../images/Frame-43920_1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.container-6 {
  background-image: url('../images/Frame-43920.png');
  background-position: 0 0;
  background-size: 1440px 1080px;
  background-attachment: fixed;
  overflow: visible;
}

.navbar-logo-center {
  z-index: 99999;
  width: 100%;
  background-color: rgba(180, 52, 52, 0);
  display: block;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.navbar-logo-center-container {
  z-index: 5;
  width: 1030px;
  max-width: 100%;
  background-color: rgba(0, 0, 0, 0);
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}

.navbar-logo-center-container.shadow-three {
  width: 100%;
  height: 70px;
  max-width: 1440px;
  background-color: rgba(0, 0, 0, 0);
  padding: 15px 0;
  display: block;
}

.container-7 {
  width: 100%;
  max-width: none;
  background-color: rgba(207, 18, 18, 0);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.navbar-wrapper-three {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.navbar-brand-three {
  z-index: 5;
  position: absolute;
}

.nav-menu-wrapper-three {
  width: 100%;
}

.nav-menu-three {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-menu-block {
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link-3 {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-3:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-link-3:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-link-3[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: rgba(26, 27, 31, .75);
}

.nav-dropdown-toggle:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon-2 {
  margin-right: 10px;
}

.nav-dropdown-list-2 {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list-2.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link-2 {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link-2:focus-visible {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-link-2[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: rgba(26, 27, 31, .75);
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.column-4 {
  text-align: center;
  flex: 1;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 16px;
  overflow: visible;
}

.button-11 {
  color: #cbcbcb;
  background-color: rgba(56, 152, 236, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.button-11.tshadow1 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-12 {
  color: #cbcbcb;
  background-color: rgba(56, 152, 236, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.button-12.tshadow1 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-13 {
  color: #cbcbcb;
  background-color: rgba(56, 152, 236, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.button-13.tshadow1 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-14 {
  color: #cbcbcb;
  background-color: rgba(56, 152, 236, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.button-14.tshadow1 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-15 {
  color: #cbcbcb;
  background-color: rgba(56, 152, 236, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.button-15.tshadow1 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-16 {
  width: 80px;
  height: 40px;
  color: #cbcbcb;
  text-align: center;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #cbcbcb;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
  display: flex;
}

.button-16.trans1 {
  font-size: 15px;
  font-weight: 300;
}

.button-17 {
  width: 118px;
  height: 40px;
  text-align: center;
  background-image: linear-gradient(128deg, #26b5ff 17%, #7058ff 80%);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  margin-left: 16px;
  font-family: Noto Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  display: flex;
}

.button-17:hover {
  box-shadow: 0 0 5px #fff;
}

.button-17.newb {
  width: 230px;
  height: 60px;
  border-radius: 100px;
  margin-top: 26px;
  margin-bottom: 120px;
  margin-left: 0;
  font-size: 22px;
  font-weight: 300;
}

.button-17.dd1 {
  width: 150px;
  margin-left: 0;
  font-size: 16px;
  font-weight: 300;
}

.column-5 {
  justify-content: flex-end;
  padding-right: 2%;
  display: flex;
}

.columns-4 {
  width: 100%;
  align-items: center;
  display: flex;
}

.column-6 {
  text-align: left;
  justify-content: flex-start;
  padding-left: 2%;
  display: flex;
}

.column-7 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  padding-left: 2%;
  padding-right: 0;
  display: flex;
}

.paragraph-25 {
  width: 560px;
  min-width: 200px;
  color: #fff;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 36px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 150%;
  overflow: visible;
}

.paragraph-25.clipped {
  text-align: center;
  display: inline;
}

.columns-5 {
  max-width: 1300px;
  padding-top: 78px;
}

.bold-text-64 {
  background-image: linear-gradient(127deg, #26b5ff 13%, #a128ff 78%);
  font-family: Playfair Display, sans-serif;
  font-size: 64px;
  font-style: italic;
  font-weight: 600;
}

.bold-text-64.clipped {
  height: 80px;
  background-image: linear-gradient(127deg, #26b5ff 13%, #a128ff 78%);
  margin-bottom: 0;
  font-size: 68px;
  display: inline-block;
}

.bold-text-64.clipped.typer {
  height: 100px;
  align-items: center;
  padding-left: 15px;
  font-weight: 400;
  display: flex;
}

.html-embed {
  width: 1%;
  display: block;
}

.column-8 {
  flex-wrap: nowrap;
  align-content: stretch;
  justify-content: flex-start;
  margin-top: 23px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-49 {
  width: 80%;
  height: 100%;
  max-width: 200%;
  object-fit: fill;
  margin-left: 0%;
  margin-right: 0;
}

.columns-6 {
  flex-direction: column;
  display: flex;
}

.paragraph-26 {
  width: 100%;
  padding-right: 0;
}

.paragraph-27 {
  max-width: 553px;
  min-width: 400px;
  color: #b2b7c0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.button-18 {
  width: 136px;
  height: 40px;
  text-align: center;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-right: 10px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.button-18.trans1 {
  font-size: 18px;
}

.button-19 {
  width: 136px;
  height: 40px;
  text-align: center;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-right: 10px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.button-19.trans1 {
  font-size: 16px;
}

.button-20 {
  width: 136px;
  height: 40px;
  text-align: center;
  background-color: rgba(56, 152, 236, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.button-20:hover {
  color: #ff3737;
}

.button-20.trans1 {
  font-size: 16px;
}

.container-8 {
  /* height: 65vh; */
  max-width: 1600px;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 70px;
  padding: 30px 0;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.mycarousel-section {
  padding: 90px 2% !important;
}

.div-block-49 {
  width: 650px;
  max-width: 930px;
  min-width: 560px;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-left: 20px;
  display: flex;
}

.image-50 {
  display: block;
}

.div-block-50 {
  width: auto;
  height: auto;
  max-height: 50%;
  min-height: 400px;
  min-width: 400px;
  background-image: url('../images/Group-427321547.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  flex: 0 auto;
  overflow: visible;
}

.image-51 {
  max-width: 90%;
  margin-left: 0;
  margin-right: 0;
}

.div-block-51 {
  display: block;
}

.div-block-52 {
  max-width: 548px;
  justify-content: flex-end;
  padding-top: 30px;
  display: flex;
}

.div-block-52.dvnew {
  display: none;
}

.integration-item {
  width: 250px;
  height: 64px;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.overflow-hidden {
  padding-bottom: 0;
  display: none;
  position: static;
  overflow: hidden;
}

.integratinon-card-line {
  z-index: -1;
  display: flex;
  position: static;
}

.logos-container {
  max-width: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.black-shadow {
  width: 100px;
  height: 64px;
  background-image: linear-gradient(to right, #132230, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.integration-block {
  width: 100vw;
  max-width: 100vw;
  margin-top: 24px;
  position: static;
  overflow: hidden;
}

.small-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.integration-inside-line {
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.black-shadow-right {
  width: 100px;
  height: 64px;
  background-image: linear-gradient(270deg, #1a2742, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.logos-section {
  background-color: #000;
  border-width: 1px 0;
  border-color: rgba(255, 255, 255, .14) #000;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
  justify-content: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.section-13 {
  width: 100%;
  max-width: 100%;
  background-image: url('../images/Frame-43922.png');
  background-position: 0 0;
  background-size: cover;
  padding-top: 20px;
  display: block;
}

.image-52 {
  margin: 0;
  padding-top: 0;
}

.paragraph-28 {
  color: #fff;
  text-align: center;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 70px;
  padding-top: 0;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
  line-height: 60px;
  display: block;
}

.paragraph-28.pn1 {
  height: auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  padding-top: 32px;
  padding-bottom: 0;
  display: flex;
}

.clipped {
  background-image: linear-gradient(135deg, #3ea5ff 14%, #1224e6 92%);
  font-weight: 300;
}

.clipped.title {
  background-image: linear-gradient(135deg, #3ea5ff 14%, #7f12e6 92%);
  font-family: Playfair Display, sans-serif;
  font-size: 64px;
  font-style: italic;
  font-weight: 600;
}

.div-block-53 {
  margin-top: 68px;
}

.paragraph-29 {
  color: #cacaca;
  text-align: center;
  margin-bottom: 100px;
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.paragraph-regular {
  letter-spacing: -.02em;
  font-size: 16px;
  line-height: 24px;
}

.header-block-feature {
  border: 1px solid #d1d1d6;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
  box-shadow: 25px 25px 64px -14px rgba(161, 161, 165, .15);
}

.header-image-cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.container-large {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.header-shop-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.8fr;
}

.section-regular {
  padding: 92px 5%;
  position: relative;
}

.header-block {
  color: #1e1e20;
  border: 1px solid #d1d1d6;
  border-radius: 8px;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  display: flex;
}

.header-logo-cover {
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.header-line-shop {
  height: 1px;
  background-color: #ececee;
  margin-top: 32px;
  margin-bottom: 16px;
}

.header-image-large {
  height: 100%;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon-regular {
  width: 24px;
  height: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-large {
  letter-spacing: -.02em;
  font-size: 18px;
  line-height: 32px;
}

.paragraph-large.text-weight-medium {
  font-weight: 500;
}

.header-caption {
  color: #87878c;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.h3-heading {
  letter-spacing: -.02em;
  margin-top: 0;
  font-size: 48px;
  line-height: 1.2;
}

.h3-heading.text-weight-medium {
  font-weight: 500;
}

.header-detail-wrapper {
  width: 100%;
  color: #1e1e20;
  text-align: left;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.slide-nav-2 {
  display: none;
}

.mask {
  height: 100%;
  max-width: 600px;
  overflow: visible;
}

.slider {
  background-color: rgba(221, 221, 221, 0);
}

.image-53, .image-54, .image-55 {
  overflow: hidden;
}

.div-block-54 {
  width: 450px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.image-56 {
  width: 450px;
  max-width: none;
  border-radius: 12px;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: -4px 4px 15px 5px rgba(255, 2, 238, .24), 4px -4px 15px 5px rgba(0, 170, 255, .24);
}

.section-14 {
  height: auto;
  max-width: 100vw;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 140px 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.mask-2 {
  height: 750px;
  max-width: 92vw;
  margin-top: 0;
  padding-top: 20px;
  padding-left: 20px;
}

.heading-41 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 16px;
  font-family: Noto Sans, sans-serif;
  font-size: 42px;
  font-weight: 400;
}

.heading-41.clipped {
  padding-left: 16px;
  font-size: 48px;
  font-weight: 300;
}

.slide {
  width: 450px;
  margin-right: 80px;
}

.paragraph-30 {
  color: #929292;
  padding-left: 20px;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.slider-2 {
  height: 800px;
  max-width: 97vw;
  background-color: rgba(221, 221, 221, 0);
  padding-bottom: 93px;
  position: static;
}

.div-block-55 {
  width: 400px;
}

.icon-2, .icon-3 {
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.slide-2 {
  width: 400px;
  margin-right: 22px;
}

.container-9 {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.div-block-56 {
  flex: 0 auto;
  margin-top: 120px;
  margin-left: 100px;
  display: none;
}

.left-arrow {
  width: 88px;
  height: 88px;
  margin-top: 565px;
  position: absolute;
  top: auto;
  bottom: 92px;
  left: 0%;
  right: 300px;
}

.right-arrow {
  width: 88px;
  height: 88px;
  top: auto;
  bottom: 92px;
  left: 300px;
  right: 0%;
}

.slide-3 {
  width: 400px;
  margin-right: 22px;
}

.slide-4, .slide-5, .slide-6 {
  width: 400px;
}

.section-new-15 {
  width: auto;
  height: 900px;
  min-height: auto;
  background-image: url('../images/Frame-43920_1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 100px;
  display: block;
}

.section-new-15.nesec1 {
  height: 750px;
  display: block;
}

.section-new-15.mobiles {
  display: none;
}

.container-10 {
  height: 580px;
  max-width: 1000px;
  background-image: url('../images/Group-427321575.png');
  background-position: 0 0;
  background-size: cover;
  flex: 0 auto;
  justify-content: flex-start;
  display: flex;
  overflow: visible;
}

.div-block-57 {
  width: 380px;
}

.div-block-58 {
  width: 595px;
}

.heading-42 {
  color: #fff;
  margin-top: 34px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 40px;
  font-family: Noto Sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
}

.heading-42.heading1 {
  margin-bottom: 10px;
  padding-left: 12px;
}

.div-block-59 {
  margin-bottom: 34px;
  margin-left: 20px;
  padding-left: 24px;
  display: flex;
}

.image-57 {
  width: auto;
  height: auto;
}

.paragraph-32 {
  width: 250px;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.paragraph-32.paranew {
  font-size: 16px;
}

.div-block-60 {
  padding-top: 3px;
}

.text-block-28 {
  color: #00a2ff;
  margin-bottom: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.div-block-61 {
  display: flex;
}

.text-field {
  width: 258px;
  height: 33px;
  color: #000;
  background-color: #f4f4f4;
  border-radius: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-field-2 {
  width: 256px;
  height: 33px;
  color: #000;
  background-color: #f4f4f4;
  border-radius: 4px;
  margin-left: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.select-field {
  width: 258px;
  height: 33px;
  color: #8d8d8d;
  border-radius: 4px;
  font-size: 14px;
  padding: 0 8px;
}

.text-field-3 {
  width: 256px;
  height: 33px;
  color: #000;
  background-color: #f4f4f4;
  border-radius: 4px;
  margin-left: 10px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.text-field-4, .text-field-5, .text-field-6 {
  width: 525px;
  height: 33px;
  color: #000;
  background-color: #f4f4f4;
  border-radius: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.textarea {
  width: 525px;
  height: 180px;
  max-height: 120px;
  max-width: 525px;
  min-height: 120px;
  min-width: 525px;
  color: #000;
  background-color: #fffefe;
  border-radius: 4px;
  font-family: Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.form-block-new {
  margin-left: 30px;
}

.submit-button {
  width: 138px;
  height: 38px;
  background-image: linear-gradient(136deg, #3eb5ff, #5842ff);
  border-radius: 4px;
  margin-top: 22px;
  margin-left: 387px;
  padding-top: 9px;
  padding-left: 15px;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  outline: none;
  position: static;
  top: 92px;
  left: 449px;
}

.submit-button[disabled] {
  background: #999;
  cursor: not-allowed;
}

.success-message {
  width: 525px;
  color: #fff;
  background-color: rgba(221, 221, 221, 0);
  margin-top: 130px;
  font-family: Noto Sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: none;
  padding: 20px;
  text-align: center;
}

.error-message {
  width: 350px;
  color: red;
  background-color: rgba(255, 222, 222, 0);
  margin-top: -38px;
  font-family: Noto Sans, sans-serif;
  padding: 10px;
  display: none;
}

.heading-43 {
  text-align: center;
  background-image: linear-gradient(129deg, #000, #fff);
  font-family: Noto Sans, sans-serif;
  font-size: 56px;
  font-weight: 300;
}

.heading-44 {
  text-align: center;
  background-image: linear-gradient(137deg, #3eb5ff 37%, #2256ff 63%);
  margin-top: 0;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 500;
  line-height: 56px;
}

.heading-44.clipped {
  background-image: linear-gradient(137deg, #3eb5ff 37%, #878cff 63%);
  margin-top: 2px;
  margin-bottom: 26px;
  padding-bottom: 13px;
  font-weight: 300;
}

.div-block-62 {
  width: auto;
  height: auto;
  object-fit: fill;
  border-radius: 40px;
  flex-direction: column-reverse;
  justify-content: flex-end;
  display: block;
  overflow: visible;
}

.div-block-62.trans2 {
  height: 608px;
}

.div-block-62.trans3 {
  height: 607px;
}

.div-block-62.trans3.trans2 {
  margin-right: 30px;
}

.div-block-63 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-58, .image-59 {
  margin-left: 0;
  margin-right: 0;
}

.div-block-64 {
  width: 356px;
  height: 525px;
  background-image: url('../images/Group-427321576.png');
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 0;
  margin-right: 0;
  display: none;
}

.div-block-65 {
  position: static;
  top: 432px;
  bottom: 0%;
}

.div-block-66 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: block;
}

.image-60 {
  width: 357px;
  height: 607px;
  min-width: 357px;
  margin-left: 0;
  margin-right: 0;
}

.image-60.trans2 {
  border-radius: 30px;
  display: block;
}

.div-block-67 {
  margin-top: 0;
  display: block;
}

.button-21 {
  display: inline;
  position: static;
}

.div-block-68 {
  width: auto;
  height: 530px;
  padding-top: 0;
}

.div-block-69 {
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.button-22 {
  width: 295px;
  height: 51px;
  text-align: center;
  background-color: #2b2b2b;
  background-image: linear-gradient(137deg, #3eb5ff 8%, #604fd1 83%);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.button-22.trans1 {
  font-weight: 300;
}

.image-61 {
  width: 357px;
  height: 525px;
  min-width: 357px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-70 {
  height: 95px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-71 {
  height: 430px;
}

.button-23 {
  width: 301px;
  height: 51px;
  -webkit-text-fill-color: inherit;
  background-color: rgba(56, 152, 236, 0);
  background-clip: border-box;
  border: 1px solid #ddd;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  margin-top: -17px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
  display: flex;
}

.paragraph-33 {
  color: rgba(51, 51, 51, 0);
}

.bold-text-65 {
  color: #929292;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.container-11 {
  margin-top: 0;
}

.link-block-3 {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  display: block;
}

.link-block-3.w--current {
  margin-top: -8px;
}

.section-16 {
  height: 800px;
  background-image: url('../images/Frame-43920_1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 125px;
  display: flex;
}

.div-block-72 {
  max-width: 1440px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 117px;
  display: none;
}

.heading-45 {
  width: 442.719px;
  min-width: 442px;
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 52px;
  font-weight: 200;
  line-height: 60px;
  display: inline-block;
}

.div-block-73 {
  justify-content: center;
  display: flex;
  position: static;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.image-62 {
  max-width: 330px;
  border-radius: 150px 10px;
  flex: 1;
  margin-left: 30px;
  margin-right: 0;
  box-shadow: 0 0 14px 5px rgba(180, 84, 255, .46);
}

.image-63 {
  max-width: 290px;
  border-radius: 10px 100px;
  margin-left: 0;
  margin-right: 36px;
  box-shadow: 0 0 14px 3px rgba(81, 188, 255, .41);
}

.div-block-74, .div-block-75 {
  display: inline-block;
}

.div-block-76 {
  flex-direction: column;
  flex: 0 auto;
  align-items: center;
  margin-top: 47px;
  padding-top: 60px;
  display: flex;
}

.div-block-77 {
  display: inline-block;
}

.div-block-78 {
  max-width: 1318px;
  justify-content: space-around;
  display: none;
}

.column-9 {
  justify-content: center;
  display: flex;
}

.column-10 {
  justify-content: center;
  padding-left: 40px;
  display: flex;
}

.column-11 {
  height: 66%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-12 {
  display: none;
}

.columns-7 {
  max-width: 1440px;
}

.div-block-79 {
  margin-top: 102px;
}

.container-13 {
  margin-top: -59px;
}

.paragraph-34 {
  color: #b4b4b4;
  text-align: left;
  margin-top: 50px;
  margin-bottom: 30px;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.image-64 {
  position: absolute;
  top: auto;
  bottom: -33px;
  left: 240px;
  right: 0;
}

.image-65 {
  position: absolute;
  top: -18px;
  left: 300px;
}

.image-66 {
  position: absolute;
  top: auto;
  bottom: -32px;
  left: auto;
  right: 230px;
}

.button-24 {
  width: 200px;
  height: 57px;
  text-align: center;
  background-image: linear-gradient(135deg, #26b5ff 21%, #3d44ff);
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 24px;
  font-weight: 300;
  display: flex;
}

.button-24:hover {
  box-shadow: 0 0 14px rgba(255, 255, 255, .74);
}

.section-17 {
  background-color: #000;
  background-image: url('../images/Frame-43922.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
}

.grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ".";
  grid-auto-columns: .25fr;
}

.heading-46 {
  color: #fff;
  text-align: center;
  flex: 1;
  margin-top: 121px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 48px;
  font-weight: 300;
}

.grid-2 {
  z-index: 9999;
  width: 80%;
  max-width: 1166px;
  min-width: 992px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  position: relative;
}

.text-block-29 {
  width: 99%;
  color: #fff;
  text-align: center;
  padding-right: 9px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
}

.div-block-80 {
  width: auto;
  height: 161px;
  min-width: 100px;
  background-color: rgba(237, 236, 236, 0);
  border: 1px rgba(255, 255, 255, .44);
  border-radius: 0;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-80:hover {
  border-width: 2px;
  border-color: rgba(0, 170, 255, .44);
}

.image-67 {
  max-width: none;
  margin: 20px 0 8px;
}

.grid-3 {
  width: 1100px;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.container-14 {
  max-width: 1440px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.heading-47 {
  color: #fff;
  text-align: center;
  margin-top: 140px;
  margin-bottom: 100px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 300;
}

.heading-47.new {
  margin-top: 0;
}

.div-block-81 {
  position: absolute;
  top: 15%;
  bottom: auto;
  left: -101%;
  right: auto;
}

.div-block-82 {
  width: 100vw;
  height: auto;
}

.div-block-83 {
  height: 150px;
  flex-direction: row;
  justify-content: center;
  display: flex;
  position: relative;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.image-68 {
  opacity: .3;
  filter: blur(15px);
  background-image: linear-gradient(104deg, rgba(0, 60, 255, .6), rgba(230, 0, 255, .6));
  border-radius: 500px;
  position: absolute;
  top: auto;
  bottom: 95px;
  left: 18%;
  right: 0%;
}

.image-69 {
  background-image: linear-gradient(#26b5ff, #c726ff);
  position: relative;
  bottom: 44px;
  left: 68%;
  right: 0;
}

.div-block-84 {
  width: 150px;
  height: 150px;
  filter: blur(15px);
  background-image: linear-gradient(108deg, #c726ff 36%, #26b5ff 71%);
  border-radius: 100px;
  position: relative;
  bottom: 106px;
  left: 459px;
}

.div-block-85 {
  width: 445px;
  height: 445px;
  filter: blur(6px);
  background-image: linear-gradient(119deg, rgba(108, 205, 255, .4), rgba(59, 55, 255, .33));
  border-radius: 5000px;
  position: relative;
  top: -495px;
  left: -341px;
}

.section-18 {
  height: auto;
  background-color: #000;
  position: relative;
}

.heading-48 {
  justify-content: center;
  margin-top: 0;
  padding-top: 112px;
  display: flex;
}

.container-15 {
  z-index: 2;
  max-width: 1440px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.paragraph-35 {
  width: auto;
  color: #fff;
  margin-bottom: 40px;
  padding-right: 0;
  font-family: Noto Sans, sans-serif;
  font-weight: 500;
}

.bold-text-66 {
  color: #b8b8b8;
  font-weight: 300;
}

.text-block-30 {
  color: #fff;
  margin-bottom: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
}

.div-block-87 {
  width: auto;
  padding-left: 20px;
  padding-right: 0;
}

.grid-4 {
  width: auto;
  max-width: 1440px;
  min-width: 992px;
  grid-column-gap: 80px;
  grid-row-gap: 231px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  align-content: center;
  justify-content: center;
  align-items: center;
  justify-items: start;
  margin-bottom: 110px;
  padding-left: 40px;
  padding-right: 40px;
}

.image-70 {
  width: 100%;
  max-width: none;
  border-radius: 12px;
  margin-left: 0;
  margin-right: 0;
  padding-right: 0;
  box-shadow: -2px -2px 15px 5px rgba(149, 209, 255, .3), 4px 4px 15px 5px rgba(255, 157, 242, .27);
}

.div-block-88 {
  justify-content: center;
  display: flex;
}

.image-71 {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
}

.section-19 {
  background-image: url('../images/Frame-43920.png');
  background-position: 0 0;
  background-size: cover;
}

.heading-49 {
  height: 72px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  justify-content: flex-end;
  margin-top: 100px;
  margin-bottom: 68px;
  font-family: Montserrat, sans-serif;
  font-size: 48px;
  font-weight: 300;
  display: flex;
  overflow: hidden;
}

.heading-49.typing {
  overflow: visible;
}

.heading-49.pc {
  overflow: hidden;
}

.heading-49.typerwriter {
  font-size: 56px;
  font-weight: 200;
  overflow: visible;
}

.tabs-menu-2 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  justify-content: center;
  display: flex;
}

.grid-5 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 81px;
  margin-left: 0;
  padding-left: 100px;
  padding-right: 100px;
}

.image-72 {
  margin-left: 0;
  margin-right: 0;
}

.text-block-31 {
  color: #fff;
  text-align: center;
  margin-top: 21px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.bold-text-67 {
  font-size: 18px;
  font-weight: 400;
}

.text-block-32 {
  color: #fff;
  text-align: center;
  margin-top: 14px;
  margin-bottom: 11px;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 300;
}

.image-73 {
  margin-left: 0;
  margin-right: 0;
}

.image-74 {
  margin-left: 0;
  margin-right: 0;
  display: block;
}

.text-block-33 {
  color: #d52929;
  background-color: rgba(170, 112, 112, 0);
}

.text-block-34 {
  color: #fff;
}

.tab-link-influencer {
  background-color: rgba(200, 200, 200, .06);
}

.tab-link-influencer.w--current {
  background-color: rgba(200, 200, 200, 0);
}

.tab-link-influencer.clipped {
  color: #fff;
  background-color: #fff;
  background-image: none;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 200;
}

.tab-link-influencer.clipped.w--current {
  color: #ff1717;
  background-image: linear-gradient(135deg, #0af, #4f57f0);
  font-weight: 400;
}

.tab-link-publishers {
  background-color: rgba(221, 221, 221, 0);
}

.tab-link-publishers.w--current {
  background-color: rgba(233, 0, 0, 0);
}

.tab-link-publishers.clipped {
  background-color: #fff;
  background-image: none;
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  font-weight: 200;
}

.tab-link-publishers.clipped.w--current {
  background-image: linear-gradient(135deg, #3eb5ff 14%, #1224e6 92%);
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 400;
}

.container-16 {
  max-width: 1300px;
}

.image-75 {
  margin-left: 0;
  margin-right: 0;
}

.grid-6 {
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: rgba(224, 243, 255, 0);
  border-radius: 14px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 80px;
}

.image-76 {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
}

.image-77 {
  margin-left: 0;
  margin-right: 0;
}

.image-78, .image-79 {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
}

.image-80 {
  width: 120px;
  margin-left: 0;
  margin-right: 0;
}

.image-81 {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
}

.image-82, .image-83 {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.image-84 {
  width: 180px;
  margin-left: 0;
  margin-right: 0;
}

.spin1 {
  width: auto;
  color: rgba(255, 255, 255, 0);
}

.spin1:hover {
  color: #fff;
}

.text-block-35 {
  margin-top: -158px;
  font-size: 30px;
  display: block;
}

.cursor {
  display: none;
}

.div-block-89 {
  height: 100px;
  align-items: center;
  display: flex;
}

.text-block-36 {
  width: auto;
  min-width: 225px;
  color: #fff;
  padding-top: 8px;
  font-family: Noto Sans, sans-serif;
  font-size: 50px;
  font-weight: 300;
}

.div-block-90 {
  flex: 1;
  margin-bottom: 40px;
  padding-bottom: 27px;
}

.text-span-8 {
  width: auto;
  min-width: 240px;
  margin-right: 0;
}

.slide-nav-3 {
  margin-left: -100px;
  padding-left: 0;
  position: relative;
  bottom: 0;
}

.div-block-91 {
  width: 450px;
  height: auto;
}

.bold-text-68 {
  font-weight: 300;
}

.div-block-92 {
  margin-bottom: 26px;
}

.grid-7 {
  width: 100%;
  max-width: 1440px;
  -webkit-backdrop-filter: blur(100px);
  backdrop-filter: blur(100px);
  background-color: rgba(26, 43, 63, 0);
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr 1fr 1fr 1fr;
  padding: 106px 40px 60px;
}

.grid-7.gr123 {
  background-color: rgba(26, 43, 63, 0);
}

.text-block-37 {
  width: auto;
  max-width: 320px;
  color: #bfbfbf;
  margin-bottom: 0;
  font-family: Harmonyos sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.text-block-37.t11 {
  margin-top: 20px;
  margin-bottom: 16px;
}

.text-block-38 {
  color: #fff;
  margin-top: 8px;
  margin-bottom: 24px;
  font-family: Noto Sans, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

._123fw {
  z-index: 120;
  max-width: 100vw;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: url('../images/Frame-43920_1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-93, .div-block-94 {
  flex-direction: column;
  padding-left: 20px;
  display: flex;
}

.div-block-95 {
  padding-left: 20px;
}

.div-block-96 {
  width: 100vw;
  -webkit-backdrop-filter: blur(500px);
  backdrop-filter: blur(500px);
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  padding-bottom: 80px;
  display: flex;
}

.div-block-96.new {
  padding-top: 40px;
  padding-bottom: 20px;
}

.heading-50 {
  color: #fff;
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 38px;
  font-weight: 300;
}

.paragraph-36 {
  max-width: 800px;
  color: #cbcbcb;
  text-align: center;
  font-family: Harmonyos sans, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.heading-51 {
  z-index: 3;
  color: #fff;
  text-align: center;
  margin-top: 120px;
  margin-bottom: 120px;
  font-family: Montserrat, sans-serif;
  font-weight: 200;
  position: relative;
}

.grid-8 {
  z-index: 3;
  max-width: 1400px;
  grid-column-gap: 16px;
  grid-row-gap: 80px;
  flex: 1;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 100px;
  position: relative;
}

.div-block-97 {
  max-width: 400px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-98, .div-block-99 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.section-21 {
  max-width: 100vw;
  flex-flow: column;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.text-block-39 {
  color: #fff;
  margin-bottom: 40px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 32px;
  font-weight: 300;
}

.image-85 {
  height: 130px;
  margin-bottom: 50px;
}

.paragraph-37 {
  color: silver;
  padding-left: 20px;
  padding-right: 5px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 17px;
  font-weight: 300;
}

.div-block-100 {
  width: 100%;
  height: 3600px;
  max-width: 100%;
  background-image: url('../images/Group-427321600.png');
  background-position: 0 -500px;
  background-size: cover;
  border-radius: 0;
  display: block;
  position: absolute;
  top: -1844px;
  bottom: 0%;
  left: 0;
  right: 0%;
  overflow: hidden;
}

.logos-container-2 {
  width: 100%;
  max-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
  top: auto;
  bottom: 130px;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.logos-container-2.publisher {
  position: relative;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.logos-container-2.publisher.oubbew1 {
  position: relative;
  top: auto;
  bottom: 124px;
}

.logos-container-2.ne1 {
  bottom: 0;
  overflow: hidden;
}

.black-shadow-2 {
  width: 100px;
  height: 100px;
  background-image: linear-gradient(to right, #142330 19%, rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.small-text-2 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.black-shadow-right-2 {
  width: 100px;
  height: 100px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #1a253e 84%);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.section-22 {
  width: 100%;
  height: 99vh;
  max-width: 100%;
  background-color: #000;
  background-image: url('../images/Frame-43920_1.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 61px;
  display: flex;
  overflow: hidden;
}

.section-22.dd {
  display: none;
}

.columns-8 {
  width: 100%;
  max-width: 1440px;
  min-width: auto;
  margin-bottom: 130px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.columns-8.publisher {
  max-width: 1400px;
  margin-top: 0;
  margin-bottom: 100px;
  padding-right: 0;
}

.columns-8.publisher.influenc11 {
  margin-top: 100px;
}

.text-span-9 {
  color: #fff;
}

.text-span-9.clipped {
  margin-left: 0;
  padding-left: 0;
  font-family: Playfair Display, sans-serif;
  font-size: 68px;
  font-style: italic;
  font-weight: 600;
}

.heading-52 {
  color: #fff;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 19px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 56px;
  font-weight: 300;
  display: block;
}

.paragraph-38 {
  max-width: 630px;
  color: #b2b7c0;
  margin-bottom: 70px;
  padding-right: 100px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.column-12 {
  padding-top: 0;
  padding-left: 0;
  display: block;
}

.div-block-101 {
  height: 450px;
  flex-direction: column;
  justify-content: center;
  padding-top: 15px;
  padding-bottom: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-101.newdb11 {
  justify-content: flex-start;
}

.image-234 {
  margin-left: 0;
  margin-right: 165px;
}

.image-234.im {
  margin-right: 75px;
}

.image-234.im2 {
  border-radius: 100px;
  margin-right: 0;
}

.image-87 {
  margin-right: 90px;
}

.image-235 {
  border-radius: 100px;
}

.image-236 {
  margin-right: 77px;
}

.div-block-102 {
  width: 100%;
  height: 450px;
  perspective: 600px;
  perspective-origin: -60%;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  padding: 0;
  display: flex;
  position: relative;
  bottom: auto;
  left: auto;
}

.div-block-102.dv102 {
  height: 380px;
  perspective: 600px;
  perspective-origin: -60% 30%;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: 0;
  padding: 0;
}

.card1 {
  perspective: 1000px;
  margin-top: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
}

.card3 {
  transform-style: preserve-3d;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  transform: translate3d(0, 0, -180px);
}

.card2 {
  transform-style: preserve-3d;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  transform: translate3d(0, 0, -90px);
}

.card4, .card5, .cardcopy1, .cardcopy2, .cardcopy3 {
  opacity: 0;
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  transform: translate(0, 30%);
}

.image-237 {
  position: static;
}

.column-13 {
  padding-left: 80px;
  display: block;
  overflow: visible;
}

.image-238, .image-239, .image-240, .image-241, .image-242, .image-243, .image-244 {
  margin-left: 0;
  margin-right: 0;
}

.bold-text-69 {
  font-weight: 300;
}

.heading-53, .text-block-40 {
  text-align: center;
}

.section-23 {
  width: 100%;
  height: auto;
  max-width: 100%;
  background-image: url('../images/Frame-43922.png');
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 120px;
  display: block;
  overflow: hidden;
}

.div-block-103 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 50px;
  padding-bottom: 0;
  display: flex;
}

.heading-54 {
  color: #fff;
  margin-top: 100px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 300;
}

.text-block-41 {
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 200;
}

.text-block-41.clipped {
  margin-bottom: 70px;
  padding-top: 14px;
  padding-bottom: 9px;
  font-weight: 300;
  overflow: visible;
}

.paragraph-39 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  padding-right: 0;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 300;
}

.bold-text-70 {
  color: #bdbdbd;
  font-weight: 300;
}

.image-245 {
  margin-left: 0;
  margin-right: 0;
}

.text-block-42 {
  color: #fff;
  text-align: center;
  margin-top: -25px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.image-246, .image-247, .image-248, .image-249 {
  margin-left: 0;
  margin-right: 0;
}

.image-250 {
  border-radius: 12px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-104 {
  padding-right: 20px;
}

.div-block-105 {
  z-index: 1;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.div-block-106 {
  position: relative;
  overflow: visible;
}

.div-block-107 {
  width: 100vw;
  height: 1500px;
  background-image: radial-gradient(circle at 50% 30%, rgba(0, 221, 255, .23), rgba(255, 255, 255, 0) 84%);
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-108 {
  width: 100vw;
  height: 2500px;
  background-image: radial-gradient(circle at 30% 75%, rgba(44, 206, 255, .25), rgba(255, 255, 255, 0) 60%);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.div-block-109 {
  width: 100vw;
  height: 2500px;
  background-image: radial-gradient(circle at 70% 60%, rgba(182, 61, 219, .18), rgba(255, 255, 255, 0) 48%);
  position: absolute;
  top: 0%;
  bottom: auto;
  left: auto;
  right: 0%;
}

.tabs {
  margin-bottom: 150px;
}

.div-block-110 {
  width: auto;
}

.image-251 {
  border-radius: 12px;
  margin-left: 0;
  margin-right: 0;
}

.mobile-nav {
  display: none;
}

.container-18 {
  position: absolute;
}

.div-block-113 {
  height: 70px;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  top: -15px;
  bottom: auto;
  left: 0%;
  right: 0%;
}

.div-block-114 {
  width: 100vw;
  height: 75px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(29, 44, 46, .63);
  display: block;
  position: absolute;
}

.div-block-120 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.link-block-4 {
  flex: 0 auto;
}

.image-253, .image-254, .image-255, .image-256 {
  margin-left: 0;
  margin-right: 0;
}

.link-block-5 {
  margin-left: 26px;
}

.link-block-6, .link-block-7, .link-block-8, .link-block-9, .link-block-10, .link-block-11, .link-block-12 {
  margin-left: 10px;
}

.link-7 {
  color: #2f74ff;
  font-family: Harmonyos sans, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.bold-text-71 {
  color: #fff;
  font-family: Harmonyos sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
}

.paragraph-40 {
  padding-right: 0;
  line-height: 20px;
}

.image-257 {
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  border-radius: 5px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: 1px 0 15px 7px rgba(72, 97, 224, .72);
}

.grid-9 {
  z-index: 101;
  max-width: 1440px;
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  justify-items: center;
  margin-top: 0;
  position: relative;
}

.heading-55 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.heading-55.clipped {
  margin-top: 40px;
  font-size: 26px;
  font-weight: 400;
}

.div-block-129 {
  width: 349.344px;
  max-width: 350px;
}

.div-block-130 {
  max-width: 600px;
}

.div-block-131 {
  -webkit-backdrop-filter: blur(500px);
  backdrop-filter: blur(500px);
  background-color: rgba(0, 0, 0, .15);
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.column-14 {
  padding-left: 0;
  padding-right: 0;
}

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-258 {
  width: 300px;
  height: 365px;
  object-fit: cover;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
}

.text-block-43 {
  width: auto;
  color: #fff;
  text-align: right;
  -webkit-text-fill-color: inherit;
  background-color: #3eb5ff;
  background-clip: border-box;
  margin-top: 3px;
  margin-bottom: 0;
  padding-right: 15px;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 300;
}

.div-block-132 {
  background-color: #ff3838;
}

.image-259, .image-260 {
  width: 300px;
  height: 365px;
  object-fit: cover;
  border-radius: 10px;
  margin-left: 0;
  margin-right: 0;
}

.section-25 {
  height: auto;
  max-width: 100vw;
  background-image: linear-gradient(132deg, #000, #1f2436 66%);
  padding-top: 140px;
  padding-bottom: 140px;
  overflow: hidden;
}

.bold-text-72 {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 42px;
  font-weight: 200;
}

.bold-text-72.clipped {
  font-weight: 300;
}

.bold-text-73 {
  color: #fff9f9;
  font-family: Harmonyos sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.grid-11 {
  width: 1200px;
  grid-column-gap: 16px;
  grid-row-gap: 140px;
  align-items: center;
}

.container-19 {
  max-width: 1200px;
  justify-content: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.paragraph-41 {
  margin-bottom: 40px;
  font-size: 16px;
}

.heading-56 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 52px;
}

.image-264 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.image-265 {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
}

.image-266, .image-267, .image-268 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.image-269 {
  margin-top: 0;
  margin-left: 0;
}

.image-270 {
  margin-left: 0;
  padding-top: 0;
}

.image-271 {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}

.section-26 {
  width: 100%;
  height: 0;
  max-width: 100%;
  margin-bottom: -24px;
  overflow: visible;
}

.section-27 {
  background-color: #15202c;
  justify-content: center;
  display: flex;
}

.heading-57 {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-43 {
  margin-bottom: 40px;
}

.grid-13 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  padding-top: 40px;
}

.grid-13.g133 {
  padding-right: 72px;
}

.text-block-45 {
  color: #fff;
  font-family: Harmonyos sans, sans-serif;
  font-size: 22px;
  font-weight: 500;
}

.div-block-143 {
  align-items: center;
  display: flex;
}

.div-block-144, .dv12 {
  width: auto;
  padding-left: 0;
}

.dv12.sv12 {
  padding-right: 20px;
}

.grid-14 {
  grid-column-gap: 64px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  align-items: center;
  justify-items: center;
}

.image-272 {
  margin-left: 16px;
  padding-top: 0;
}

.image-273 {
  padding-top: 0;
}

.image-274 {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.image-275 {
  padding-top: 0;
}

.image-276 {
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  box-shadow: -4px -4px 15px #71b2da, 2px 2px 15px #d17deb;
}

.image-277 {
  border-radius: 8px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-right: 0;
  box-shadow: -3px -4px 15px rgba(127, 192, 233, .79), 4px 4px 15px rgba(229, 137, 252, .65);
}

.image-278, .image-283 {
  margin-left: 0;
  margin-right: 0;
}

.body-6 {
  max-width: 100vw;
}

.div-block-147 {
  padding-left: 0;
}

.image-286, .image-287 {
  margin-left: 0;
  margin-right: 0;
}

.section-123 {
  height: 100vw;
  background-image: linear-gradient(129deg, #1a2742, #243029);
  border-bottom: 1px dashed #000;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding-top: 90px;
  display: flex;
}

.div-block-148 {
  width: 560px;
  height: 600px;
  border: 1px solid #fff;
  border-radius: 22px;
}

.div-block-149 {
  height: 80px;
  border: 1px #fff;
  border-bottom-style: solid;
  border-radius: 32px 32px 0 0;
  display: flex;
}

.heading-58 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 40px;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 500;
  line-height: 36px;
}

.text-span-11 {
  color: #bdbdbd;
  font-size: 20px;
  font-weight: 300;
}

.div-block-150 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.div-block-151 {
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.div-block-152 {
  width: 190px;
  height: 0;
  border: 1px solid #969696;
}

.text-block-46 {
  color: #969696;
  margin-left: 10px;
  margin-right: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-block-47 {
  color: #fff;
  text-align: center;
  margin-bottom: 18px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 300;
}

.button-25 {
  width: 450px;
  text-align: center;
  background-color: rgba(221, 221, 221, 0);
  border: 1px solid #fff;
  border-radius: 50px;
  margin-bottom: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.button-25.b11 {
  background-color: #26b5ff;
  border: .5px #979797;
  border-radius: 8px;
}

.div-block-153 {
  justify-content: center;
  display: flex;
}

.div-block-154 {
  margin-left: 74px;
  padding-top: 22px;
}

.image-288 {
  padding-top: 19px;
}

.link-block-13, .link-block-14 {
  margin-bottom: 22px;
}

.section-124 {
  padding-bottom: 106px;
}

.section-125 {
  padding-bottom: 80px;
}

.image-290 {
  margin-left: 0;
  margin-right: 0;
}

.button-26 {
  padding-left: 10px;
  padding-right: 10px;
}

.button-26.tshadow1 {
  color: #cbcbcb;
  background-color: rgba(221, 221, 221, 0);
  font-family: Noto Sans, sans-serif;
  font-weight: 300;
}

.div-block-155 {
  width: 180px;
  align-items: center;
  padding-right: 0;
  display: flex;
}

.image-291, .image-292, .image-293 {
  margin-left: 0;
  margin-right: 0;
}

.link-block-15, .link-block-16, .link-block-17 {
  margin-right: 20px;
}

.text-block-48 {
  max-width: 356px;
  min-width: 100px;
  padding-left: 34px;
  padding-right: 32px;
  position: relative;
  top: -85px;
}

.image-294 {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0;
}

.section-126 {
  background-color: #f1f9ff;
  margin-bottom: 40px;
}

.container-20 {
  max-width: 1200px;
}

.container-21 {
  max-width: 1200px;
  border-radius: 14px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  box-shadow: 0 5px 10px 4px rgba(34, 34, 34, .14);
}

.heading-59 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Harmonyos sans, sans-serif;
  font-size: 36px;
  line-height: 38px;
}

.heading-59.re11 {
  font-size: 32px;
}

.heading-59.re11._1fea2 {
  margin-top: 20px;
}

.paragraph-44 {
  margin-top: 0;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 500;
  line-height: 22px;
}

.paragraph-44.pp444 {
  background-color: #f7f7f7;
  border-radius: 6px;
  padding: 10px 20px;
}

.section-127 {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.link-8 {
  font-family: Harmonyos sans, sans-serif;
  font-size: 17px;
}

.grid-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #e7e7e7;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: .75fr .25fr 2.5fr 1fr;
}

.text-block-49 {
  border: 1px solid #e7e7e7;
  padding: 10px;
  font-family: Harmonyos sans, sans-serif;
  font-weight: 700;
}

.text-block-50 {
  height: 100%;
  border: 1px solid #e7e7e7;
  padding: 10px;
}

.paragraph-45 {
  float: none;
  clear: none;
  padding-right: 24px;
  text-decoration: none;
}

.paragraph-46 {
  overflow: visible;
}

.link-9, .link-10 {
  text-decoration: underline;
}

.body-8 {
  font-family: Harmonyos sans, sans-serif;
}

@media screen and (min-width: 1280px) {
  .wrapper.inf:hover {
    transform: none;
  }

  .footer-logo.w--current {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .button-2.hgh:hover {
    background-color: #fff;
  }

  .brand-2.w--current {
    width: auto;
    height: 28.7969px;
  }

  .tab-link-tab-1.w--current {
    width: 180px;
    font-size: 18px;
    font-weight: 700;
  }
}

@media screen and (min-width: 1440px) {
  .wrapper.inf:hover {
    transform: none;
  }

  .button.margin-left-right.b11:hover {
    background-color: #ffb567;
  }

  .button.sdas:hover {
    color: #000;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #3898ec;
  }

  .footer-logo.w--current {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
  }

  .nav-link-2:hover {
    color: #3898ec;
  }

  .nav-link-2.w--current {
    color: #333;
    font-size: 16px;
  }

  .brands-button:hover {
    color: #3898ec;
  }

  .sign-up-login.shouye.right:hover {
    background-color: #ffc972;
  }

  .brand-2.w--current {
    width: auto;
    height: 28.7969px;
    flex: none;
    margin-left: 0;
  }

  .tab-link-tab-1.w--current {
    text-align: center;
  }

  .image-42:hover {
    max-width: 100%;
  }
}

@media screen and (min-width: 1920px) {
  .wrapper.inf:hover {
    transform: none;
  }

  .footer-logo.w--current {
    width: 200px;
  }

  .nav-link-2:hover {
    color: #3898ec;
  }

  .nav-link-2.w--current {
    font-size: 18px;
  }

  .button-2.hgh:hover {
    background-color: #fff;
  }

  .sign-up-login.shouye.right:hover {
    background-color: #ffc972;
  }

  .button-6:hover {
    border-bottom-left-radius: 40px;
  }

  .brand-2.w--current {
    flex: 0 auto;
    margin-left: 0;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    margin-top: 32px;
    margin-bottom: 16px;
    font-size: 42px;
    line-height: 48px;
  }

  h2 {
    margin-top: 32px;
    font-size: 32px;
    line-height: 40px;
  }

  h3 {
    width: auto;
    font-size: 24px;
    line-height: 32px;
  }

  h4 {
    font-size: 20px;
    line-height: 28px;
  }

  h5 {
    font-size: 16px;
    line-height: 24px;
  }

  h6 {
    width: auto;
    font-size: 14px;
    line-height: 20px;
  }

  p {
    font-size: 15px;
  }

  figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section {
    padding: 80px 8px;
  }

  .section.grey-section.general-summary {
    height: 40vh;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .section.grey-section.general-summary._222 {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
    position: static;
  }

  .section.grey-section.general-summary._222._234 {
    height: auto;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.grey-section.general-summary.dghh {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.grey-section.general-summary.moblie {
    height: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.grey-section.dsf, .section.brands-section.pb.shouye.publishers.dsf, .section.steps-section {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section.side-content-section {
    justify-content: center;
  }

  .section.how-it-work {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.how-it-work.df.dsad.dsfds.homemanagedesk, .section.how-it-work.df.fgg.homemonitordesk {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.how-it-work.df {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .section.how-it-work.df.last {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .section.how-it-work.sfs.hometrackdesl, .section.how-it-work.sfs.homemeasuredesk, .section.how-it-work.sfs.homepaydesk {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.brand._22.df {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 0;
    padding-top: 64px;
    padding-bottom: 64px;
    display: flex;
    position: static;
  }

  .section.sdfds.fgfg.home1920why {
    padding-top: 80px;
    padding-bottom: 80px;
    position: static;
  }

  .wrapper {
    height: auto;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .wrapper.hero-side-wrapper {
    height: auto;
    flex-wrap: wrap;
    padding-top: 64px;
    padding-bottom: 8px;
  }

  .wrapper._12 {
    flex-direction: column;
  }

  .wrapper.pinban {
    height: auto;
  }

  .wrapper.moblie {
    max-width: 597.778px;
    overflow: visible;
  }

  .button.posts-v3-button {
    margin-top: 64px;
  }

  .button.form-button {
    margin-left: -32px;
  }

  .button.pricing-table-button {
    margin-top: 32px;
  }

  .button.margin-left-right.b11 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: static;
  }

  .button.sdas {
    height: 44px;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-bottom: 12px;
    display: flex;
  }

  .button._1233 {
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
  }

  .nav-bar {
    padding-left: 2px;
    padding-right: 0;
  }

  .logo-link {
    height: 64px;
    padding-top: 13px;
    padding-bottom: 11px;
  }

  .nav-link {
    width: 100%;
    height: auto;
    text-align: left;
    background-color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 20px;
    display: block;
  }

  .nav-link:hover, .nav-link.nav-link-white {
    color: #111;
  }

  .divider {
    width: 60px;
    margin-top: -16px;
    margin-bottom: 16px;
  }

  .divider.center {
    margin-bottom: 0;
  }

  .section-header-wrapper {
    max-width: 90%;
    min-width: 90%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .section-header-wrapper.whyhome1920 {
    margin-bottom: 40px;
    padding-bottom: 0;
  }

  .section-header-wrapper.homemanage1440 {
    padding-bottom: 0;
  }

  .section-header-wrapper.influn {
    max-width: none;
    min-width: auto;
    margin-left: 0;
  }

  .section-header-wrapper.infl {
    margin-top: 20px;
  }

  .section-header {
    width: 350px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
  }

  .section-header.section-header-left {
    max-width: 66.66%;
    margin-left: 8px;
  }

  .section-header.section-header-left.dsg {
    margin-left: 0;
  }

  .section-header.blue {
    justify-content: center;
  }

  .section-header.zuo {
    justify-content: flex-start;
  }

  .section-header.zuo.zhong {
    margin-top: 0;
  }

  .section-header.dsfg {
    justify-content: center;
  }

  .section-header.dsfg.inf {
    width: auto;
    margin-bottom: 0;
  }

  .section-description {
    width: auto;
    margin-bottom: 10px;
    padding-right: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .section-description._3242 {
    width: 350px;
    padding-left: 0;
    font-size: 14px;
    line-height: 23px;
  }

  .section-description._000 {
    width: auto;
    font-size: 14px;
    line-height: 23px;
  }

  .section-description.uuu {
    font-size: 14px;
  }

  .paragraph-small.last {
    color: #5e6673;
    font-size: 12px;
  }

  .grey-section, .team-member, .rich-text-content {
    padding-left: 8px;
    padding-right: 8px;
  }

  .side-image-50 {
    width: 50%;
    min-height: 400px;
  }

  .side-content-wrapper-50 {
    padding: 40px 6%;
  }

  .footer-bottom {
    margin-left: 8px;
    margin-right: 8px;
  }

  .work-v2 {
    width: 50%;
  }

  .more-link._11, .more-link._33, .more-link._33.df {
    margin-top: 10px;
  }

  .post-v2 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .category {
    height: 20px;
    padding-top: 2px;
    padding-left: 11px;
    padding-right: 10px;
    font-size: 8px;
  }

  .category.post-card-v3-category {
    margin: 32px;
  }

  .category.team-member-role {
    height: 36px;
    align-items: center;
    margin-top: 300px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 10px;
    display: flex;
  }

  .hero-slider-section {
    height: 560px;
  }

  .hero-slide-content {
    max-width: 66.66%;
  }

  .side-frame {
    flex-direction: row;
  }

  .side-frame.reversed.fdh {
    height: 100%;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .side-frame.reversed.fdh.fdg {
    margin-top: 32px;
  }

  .side-frame.reversed.fdh.gfg {
    text-align: left;
    justify-content: flex-start;
    align-self: flex-start;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
  }

  .side-frame.reversed.qwqw {
    align-items: center;
    margin-left: 0;
  }

  .side-content-small {
    width: 44%;
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 8px;
    padding-right: 8px;
    top: -50px;
  }

  .side-content-small._222 {
    flex-wrap: wrap;
    align-items: center;
    margin-top: 0;
    margin-left: 10px;
  }

  .side-content-small.mobile {
    margin-top: 0;
    margin-left: 24px;
    margin-right: 24px;
  }

  .side-content-small.gdg {
    margin-top: 0;
    padding-top: 20px;
  }

  .side-content-small.fdg, .side-content-small.fhgdfh {
    padding-top: 24px;
  }

  .side-content-small.influ {
    width: auto;
    margin-left: 0;
    padding-right: 0;
    display: block;
  }

  .side-feature-media {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 29px;
    padding-right: 30px;
  }

  .side-feature-media.fdgh.fdgg {
    margin-right: 30px;
    padding-left: 10px;
    padding-right: 0;
  }

  .feature-cards {
    margin-bottom: -16px;
    padding-left: 9px;
    padding-right: 8px;
  }

  .feature-card {
    width: 33.33%;
    flex: 0 auto;
    margin-bottom: 20px;
    margin-left: -1px;
    margin-right: 0;
    padding: 48px 24px 40px;
  }

  .side-map {
    height: 536px;
  }

  .footer-about {
    width: 50%;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 4%;
  }

  .footer {
    padding-top: 14px;
  }

  .footer-nav {
    width: 25%;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-link {
    font-size: 12px;
  }

  .footer-subscribe {
    width: 50%;
    flex: 0 auto;
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-v4 {
    padding: 8px;
  }

  .work-card-info {
    margin: 24px;
    padding-bottom: 4px;
    padding-left: 24px;
    padding-right: 24px;
    display: none;
  }

  .slider-arrow-wrapper.hero-arrow {
    width: 112px;
  }

  .wide-map {
    height: 360px;
  }

  .blog-posts-v1 {
    margin-bottom: -16px;
  }

  .post-v1 {
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .post-card {
    padding: 16px;
    display: flex;
  }

  .post-card-info {
    padding: 16px;
  }

  .hero-section {
    padding-top: 64px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-section.hero-split-section {
    height: auto;
    padding-left: 16px;
    padding-right: 20px;
  }

  .hero-section.hero-dark-image-section {
    height: auto;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section.hero-dark-image-section.brandtoutu {
    margin-top: 70px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .hero-section.hero-light-image-section {
    height: auto;
    min-height: 480px;
    background-attachment: scroll;
  }

  .hero-section.hero-light-bg-section {
    height: auto;
    padding: 120px 64px 100px;
  }

  .hero-section.hero-light-bg-section.fdsg {
    height: 60vh;
    padding-top: 0;
    padding-bottom: 0;
  }

  .hero-section.hero-side-bg-section {
    padding-left: 4%;
    padding-right: 4%;
  }

  .hero-section.video-bg, .hero-split-image {
    height: auto;
  }

  .hero-split-content {
    margin-left: 0;
    padding-left: 8px;
    padding-right: 32px;
  }

  .work-v5 {
    padding-top: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .footer-v4 {
    margin-bottom: 10px;
    padding-top: 0;
  }

  .footer-v4-about {
    margin-left: 7%;
    padding-left: 8px;
    padding-right: 32px;
  }

  .footer-v2-column {
    padding-left: 8px;
    padding-right: 8px;
  }

  .menu-button {
    padding: 20px;
  }

  .menu-button.w--open {
    color: #111;
    background-color: rgba(0, 0, 0, 0);
  }

  .menu-button.white-menu-button {
    color: #fff;
  }

  .scroll-mouse-link {
    padding-bottom: 24px;
    display: none;
  }

  .page-wrapper {
    margin-top: 0;
  }

  .nav-dropdown-link {
    background-color: #f8f8f8;
    padding-left: 32px;
  }

  .nav-dropdown-link:hover {
    color: #111;
    background-color: #f8f8f8;
  }

  .nav-dropdown-list.w--open {
    border-radius: 0;
    margin-top: 0;
    box-shadow: 0 0 rgba(0, 0, 0, 0);
  }

  .nav-menu {
    max-height: 100vh;
    border-bottom: 1px solid #ddd;
    flex-direction: column;
    display: block;
    overflow: scroll;
  }

  .page-header-section {
    min-height: 360px;
  }

  .grey-text {
    max-width: 570px;
    color: #777;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 0;
    font-weight: 500;
    position: static;
  }

  .grey-text.summary {
    height: auto;
    color: #ededed;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
  }

  .grey-text.summary._11 {
    margin-top: 40px;
  }

  .grey-text._22 {
    min-width: 100%;
    margin-bottom: 0;
  }

  .grey-text._22.influn {
    width: auto;
    max-width: none;
  }

  .grey-text._333 {
    margin-top: 11px;
    margin-bottom: 21px;
    padding-top: 0;
  }

  .grey-text._333.inf {
    margin-top: 20px;
  }

  .utility-page-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .password-window {
    margin-top: 40px;
  }

  .blog-posts-and-sidebar {
    padding-top: 0;
  }

  .blog-sidebar {
    width: 33.33%;
    padding-left: 16px;
    padding-right: 8px;
  }

  .category-filter-link {
    margin-left: 16px;
    margin-right: 16px;
  }

  .categories-filter {
    margin-bottom: 64px;
  }

  .work-sidebar {
    width: 100%;
    text-align: center;
    flex: 0 auto;
    margin-left: 0%;
    padding-top: 0;
    padding-left: 20%;
    padding-right: 20%;
    position: static;
  }

  .work-details {
    width: 320px;
    padding-top: 24px;
    padding-bottom: 40px;
  }

  .work-details-cell {
    justify-content: center;
  }

  .work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6 {
    width: 83.33%;
  }

  .work-presentation figure {
    margin-top: 32px;
    margin-bottom: 32px;
  }

  .work-presentation blockquote, .work-presentation ol, .work-presentation ul {
    width: 83.33%;
  }

  .work-main-image {
    margin-top: 32px;
  }

  .work-content {
    width: 100%;
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .post-header-section {
    min-height: 440px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .post-header-wrapper {
    width: 83.33%;
  }

  .blog-post h1 {
    width: 100%;
  }

  .blog-post p {
    width: 100%;
    font-size: 16px;
  }

  .blog-post h2, .blog-post blockquote {
    width: 100%;
  }

  .blog-post ul {
    width: 83.33%;
  }

  .blog-post ol, .blog-post h5, .blog-post h6, .blog-post h3 {
    width: 100%;
  }

  .blog-post h4 {
    width: 100%;
    display: block;
  }

  .blog-post figure {
    padding-left: 0%;
    padding-right: 0%;
  }

  .blog-post-wrapper {
    padding-left: 8px;
    padding-right: 8px;
  }

  .post-bottom-info {
    width: 83.33%;
  }

  .post-author-profile {
    width: 224px;
    margin-right: 30px;
    padding: 40px 24px 32px;
  }

  .faq-list {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-table-price {
    margin-bottom: 24px;
  }

  .heading-styles {
    padding-left: 8px;
    padding-right: 8px;
  }

  .yellow-text {
    width: 800px;
  }

  .hero-dark-image-text {
    width: 600px;
    min-width: 600px;
    margin-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 30px;
    position: static;
  }

  .social-icons.hero-split-icons {
    margin-left: 8px;
  }

  .social-icons.work-icons {
    justify-content: center;
  }

  .vertical-scroll {
    display: none;
    right: 8px;
  }

  .vertical-header {
    width: 40px;
    display: none;
  }

  .vertical-header-text {
    font-size: 13px;
    left: -132px;
  }

  .fact-center {
    padding-left: 8px;
    padding-right: 8px;
  }

  .frame {
    margin-top: 0;
    transform: translate(-20px, -20px);
    box-shadow: inset 0 0 0 6px #ffb567;
  }

  .frame.reversed {
    transform: translate(20px, -20px);
  }

  .frame.sdf {
    margin-left: auto;
  }

  .frame-image {
    transform: translate(20px, 20px);
  }

  .frame-image.reversed {
    transform: translate(-20px, 20px);
  }

  .side-feature-list._22.dsf {
    width: 700px;
    flex-flow: wrap;
    align-content: stretch;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
  }

  .side-feature-list-item {
    margin-left: 0;
    margin-right: 0;
  }

  .side-feature-list-item._22._33 {
    width: 188px;
    height: auto;
    margin-left: 0;
    margin-right: 10px;
  }

  .side-feature-list-item._22._33.dsf.gf {
    width: 188px;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    position: static;
  }

  .side-feature-list-item._22.sddf {
    width: 188px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .side-feature-list-item._22.dfg {
    width: 188px;
    margin-top: 0;
    margin-right: 10px;
    position: static;
  }

  .side-feature-list-item._22.fgh {
    width: 188px;
    margin-left: 0;
    margin-right: 10px;
  }

  .side-feature-list-item._22.jh {
    width: 188px;
    margin-top: 0;
    margin-right: 10px;
    position: static;
  }

  .side-feature-list-item._22.ty {
    width: 188px;
    margin-left: 10px;
    margin-right: 0;
    position: static;
  }

  .side-feature-list-item._22.ty.fgfg {
    width: 188px;
    margin-top: 0;
    margin-left: 10px;
    position: static;
  }

  .side-feature-list-item.zuo {
    width: 37.9351%;
    margin-left: 10px;
    margin-right: 92px;
    position: relative;
  }

  .side-feature-list-item.zuo.gfh {
    width: 190px;
    margin-left: 0;
    margin-right: 0;
  }

  .side-feature-list-item.you {
    margin-left: 0;
    margin-right: 140px;
    position: relative;
  }

  .side-feature-list-item.you.gfg {
    left: -24px;
  }

  .side-feature-list-item.zhong {
    margin: 0 0 0 20px;
  }

  .side-feature-list-item.zu {
    justify-content: flex-start;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 0;
  }

  .side-feature-list-item.yo {
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 0;
  }

  .check-mark-icon.fdf {
    margin-left: 0;
  }

  .cta-description {
    margin-bottom: 24px;
  }

  .section-header-icon {
    width: 48px;
    margin-bottom: 24px;
  }

  .brands {
    justify-content: center;
  }

  .brands.shouye {
    width: 670px;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: space-between;
    margin-top: -20px;
    margin-left: auto;
    margin-right: auto;
  }

  .brands.dsgg {
    width: 100%;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-left: -16px;
  }

  .brand-logo.white-logo {
    position: relative;
  }

  .brand-logo.color-logo {
    margin: 0 30px;
  }

  .brand-logo.color-logo.puma {
    margin-left: 30px;
    margin-right: 30px;
  }

  .brand-logo.color-logo.ecco {
    margin-top: 0;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
  }

  .brand-logo.color-logo.asas, .brand-logo.color-logo.students, .brand-logo.color-logo.booking {
    margin-left: 30px;
    margin-right: 30px;
  }

  .brand-logo.color-logo.zuo {
    width: 120px;
    justify-content: flex-start;
    align-items: stretch;
    margin-right: 14px;
    padding-left: 0;
    padding-right: 0;
  }

  .brand-logo.color-logo.zhoong {
    width: 120px;
    margin-right: 14px;
  }

  .brand-logo.color-logo.you {
    width: 120px;
    justify-content: flex-start;
  }

  .new-work {
    margin-bottom: 64px;
  }

  .side-media {
    width: 41.66%;
    margin-left: 32px;
    margin-right: 32px;
    padding-top: 20px;
  }

  .bg-text {
    font-size: 88px;
  }

  .contact-float-button {
    margin: 20px;
  }

  .hero-center-content {
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding: 0 8.33%;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  }

  .hero-play {
    font-size: 15px;
  }

  .play-button {
    width: 64px;
    height: 64px;
  }

  .hero-split-text {
    margin-bottom: 24px;
  }

  .hero-brands {
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hero-brands-container {
    position: relative;
  }

  .feature-blocks {
    margin-bottom: 64px;
  }

  .feature-big-image-wrapper {
    margin-bottom: 48px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .step {
    flex-basis: 30%;
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .steps-info {
    width: 66.66%;
    padding-left: 48px;
    padding-right: 48px;
  }

  .square-play-button {
    width: 64px;
    height: 64px;
    margin: -20px;
  }

  .square-play-button.right, .square-play-button.left {
    margin: -20px;
  }

  .fact-line-text {
    font-size: 36px;
  }

  ._2-buttons {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
  }

  .button-style-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .hero-light-image-content {
    margin-left: 0;
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-light-image-header.dgg {
    min-width: auto;
    margin-bottom: 0;
  }

  .feature-block-v2 {
    flex-basis: 40%;
    padding-top: 24px;
    padding-bottom: 48px;
    box-shadow: 0 0 0 1px #e4e4e4;
  }

  .side-content {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .pricing-table-card {
    flex-basis: 30%;
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .review {
    font-size: 18px;
    line-height: 32px;
  }

  .contact-card {
    padding: 16px;
    transform: translate(-20px, 20px);
  }

  .frame-card-map {
    height: 224px;
  }

  .contact-card-info {
    padding-left: 16px;
    padding-right: 16px;
  }

  .contact-card-line.dsf.new {
    margin-left: 10px;
    margin-right: 10px;
  }

  .contact-card-line.sdg.new {
    margin-right: 10px;
  }

  .contact-card-line.gf.new {
    margin-left: 20px;
  }

  .contact-card-line-text {
    font-size: 16px;
  }

  .contact-card-line-text.email {
    font-size: 14px;
  }

  .hero-slide-text {
    margin-bottom: 24px;
  }

  .feature-cell {
    padding: 40px 4%;
  }

  .feature-cells {
    margin-left: 8px;
    margin-right: 8px;
  }

  .skills-info {
    width: 50%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .skills-sliders {
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .skill-slider-wrapper, .skill-slider-header {
    width: 100%;
  }

  .skill-slider {
    height: 6px;
  }

  .side-image-wrapper.padding-right {
    padding-right: 0;
  }

  .side-image-wrapper.padding-left {
    padding-left: 0;
  }

  .side-content-wrapper {
    padding-left: 4%;
    padding-right: 4%;
  }

  .side-content-wrapper.right {
    padding-right: 4%;
  }

  .side-content-wrapper.left {
    padding-left: 4%;
  }

  .side-image {
    min-height: 600px;
  }

  .side-content-big {
    margin-top: 80px;
    margin-bottom: 80px;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .scroll-text-link {
    display: none;
  }

  .feature {
    padding-left: 8px;
    padding-right: 24px;
  }

  .feature.you {
    padding-left: 0;
    padding-right: 10px;
  }

  .feature.zuo {
    text-align: left;
    padding-left: 20px;
  }

  .features {
    justify-content: center;
    align-items: flex-start;
    margin-bottom: -16px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-side-content {
    margin-left: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-side-content.right {
    padding-right: 8px;
  }

  .hero-side-content.left {
    padding-left: 4%;
    padding-right: 5%;
  }

  .hero-side-image-wrapper {
    padding-left: 4%;
    padding-right: 4%;
  }

  .hero-side-image-big {
    width: 700px;
  }

  .hero-call-text {
    width: 100%;
    margin-top: 0;
    position: relative;
  }

  .page-header-wrapper {
    max-width: 66.66%;
    display: flex;
  }

  .case-study {
    flex-flow: column-reverse wrap;
  }

  .page-header {
    margin-bottom: 20px;
  }

  .feature-icon {
    width: 48px;
    margin-bottom: -8px;
  }

  .fact-icon {
    width: 48px;
  }

  ._404-info {
    max-width: 66.66%;
    padding-bottom: 56px;
  }

  .vertical-scroll-footer {
    display: none;
    right: 8px;
  }

  .side-review-author {
    display: block;
  }

  .side-feature-wide {
    width: 100%;
  }

  .instagram {
    padding: 40px 4%;
  }

  .instagram-info {
    max-width: 66.66%;
  }

  .request {
    padding-left: 8.33%;
    padding-right: 8.33%;
  }

  .request-form {
    justify-content: center;
    margin-left: 0;
  }

  .request-block-half.url {
    padding-left: 0;
    padding-right: 0;
  }

  .request-block-half.url.gf {
    margin-left: 0;
  }

  .request-block-half.iam {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
  }

  .request-block-half.iam.dgg, .request-block-full {
    margin-left: 0;
  }

  .select {
    width: 263.3px;
  }

  .testimonials {
    flex-wrap: wrap;
    margin-bottom: -32px;
  }

  .simple-review {
    flex-basis: 45%;
    margin-bottom: 32px;
    padding-left: 8px;
  }

  .post-v3 {
    flex-direction: row;
    padding-bottom: 16px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .side-feature-half {
    width: 100%;
    padding-right: 0;
  }

  .fact-left {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .fact-info {
    padding-top: 16px;
    padding-left: 8px;
  }

  .layouts {
    margin-bottom: -100px;
    padding-left: 9px;
    padding-right: 8px;
  }

  .home-preview-wrapper {
    width: 100%;
    margin-bottom: 100px;
  }

  .inner-page-link {
    margin-bottom: 16px;
    margin-left: 8px;
    margin-right: 8px;
  }

  .inner-pages {
    margin-bottom: -16px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .licence-items {
    width: 81.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .small-link {
    line-height: 20px;
  }

  .breadcrumbs {
    order: 1;
    justify-content: center;
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-description {
    font-size: 15px;
  }

  .changelog {
    width: 83.33%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .change {
    padding: 24px;
  }

  .navbar {
    height: auto;
  }

  .image-6 {
    margin-right: 0;
  }

  .nav-link-2 {
    z-index: 999999;
    flex: 0 auto;
    justify-content: center;
    display: flex;
  }

  .nav-menu-2 {
    z-index: 0;
    width: 100%;
    object-fit: fill;
    background-color: #fff;
    flex-flow: row;
    flex: 1;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: fixed;
    top: 8%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .container {
    width: auto;
    height: 70px;
    max-width: 100%;
    background-color: #fff;
    flex-direction: row;
    flex: 1;
    justify-content: flex-start;
    margin-left: 20px;
    margin-right: 0;
  }

  .section-2 {
    justify-content: center;
    align-items: center;
    margin-top: 32px;
    padding-top: 82px;
    padding-left: 60px;
    padding-right: 60px;
  }

  .div-block {
    margin-left: 0;
  }

  .div-block-2 {
    width: 42vw;
    min-width: 42vw;
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
  }

  .button-2.sdf {
    width: 84px;
    height: 36px;
    min-width: 124px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .button-2.sdf:hover {
    color: #000;
  }

  .button-2.hgh {
    width: 120px;
    min-width: 126px;
    color: #1f1f1f;
    background-color: #1f1f1f;
    margin-top: 0;
    font-size: 14px;
    line-height: 26px;
  }

  .button-2.hgh.track.ooo {
    border-color: #1f1f1f;
  }

  .button-2.hgh.manage {
    margin-top: 0;
  }

  .bold-text-4 {
    width: auto;
    height: auto;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    line-height: 22px;
    display: block;
  }

  .div-block-3 {
    width: 100%;
    margin-top: 0;
  }

  .brands-button {
    width: 140px;
    height: auto;
    min-width: auto;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    margin-right: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .publishers-button {
    color: #fff;
    flex: 1;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    font-weight: 500;
    line-height: 22px;
    display: flex;
  }

  .publishers-button.tiou {
    font-size: 13px;
  }

  .publishers-button.tiou:hover {
    color: #000;
  }

  .publishers-button.tiou.new {
    font-size: 13px;
  }

  .publishers-button.tiou.new:hover {
    color: #ffb567;
  }

  .publishers-button.tiou {
    font-size: 13px;
  }

  .paragraph {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 20px;
  }

  .bold-text-6 {
    font-size: 14px;
    line-height: 20px;
  }

  .bold-text-7 {
    font-size: 14px;
  }

  .heading-2.homeheadingdesk._666 {
    width: 380px;
    color: #1f1f1f;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 40px;
  }

  .bold-text-8.gd {
    margin-bottom: 0;
  }

  .bold-text-8.homedeskmans {
    font-size: 24px;
  }

  .image-13 {
    width: 144px;
    margin-left: 0;
  }

  .sign-up-login.shouye, .sign-up-login.shouye.right {
    display: none;
  }

  .bold-text-9 {
    font-size: 46px;
  }

  .div-block-7 {
    width: auto;
    margin-left: 0;
  }

  .bold-text-10.bllue {
    font-size: 24px;
  }

  .button-6 {
    width: 180px;
    height: 46px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 30px;
    font-size: 16px;
    line-height: 28px;
  }

  .button-6._22, .button-6.brandaa.sfds {
    margin-left: 10px;
    margin-right: 10px;
  }

  .button-6._333 {
    padding-bottom: 12px;
  }

  .bold-text-11 {
    width: 650px;
    font-size: 40px;
  }

  .text-block-11 {
    width: 163px;
    height: auto;
    font-size: 16px;
  }

  .text-block-12 {
    width: 163px;
    font-size: 16px;
  }

  .text-block-13 {
    width: 210px;
    font-size: 16px;
  }

  .text-block-14 {
    width: 163px;
    height: auto;
    font-size: 16px;
  }

  .text-block-15, .text-block-16 {
    width: 163px;
    font-size: 16px;
  }

  .heading-7 {
    margin-left: auto;
    margin-right: auto;
  }

  .heading-7.fdgh {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .bold-text-15.dsgh {
    margin-left: auto;
  }

  .paragraph-2.pub {
    width: 100%;
    flex: 0 auto;
    margin-left: 0;
    font-size: 16px;
  }

  .bold-text-16 {
    font-size: 4px;
  }

  .bold-text-19.influ {
    font-size: 32px;
  }

  .heading-9 {
    width: 600px;
    min-width: 680px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .div-block-11 {
    margin-top: 0;
    margin-left: 0;
    position: static;
  }

  .paragraph-3 {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 20px;
  }

  .bold-text-26 {
    color: #333;
    font-size: 24px;
  }

  .bold-text-28, .bold-text-30 {
    font-size: 24px;
  }

  .bold-text-33 {
    margin-top: 0;
  }

  .bold-text-33.fdg {
    width: 710px;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    line-height: 48px;
    display: flex;
  }

  .text-block-18 {
    width: 163px;
    font-size: 16px;
  }

  .bold-text-34.fdhh {
    width: 700px;
    font-size: 24px;
    line-height: 48px;
  }

  .bold-text-35 {
    font-size: 18px;
    line-height: 30px;
  }

  .bold-text-37.vxcv {
    margin-top: 0;
    margin-left: 0;
    font-size: 30px;
    display: inline-block;
  }

  .image-16 {
    margin-left: -414px;
  }

  .bold-text-38.gfg, .bold-text-39 {
    font-size: 24px;
  }

  .heading-11 {
    margin-bottom: 40px;
  }

  .heading-12 {
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
    display: flex;
  }

  .bold-text-41 {
    margin-left: 0;
  }

  .container-2 {
    flex: 0 auto;
  }

  .div-block-14 {
    width: 374px;
    height: 152px;
  }

  .div-block-15, .div-block-16, .div-block-17, .div-block-18, .div-block-19 {
    width: 354px;
    height: 172px;
  }

  .brand-2 {
    position: static;
    left: 21px;
  }

  .brand-2.w--current {
    margin-left: 25px;
    margin-right: 0;
  }

  .text-block-19 {
    color: #5e6673;
    margin-bottom: 16px;
    margin-left: 0;
    font-size: 12px;
    font-weight: 300;
  }

  .div-block-22 {
    margin-left: 60px;
    margin-right: 0;
  }

  .div-block-23 {
    margin-left: 26px;
    margin-right: 26px;
  }

  .div-block-24 {
    margin-bottom: 0;
  }

  .image-19 {
    margin-top: 0;
    margin-left: 0;
    font-size: 15px;
  }

  .div-block-25 {
    width: 60%;
    min-width: 50%;
    grid-column-gap: 32px;
    grid-row-gap: 16px;
    flex-direction: column;
    flex: 1;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: minmax(57px, 300px) minmax(200px, 300px);
    grid-auto-columns: 1fr;
    align-content: center;
    align-items: flex-start;
    justify-items: center;
    margin-left: 0;
    display: grid;
  }

  .menu-button-2 {
    z-index: 9999999;
    position: fixed;
    top: auto;
    right: 10px;
  }

  .menu-button-2.w--open {
    z-index: 10;
    background-color: #fff;
    position: fixed;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .navbar-2 {
    display: flex;
    position: fixed;
    overflow: visible;
  }

  .section-6 {
    width: 100%;
    display: flex;
    position: static;
  }

  .icon {
    z-index: 10;
    color: #64b7ff;
    display: block;
    position: relative;
  }

  .navbar-3 {
    height: 70px;
    min-width: 100%;
    position: fixed;
  }

  .image-21, .image-22, .image-23 {
    margin-left: 0;
  }

  .bold-text-43 {
    font-size: 24px;
  }

  .image-25 {
    margin-right: 14px;
  }

  .div-block-26 {
    width: auto;
  }

  .image-26 {
    text-align: center;
    flex: 0 auto;
  }

  .paragraph-5 {
    color: #333;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
  }

  .image-37 {
    margin-right: 14px;
  }

  .list-item, .list-item-2 {
    width: 120%;
  }

  .list-item-3 {
    width: 100%;
  }

  .list-item-4, .list-item-5, .list-item-6, .list-item-7 {
    width: 120%;
  }

  .heading-24 {
    padding-top: 54px;
  }

  .section-8 {
    background-image: none;
  }

  .div-block-34 {
    top: -6px;
  }

  .grid-three-columns {
    grid-template-columns: 1fr;
  }

  .grid-three-columns.usd {
    margin-left: 0;
    margin-right: 0;
  }

  .badge-popular---brix {
    top: 24px;
    right: 24px;
  }

  .button-primary {
    margin-top: 5px;
  }

  .card-pricing.align-bottom._223324324, .card-pricing.align-bottom._111 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .content-pricig-table {
    margin-top: 60px;
  }

  .content-pricig-table.small, .div-block-42 {
    width: 100%;
  }

  .button-10 {
    text-align: center;
    margin-left: 172px;
    position: relative;
    left: 0;
    right: 0;
  }

  .div-block-47 {
    position: fixed;
    left: 200px;
    right: auto;
  }

  .wg-element {
    width: 50%;
  }

  .div-block-48 {
    object-fit: fill;
    flex: none;
    margin-left: 0;
    margin-right: 0;
    position: static;
    left: 41px;
  }

  .body-5 {
    overflow: visible;
  }

  .section-12 {
    justify-content: flex-start;
  }

  .navbar-logo-center {
    display: none;
  }

  .container-7 {
    max-width: 728px;
  }

  .navbar-wrapper-three {
    justify-content: space-between;
  }

  .navbar-brand-three {
    position: relative;
  }

  .nav-menu-wrapper-three {
    background-color: rgba(0, 0, 0, 0);
    top: 70px;
  }

  .nav-menu-three {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-link-3 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: absolute;
  }

  .menu-button-3 {
    padding: 12px;
  }

  .menu-button-3.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .button-17.newb {
    width: 200px;
    height: 50px;
    margin-bottom: 40px;
  }

  .bold-text-64.clipped.typer {
    padding-left: 10px;
    font-size: 50px;
  }

  .paragraph-27 {
    margin-bottom: 25px;
    font-size: 14px;
  }

  .button-18.trans1 {
    height: 35px;
    padding-top: 7px;
    padding-bottom: 0;
    font-size: 14px;
  }

  .button-19.trans1, .button-20.trans1 {
    height: 35px;
    padding-top: 7px;
    font-size: 14px;
  }

  .container-8 {
    /* height: 500px; */
    margin-top: 60px;
    margin-bottom: 30px;
  }
  
  .mycarousel-section {
    padding: 70px 2% !important;
  }

  .div-block-49 {
    min-width: 450px;
  }

  .image-51 {
    margin-top: 35px;
  }

  .div-block-52 {
    width: auto;
    max-width: 450px;
    justify-content: center;
  }

  .integration-item {
    width: 180px;
    height: 55px;
    margin-right: 20px;
  }

  .logos-container {
    width: 100vw;
  }

  .black-shadow, .black-shadow-right {
    height: 55px;
  }

  .paragraph-28 {
    font-family: Montserrat, sans-serif;
    font-weight: 200;
  }

  .clipped.title {
    font-size: 52px;
  }

  .header-shop-grid {
    grid-template-columns: 1fr;
  }

  .section-14 {
    height: auto;
  }

  .mask-2 {
    max-width: 88vw;
  }

  .section-new-15 {
    height: 2050px;
  }

  .section-new-15.nesec1 {
    display: none;
  }

  .section-new-15.mobiles {
    height: 1000px;
    display: block;
  }

  .container-10 {
    height: auto;
    background-image: none;
    flex-direction: column;
    align-items: center;
  }

  .div-block-57 {
    width: auto;
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-58 {
    width: auto;
    background-color: rgba(37, 37, 37, 0);
    border-radius: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-58.newdb5 {
    width: 605px;
    background-color: #222;
    border-radius: 20px;
    padding-top: 1px;
    padding-bottom: 1px;
    box-shadow: 0 0 15px 4px rgba(170, 204, 255, .27);
  }

  .heading-42 {
    margin-left: 0;
    padding-left: 0;
  }

  .heading-42.heading1 {
    margin-top: 40px;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-59 {
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
  }

  .image-57 {
    margin-left: 0;
    margin-right: 15px;
  }

  .paragraph-32 {
    width: 140px;
    padding-right: 0;
    font-size: 14px;
  }

  .paragraph-32.paranew {
    font-size: 14px;
  }

  .text-block-28 {
    font-size: 16px;
  }

  .form-block-new {
    margin-bottom: 40px;
    margin-left: 0;
  }

  .success-message {
    margin-top: 0;
  }

  .div-block-62.trans3.trans2 {
    width: 348.484px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .div-block-63 {
    flex-direction: column;
  }

  .image-60 {
    margin-bottom: 0;
  }

  .div-block-68 {
    width: 348.484px;
  }

  .heading-45 {
    line-height: 62px;
  }

  .image-62, .image-63, .column-9 {
    display: none;
  }

  .column-10 {
    display: block;
  }

  .image-64, .image-65, .image-66 {
    display: none;
  }

  .grid-2 {
    max-width: 580px;
    min-width: 480px;
    grid-column-gap: 40px;
    grid-row-gap: 60px;
    grid-template-columns: 1fr 1fr;
  }

  .text-block-29 {
    padding-right: 0;
  }

  .div-block-80 {
    max-width: 400px;
  }

  .heading-47 {
    font-size: 38px;
  }

  .div-block-84 {
    left: 443px;
  }

  .text-block-30 {
    margin-bottom: 20px;
  }

  .grid-4 {
    min-width: 760px;
    grid-column-gap: 20px;
  }

  .heading-49.typerwriter {
    font-size: 48px;
  }

  .tabs-menu-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .grid-5 {
    grid-column-gap: 20px;
    grid-row-gap: 40px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .text-block-31 {
    margin-bottom: 35px;
  }

  .text-block-31.mb1, .text-block-31.nm1 {
    margin-bottom: 0;
  }

  .bold-text-67 {
    font-size: 20px;
  }

  .image-76, .image-78, .image-79 {
    width: 130px;
  }

  .image-80 {
    width: 80px;
  }

  .image-81 {
    width: 130px;
  }

  .image-82, .image-83 {
    width: 130px;
    padding-top: 0;
  }

  .image-84 {
    width: 130px;
  }

  .text-block-36 {
    min-width: 160px;
    font-size: 38px;
  }

  .div-block-90 {
    width: 433.063px;
    min-width: 433px;
    margin-bottom: 15px;
  }

  .text-span-8 {
    width: auto;
    min-width: auto;
  }

  .grid-7 {
    grid-column-gap: 12px;
  }

  .text-block-37 {
    margin-bottom: 0;
    font-size: 14px;
  }

  .text-block-37.t11 {
    color: #fff;
    padding-left: 0;
    font-size: 12px;
  }

  .text-block-38 {
    font-size: 20px;
  }

  .heading-50 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 32px;
    line-height: 52px;
  }

  .paragraph-36 {
    color: #b1b0b0;
  }

  .text-block-39 {
    font-family: Montserrat, sans-serif;
    font-size: 22px;
    font-weight: 300;
  }

  .image-85 {
    height: 110px;
  }

  .paragraph-37 {
    padding-left: 10px;
    font-size: 16px;
  }

  .logos-container-2 {
    width: 100vw;
  }

  .black-shadow-2 {
    height: 55px;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .black-shadow-right-2 {
    height: 55px;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .section-22 {
    height: 100vh;
  }

  .columns-8.publisher {
    margin-top: 135px;
    padding-top: 0;
  }

  .text-span-9.clipped {
    width: 230px;
    height: auto;
    margin-top: 4px;
    margin-left: 0;
    padding-top: 0;
    font-size: 52px;
    display: block;
    overflow: visible;
  }

  .heading-52 {
    flex-direction: row;
    font-size: 48px;
    display: block;
  }

  .paragraph-38 {
    text-align: left;
    margin-bottom: 40px;
    padding-right: 56px;
    font-size: 16px;
  }

  .column-12 {
    justify-content: center;
    display: flex;
    position: static;
    bottom: -531px;
  }

  .div-block-101 {
    align-items: flex-start;
    padding-left: 0%;
  }

  .div-block-101.newdv332 {
    justify-content: flex-start;
  }

  .div-block-102 {
    width: auto;
    justify-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 10px;
  }

  .div-block-102.dv102 {
    align-items: stretch;
  }

  .column-13 {
    align-items: center;
    padding-left: 0%;
    padding-right: 0;
    display: block;
    position: static;
    top: -27%;
  }

  .heading-54 {
    font-size: 42px;
  }

  .text-block-41.clipped {
    margin-top: 9px;
    font-size: 46px;
  }

  .div-block-110 {
    max-width: 170px;
  }

  .mobile-nav {
    z-index: 99999;
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .brand-3 {
    padding-top: 16px;
  }

  .image-252 {
    margin-left: 10px;
  }

  .container-17 {
    width: 100vw;
    height: auto;
    max-width: 100vw;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    position: fixed;
  }

  .nav-menu-3 {
    height: 100vh;
    max-height: 100vh;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(29, 44, 46, .63);
    margin-top: 70px;
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0%;
    right: auto;
  }

  .menu-button-4.w--open {
    background-color: rgba(200, 200, 200, 0);
  }

  .lottie-animation-2 {
    width: 30px;
  }

  .nav-link-4, .nav-link-5, .nav-link-6, .nav-link-7, .nav-link-8 {
    color: #fff;
    font-family: Noto Sans, sans-serif;
    font-size: 18px;
    font-weight: 300;
  }

  .nav-link-8.tshadow1 {
    margin-bottom: 0;
  }

  .nav-link-8.navnew {
    width: 160px;
    height: 40px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 11px;
    margin-bottom: 13px;
    padding-top: 7px;
    padding-bottom: 0;
  }

  .nav-link-8.navnew.trans1 {
    position: absolute;
    top: auto;
    bottom: 136px;
    left: 0%;
    right: 0%;
  }

  .nav-link-8.navnew.trans1.w-nav-link1{
    bottom: 190px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-8.newlav2 {
    width: 160px;
    height: 40px;
    text-align: center;
    background-image: linear-gradient(127deg, #3eb5ff, #aa26fc);
    border-radius: 10px;
    padding-top: 9px;
    position: absolute;
    top: auto;
    bottom: 98px;
    left: 0%;
    right: 0%;
  }

  .nav-link-8.newlav2:hover {
    box-shadow: 0 0 5px 1px #fff;
  }

  .div-block-115 {
    width: 100vw;
    height: 70px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(29, 44, 46, .63);
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
  }

  .div-block-122, .div-block-123, .div-block-124 {
    max-width: 170px;
  }

  .div-block-125 {
    width: auto;
    max-width: 170px;
  }

  .div-block-126, .div-block-127, .div-block-128 {
    max-width: 170px;
  }

  .bold-text-71 {
    font-size: 16px;
  }

  .grid-9 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .heading-55 {
    font-size: 22px;
  }

  .heading-55.clipped {
    margin-top: 30px;
  }

  .section-25 {
    padding-left: 10px;
    padding-right: 0;
  }

  .div-block-133 {
    display: flex;
  }

  .grid-12 {
    width: auto;
    max-width: none;
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr 1fr;
  }

  .div-block-134 {
    display: flex;
  }

  .paragraph-42 {
    color: #fff;
    margin-top: 0;
    padding-right: 0;
    font-family: Noto Sans, sans-serif;
    font-weight: 300;
  }

  .image-261 {
    margin-left: 0;
    margin-right: 15px;
  }

  .image-262, .image-263 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-135 {
    margin-right: 15px;
  }

  .div-block-136 {
    margin-right: 0;
  }

  .div-block-137 {
    margin-right: 15px;
  }

  .text-span-10 {
    color: #0090ff;
    font-weight: 500;
  }

  .section-26 {
    display: block;
  }

  .grid-13.g133 {
    padding-right: 68px;
  }

  .text-block-45 {
    font-size: 18px;
  }

  .div-block-144 {
    width: 330px;
    padding-left: 0;
  }

  .div-block-144.db1123 {
    width: auto;
  }

  .dv12 {
    width: 340px;
    padding-left: 0;
  }

  .dv12.sv12 {
    width: auto;
  }

  .grid-14 {
    grid-column-gap: 38px;
    margin-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .image-272, .image-273 {
    margin-left: 0;
    margin-right: 0;
  }

  .image-274 {
    margin-left: 0;
    overflow: visible;
  }

  .image-275 {
    margin-left: 0;
    margin-right: 0;
  }

  .image-278 {
    margin-left: 0;
  }

  .image-279, .image-280, .image-281 {
    margin-left: 0;
    margin-right: 0;
  }

  .section-123 {
    height: 800px;
  }

  .link-block-13, .link-block-14 {
    margin-bottom: 18px;
  }

  .div-block-155 {
    padding-right: 0;
  }
}

@media screen and (max-width: 800px) {
  .mycarousel-section {
    padding: 60px 2% !important;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 34px;
    line-height: 40px;
  }

  h2 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 32px;
  }

  h3 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
  }

  h4 {
    margin-top: 24px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 24px;
  }

  h5, h6 {
    margin-top: 24px;
    margin-bottom: 8px;
  }

  p {
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 24px;
  }

  blockquote {
    font-size: 20px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section {
    padding-top: 0;
    padding-bottom: 60px;
  }

  .section.grey-section.general-summary {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .section.grey-section.general-summary._222._234 {
    padding-top: 0;
    padding-bottom: 40px;
  }

  .section.grey-section.general-summary.dghh {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section.general-summary.moblie {
    height: 60vh;
    margin-bottom: 0;
  }

  .section.grey-section.dsf {
    height: auto;
    justify-content: center;
  }

  .section.brands-section.pb.shouye.publishers.dsf {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.cta-section {
    background-image: url('../images/like-bg-icon.png'), linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    background-size: 280px, auto;
  }

  .section.side-content-section {
    flex-direction: column;
  }

  .section.side-content-section.mobile-reversed {
    flex-direction: column-reverse;
  }

  .section.how-it-work {
    height: auto;
    position: static;
  }

  .section.how-it-work.df.dsad.dsfds.homemanagedesk {
    padding-top: 60px;
  }

  .section.how-it-work.df.dsad.dsfds.homemanagedesk._1333, .section.how-it-work.df.fgg.homemonitordesk {
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 32px;
  }

  .section.how-it-work.df {
    height: auto;
    max-height: none;
    min-height: auto;
    margin-top: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.how-it-work.brand {
    display: none;
  }

  .section.how-it-work.sfs.hometrackdesl {
    height: 480px;
    min-height: 40%;
    flex-direction: column;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-left: 32px;
    display: flex;
  }

  .section.how-it-work.sfs.homemeasuredesk {
    padding-top: 60px;
    padding-left: 32px;
  }

  .section.how-it-work.sfs.homepaydesk {
    flex-direction: column;
    align-items: center;
    padding-top: 60px;
    padding-left: 32px;
    display: flex;
  }

  .section.how-it-work._1111222 {
    padding: 100px 20px 60px;
  }

  .section.brand._22.df {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.sdfds.fgfg.home1920why {
    width: auto;
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    position: static;
  }

  .wrapper {
    max-width: 1200px;
    flex-flow: column wrap;
    align-content: stretch;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .wrapper.hero-side-wrapper {
    width: 100%;
    padding-top: 64px;
  }

  .wrapper.mobile {
    height: auto;
  }

  .wrapper.moblie {
    margin-top: 0;
    padding-left: 0;
  }

  .button.form-button {
    margin-left: 0;
  }

  .button.margin-right, .button.ghost-white-button.second {
    margin-top: 8px;
    margin-bottom: 8px;
  }

  .button.sdas {
    height: 40px;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-top: 8px;
    display: flex;
  }

  .button._1233 {
    margin-top: 0;
  }

  .logo-link {
    padding-top: 12px;
    padding-bottom: 16px;
  }

  .logo-link.w--current {
    padding-top: 14px;
    padding-bottom: 15px;
  }

  .nav-link {
    padding-top: 12px;
    padding-bottom: 14px;
  }

  .divider {
    margin-top: 16px;
    margin-bottom: 16px;
    position: relative;
    top: 0;
  }

  .divider.sdfds.new {
    margin-top: 0;
    position: static;
  }

  .section-header-wrapper {
    align-self: center;
    margin-top: 0;
    padding-bottom: 40px;
  }

  .section-header-wrapper.whyhome1920 {
    flex: 0 auto;
    margin-bottom: 0;
    display: flex;
  }

  .section-header-wrapper.influn {
    margin-left: 0;
  }

  .section-header {
    width: 250px;
    justify-content: flex-start;
    margin: 0 auto;
  }

  .section-header.section-header-left {
    max-width: 100%;
  }

  .section-header.section-header-left.dsg {
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }

  .section-header.sdf.fdf {
    margin-top: 0;
  }

  .section-header.blue {
    flex-direction: row-reverse;
    flex: none;
    order: -1;
    justify-content: flex-start;
    align-self: center;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .section-header.zuo.zhong {
    width: auto;
  }

  .section-description {
    width: auto;
    text-align: center;
    padding-top: 14px;
    font-size: 14px;
    line-height: 24px;
  }

  .section-description._3242 {
    width: 340px;
    height: auto;
    text-align: center;
    mix-blend-mode: normal;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: auto;
    padding-top: 14px;
    padding-bottom: 0;
  }

  .section-description._35435 {
    text-align: center;
  }

  .section-description._000 {
    padding-top: 0;
  }

  .section-description.www {
    width: auto;
  }

  .paragraph-small {
    width: 100%;
    height: auto;
    max-width: 100%;
    min-height: auto;
    min-width: 100%;
    object-fit: fill;
    margin-bottom: 0;
    padding-right: 0;
    font-size: 12px;
    display: inline;
    overflow: visible;
  }

  .paragraph-small.last {
    width: auto;
    height: auto;
    min-height: auto;
  }

  .team {
    height: auto;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: -32px;
  }

  .team-member {
    width: 80%;
    height: 50%;
    max-width: none;
    flex: 0 auto;
    padding-bottom: 32px;
    display: flex;
  }

  .team-member-photo {
    height: 470px;
  }

  .side-image-50 {
    min-height: 0;
  }

  .side-content-wrapper-50 {
    text-align: center;
    padding-top: 16px;
    padding-bottom: 24px;
  }

  .form-label.message {
    margin-left: -367px;
  }

  .input {
    width: 200px;
  }

  .input.text-area.big, .input.url {
    width: 420px;
  }

  .footer-bottom {
    margin-top: 48px;
  }

  .footer-bottom-text-left {
    margin-right: 16px;
  }

  .footer-bottom-link-right {
    margin-left: 16px;
  }

  .more-link._11 {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .more-link._11.dda {
    margin-top: 10px;
  }

  .more-link._33 {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .more-link._33.df {
    margin-top: 11px;
  }

  .post-v2 {
    width: 66.66%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 32px;
  }

  .blog-posts-v2 {
    margin-bottom: -32px;
  }

  .category.team-member-role {
    margin-top: 420px;
  }

  .hero-slider-section {
    height: 400px;
  }

  .hero-slide.hero-slide-1 {
    background-image: linear-gradient(to bottom, null, null), url('../images/grovemade-239360.jpg');
    background-attachment: scroll, fixed;
  }

  .hero-slide-content {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .side-frame.reversed {
    margin-left: -28px;
  }

  .side-frame.reversed.sdfdsf.ghh {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 60px;
    margin-left: 0;
  }

  .side-frame.reversed.fdh {
    height: auto;
    flex-flow: row-reverse wrap;
    align-content: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .side-frame.reversed.fdh.gfg {
    align-content: flex-end;
  }

  .side-frame.reversed.dsgg {
    width: 100%;
  }

  .side-frame.reversed.hometrack, .side-frame.reversed.home-monitor.df {
    flex-direction: column-reverse;
    align-items: center;
  }

  .side-frame.reversed.homemeasure {
    flex-direction: column-reverse;
    align-items: center;
    margin-left: 0;
  }

  .side-frame.reversed.homepay {
    flex-direction: column-reverse;
    align-items: center;
  }

  .side-frame.reversed._00 {
    object-fit: fill;
    flex-direction: column-reverse;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .side-content-small {
    width: 50%;
    height: auto;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .side-content-small._222 {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0%;
  }

  .side-content-small.mobile {
    width: 80%;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    top: 0;
    left: 0;
  }

  .side-content-small.gf {
    width: 80%;
    align-items: center;
  }

  .side-content-small.gdg {
    width: 80%;
    align-items: center;
    position: relative;
    top: 221px;
  }

  .side-content-small.fdg {
    width: 80%;
    align-items: center;
  }

  .side-content-small.fhgdfh {
    width: 80%;
    align-items: center;
    position: relative;
    top: 200px;
  }

  .side-content-small.influ {
    width: 100%;
    text-align: center;
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-right: 0;
    display: flex;
  }

  .side-content-small.influ.fd {
    margin-top: 0;
  }

  .side-content-small.ppp {
    width: 80%;
    align-items: center;
    position: relative;
    top: 168px;
  }

  .side-feature-media {
    width: auto;
    flex-direction: column;
    flex: 1;
    align-items: center;
    margin-left: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
  }

  .side-feature-media.fdgh.fdgg {
    width: 80%;
    mix-blend-mode: normal;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    top: -200px;
  }

  .side-feature-media.fdgfdg {
    width: 80%;
    flex: 0 auto;
    display: block;
  }

  .side-feature-media.mobile {
    width: 40%;
    flex: 0 auto;
    margin-left: 0;
    display: flex;
    position: relative;
    left: -58px;
  }

  .side-feature-media.fdf.df {
    position: relative;
    top: -291px;
  }

  .side-feature-media.fdf.iii {
    width: auto;
    position: relative;
    top: -251px;
  }

  .side-feature-media.gfg {
    position: relative;
    top: -216px;
  }

  .feature-cards {
    justify-content: center;
    align-items: center;
  }

  .feature-card {
    width: 66.66%;
    margin-bottom: 36px;
    margin-left: 0;
    padding: 56px 8.33% 48px;
  }

  .footer-about {
    width: 50%;
  }

  .footer-nav {
    width: 25%;
  }

  .footer-subscribe {
    width: 75%;
    flex: 0 auto;
  }

  .testimonials-slider {
    width: 100%;
  }

  .review-slide {
    padding-left: 12%;
    padding-right: 12%;
  }

  .slider-arrow-wrapper.hero-arrow {
    display: none;
  }

  .wide-map {
    height: 240px;
  }

  .blog-posts-v1 {
    flex-wrap: wrap;
    margin-bottom: -24px;
  }

  .post-v1 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px;
  }

  .hero-section.hero-dark-image-section {
    padding-bottom: 56px;
  }

  .hero-section.hero-dark-image-section.brandtoutu {
    width: auto;
    height: auto;
  }

  .hero-section.hero-light-bg-section {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  .hero-section.hero-light-bg-section.fdsg {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .hero-split-content {
    text-align: left;
  }

  .works-v5 {
    justify-content: center;
    margin-bottom: -20px;
  }

  .work-v5 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: block;
  }

  .work-card-v5 {
    padding-bottom: 8px;
  }

  .footer-v4 {
    padding-top: 8px;
  }

  .footer-v4-about {
    width: 100%;
    padding-bottom: 0;
  }

  .footer-v2-column {
    margin-left: 41px;
  }

  .scroll-mouse-link {
    display: none;
  }

  .contact-popup-window {
    width: 100%;
  }

  .page-header-section {
    min-height: 280px;
    padding-top: 40px;
  }

  .page-header-section.image-4 {
    height: 70vh;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .grey-text {
    margin-top: 0;
    margin-bottom: 0;
  }

  .grey-text.summary._11 {
    width: 80vw;
    order: 0;
    align-self: center;
    margin-left: 0;
    font-family: Harmonyos sans, sans-serif;
  }

  .utility-page-section {
    min-height: 480px;
  }

  .password-window {
    margin-top: 32px;
  }

  .blog-sidebar {
    padding-left: 12px;
  }

  .category-filter-link {
    margin-left: 12px;
    margin-right: 12px;
    font-size: 14px;
  }

  .categories-filter {
    margin-bottom: 48px;
  }

  .work-sidebar {
    padding-left: 16.66%;
    padding-right: 16.66%;
  }

  .work-details {
    width: 100%;
  }

  .work-presentation figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .work-main-image {
    margin-top: 0;
  }

  .post-header-section {
    height: auto;
    min-height: 0;
    padding-top: 32px;
    padding-bottom: 64px;
  }

  .post-header-info {
    font-size: 14px;
    line-height: 24px;
  }

  .post-header-wrapper {
    margin-top: 56px;
  }

  .blog-post p {
    line-height: 28px;
  }

  .blog-post-wrapper {
    flex-direction: column-reverse;
    justify-content: flex-start;
    align-items: center;
  }

  .post-author-profile {
    width: 50%;
    margin-top: 40px;
    margin-right: 0;
  }

  .faq-list {
    width: 100%;
    margin-bottom: -16px;
  }

  .question-block {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .question-text {
    margin-top: 8px;
  }

  .pricing-table-price {
    font-size: 24px;
    line-height: 32px;
  }

  .yellow-text {
    width: 80%;
    font-family: Harmonyos sans, sans-serif;
  }

  .hero-dark-image-text {
    width: 400px;
    min-width: 440px;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }

  .frame {
    width: 80%;
    height: auto;
    margin-top: 32px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .frame.sdf {
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0;
  }

  .frame-image {
    width: auto;
    height: 170px;
    max-width: none;
  }

  .side-feature-list._22.dsf {
    width: auto;
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    margin-top: -30px;
    margin-bottom: 0;
  }

  .side-feature-list-item._22._33 {
    width: 155px;
    margin-left: 0;
  }

  .side-feature-list-item._22._33.dsf.gf, .side-feature-list-item._22.sddf {
    width: 155px;
    margin-left: 10px;
  }

  .side-feature-list-item._22.dfg {
    width: 155px;
  }

  .side-feature-list-item._22.fgh {
    width: 155px;
    margin-left: 0;
  }

  .side-feature-list-item._22.jh {
    width: 155px;
  }

  .side-feature-list-item._22.ty {
    width: 155px;
    margin-left: 10px;
  }

  .side-feature-list-item._22.ty.fgfg {
    width: 155px;
  }

  .side-feature-list-item.zuo.gfg {
    left: 17px;
  }

  .side-feature-list-item.zuo.gfh {
    margin-left: 0;
    left: 5px;
  }

  .side-feature-list-item.you {
    margin-right: 0;
  }

  .side-feature-list-item.you.gfg {
    left: 12px;
  }

  .side-feature-list-item.you.fgh {
    left: 25px;
  }

  .side-feature-list-item.zhong {
    width: 220px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .side-feature-list-item.zu, .side-feature-list-item.yo {
    width: 220px;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .check-mark-icon.fdf {
    margin-left: 16px;
  }

  .section-header-icon {
    margin-bottom: 0;
  }

  .brands.shouye {
    width: 480px;
    align-content: stretch;
  }

  .brands.dsgg {
    margin-top: 0;
    position: static;
  }

  .brand-logo.color-logo.puma {
    width: 170px;
  }

  .brand-logo.color-logo.asas {
    margin-left: 30px;
  }

  .side-media {
    width: 50%;
    flex: 1;
    margin-left: 24px;
    margin-right: 24px;
  }

  .bg-text {
    font-size: 64px;
    line-height: 72px;
    top: -12px;
    left: -12px;
  }

  .more-link-text {
    font-size: 13px;
    position: static;
  }

  .hero-center-content {
    width: 90%;
    height: 122%;
    max-width: 640px;
    flex-direction: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .play-button {
    background-size: 12px;
  }

  .hero-brands {
    display: none;
  }

  .feature-blocks {
    flex-direction: column;
  }

  .feature-block {
    padding: 56px 8.33% 48px;
  }

  .feature-big-image-wrapper {
    margin-bottom: 32px;
  }

  .step {
    flex-basis: 45%;
    padding-left: 5%;
    padding-right: 5%;
  }

  .steps-info {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .square-play-button {
    width: 48px;
    height: 48px;
    background-size: 12px;
  }

  .fact-line-text {
    font-size: 32px;
  }

  ._2-buttons.left {
    justify-content: flex-start;
  }

  .button-style-wrapper {
    width: 50%;
  }

  .hero-light-image-content {
    text-align: left;
  }

  .hero-light-image-header.dgg {
    flex: none;
  }

  .feature-block-v2 {
    padding-left: 6%;
    padding-right: 6%;
  }

  .side-content {
    width: 50%;
  }

  .pricing-table-card {
    width: 66.66%;
    flex: 0 auto;
    margin-bottom: 24px;
  }

  .review {
    font-size: 16px;
    line-height: 28px;
  }

  .frame-card-map {
    height: 160px;
  }

  .contact-card-line.dsf.new {
    width: 540px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding-top: 51px;
    padding-left: 20px;
  }

  .contact-card-line.dsf.new.fdf {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-card-line.sdg.new {
    width: 540px;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
  }

  .contact-card-line.gf.new {
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 51px;
  }

  .contact-card-line-text {
    font-size: 18px;
  }

  .contact-card-line-text.email {
    margin-right: 0;
    font-size: 16px;
  }

  .feature-cell {
    width: 50%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .team-member-photo-wrapper {
    height: 120%;
  }

  .skills {
    padding-top: 60px;
  }

  .skills.sdgg {
    padding-top: 0;
  }

  .side-image-wrapper {
    width: 100%;
  }

  .side-content-wrapper {
    text-align: center;
    flex: 0 auto;
    margin-left: 0;
    padding-top: 54px;
    padding-bottom: 80px;
  }

  .side-image {
    height: 400px;
    min-height: 0;
  }

  .side-content-big {
    width: 50%;
    margin: 0 0%;
    padding-left: 4%;
    padding-right: 4%;
  }

  .feature {
    width: 80%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .feature.you {
    margin-bottom: 20px;
  }

  .feature.zuo {
    margin-bottom: 20px;
    padding-left: 0;
  }

  .features {
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 0;
    padding-top: 0;
  }

  .frame-card-big-map {
    height: 440px;
  }

  .hero-side-content {
    text-align: left;
  }

  .hero-side-image-big {
    width: 600px;
  }

  .hero-call-text {
    text-align: center;
  }

  .page-header-wrapper {
    justify-content: center;
    padding-bottom: 0;
    display: flex;
  }

  .blog-post-content {
    flex: 0 auto;
  }

  .page-header {
    margin-top: 0;
    margin-bottom: 20px;
  }

  ._404-info {
    padding-bottom: 40px;
  }

  .vertical-scroll-footer {
    margin-top: 40px;
    left: 0;
  }

  .instagram-info {
    max-width: none;
    flex: 1;
    padding-right: 24px;
  }

  .instagram-icon {
    width: 48px;
    margin-right: 16px;
  }

  .instagram-text {
    margin-top: 8px;
  }

  .request {
    margin-left: -20px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .request-form {
    justify-content: center;
  }

  .request-block-half {
    padding-left: 8px;
    padding-right: 8px;
  }

  .request-block-half.url.gf, .request-block-half.iam {
    margin-left: 0;
  }

  .request-block-half.iam.dgg {
    margin-left: -10px;
  }

  .request-block-full {
    flex-direction: column;
    align-items: center;
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
  }

  .select {
    width: 200px;
  }

  .testimonials {
    flex-wrap: wrap;
    margin-bottom: -32px;
  }

  .simple-review {
    width: 50%;
    max-width: none;
    flex: 0 auto;
  }

  .post-v3 {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 24px;
  }

  .side-feature-half {
    width: 50%;
    padding-right: 32px;
  }

  .layouts {
    justify-content: center;
    align-items: center;
  }

  .inner-page-link {
    flex-basis: 40%;
  }

  .inner-pages {
    justify-content: center;
    align-items: center;
  }

  .licence-items {
    width: 100%;
  }

  .work-description {
    font-size: 14px;
    line-height: 24px;
  }

  .question-block1 {
    margin-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .changelog {
    width: 100%;
  }

  .navbar {
    z-index: 9999;
    height: 70px;
    object-fit: fill;
    display: flex;
  }

  .image-6 {
    margin-left: 0;
  }

  .nav-link-2 {
    background-color: #fff;
  }

  .nav-menu-2 {
    z-index: 999;
    background-color: #fff;
    flex: 0 auto;
    justify-content: center;
    position: fixed;
    top: 70px;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .container {
    width: 100%;
    height: auto;
    max-width: 560px;
    justify-content: flex-start;
    margin-left: 35px;
    margin-right: 0;
  }

  .section-2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 60px;
    display: flex;
  }

  .div-block {
    width: 80%;
    align-items: center;
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-2 {
    width: 69vw;
    margin-left: 0;
  }

  .button-2.sdf {
    width: 141.461px;
    font-family: Harmonyos sans, sans-serif;
  }

  .button-2.hgh {
    min-width: 180px;
  }

  .bold-text-4 {
    width: auto;
    font-family: Harmonyos sans, sans-serif;
  }

  .div-block-3 {
    width: 410px;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-end;
    margin-top: 0;
    margin-bottom: 40px;
  }

  .brands-button {
    width: 140px;
    margin-right: 10px;
  }

  .paragraph {
    text-align: justify;
    margin-top: 0;
    margin-bottom: 40px;
    padding-right: 0;
    font-size: 16px;
    line-height: 8px;
  }

  .bold-text-6 {
    text-align: center;
    font-family: Harmonyos sans, sans-serif;
    line-height: 16px;
  }

  .bold-text-7 {
    font-size: 12px;
    line-height: 16px;
  }

  .heading-2.homeheadingdesk._666 {
    width: 100%;
    height: 26%;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 11px;
    font-family: Harmonyos sans, sans-serif;
    font-size: 40px;
    line-height: 50px;
    display: flex;
  }

  .bold-text-8.homedeskmans {
    font-size: 21px;
  }

  .image-13 {
    margin-left: 10px;
  }

  .div-block-5 {
    flex-direction: column;
    margin-right: 11px;
  }

  .sign-up-login.login.shouye, .sign-up-login.login.pl {
    display: none;
  }

  .sign-up-login.shouye {
    width: 65px;
    height: auto;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 20px;
    display: none;
  }

  .sign-up-login.shouye.ps {
    display: none;
  }

  .sign-up-login.shouye.right {
    margin-bottom: 0;
    margin-left: 0;
  }

  .bold-text-10._23 {
    flex: 1;
    align-items: center;
    font-family: Harmonyos sans, sans-serif;
    font-size: 28px;
  }

  .bold-text-10.bllue {
    font-size: 22px;
  }

  .button-6 {
    width: 210px;
    height: 50px;
  }

  .button-6._22 {
    font-family: Harmonyos sans, sans-serif;
  }

  .button-6.brandaa.sfds {
    margin-bottom: 20px;
    font-family: Harmonyos sans, sans-serif;
  }

  .button-6._333 {
    padding-bottom: 12px;
  }

  .bold-text-11 {
    font-size: 24px;
    line-height: 10px;
    position: static;
  }

  .text-block-11 {
    font-size: 12px;
  }

  .text-block-12 {
    width: 160px;
    font-size: 16px;
  }

  .text-block-13 {
    width: 220px;
    font-size: 16px;
  }

  .text-block-14, .text-block-15, .text-block-16 {
    width: 160px;
    font-size: 16px;
  }

  .heading-7 {
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .bold-text-15.dsgh {
    font-size: 24px;
  }

  .div-block-9 {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-2.pub {
    margin-left: 0;
    font-size: 12px;
  }

  .bold-text-19.influ {
    font-size: 32px;
  }

  .heading-9 {
    width: auto;
    min-width: auto;
    margin-bottom: 40px;
    margin-left: 0;
    line-height: 38px;
  }

  .div-block-11 {
    display: none;
  }

  .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24, .bold-text-25 {
    font-size: 14px;
  }

  .paragraph-3 {
    margin-top: 0;
    margin-bottom: 0;
    padding-right: 0;
  }

  .bold-text-26, .bold-text-28, .bold-text-30 {
    font-size: 21px;
  }

  .bold-text-33 {
    font-family: Harmonyos sans, sans-serif;
    font-size: 24px;
  }

  .bold-text-33.fdg {
    width: 500px;
    text-align: left;
    flex: 0 auto;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 22px;
  }

  .text-block-18 {
    width: 125px;
    font-size: 12px;
  }

  .bold-text-34.fdhh {
    width: 500px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 50px;
    margin-left: 0;
    font-size: 20px;
    display: flex;
  }

  .bold-text-35 {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .bold-text-36 {
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }

  .bold-text-37.vxcv {
    justify-content: flex-start;
    margin-bottom: 20px;
    font-size: 25px;
    display: block;
  }

  .image-16 {
    margin-left: -333px;
  }

  .bold-text-38.gfg, .bold-text-39 {
    font-size: 20px;
  }

  .heading-12 {
    width: 460px;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -28px;
    display: flex;
  }

  .container-2 {
    flex-wrap: wrap;
  }

  .div-block-14, .div-block-15, .div-block-16 {
    width: 100%;
    height: auto;
  }

  .div-block-17, .div-block-18, .div-block-19 {
    height: auto;
  }

  .brand-2 {
    padding-left: 0;
    position: static;
  }

  .brand-2.w--current {
    flex: 0 auto;
    margin-left: 0;
    padding-left: 0;
    position: static;
  }

  .text-block-19 {
    margin-bottom: 20px;
  }

  .div-block-22 {
    width: 50vw;
    margin-left: 0;
  }

  .div-block-23 {
    margin-left: 0;
    margin-right: 28px;
  }

  .image-19 {
    margin-top: 20px;
    margin-bottom: 60px;
    margin-left: 0;
  }

  .div-block-25 {
    min-width: 0%;
    flex-wrap: nowrap;
    flex: 1;
    grid-template-columns: minmax(57px, 300px);
    justify-content: center;
    align-items: center;
    justify-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
  }

  .menu-button-2 {
    flex: 1;
    justify-content: center;
    align-items: center;
    margin-left: 0%;
    display: flex;
  }

  .section-6 {
    width: 100%;
    justify-content: center;
  }

  .icon {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  }

  .image-21 {
    margin-left: 35px;
  }

  .bold-text-43 {
    font-size: 21px;
  }

  .image-25 {
    margin-left: 25px;
  }

  .bold-text-45, .bold-text-47 {
    font-size: 13px;
  }

  .paragraph-5 {
    font-size: 15px;
  }

  .list-item {
    width: 100%;
  }

  .list-item-2 {
    width: 120%;
    margin-left: -79px;
  }

  .list-item-3 {
    width: 100%;
    margin-left: -70px;
  }

  .list-item-4, .list-item-5, .list-item-6 {
    width: 100%;
    margin-left: -73px;
  }

  .list-item-7 {
    width: 120%;
    margin-left: -87px;
    padding-left: 0;
  }

  .list {
    padding-left: 80px;
  }

  .list-2 {
    padding-left: 67px;
  }

  .list-3 {
    width: 100%;
    margin-left: -7px;
    padding-left: 0;
  }

  .list-4 {
    padding-left: 70px;
  }

  .list-5 {
    padding-left: 76px;
  }

  .list-6 {
    padding-left: 77px;
  }

  .list-7 {
    padding-left: 75px;
  }

  .list-8 {
    padding-left: 67px;
  }

  .heading-24 {
    padding-top: 51px;
    font-size: 26px;
  }

  .container-4 {
    padding-left: 17px;
    padding-right: 12px;
  }

  .tabs-content {
    margin-left: 22px;
    margin-right: 22px;
  }

  .image-42 {
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-33 {
    margin-bottom: 20px;
  }

  .grid-three-columns.usd {
    flex-direction: column;
    align-items: center;
  }

  .badge-popular---brix {
    top: 26px;
  }

  .container-default {
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-primary {
    margin-top: 35px;
    padding: 16px 34px;
    font-size: 16px;
    line-height: 18px;
  }

  .card-pricing.align-bottom._223324324 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-11 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .heading-36 {
    margin-bottom: 20px;
  }

  .paragraph-22 {
    height: auto;
    display: block;
  }

  .div-block-43 {
    width: 260.102px;
  }

  .heading-38 {
    margin-bottom: 5px;
  }

  .wg-element-wrapper.sw6 {
    flex: none;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    display: block;
    position: static;
  }

  .wg-element {
    width: 100%;
  }

  .wg-dropdown-1-2, .wg-dd-1-togle-2 {
    position: static;
  }

  .div-block-48 {
    width: auto;
    flex-flow: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-right: 25px;
    display: flex;
    position: static;
    top: auto;
    bottom: auto;
    left: 25px;
    right: auto;
  }

  .body-5 {
    overflow: visible;
  }

  .section-12 {
    height: 950px;
    padding-top: 67px;
  }

  .navbar-brand-three {
    padding-left: 0;
  }

  .nav-menu-three {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-menu-block {
    flex-direction: column;
  }

  .nav-link-3 {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list-2.shadow-three {
    box-shadow: 0 8px 50px rgba(0, 0, 0, .05);
  }

  .nav-dropdown-list-2.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list-2.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .bold-text-64.clipped.typer {
    padding-left: 11px;
    font-size: 46px;
  }

  .paragraph-27 {
    width: auto;
    max-width: none;
    min-width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button-18.trans1 {
    width: 90vw;
    height: 40px;
    margin-right: 0;
    padding-top: 10px;
  }

  .button-19.trans1 {
    width: 90vw;
    height: 40px;
    margin-top: 12px;
    margin-right: 0;
    padding-top: 10px;
  }

  .button-20.trans1 {
    width: 90vw;
    height: 40px;
    margin-top: 12px;
    padding-top: 10px;
  }

  .container-8 {
    height: 800px;
    max-width: 767px;
    align-items: flex-start;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    padding: unset;
  }

  .div-block-49 {
    width: 100vw;
    max-width: none;
    min-width: auto;
    align-items: center;
    padding-left: 0;
  }

  .div-block-51 {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .div-block-52 {
    display: none;
  }

  .div-block-52.dvnew {
    max-width: 480px;
    padding-top: 0;
    padding-left: 20px;
    display: block;
  }

  .integration-item {
    width: 160px;
    height: 50px;
    margin-right: 10px;
  }

  .black-shadow, .black-shadow-right {
    height: 50px;
  }

  .image-52 {
    padding-left: 0;
  }

  .paragraph-28, .clipped.title {
    font-size: 42px;
  }

  .paragraph-29 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-regular {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .h3-heading {
    font-size: 40px;
  }

  .section-new-15 {
    height: 2050px;
  }

  .section-new-15.mobiles {
    height: 1100px;
    padding-bottom: 0;
  }

  .container-10 {
    align-items: flex-start;
  }

  .div-block-58 {
    width: 100vw;
    box-shadow: none;
    background-color: rgba(37, 37, 37, 0);
    padding-left: 15px;
    padding-right: 15px;
  }

  .div-block-58.newdb5 {
    width: auto;
    color: #616161;
    background-color: #222;
    border-radius: 12px;
    padding-top: 1px;
    padding-bottom: 1px;
    box-shadow: 0 0 16px 3px rgba(170, 204, 255, .27);
  }

  .div-block-61 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .text-field {
    width: 525px;
  }

  .text-field-2 {
    width: 525px;
    height: 33px;
    margin-left: 0;
  }

  .select-field {
    width: 525px;
  }

  .text-field-3 {
    width: 525px;
    margin-left: 0;
  }

  .text-field-4 {
    width: auto;
    flex: 1;
  }

  .textarea {
    width: auto;
    height: auto;
    max-width: none;
    min-width: auto;
    margin-bottom: 50px;
  }

  .form-block-new {
    position: relative;
  }

  .submit-button {
    position: absolute;
    top: auto;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .div-block-62.trans3.trans2 {
    margin-right: 0;
  }

  .div-block-63 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    display: grid;
  }

  .div-block-64, .image-60 {
    margin-right: 0;
  }

  .div-block-69 {
    padding-left: 0;
  }

  .columns-7 {
    width: auto;
    min-width: auto;
  }

  .paragraph-34 {
    width: auto;
    max-width: 520px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-17, .grid-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-29 {
    font-size: 18px;
    line-height: 22px;
  }

  .div-block-80 {
    min-width: 100px;
  }

  .image-67 {
    margin-bottom: 28px;
  }

  .heading-47 {
    margin-top: 100px;
    font-size: 30px;
  }

  .div-block-84 {
    left: 393px;
  }

  .div-block-85 {
    top: -699px;
    left: -306px;
  }

  .text-block-30 {
    margin-top: 30px;
  }

  .div-block-86 {
    margin-bottom: 30px;
  }

  .div-block-87 {
    padding-left: 0;
  }

  .grid-4 {
    min-width: auto;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .heading-49.typerwriter {
    font-size: 36px;
  }

  .grid-5 {
    grid-column-gap: 10px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .bold-text-67 {
    font-size: 20px;
    font-weight: 300;
  }

  .text-block-34, .tab-link-influencer.clipped, .tab-link-publishers.clipped.w--current {
    font-size: 28px;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-36 {
    font-size: 36px;
  }

  .div-block-90 {
    width: 100vw;
    padding-left: 20px;
    display: block;
  }

  .grid-7 {
    grid-template-columns: 1.75fr;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-37 {
    margin-bottom: 0;
    font-size: 14px;
  }

  .text-block-37.t11 {
    max-width: 400px;
    font-size: 14px;
  }

  .text-block-38 {
    font-size: 20px;
  }

  .div-block-93, .div-block-94, .div-block-95 {
    padding-left: 0;
  }

  .div-block-96 {
    overflow: hidden;
  }

  .heading-50 {
    margin-bottom: 25px;
    font-size: 28px;
    line-height: 50px;
  }

  .paragraph-36 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
  }

  .grid-8 {
    grid-column-gap: 12px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-39 {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .image-85 {
    height: 100px;
    margin-bottom: 30px;
  }

  .paragraph-37 {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
  }

  .logos-container-2 {
    display: none;
  }

  .black-shadow-2, .black-shadow-right-2 {
    height: 50px;
  }

  .section-22 {
    padding-top: 0;
  }

  .columns-8 {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .columns-8.publisher {
    flex-direction: column;
    align-items: center;
    margin-top: 95px;
    padding-right: 0;
    display: flex;
  }

  .text-span-9.clipped {
    width: auto;
    height: 50px;
    margin-top: 0;
    padding-left: 11px;
    padding-right: 5px;
    font-size: 46px;
    font-weight: 400;
  }

  .heading-52 {
    width: auto;
    flex-direction: row;
    align-items: center;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 38px;
    display: flex;
  }

  .paragraph-38 {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-12 {
    flex-direction: row;
    order: 1;
    margin-top: 0;
    padding-left: 0;
    padding-right: 0;
    top: 345px;
  }

  .div-block-101 {
    height: 230px;
    align-items: center;
    padding-bottom: 0;
    padding-left: 0%;
  }

  .div-block-101.newdv332 {
    padding-top: 80px;
  }

  .div-block-102 {
    width: 80vw;
    height: 310px;
    max-width: none;
    justify-content: flex-end;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    left: 15px;
  }

  .div-block-102.dv102 {
    height: 350px;
    justify-content: center;
    margin-left: 0;
    padding-top: 0;
    padding-left: 0;
  }

  .column-13 {
    justify-content: center;
    padding-top: 40px;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    top: -304px;
    left: -3px;
  }

  .column-13.columnnew1 {
    padding-top: 0;
  }

  .div-block-103 {
    margin-bottom: 0;
  }

  .heading-54 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 38px;
    line-height: 46px;
  }

  .paragraph-39, .bold-text-70 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-108 {
    height: 2800px;
  }

  .div-block-110 {
    max-width: 163px;
  }

  .div-block-112 {
    text-align: center;
  }

  .mobile-nav {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .brand-3 {
    padding-left: 0;
  }

  .nav-link-4, .nav-link-5, .nav-link-6, .nav-link-7, .nav-link-8 {
    font-size: 16px;
  }

  .nav-link-8.navnew.trans1 {
    bottom: 124px;
  }

  .nav-link-8.navnew.trans1.w-nav-link1{
    bottom: 176px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-8.newlav2 {
    position: absolute;
    top: auto;
    bottom: 86px;
    left: 0%;
    right: 0%;
  }

  .div-block-116 {
    padding-left: 0;
  }

  .div-block-117 {
    width: 90vw;
  }

  .div-block-119 {
    padding-left: 0;
  }

  .div-block-121 {
    margin-bottom: 30px;
  }

  .div-block-122 {
    width: auto;
    max-width: 163px;
  }

  .div-block-123, .div-block-124 {
    max-width: 163px;
  }

  .div-block-125 {
    max-width: 163px;
    min-width: auto;
  }

  .div-block-126, .div-block-127, .div-block-128 {
    max-width: 163px;
  }

  .bold-text-71 {
    font-size: 14px;
  }

  .grid-9 {
    grid-column-gap: 30px;
    grid-template-columns: 1fr;
  }

  .heading-55 {
    font-size: 20px;
  }

  .grid-10 {
    grid-column-gap: 8px;
    display: none;
  }

  .grid-11 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-11.g123 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-auto-flow: row;
  }

  .heading-56 {
    margin-bottom: 40px;
  }

  .grid-12 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr;
  }

  .div-block-138 {
    justify-content: center;
    display: flex;
  }

  .div-block-139 {
    flex-direction: column;
    display: flex;
  }

  .div-block-140 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: center;
    display: flex;
  }

  .div-block-141 {
    flex: 1;
  }

  .div-block-142 {
    flex: 1;
    display: block;
  }

  .section-26 {
    margin-bottom: 0;
  }

  .heading-57 {
    margin-bottom: 40px;
  }

  .div-block-144 {
    display: none;
  }

  .div-block-144.db1123 {
    width: auto;
    display: block;
  }

  .dv12 {
    display: none;
  }

  .dv12.sv12 {
    width: auto;
    display: block;
  }

  .div-block-145 {
    object-fit: cover;
  }

  .grid-14 {
    grid-column-gap: 24px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }

  .image-272 {
    margin-left: 0;
  }

  .image-273, .image-275 {
    margin-left: 0;
    margin-right: 0;
  }

  .image-276 {
    margin-bottom: 40px;
  }

  .image-277 {
    margin-top: 84px;
    margin-bottom: 40px;
    padding-top: 0;
    padding-right: 0;
  }

  .div-block-146 {
    margin-bottom: 60px;
  }

  .image-282, .image-283, .image-284, .image-285 {
    margin-left: 0;
    margin-right: 0;
  }

  .body-6 {
    height: auto;
    overflow: visible;
  }

  .section-123, .div-block-148 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-149 {
    position: relative;
  }

  .div-block-154 {
    width: 300px;
    position: static;
    top: 0%;
    bottom: 0%;
    left: auto;
    right: 0%;
  }

  .div-block-155 {
    padding-right: 0;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: 12px;
    font-size: 28px;
    line-height: 36px;
  }

  h2, h3, h4, h5, h6 {
    margin-bottom: 12px;
  }

  blockquote {
    font-size: 18px;
    line-height: 28px;
  }

  figure {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .section {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section {
    height: 40%;
    padding-bottom: 30px;
  }

  .section.grey-section.general-summary {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section.general-summary._222 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.grey-section.general-summary._222._234 {
    padding-top: 0;
    padding-bottom: 30px;
  }

  .section.grey-section.general-summary.moblie {
    height: auto;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section.dsfsd {
    margin-bottom: -24px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .section.grey-section.dsf {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section.grey-section.pub1 {
    padding-top: 0;
    padding-bottom: 10px;
  }

  .section.no-top-padding.no-bottom-padding {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 16px;
    position: static;
  }

  .section.brands-section.pb.shouye.publishers.dsf {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.steps-section {
    padding-top: 60px;
    padding-bottom: 60px;
    position: static;
  }

  .section.side-image-section, .section.side-image-section.reversed {
    flex-direction: column;
  }

  .section.side-image-section.new {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.how-it-work {
    height: auto;
    max-height: none;
    min-height: auto;
    padding: 20px 0;
  }

  .section.how-it-work.df.dsad.dsfds.homemanagedesk {
    background-color: #f8f8f8;
    padding-top: 40px;
  }

  .section.how-it-work.df.dsad.dsfds.homemanagedesk._1333 {
    height: auto;
    background-color: #fff;
    justify-content: center;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 32px;
    display: flex;
  }

  .section.how-it-work.df.fgg.homemonitordesk {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 32px;
    display: flex;
  }

  .section.how-it-work.df {
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .section.how-it-work.df.last {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .section.how-it-work.sfs.hometrackdesl {
    height: auto;
    background-color: #f8f8f8;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.how-it-work.sfs.homemeasuredesk {
    height: auto;
    max-height: none;
    min-height: auto;
    background-color: #f8f8f8;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 32px;
    display: flex;
  }

  .section.how-it-work.sfs.homepaydesk {
    height: 535px;
    max-height: none;
    min-height: auto;
    background-color: #f8f8f8;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 32px;
    display: flex;
  }

  .section.how-it-work._1111222 {
    height: auto;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section.brand._22.df {
    margin-left: 0;
    margin-right: 0;
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .section.sdfds.fgfg.home1920why {
    padding-top: 0;
    padding-bottom: 20px;
  }

  .section._777.influnencer {
    height: auto;
    flex-direction: column;
    align-items: center;
    padding-top: 100px;
    padding-bottom: 140px;
    display: flex;
    position: static;
  }

  .wrapper {
    height: auto;
    max-width: none;
    flex-direction: column;
    align-content: stretch;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    position: static;
  }

  .wrapper.hero-side-wrapper {
    padding-top: 88px;
    padding-bottom: 0;
  }

  .wrapper.moblie2 {
    height: auto;
  }

  .wrapper.moduo {
    height: auto;
    max-width: none;
  }

  .wrapper.pinban {
    max-width: 1200px;
  }

  .wrapper.moblie {
    height: auto;
  }

  .button.form-button {
    height: 44px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 12px;
  }

  .button.margin-right {
    margin-bottom: 8px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .button.ghost-white-button.second {
    margin-left: 10px;
    margin-right: 10px;
  }

  .button.margin-left-right {
    margin-bottom: 20px;
  }

  .button.margin-left-right.b11 {
    width: 126px;
    height: 40px;
    margin-top: -24px;
    margin-bottom: 0;
    padding-top: 12px;
    font-family: Harmonyos sans, sans-serif;
    font-size: 14px;
    line-height: 22px;
  }

  .button.sdas {
    max-width: none;
    min-width: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 12px;
    font-size: 12px;
  }

  .divider {
    margin-top: -18px;
    margin-bottom: 20px;
    position: static;
  }

  .section-header-wrapper {
    max-width: 100%;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .section-header-wrapper.whyhome1920 {
    justify-content: center;
    align-items: center;
  }

  .section-header-wrapper.homemanage1440 {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-header-wrapper.infl {
    height: auto;
  }

  .section-header {
    width: auto;
    justify-content: center;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .section-header.dsf.new {
    margin-bottom: 0;
    font-size: 22px;
  }

  .section-header.sdf.fdf {
    margin-bottom: 12px;
    font-size: 22px;
  }

  .section-header.blue {
    width: 350px;
    margin-left: 0;
  }

  .section-header.zuo.zhong {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
  }

  .section-header.fdgg {
    width: 300px;
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .section-description {
    width: auto;
    height: auto;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin: -10px 0 0;
    padding-bottom: 16px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    display: block;
  }

  .section-description._222 {
    width: 300px;
    margin-left: 0;
    padding-left: 0;
  }

  .section-description._3242 {
    width: auto;
    height: auto;
    flex: 0 auto;
    margin-top: -10px;
    margin-bottom: 0;
    margin-left: auto;
    padding-bottom: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-description._35435 {
    height: auto;
    font-size: 12px;
  }

  .section-description._000 {
    width: auto;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    font-style: normal;
    display: block;
  }

  .section-description.uuu {
    width: auto;
    margin-left: 0;
  }

  .section-description.www, .section-description._333 {
    margin-left: 0;
  }

  .paragraph-small {
    object-fit: fill;
  }

  .paragraph-small.last {
    color: #999;
    font-size: 10px;
    line-height: 22px;
    position: static;
    left: 270px;
  }

  .paragraph-small.home1920zuo.aaa {
    width: 200px;
    height: auto;
    max-width: 100px;
    min-height: auto;
    min-width: 100%;
    display: inline;
  }

  .team {
    margin-top: 24px;
  }

  .team-member {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  .team-member-photo {
    width: 292px;
    height: 340px;
  }

  .side-image-50 {
    width: 100%;
    min-height: 240px;
  }

  .side-content-wrapper-50 {
    flex: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
  }

  .form-label {
    color: #333;
    margin-bottom: 0;
    margin-left: -174px;
  }

  .form-label.message {
    margin-left: -188px;
  }

  .form-label.work {
    margin-left: -158px;
  }

  .form-label.telephone {
    margin-left: -130px;
  }

  .form-label.xiala {
    margin-left: 0;
  }

  .form-label.xun {
    margin-left: -115px;
  }

  .form-label.sub {
    width: auto;
    margin-left: -194px;
  }

  .input {
    width: 240px;
    height: 42px;
    border-radius: 6px;
    margin-top: 12px;
    margin-left: 0;
    line-height: 24px;
  }

  .input.text-area.big {
    width: 240px;
    margin-top: 16px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .input.url {
    width: 240px;
    margin-left: 0;
  }

  .footer-logo {
    position: static;
    left: 270px;
  }

  .footer-logo.w--current {
    text-align: left;
    margin-top: 0;
  }

  .footer-bottom {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .footer-bottom-text-left {
    width: 100%;
    flex: 0 auto;
    margin-bottom: 8px;
  }

  .footer-bottom-link-right {
    margin-left: 0;
    margin-right: 16px;
  }

  .work-v2 {
    width: 100%;
  }

  .more-link {
    padding-right: 0;
    right: 0;
  }

  .more-link._11 {
    width: 190px;
    text-align: right;
    justify-content: center;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    display: block;
  }

  .more-link._22 {
    text-align: left;
    padding-right: 0;
    display: inline-block;
    left: 0;
    right: 0;
  }

  .more-link._33 {
    margin-top: 12px;
    margin-left: 60px;
    right: 0;
  }

  .more-link._33.df {
    margin-top: 12px;
  }

  .post-v2 {
    width: 100%;
  }

  .blog-posts-v2 {
    margin-bottom: 0;
  }

  .category.team-member-role {
    margin-top: 307px;
    margin-bottom: 16px;
  }

  .hero-slider-section {
    height: 520px;
  }

  .hero-slider-nav {
    font-size: 9px;
    display: block;
  }

  .hero-slide-content {
    max-width: 100%;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .side-frame {
    flex-direction: column;
  }

  .side-frame.reversed {
    flex-direction: column-reverse;
    align-items: center;
    margin-left: 0;
  }

  .side-frame.reversed.fdh {
    width: 100%;
    height: auto;
    flex-flow: column-reverse;
    flex: 0 auto;
    align-content: stretch;
    display: flex;
  }

  .side-frame.reversed.fdh.fdg, .side-frame.reversed.fdh.gfg {
    margin-top: 0;
  }

  .side-frame.reversed.hometrack {
    width: 280px;
    margin-top: 0;
    margin-left: 0;
  }

  .side-frame.reversed.homemeasure {
    height: auto;
    flex-wrap: nowrap;
    flex: 0 auto;
    margin-top: 0;
    position: relative;
    top: 0;
  }

  .side-frame.reversed.homepay {
    margin-bottom: 0;
    position: relative;
    top: -89px;
    left: 0;
    right: 0;
  }

  .side-frame.reversed._00 {
    width: 98%;
    max-width: none;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: flex;
  }

  .side-frame.mobile-reversed {
    flex-direction: column-reverse;
  }

  .side-content-small {
    width: 100%;
    height: auto;
    align-items: center;
    margin-top: 0;
    margin-left: -8%;
    padding-top: 0;
    padding-bottom: 32px;
    position: static;
    top: 240px;
  }

  .side-content-small._222 {
    flex: 0 auto;
    margin-top: 0;
    margin-left: 0%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .side-content-small.dshh {
    height: auto;
  }

  .side-content-small.mobile {
    width: 100%;
    text-align: center;
    flex-direction: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: -8px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    position: static;
  }

  .side-content-small.gf {
    margin-top: 0;
    margin-left: 0%;
    padding-bottom: 0;
    top: -54px;
  }

  .side-content-small.gdg {
    margin-top: 0;
    margin-left: 0%;
    padding-top: 0;
    position: relative;
    top: 224px;
  }

  .side-content-small.fdg {
    margin-top: 0;
    margin-left: 0%;
    padding-top: 0;
  }

  .side-content-small.fhgdfh {
    flex-direction: column;
    margin-top: -40px;
    margin-left: 0%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 200px;
  }

  .side-content-small.influ {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .side-content-small.ppp {
    margin-top: 0;
    margin-left: 0%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    top: 220px;
  }

  .side-feature-media {
    width: 100%;
    justify-content: center;
    margin-top: -24px;
    margin-bottom: 32px;
    margin-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 24px;
    display: flex;
  }

  .side-feature-media.fdgh.fdgg {
    width: 324px;
    flex: 1;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .side-feature-media.mobile {
    width: auto;
    margin-top: 25px;
    margin-left: 0;
    left: 0;
  }

  .side-feature-media.fdf {
    width: 280px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
    position: static;
  }

  .side-feature-media.fdf.df {
    margin-top: 0;
    position: relative;
    top: -254px;
  }

  .side-feature-media.fdf.iii {
    margin-bottom: 40px;
    position: relative;
  }

  .side-feature-media.gfg {
    width: auto;
    margin-top: 0;
    margin-bottom: 32px;
    position: absolute;
    top: 0;
  }

  .side-feature-media.dfg {
    margin-top: 30px;
  }

  .feature-card {
    width: 100%;
    flex: 0 auto;
    padding-top: 48px;
    padding-left: 12%;
    padding-right: 12%;
  }

  .side-map {
    width: 100%;
    height: 280px;
  }

  .footer-about {
    width: 100%;
    padding-bottom: 16px;
  }

  .footer-nav {
    width: 50%;
    padding-bottom: 16px;
  }

  .footer-link {
    color: #999;
    margin-top: 0;
    font-size: 10px;
    line-height: 28px;
  }

  .footer-subscribe {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .work-v4 {
    width: 100%;
  }

  .testimonials-slider {
    margin-bottom: -16px;
    padding-bottom: 64px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .review-slide {
    padding-left: 0%;
    padding-right: 0%;
  }

  .slider-arrow-wrapper {
    display: none;
  }

  .post-v1 {
    width: 100%;
  }

  .hero-section {
    flex-direction: column-reverse;
  }

  .hero-section.hero-dark-image-section.brandtoutu {
    width: auto;
    height: auto;
    margin-bottom: -8px;
    padding-top: 60px;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .hero-section.hero-light-bg-section.fdsg {
    height: auto;
    margin-bottom: 0;
    padding-top: 56px;
    padding-bottom: 56px;
    display: flex;
  }

  .hero-section.hero-side-image-section {
    padding-bottom: 40px;
  }

  .hero-split-image {
    width: 100%;
    height: 240px;
  }

  .hero-split-content {
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 88px;
    padding-right: 8px;
    display: block;
  }

  .work-v5 {
    width: 100%;
  }

  .footer-v4 {
    width: 90%;
    margin-bottom: 10px;
    padding-top: 0;
    position: static;
  }

  .footer-v4-about {
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    margin-left: 0%;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v2-column {
    width: 32%;
    flex: 0 auto;
    margin-left: 0;
    margin-right: 2px;
    padding-left: 0;
    padding-right: 8px;
  }

  .footer-v2-column._000 {
    margin-right: 0;
  }

  .contact-popup-window {
    flex: 1;
    padding: 8px 8.33% 40px;
  }

  .nav-dropdown-link.w--current:hover {
    color: #111;
  }

  .slide-nav {
    font-size: 9px;
    display: block;
  }

  .page-header-section {
    min-height: 320px;
  }

  .page-header-section.image-4 {
    height: 30vh;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .grey-text {
    width: 320px;
    height: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    font-weight: 300;
  }

  .grey-text.summary {
    color: #ededed;
    font-size: 13px;
    font-weight: 500;
  }

  .grey-text.summary._11 {
    width: 340px;
    margin-top: 16px;
    margin-bottom: 28px;
    margin-left: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 26px;
  }

  .grey-text._22 {
    flex: 1;
  }

  .grey-text._333 {
    margin-top: -8px;
    margin-bottom: 100px;
  }

  .grey-text._333.inf {
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .review-slide-author {
    margin-bottom: 32px;
  }

  .password-window {
    width: 100%;
    padding-left: 12%;
    padding-right: 12%;
  }

  .blog-posts-and-sidebar {
    flex-direction: column;
  }

  .blog-sidebar {
    width: 100%;
    margin-bottom: -56px;
    padding-top: 24px;
    padding-left: 8px;
  }

  .blog-posts-v2-wrapper {
    width: 100%;
  }

  .work-sidebar {
    padding-left: 4%;
    padding-right: 4%;
  }

  .work-details {
    flex-direction: column;
  }

  .work-presentation h2, .work-presentation p, .work-presentation h4, .work-presentation h1, .work-presentation h3, .work-presentation h5, .work-presentation h6, .work-presentation blockquote, .work-presentation ol, .post-header-wrapper {
    width: 100%;
  }

  .post-bottom-info {
    width: 100%;
    flex-wrap: wrap;
  }

  .post-author-profile {
    width: 100%;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 48px 32px 40px;
  }

  .post-author-avatar {
    margin-bottom: 24px;
    margin-right: 0;
  }

  .question-text {
    margin-bottom: 8px;
    margin-left: 0;
    font-size: 15px;
    line-height: 20px;
  }

  .answer {
    padding-left: 0;
    padding-right: 0;
  }

  .question-arrow-icon {
    margin-left: 16px;
  }

  .pricing {
    margin-bottom: -24px;
  }

  .yellow-text {
    width: 380px;
    font-size: 14px;
  }

  .hero-dark-image-text {
    width: 340px;
    max-width: none;
    min-width: auto;
    margin-top: -20px;
    font-family: Harmonyos sans, sans-serif;
    font-size: 13px;
    line-height: 24px;
  }

  .facts {
    flex-direction: column;
  }

  .fact-center {
    margin-top: 24px;
    margin-bottom: 24px;
  }

  .frame {
    width: auto;
    height: 160px;
    margin-top: 0;
    display: block;
    position: static;
  }

  .frame.kkk {
    margin-top: 0;
    top: -190px;
  }

  .frame.sdf {
    height: 390px;
    text-align: left;
    margin-left: auto;
    display: block;
    position: static;
  }

  .frame-image {
    width: auto;
    height: 160px;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
  }

  .frame-image.right {
    width: auto;
    height: 160px;
    max-width: none;
    margin-bottom: 0;
  }

  .side-feature-list._22.dsf {
    width: 290px;
    flex-flow: column wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
  }

  .side-feature-list-item {
    width: 200px;
  }

  .side-feature-list-item._22._33 {
    margin-right: 0;
  }

  .side-feature-list-item._22._33.dsf.gf {
    margin-left: 4px;
    margin-right: 0;
  }

  .side-feature-list-item._22.dfg {
    margin-left: 3px;
    margin-right: 0;
  }

  .side-feature-list-item._22.fgh {
    margin-right: 0;
  }

  .side-feature-list-item._22.jh {
    margin-left: 3px;
    margin-right: 0;
  }

  .side-feature-list-item._22.ty {
    margin-left: 0;
  }

  .side-feature-list-item._22.ty.fgfg {
    margin-left: 3px;
  }

  .side-feature-list-item.zuo {
    margin-left: 0;
    margin-right: 0;
  }

  .side-feature-list-item.zuo.gfh {
    width: 200px;
    margin-left: 0;
    position: static;
  }

  .side-feature-list-item.you {
    width: 200px;
    flex-flow: wrap;
    align-content: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    position: static;
  }

  .side-feature-list-item.zhong {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .side-feature-list-item.zu {
    margin-top: 0;
    margin-bottom: 0;
  }

  .side-feature-list-item.yo {
    margin-bottom: 0;
  }

  .check-mark-icon.fdf, .check-mark-icon.fggf {
    margin-left: 16px;
  }

  .brands.shouye {
    width: 300px;
    align-content: stretch;
    justify-content: center;
    margin-top: -28px;
  }

  .brands.dsgg {
    width: 350px;
    margin-top: 40px;
    margin-left: 0;
  }

  .brands.dsgg.gfh {
    width: 90%;
    flex-wrap: wrap;
    align-content: stretch;
    margin-top: -40px;
  }

  .brand-logo.color-logo.puma {
    margin-right: 12px;
  }

  .brand-logo.color-logo.puma.gfg {
    width: 160px;
    height: 80px;
    margin-right: 30px;
  }

  .brand-logo.color-logo.ecco.gfg.gfgg {
    height: 80px;
  }

  .brand-logo.color-logo.asas {
    margin-left: 12px;
    margin-right: 12px;
  }

  .brand-logo.color-logo.asas.gfh, .brand-logo.color-logo.students, .brand-logo.color-logo.booking.fdg, .brand-logo.color-logo.hhjjh {
    height: 80px;
  }

  .brand-logo.color-logo.zuo {
    margin-right: 0;
    padding-right: 0;
  }

  .brand-logo.color-logo.zuoo {
    width: 140px;
    margin-left: 0;
    margin-right: 10px;
  }

  .brand-logo.color-logo.zhon {
    width: 140px;
    margin-left: 0;
    margin-right: 0;
  }

  .brand-logo.color-logo.youu {
    margin-left: 0;
    margin-right: 0;
  }

  .new-work {
    flex-direction: column-reverse;
  }

  .side-media {
    width: 100%;
    flex: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
  }

  .bg-text {
    margin-left: auto;
    margin-right: auto;
    top: 20px;
    left: -8px;
    right: 0;
  }

  .hover-line {
    margin-left: 0;
  }

  .hero-center-content {
    width: 50%;
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    padding: 0 4%;
  }

  .feature-block {
    flex-basis: 80%;
    padding-top: 48px;
  }

  .step {
    padding-left: 8%;
    padding-right: 8%;
  }

  .steps-info {
    padding-left: 10%;
    padding-right: 10%;
  }

  .side-video {
    flex-direction: column;
  }

  .side-video.mobile-reversed {
    flex-direction: column-reverse;
  }

  .fact-divider {
    top: 24px;
  }

  .fact-line-text {
    margin-top: 24px;
  }

  ._2-buttons {
    width: 100%;
    flex-flow: column wrap;
    align-items: center;
    font-size: 14px;
  }

  ._2-buttons.left {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
  }

  .button-style-wrapper {
    width: 100%;
  }

  .hero-light-image-content {
    text-align: center;
    align-items: center;
    padding-top: 24px;
    padding-bottom: 64px;
  }

  .hero-light-image-header.dgg {
    width: auto;
    height: auto;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
  }

  .feature-block-v2 {
    flex-basis: 80%;
    box-shadow: 0 0 0 1px #e4e4e4;
  }

  .side-content {
    width: 100%;
    align-items: center;
  }

  .pricing-table-card {
    width: 100%;
    flex: 0 auto;
    padding-top: 48px;
    padding-left: 12%;
    padding-right: 12%;
  }

  .contact-card-line.dsf.new {
    align-items: center;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-card-line.dsf.new.fdf {
    width: 260px;
    height: 115px;
    align-content: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-left: 0;
  }

  .contact-card-line.sdg.new {
    width: 260px;
    height: 115px;
    justify-content: center;
    align-items: center;
    margin-bottom: -16px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
  }

  .contact-card-line.gf.new {
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
  }

  .contact-card-line-text {
    color: #333;
    font-size: 14px;
  }

  .contact-card-line-text.email {
    font-size: 14px;
  }

  .feature-cell {
    width: 100%;
  }

  .team-member-photo-wrapper {
    margin-bottom: 0;
  }

  .skills {
    width: 300px;
    flex-direction: column;
    padding-top: 20px;
  }

  .skills.reversed {
    flex-direction: column;
  }

  .skills.sdgg {
    width: 300px;
  }

  .skills-info {
    width: 300px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding: 16px 0;
    display: flex;
  }

  .skills-sliders {
    width: 370px;
    margin-top: -16px;
    padding: 0 20px 10px;
  }

  .skills-sliders._111 {
    margin-top: -16px;
  }

  .skill-slider-wrapper {
    width: 368px;
    text-align: left;
    align-content: stretch;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 4px;
  }

  .skill-slider-header {
    width: 328px;
    font-family: Harmonyos sans, sans-serif;
    font-size: 14px;
  }

  .side-content-wrapper {
    padding-left: 16px;
    padding-right: 16px;
  }

  .side-content-big {
    width: 100%;
    align-items: flex-start;
  }

  .side-review-slide {
    margin-bottom: 24px;
  }

  .feature {
    width: 300px;
    max-width: 300px;
    min-width: 300px;
  }

  .feature.you {
    width: 290px;
    min-width: 290px;
  }

  .feature.zuo {
    width: 290px;
    min-width: 260px;
    padding-left: 0;
    padding-right: 0;
  }

  .features {
    width: 100%;
    margin-right: 0;
  }

  .frame-card-big-map {
    height: 280px;
  }

  .hero-side-content {
    text-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 48px;
  }

  .hero-side-content.right {
    padding-left: 8px;
  }

  .hero-side-image-wrapper {
    width: 100%;
    padding-bottom: 0;
    padding-left: 8px;
    padding-right: 8px;
  }

  .hero-side-image-big {
    width: auto;
    max-width: 100%;
  }

  .page-header-wrapper {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  ._404-info {
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .side-feature-wide {
    width: 100%;
    flex-direction: column;
  }

  .instagram {
    flex-direction: column;
    justify-content: center;
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .instagram-info {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 16px;
    padding-right: 0;
  }

  .instagram-icon {
    margin-bottom: 8px;
    margin-right: 0;
  }

  .request {
    width: 100%;
    flex-wrap: wrap;
    align-content: flex-end;
    margin-left: 0;
  }

  .request-form {
    flex-direction: column;
    align-items: center;
    margin-left: 0;
    padding-left: 4%;
    padding-right: 4%;
  }

  .request-block-half {
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .request-block-half.url.gf {
    margin-left: 0;
  }

  .request-block-half.iam, .request-block-half.iam.dgg {
    margin-left: 20px;
  }

  .request-block-full {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .select {
    width: 240px;
    color: #333;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 16px;
    margin-left: 0;
  }

  .simple-review {
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
  }

  .post-v3, .side-feature-half {
    width: 100%;
  }

  .fact-left {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 24px;
    margin-bottom: 24px;
    padding-left: 8%;
    padding-right: 8%;
  }

  .fact-number {
    margin-top: -8px;
  }

  .fact-info {
    text-align: left;
    padding-top: 0;
    padding-left: 24px;
  }

  .home-preview-image {
    max-width: 248px;
  }

  .home-preview {
    height: 360px;
  }

  .home-preview-text {
    font-size: 11px;
    left: -280px;
  }

  .inner-page-link {
    width: 100%;
    flex: 0 auto;
  }

  .licence-item {
    flex-direction: column;
    justify-content: center;
    padding-top: 56px;
  }

  .licence-item-info {
    text-align: center;
    margin-top: 16px;
    padding-left: 0;
  }

  .question-icon {
    display: none;
  }

  .navbar {
    z-index: 9999;
    height: 70px;
    object-fit: fill;
    display: flex;
  }

  .image-6 {
    margin-left: 0;
  }

  .nav-link-2 {
    margin-left: 0;
    position: static;
  }

  .nav-menu-2 {
    z-index: 999;
    top: 70px;
  }

  .container {
    width: 100%;
    height: auto;
    justify-content: flex-start;
    align-items: center;
    margin-left: 20px;
  }

  .section-2 {
    margin-top: 16px;
    padding-bottom: 60px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block {
    width: 100%;
    min-width: 100%;
    justify-content: center;
    align-items: center;
    margin-left: 0;
  }

  .div-block-2 {
    width: auto;
    min-width: auto;
    justify-content: center;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 17px;
    display: flex;
  }

  .button-2.sdf {
    width: 150px;
    height: 52px;
    max-height: 30px;
    min-height: 34px;
    min-width: 120px;
    align-items: center;
    margin-bottom: 6px;
  }

  .button-2.sdf.new, .button-2.sdf.pub {
    width: 180px;
    max-height: none;
    min-height: auto;
  }

  .button-2.hgh {
    height: 40px;
    min-width: 140px;
    margin-top: 14px;
    font-size: 18px;
  }

  .button-2.hgh.track {
    margin-top: 10px;
  }

  .button-2.hgh.track.ooo, .button-2.hgh.manage {
    margin-top: 14px;
  }

  .bold-text-4 {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    position: static;
  }

  .div-block-3 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    bottom: -280px;
  }

  .div-block-3._999 {
    width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 10px;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: static;
    bottom: -269px;
  }

  .brands-button {
    width: 180px;
    height: auto;
    max-height: none;
    min-height: auto;
    min-width: auto;
    object-fit: fill;
    justify-content: center;
    margin-bottom: 6px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .publishers-button {
    font-size: 12px;
  }

  .publishers-button.tiou:hover {
    color: #000;
    color: #000;
  }

  .paragraph {
    width: 286px;
    max-width: none;
    min-width: auto;
    color: #333;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: -30px;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 6px;
    display: block;
  }

  .bold-text-6 {
    width: auto;
    max-width: none;
    min-width: auto;
    color: #333;
    margin-left: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    display: inline-block;
  }

  .bold-text-7 {
    line-height: 14px;
  }

  .heading-2.homeheadingdesk._666 {
    width: 100%;
    text-align: left;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    margin-bottom: 40px;
    margin-left: 0;
    font-size: 20px;
    line-height: 32px;
    display: flex;
  }

  .bold-text-8.gd {
    font-size: 26px;
  }

  .bold-text-8.homedeskmans {
    width: 300px;
    text-align: center;
    font-size: 20px;
    font-weight: 900;
    line-height: 32px;
  }

  .div-block-5 {
    justify-content: center;
    align-items: center;
    margin-right: 8px;
  }

  .sign-up-login.shouye {
    width: 65px;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 20px;
    display: none;
  }

  .sign-up-login.shouye.right {
    margin-bottom: 0;
  }

  .bold-text-9 {
    font-size: 28px;
  }

  .div-block-6, .div-block-7 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .bold-text-10._23, .bold-text-10.bllue {
    font-size: 22px;
  }

  .button-6 {
    width: 180px;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 16px;
  }

  .button-6._22 {
    width: 204px;
    height: 50px;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 500;
  }

  .button-6.brandaa.sfds {
    width: 204px;
    height: 50px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
    font-weight: 500;
  }

  .button-6._333 {
    width: 156px;
    height: 48px;
    margin-top: 20px;
    margin-left: 0;
    padding-top: 13px;
    padding-left: 30px;
    font-size: 14px;
  }

  .button-6._333.influ {
    width: auto;
    height: auto;
    padding: 10px 20px;
  }

  .button-6._333.influ._22222 {
    width: auto;
    height: auto;
    margin-right: 10px;
    padding: 10px 20px;
  }

  .bold-text-11 {
    width: 380px;
    font-size: 22px;
    line-height: 8px;
    display: inline;
  }

  .text-block-12 {
    font-size: 14px;
  }

  .text-block-13 {
    width: 220px;
    font-size: 14px;
  }

  .text-block-14 {
    width: 160px;
    font-size: 14px;
  }

  .text-block-15, .text-block-16 {
    font-size: 14px;
  }

  .heading-7 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .bold-text-15.dsgh {
    font-size: 22px;
  }

  .div-block-9 {
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-2.pub {
    width: 80%;
    min-width: 100%;
    text-align: center;
    flex-direction: row;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    margin-top: -20px;
    margin-bottom: 20px;
    margin-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 26px;
    display: flex;
  }

  .bold-text-19 {
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
  }

  .heading-8 {
    font-size: 22px;
  }

  .heading-9 {
    width: 380px;
    min-width: auto;
    font-size: 36px;
    display: block;
  }

  .div-block-11 {
    display: none;
  }

  .paragraph-3 {
    margin-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 28px;
  }

  .bold-text-26 {
    color: #333;
    margin-top: 0;
  }

  .bold-text-28, .bold-text-30 {
    color: #333;
  }

  .bold-text-32 {
    width: 120px;
    font-size: 12px;
    font-weight: 500;
  }

  .bold-text-33 {
    display: inline;
  }

  .bold-text-33.fdg {
    width: 90%;
    text-align: center;
    margin-left: -8px;
    font-size: 20px;
    line-height: 36px;
    display: inline;
  }

  .text-block-18 {
    width: 110px;
  }

  .bold-text-34.fdhh {
    width: 90%;
    text-align: center;
    flex: 0 auto;
    align-self: center;
    margin-left: 0;
    padding-left: 0;
    font-family: Harmonyos sans, sans-serif;
    font-size: 18px;
    line-height: 32px;
    display: inline;
  }

  .bold-text-35 {
    font-family: Harmonyos sans, sans-serif;
    font-size: 18px;
    line-height: 28px;
  }

  .bold-text-36 {
    font-family: Harmonyos sans, sans-serif;
  }

  .bold-text-37.vxcv {
    width: 80px;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 24px;
  }

  .image-16 {
    margin-left: -229px;
  }

  .image-16.oubmobile {
    min-width: 80%;
    margin-top: 60px;
    margin-left: 0;
    position: static;
  }

  .bold-text-38.gfg {
    text-align: left;
    margin-left: 0;
  }

  .heading-11 {
    margin-bottom: 20px;
  }

  .heading-12 {
    width: auto;
    justify-content: center;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 26px;
  }

  .bold-text-41 {
    margin-left: 0;
    font-size: 22px;
    line-height: 36px;
  }

  .container-2 {
    max-width: 80%;
    flex-direction: column;
    flex: 0 auto;
  }

  .div-block-14 {
    margin-left: -5px;
  }

  .div-block-15 {
    object-fit: fill;
    margin-left: -5px;
  }

  .div-block-16 {
    margin-left: -5px;
  }

  .div-block-17 {
    width: 100%;
    max-width: 84.8932%;
    margin-left: -5px;
  }

  .div-block-18 {
    width: 100%;
    margin-left: -5px;
  }

  .div-block-19 {
    margin-left: -5px;
  }

  .brand-2 {
    position: static;
    left: 0;
  }

  .brand-2.w--current {
    margin-left: 0;
    left: 0;
  }

  .text-block-19 {
    color: #999;
    margin-bottom: 0;
    margin-right: 2px;
    font-family: Harmonyos sans, sans-serif;
    font-size: 10px;
    font-weight: 300;
  }

  .container-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-22 {
    width: 80vw;
    height: auto;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-23 {
    width: 60vw;
    height: auto;
    margin-right: 0;
  }

  .bold-text-42 {
    font-size: 14px;
    font-weight: 500;
  }

  .image-18 {
    margin-top: -10px;
  }

  .div-block-24 {
    margin-bottom: 0;
  }

  .image-19 {
    max-width: 130%;
    margin: 0 auto 14px;
    font-size: 15px;
    font-style: normal;
  }

  .div-block-25 {
    width: 200px;
    min-width: auto;
    flex-flow: column wrap;
    margin-top: 48px;
    margin-bottom: 0;
    margin-left: 0;
  }

  .menu-button-2 {
    right: 0;
  }

  .section-6 {
    flex-wrap: nowrap;
    align-items: center;
  }

  .image-21 {
    margin-left: 0;
  }

  .bold-text-43 {
    color: #333;
  }

  .image-25 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .bold-text-44 {
    font-size: 22px;
  }

  .body-3 {
    font-family: Harmonyos sans, sans-serif;
  }

  .bold-text-45 {
    font-size: 13px;
  }

  .image-26 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .bold-text-47 {
    font-size: 13px;
  }

  .bold-text-48 {
    font-weight: 700;
  }

  .heading-17, .heading-18, .heading-19 {
    color: #333;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .text-span-7 {
    width: auto;
    display: inline;
  }

  .image-27 {
    text-align: left;
  }

  .heading-20, .heading-21, .heading-22 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
  }

  .paragraph-5 {
    width: 100%;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 20px;
    padding-right: 0;
    font-size: 14px;
    font-weight: 300;
    line-height: 23px;
  }

  .image-29, .image-30, .image-31 {
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }

  .image-32 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .image-33, .image-34, .image-35, .image-36 {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
  }

  .list-item {
    width: 100%;
    margin-left: 7px;
    padding-left: 0;
  }

  .list-item-2 {
    width: 100%;
    min-width: 150px;
    margin-left: -143px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .list-item-3 {
    width: 100%;
    min-width: 150px;
    margin-left: -120px;
  }

  .list-item-4, .list-item-5 {
    width: 80%;
    margin-left: -31px;
  }

  .list-item-6 {
    width: 80%;
    margin-left: -31px;
    padding-left: 0;
  }

  .list-item-7 {
    width: 100%;
  }

  .list {
    width: 100%;
    margin-left: 31px;
    padding-left: 86px;
  }

  .list-2 {
    width: 100%;
    margin-left: 32px;
    padding-left: 0;
  }

  .list-item-8 {
    margin-left: 8px;
  }

  .list-3 {
    width: 80%;
    margin-left: 0;
    padding-left: 4px;
  }

  .list-4 {
    width: 100%;
    padding-left: 159px;
    padding-right: 0;
  }

  .list-5 {
    width: 100%;
    padding-left: 151px;
  }

  .list-6 {
    padding-left: 152px;
  }

  .list-7 {
    padding-left: 148px;
  }

  .list-8 {
    width: 100%;
    min-width: 150px;
    padding-left: 148px;
  }

  .link, .list-item-9 {
    width: 100%;
  }

  .heading-24 {
    padding-top: 56px;
    font-size: 22px;
  }

  .paragraph-6 {
    padding-left: 0;
    padding-right: 0;
  }

  .list-9 {
    padding-right: 22px;
  }

  .paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10, .paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14 {
    font-size: 17px;
  }

  .tabs-menu {
    flex-direction: column;
    align-items: center;
  }

  .tabs-content {
    margin-left: 22px;
    margin-right: 22px;
    display: block;
  }

  .bold-text-58 {
    margin-left: 22px;
    padding-left: 0;
  }

  .tab-pane-tab-1 {
    margin-left: 0;
  }

  .paragraph-16 {
    padding-left: 18px;
    padding-right: 18px;
  }

  .image-39 {
    margin-left: 0;
    margin-right: 5px;
  }

  .image-40 {
    margin-left: 0;
    margin-right: 0;
  }

  .image-41 {
    margin-left: 0;
    margin-right: 5px;
  }

  .div-block-34 {
    top: -1px;
  }

  .grid-three-columns.usd {
    margin-left: 20px;
    margin-right: 20px;
  }

  .badge-popular---brix {
    position: static;
  }

  .text-single-200.text-color-neutral-800 {
    font-size: 14px;
  }

  .container-default {
    padding-left: 16px;
    padding-right: 16px;
  }

  .popular-badge-align---brix {
    justify-content: flex-start;
    margin-bottom: 16px;
  }

  .button-primary {
    margin-top: 0;
    padding: 15px 34px 16px;
  }

  .card-pricing {
    padding-left: 30px;
    padding-right: 30px;
  }

  .card-pricing.align-bottom._223324324 {
    width: 300px;
  }

  .card-pricing.align-bottom._111 {
    width: 300px;
    margin-left: 40px;
    margin-right: 40px;
  }

  .section-11 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-36 {
    font-size: 36px;
  }

  .link-5 {
    width: auto;
    height: auto;
    direction: ltr;
    text-transform: none;
    object-fit: fill;
    margin-left: auto;
    margin-right: auto;
    display: block;
    overflow: visible;
  }

  .link-6 {
    width: auto;
    height: auto;
    text-align: left;
    object-fit: fill;
    object-position: 50% 50%;
    flex-flow: row;
    justify-content: space-between;
    align-items: stretch;
    display: block;
    overflow: auto;
  }

  .button-10 {
    margin-left: 94px;
    left: auto;
    right: -17px;
  }

  .link-block, .link-block-2 {
    margin-right: 5px;
  }

  .wg-element-wrapper.sw6 {
    margin-left: -8px;
    position: static;
  }

  .wg-element {
    height: 25vh;
  }

  .div-block-48 {
    margin-left: 0;
    padding-right: 0;
    position: static;
    top: 10px;
    bottom: 0%;
    left: auto;
    right: 48px;
  }

  .body-5 {
    overflow: visible;
  }

  .section-12 {
    height: 95vh;
    padding-top: 65px;
    padding-bottom: 20px;
  }

  .navbar-logo-center {
    display: none;
  }

  .navbar-logo-center-container.shadow-three {
    padding-top: 0;
  }

  .container-7 {
    max-width: none;
  }

  .nav-menu-three {
    flex-direction: column;
  }

  .button-17.newb {
    width: 190px;
    height: 40px;
    font-size: 18px;
  }

  .paragraph-25.clipped {
    width: auto;
    margin-top: -19px;
    margin-bottom: 0;
    padding-top: 0;
    display: block;
  }

  .bold-text-64.clipped {
    height: 70px;
    margin-top: 0;
    padding-top: 0;
    font-size: 42px;
  }

  .bold-text-64.clipped.typer {
    height: 75px;
    margin-left: 0;
    padding-left: 0;
    font-size: 32px;
  }

  .paragraph-27 {
    min-width: auto;
    padding-left: 0;
    padding-right: 10px;
    font-size: 14px;
  }

  .button-18.trans1 {
    width: 90vw;
    height: 40px;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 16px;
  }

  .button-19.trans1 {
    width: 90vw;
    height: 40px;
    margin-top: 0;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 16px;
  }

  .button-20.trans1 {
    width: 90vw;
    height: 40px;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 16px;
  }

  .container-8 {
    height: 700px;
    max-width: 479px;
    flex-direction: column;
    justify-content: flex-start;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
  }

  .div-block-49 {
    width: 95vw;
    max-width: none;
    min-width: auto;
    align-items: center;
    margin-bottom: 40px;
  }

  .image-51 {
    max-height: 360px;
  }

  .div-block-51 {
    width: 100vw;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .div-block-52 {
    display: none;
  }

  .div-block-52.dvnew {
    margin-bottom: 26px;
    display: block;
  }

  .integration-item {
    width: 130px;
    height: 45px;
  }

  .black-shadow, .black-shadow-right {
    width: 15%;
    height: 45px;
  }

  .section-13 {
    padding-top: 0;
  }

  .paragraph-28 {
    margin-bottom: 40px;
    font-family: Montserrat, sans-serif;
    font-size: 26px;
    font-weight: 200;
  }

  .clipped.title {
    font-size: 30px;
    font-weight: 400;
  }

  .div-block-53 {
    margin-top: 41px;
  }

  .paragraph-29 {
    text-align: center;
    margin-bottom: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .header-detail-wrapper {
    flex-wrap: wrap;
  }

  .div-block-54, .image-56 {
    width: 230px;
  }

  .section-14 {
    height: auto;
    background-image: url('../images/Frame-43931.png');
    background-position: 0 0;
    background-size: cover;
    display: block;
    overflow: hidden;
  }

  .mask-2 {
    height: 430px;
    margin-bottom: 10px;
  }

  .heading-41.clipped {
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 300;
  }

  .slide {
    width: 230px;
    height: 400px;
    margin-right: 40px;
  }

  .paragraph-30 {
    padding-left: 0;
  }

  .slider-2 {
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .div-block-56 {
    margin-top: 40px;
    margin-left: 0;
  }

  .left-arrow {
    display: none;
    position: absolute;
    top: auto;
    bottom: 0%;
    left: -24%;
    right: 0%;
  }

  .right-arrow {
    display: none;
    top: auto;
    bottom: 0%;
    left: 0%;
    right: 0%;
  }

  .section-new-15.mobiles {
    height: auto;
    padding-bottom: 60px;
  }

  .container-10 {
    background-image: none;
    background-size: auto;
    display: block;
  }

  .div-block-57 {
    display: block;
  }

  .heading-42, .heading-42.heading1 {
    font-size: 20px;
  }

  .div-block-61 {
    flex-direction: column;
  }

  .text-field {
    width: auto;
    margin-bottom: 0;
  }

  .text-field-2 {
    width: auto;
  }

  .select-field {
    width: auto;
    margin-bottom: 0;
  }

  .text-field-3, .text-field-5 {
    width: auto;
  }

  .text-field-6 {
    width: auto;
    margin-bottom: 0;
  }

  .form-block-new {
    margin-bottom: 55px;
  }

  .submit-button {
    top: 438px;
  }

  .success-message {
    width: auto;
  }

  .error-message {
    width: auto;
    margin-top: -47px;
    padding-left: 0;
    padding-right: 0;
  }

  .bold-text-65 {
    font-size: 14px;
  }

  .section-16 {
    justify-content: flex-start;
    padding-top: 60px;
    position: relative;
  }

  .heading-45 {
    width: auto;
    min-width: 320px;
    font-size: 32px;
    line-height: 48px;
  }

  .image-62 {
    max-width: 200px;
    border-top-left-radius: 80px;
    border-bottom-right-radius: 80px;
    margin-left: 0;
    display: block;
  }

  .image-63 {
    display: block;
  }

  .div-block-76 {
    min-width: auto;
    margin-top: 0;
    padding-top: 0;
  }

  .column-9 {
    height: 55%;
    justify-content: center;
    padding-top: 0;
    display: flex;
    position: static;
  }

  .column-10 {
    display: none;
  }

  .column-11 {
    height: 280px;
  }

  .columns-7 {
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .container-13 {
    justify-content: center;
    margin-top: 0;
    display: flex;
    position: absolute;
    top: auto;
    bottom: 40px;
    left: 0%;
    right: 0%;
  }

  .paragraph-34 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .image-64 {
    display: none;
    bottom: 159px;
    left: 212px;
  }

  .image-65 {
    display: none;
    top: 328px;
    left: 114px;
  }

  .image-66 {
    display: block;
  }

  .button-24 {
    width: 250px;
    height: 50px;
  }

  .grid-2 {
    max-width: 360px;
    min-width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-29 {
    font-size: 14px;
    line-height: 15px;
  }

  .div-block-80 {
    height: 100px;
    min-width: auto;
  }

  .image-67 {
    width: 90px;
    margin-bottom: 11px;
  }

  .heading-47 {
    z-index: 100;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 22px;
    position: relative;
  }

  .div-block-83 {
    width: 100vw;
  }

  .div-block-84 {
    width: 100px;
    height: 100px;
    bottom: 120px;
    left: 257px;
  }

  .div-block-85 {
    width: 300px;
    height: 300px;
    top: -559px;
    left: -147px;
  }

  .heading-48 {
    padding-top: 40px;
  }

  .paragraph-35 {
    margin-bottom: 20px;
  }

  .div-block-87 {
    padding-left: 0;
  }

  .grid-4 {
    min-width: auto;
    grid-row-gap: 20px;
    grid-template-columns: 1fr;
  }

  .heading-49.typerwriter {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 32px;
  }

  .grid-5 {
    grid-column-gap: 10px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-block-31 {
    margin-bottom: 20px;
  }

  .text-block-31.nm1 {
    margin-bottom: 14px;
  }

  .text-block-31.hw, .text-block-31.cc {
    margin-bottom: 20px;
  }

  .text-block-31.as, .text-block-31.vl {
    margin-bottom: 35px;
  }

  .bold-text-67 {
    font-size: 16px;
  }

  .text-block-33, .text-block-34 {
    font-size: 20px;
  }

  .tab-link-influencer.clipped.w--current, .tab-link-publishers.clipped, .tab-link-publishers.clipped.w--current {
    font-size: 22px;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .image-76, .image-78, .image-79 {
    width: 100px;
  }

  .image-80 {
    width: 60px;
  }

  .image-81, .image-82, .image-83, .image-84 {
    width: 100px;
  }

  .div-block-89 {
    height: 40px;
    max-width: 95vw;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0;
  }

  .text-block-36 {
    min-width: 110px;
    margin-right: 10px;
    font-size: 25px;
    line-height: 100%;
  }

  .div-block-90 {
    width: 299px;
    max-width: 95vw;
    min-width: auto;
    flex-direction: column;
    flex: 0 auto;
    align-self: flex-start;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    display: block;
  }

  .text-span-8 {
    font-size: 25px;
    font-weight: 300;
  }

  .slide-nav-3 {
    width: 100vw;
    margin-left: 0;
  }

  .div-block-91 {
    width: 230px;
  }

  .grid-7 {
    grid-template-columns: 1fr;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-37.t11 {
    margin-top: 10px;
  }

  .div-block-93, .div-block-94, .div-block-95 {
    padding-left: 0;
  }

  .heading-50 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    font-weight: 200;
    line-height: 30px;
  }

  .paragraph-36 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .heading-51 {
    margin-top: 40px;
    margin-bottom: 60px;
  }

  .grid-8 {
    grid-column-gap: 5px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .section-21 {
    overflow: hidden;
  }

  .text-block-39 {
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
  }

  .image-85 {
    height: 90px;
    margin-left: 0;
    margin-right: 0;
  }

  .paragraph-37 {
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
  }

  .div-block-100 {
    height: 3000px;
    display: none;
    top: -90%;
    bottom: 0%;
    left: -687%;
    right: 0%;
  }

  .logos-container-2 {
    display: none;
  }

  .black-shadow-2, .black-shadow-right-2 {
    width: 15%;
    height: 45px;
  }

  .section-22 {
    overflow: hidden;
  }

  .section-22.sn {
    height: 95vh;
    display: block;
  }

  .columns-8 {
    display: block;
  }

  .columns-8.publisher {
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-span-9.clipped {
    width: 171px;
    padding-top: 2px;
    font-size: 36px;
  }

  .heading-52 {
    width: auto;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 10px;
    font-size: 30px;
  }

  .paragraph-38 {
    width: 320px;
    max-width: none;
    margin-bottom: 90px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-12 {
    margin-top: 0;
    top: 271px;
  }

  .div-block-101 {
    align-items: center;
    padding-left: 0;
    overflow: visible;
  }

  .div-block-101.newdv332 {
    padding-top: 20px;
  }

  .div-block-102 {
    width: 85vw;
    height: 300px;
    max-width: 85vw;
    justify-content: flex-end;
    padding-right: 10px;
  }

  .div-block-102.dv102 {
    height: 280px;
  }

  .column-13 {
    height: auto;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    padding-left: 30px;
    padding-right: 20px;
    top: -270px;
  }

  .section-23 {
    padding-bottom: 68px;
  }

  .heading-54 {
    margin-top: 60px;
    padding-left: 40px;
    padding-right: 40px;
    font-size: 28px;
  }

  .text-block-41.clipped {
    font-size: 32px;
  }

  .div-block-110 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .div-block-111 {
    margin-bottom: 30px;
  }

  .div-block-112 {
    text-align: center;
    margin-bottom: 40px;
    padding-left: 0;
    font-size: 23px;
  }

  .mobile-nav {
    background-color: rgba(255, 255, 255, 0);
    display: block;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .brand-3 {
    padding-top: 15px;
    padding-left: 0;
  }

  .image-252 {
    margin-left: 0;
    margin-right: 0;
    padding-top: 1px;
    padding-left: 10px;
  }

  .container-17 {
    width: 100vw;
    background-color: rgba(0, 0, 0, 0);
    justify-content: space-between;
    align-items: center;
    display: block;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .icon-4 {
    color: #fff;
    display: none;
  }

  .nav-menu-3 {
    height: 100vh;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(29, 44, 46, .63);
    margin-top: 62px;
    position: fixed;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: auto;
  }

  .lottie-animation {
    width: 50px;
    height: 50px;
    color: #fff;
  }

  .menu-button-4 {
    background-color: rgba(200, 200, 200, 0);
  }

  .menu-button-4.w--open {
    background-color: rgba(194, 174, 174, 0);
  }

  .lottie-animation-2 {
    width: 25px;
  }

  .nav-link-4 {
    color: #fff;
    font-size: 14px;
  }

  .nav-link-5 {
    color: #fff;
    font-family: Harmonyos sans, sans-serif;
    font-size: 14px;
    font-weight: 300;
  }

  .nav-link-6, .nav-link-7, .nav-link-8 {
    color: #fff;
    font-size: 14px;
  }

  .nav-link-8.tshadow1 {
    margin-bottom: 0;
  }

  .nav-link-8.navnew.trans1 {
    z-index: 50;
    padding-top: 8px;
    position: absolute;
    top: auto;
    bottom: 112px;
    left: 0%;
    right: 0%;
  }

  .nav-link-8.navnew.trans1.w-nav-link1{
    bottom: 166px;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-link-8.newlav2 {
    position: absolute;
    top: auto;
    bottom: 76px;
    left: 0%;
    right: 0%;
  }

  .div-block-115 {
    width: 100vw;
    height: 62px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(29, 44, 46, .63);
    padding-bottom: 0;
    padding-right: 0;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .div-block-116 {
    padding-left: 0;
  }

  .div-block-118 {
    width: 80vw;
    height: auto;
    padding-top: 0;
    padding-left: 29px;
  }

  .section-24 {
    height: 95vh;
    align-items: center;
    display: flex;
  }

  .div-block-119 {
    padding-left: 0;
  }

  .div-block-120 {
    width: 75px;
    height: auto;
    padding-left: 0;
  }

  .div-block-120.newblock1 {
    width: 24px;
  }

  .link-block-5 {
    margin-left: 15px;
  }

  .link-block-7 {
    margin-left: 0;
  }

  .div-block-122, .div-block-123, .div-block-124, .div-block-125, .div-block-126 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .grid-9 {
    grid-template-columns: 1fr;
  }

  .section-25 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .bold-text-72.clipped {
    font-size: 24px;
  }

  .container-19 {
    margin-top: 40px;
    overflow: hidden;
  }

  .paragraph-41 {
    margin-bottom: 20px;
  }

  .heading-56 {
    margin-bottom: 16px;
  }

  .paragraph-42 {
    padding-left: 0;
  }

  .image-263 {
    margin-right: 5px;
  }

  .div-block-140 {
    flex-direction: column;
  }

  .text-block-44 {
    font-size: 12px;
  }

  .heading-57, .paragraph-43 {
    margin-bottom: 20px;
  }

  .dv12.sv12 {
    padding-right: 0;
  }

  .grid-14 {
    grid-column-gap: 24px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-272 {
    margin-left: 0;
    margin-right: 0;
  }

  .image-273 {
    margin-left: 0;
  }

  .image-274 {
    margin-right: 0;
  }

  .image-275 {
    margin-left: 0;
  }

  .image-278, .image-279 {
    margin-right: 0;
  }

  .image-280, .image-281 {
    margin-left: 0;
  }

  .div-block-148 {
    width: auto;
    border-style: none;
  }

  .div-block-149 {
    width: auto;
    position: static;
  }

  .heading-58 {
    width: auto;
    font-size: 22px;
    line-height: 24px;
  }

  .text-span-11 {
    font-size: 16px;
  }

  .div-block-152 {
    width: 140px;
  }

  .button-25.b11, .button-25.trans1 {
    width: 330px;
  }

  .div-block-154 {
    width: 235px;
    flex: 0 auto;
    margin-left: 41px;
  }

  .image-288 {
    margin-left: 0;
  }

  .image-289 {
    margin-right: 0;
  }

  .div-block-155 {
    width: 160px;
    padding-right: 0;
  }
}

#w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e44-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e48-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e49-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e55-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e56-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e5f-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e60-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e67-fd0b7a6f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a6479-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a647d-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a647e-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a648a-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a648b-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a6494-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a6495-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a649b-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a649c-b20b7b5f, #w-node-_88404d45-e7aa-813c-86ed-e7257445cee8-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445ceec-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445ceed-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cef9-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cefa-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cf03-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cf04-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cf0a-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445cf0b-090b7b61, #w-node-_2d6dd926-7591-5595-8b19-a59dfb3384f4-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb3384f8-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb3384f9-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb338505-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb338506-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb33850f-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb338510-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb338516-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb338517-5949796c, #w-node-bb2fa029-a467-c37f-7548-19387af920f9-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af920fd-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af920fe-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af9210a-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af9210b-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af92114-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af92115-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af9211b-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af9211c-b811de52, #w-node-_1a06d7f9-7045-1a0c-4134-9b2a88d234bc-cfc6f80a, #w-node-ad16dd71-a4fc-8903-8f05-181bf2636d20-cfc6f80a, #w-node-_69539850-4bfe-9ba8-52b8-53e39365ddc9-cfc6f80a, #w-node-_733baa15-a687-1350-4cd4-98b702393ca1-cfc6f80a, #w-node-_454bf4a6-6db6-a36d-4b2f-2b0bf17fbcf8-cfc6f80a, #w-node-_60f87fbe-c709-1f9e-4276-21b3f5e497de-cfc6f80a, #w-node-dc2af0f4-9aef-7f17-867a-af566ab7feda-cfc6f80a, #w-node-deafa93c-3770-e4f4-1bf3-6fb04b4a21ae-cfc6f80a, #w-node-_4496d9a4-d220-0e73-ae50-67e07ba603d6-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f07da4e3-ead5-0fac-0b8d-1c45ca53fc92-cfc6f80a, #w-node-_87709212-586c-d517-1b41-a47dc2e57425-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_29c62f1d-5dba-ba6c-1d89-07401a0510a1-cfc6f80a, #w-node-c1885993-b082-45a0-396d-5290fa6b7b9d-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8825aa9b-fdc6-c6f8-8612-e2e78ec32598-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2170a047-af85-1544-436b-a4090d99899a-cfc6f80a, #w-node-_294e55f0-b1cb-d56a-c865-40e7c293ad11-cfc6f80a, #w-node-cc9e1afe-7b30-983b-e047-cb51e0f2da14-cfc6f80a, #w-node-_23a28658-2547-e53e-3151-5c72827e4788-cfc6f80a, #w-node-_89c52bde-d9fb-598f-5de0-6f36f4938a1b-cfc6f80a, #w-node-_720cc166-308f-6216-1faf-710d4aa1d082-cfc6f80a, #w-node-_8f5e89ef-bedd-cc1c-afb8-343ebab65fa2-cfc6f80a, #w-node-fe509e9c-e47d-3000-5d82-ba97184c22b4-cfc6f80a, #w-node-ad4da1e0-435a-281f-603a-aa2577210053-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7bb1cfde-9cea-a94e-9a43-596c8d909636-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c653ee7f-9a90-c1c7-d8ed-a232e80b567f-cfc6f80a, #w-node-ac9c0b0d-490c-fd80-f5f8-5cde03c19b72-cfc6f80a, #w-node-_07841181-5655-852b-8f44-9ee1c9d104ed-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9e8045ec-e85d-721f-7e84-1fe8e97e80dc-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_77b06eca-4ede-8817-aa32-0c2d767c58f5-cfc6f80a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-cf7f59ca-cb1d-b832-5281-9d71d2506349-cfc6f80a, #w-node-adf752b3-9a54-1288-912b-86fe1c160f36-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a056-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a05a-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a05b-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a067-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a068-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a071-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a072-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a078-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a079-cfc6f80a, #w-node-_6be29a13-1e51-8c0e-5ee5-1d11c8c8ead0-55148b14, #w-node-_9d0f4fc3-97aa-d639-ff70-1948c89aee62-55148b14, #w-node-b71cdb51-3663-966d-39cb-0bcefb03562a-55148b14, #w-node-_1c0cebb1-8a30-7d44-8b30-7e631dc5934d-55148b14, #w-node-ad3a2a89-3780-18d6-f252-8eff0a3e678d-55148b14, #w-node-_8a6894d0-3a15-b4e8-5f85-333c759e9fd7-55148b14, #w-node-_9f39f473-5a5f-6f75-1c1b-5056946cdefb-55148b14, #w-node-f5fa0402-5fb1-de0b-8ab2-0ad1a590e41a-55148b14, #w-node-e6682ed8-a37a-ac25-f517-49604be10077-55148b14, #w-node-_5be84d11-2a5f-8325-921a-61def7a54063-55148b14, #w-node-_39b9374f-c5f2-c8e2-7120-78131a96183d-55148b14, #w-node-_8e03c465-2aae-331b-b460-bda0cfd59bb1-55148b14, #w-node-_637eed51-3ee1-2fac-63c0-74837bed0dc4-55148b14, #w-node-d5dfadac-879f-30c3-95e9-77ff5dfbc32e-55148b14, #w-node-_66c84365-3169-65bd-cb62-40b1f9c27463-55148b14, #w-node-_7bb38633-a34e-dab0-0c10-edd05375ba79-55148b14, #w-node-cdbd833e-79ef-ca11-c0e2-1f2b15f53281-55148b14, #w-node-d6875286-bc2c-e9e4-95b6-8df91c01caea-55148b14, #w-node-aac2bfca-5591-51d3-6986-76b24537d7dd-55148b14, #w-node-_40812368-4854-8bd0-ffef-387c6b5338fc-55148b14, #w-node-_40812368-4854-8bd0-ffef-387c6b5338fd-55148b14, #w-node-_8017654c-4ee5-b304-a2be-acd24f894801-90243c84, #w-node-_2d9739cf-e2ce-9d1c-a1a1-9894f52457a3-90243c84, #w-node-b9a47974-af71-6186-820d-5d796ca7396b-90243c84, #w-node-_36da4cd8-c547-aeaf-a96a-7e8ffbf21a1d-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
  justify-self: end;
}

#w-node-_3680dc0b-a00f-f6e6-5390-2462f141c7c1-90243c84, #w-node-_514b8d43-b44f-de06-7479-0942fbf99286-90243c84, #w-node-_78dd3e76-37b9-adcd-8907-cbaf55cd4e76-90243c84, #w-node-eb5dd7a1-2050-9d04-ad94-aa3eb7e169d8-90243c84, #w-node-e6c92503-b793-febf-ac13-a542dad4f448-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_2af34582-b802-7091-3c59-49e8483e0366-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b7e-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: end;
}

#w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b80-90243c84, #w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b84-90243c84, #w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b88-90243c84, #w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b90-90243c84, #w-node-a2ff4c52-5f27-a40e-29fa-7114824c3a3d-90243c84, #w-node-_05d148f7-f878-4b57-3939-e85c1f8519a2-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_5eca1eb3-d30e-8125-5983-844a692d11cf-90243c84, #w-node-c226dbf2-e9d2-78e6-3dff-49a4cd977452-90243c84, #w-node-c80ed2cd-0526-f60c-fdf9-1146e6a396ca-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1221cc7b-1da0-b97d-b2cd-10b301d09d25-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_2e00890a-f634-bbd9-ecd7-9e1b8e0380c5-90243c84, #w-node-f947a3d2-a527-87c8-ee6e-f6e98ad1f026-90243c84, #w-node-_550afde7-dfef-1325-e321-effd3863e66a-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29bc94ab-1958-6f32-9bad-e8e0d1d8ab69-90243c84 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc22-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc26-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc27-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc33-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc34-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc3d-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc3e-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc44-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc45-90243c84, #w-node-_8017654c-4ee5-b304-a2be-acd24f894801-8befa4a5, #w-node-_2d9739cf-e2ce-9d1c-a1a1-9894f52457a3-8befa4a5, #w-node-b9a47974-af71-6186-820d-5d796ca7396b-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_36da4cd8-c547-aeaf-a96a-7e8ffbf21a1d-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: end;
}

#w-node-_2af34582-b802-7091-3c59-49e8483e0366-8befa4a5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b7e-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: end;
}

#w-node-_5eca1eb3-d30e-8125-5983-844a692d11cf-8befa4a5, #w-node-c226dbf2-e9d2-78e6-3dff-49a4cd977452-8befa4a5, #w-node-c80ed2cd-0526-f60c-fdf9-1146e6a396ca-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
  justify-self: center;
}

#w-node-_1221cc7b-1da0-b97d-b2cd-10b301d09d25-8befa4a5, #w-node-_2e00890a-f634-bbd9-ecd7-9e1b8e0380c5-8befa4a5, #w-node-f947a3d2-a527-87c8-ee6e-f6e98ad1f026-8befa4a5, #w-node-_550afde7-dfef-1325-e321-effd3863e66a-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_29bc94ab-1958-6f32-9bad-e8e0d1d8ab69-8befa4a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2664a-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2664e-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2664f-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2665b-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2665c-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c26665-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c26666-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2666c-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2666d-8befa4a5, #w-node-bb2fa029-a467-c37f-7548-19387af920f9-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af920fd-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af920fe-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af9210a-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af9210b-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af92114-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af92115-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af9211b-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af9211c-6c5b5466, #w-node-d1cd9859-7db1-024c-aac4-96a354407731-008b9555, #w-node-bad79afe-2be6-0fac-7a6c-8d576e7f82a8-008b9555, #w-node-_0cfaa34c-f526-d135-2917-2f25fc08a589-008b9555, #w-node-_09bed247-027d-1e48-60a6-0e3c1ff804ae-008b9555, #w-node-_2347220d-8dd3-8a33-4867-202e14e53325-008b9555, #w-node-_00395a7b-8626-e45b-aac5-8f73beac43db-008b9555, #w-node-f524eeae-b688-c2ab-0d11-c0af2a80a4a4-008b9555, #w-node-_20debb11-b261-cd4a-147d-ede69a8ae566-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_953e2ef9-c821-34b2-ebd9-63ea4ad9fa7f-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-_1aeffe4b-6ec1-73dd-275c-216117e94278-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b2739d1c-3c7c-3f4e-4176-969ce7499587-008b9555, #w-node-d3acbe09-b6d2-3bc6-77a3-0103594c50e3-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-c983ddf4-14a4-289c-5a9c-5e5a9fe36a10-008b9555, #w-node-_22ccb8ea-cd98-3413-ae81-bc0e0ab00811-008b9555, #w-node-_4bc74aa7-0ba0-2855-8477-89a92498087a-008b9555, #w-node-e7aca375-00a5-cf7b-9a3b-c15d2c7a8fa2-008b9555, #w-node-_00f653c6-dde1-c6e9-f6c4-bdb5431a7c3a-008b9555, #w-node-_873f244a-39d4-6764-5f55-6c48ff895c68-008b9555, #w-node-d173bd7c-3934-2774-c58c-cae2eff73c3b-008b9555, #w-node-_11e0284c-eb49-29ef-92ee-98ac483560cb-008b9555, #w-node-_9726eb5a-e081-ad4b-3627-182f5da813c6-008b9555, #w-node-_00d136df-ba78-7b8a-5d23-b26bb7783884-008b9555, #w-node-_96218f10-8083-a5c0-3425-1bba716821f0-008b9555, #w-node-_9a7562fa-64e6-3477-1fdd-b595d114685a-008b9555, #w-node-_90e42ec2-b7e6-c15d-3b25-211d9ea79b6c-008b9555, #w-node-_8d325a2f-6865-49cb-2bce-04f26dc0b292-008b9555, #w-node-c16f7b30-8465-31f5-c6f9-b59a181f318d-008b9555, #w-node-_13a25fe7-4ba8-afd2-7b58-4bc701399a55-008b9555, #w-node-_821004bb-65a1-b625-d3f0-fcaf34c4ef52-008b9555, #w-node-_80409caa-7347-17e6-e1ef-af1394e2f6bb-008b9555, #w-node-bc607c08-1144-e730-6e65-1c1e74c280aa-008b9555, #w-node-_7cb93c21-6f2d-0bea-98f4-cfd2051aaad0-008b9555, #w-node-_7b1f5820-2ccc-bd3b-f977-3b2c737f5183-008b9555, #w-node-f0dc6eb9-4a1d-958f-beb9-e0b172eec0f0-008b9555, #w-node-e6b4376f-0abd-98b8-fc4e-420cd7244f30-008b9555, #w-node-c747458b-fa1c-c2f7-02e3-af1fda51cd4a-008b9555, #w-node-_53497db1-b34c-ccd3-65f1-93aa54aeff51-008b9555, #w-node-f0af90cb-336a-9e13-39f2-7b13979ff2e9-008b9555, #w-node-_3a82d6d8-7724-85bf-1e94-b805e64a6247-008b9555, #w-node-f9897a7d-4fdc-2266-712e-95c59de1a265-008b9555, #w-node-_81775278-397f-970e-3cf2-64f986528e4c-008b9555, #w-node-d54a61b3-7a7e-eb6f-18ea-6961393dfd0c-008b9555, #w-node-_89693f7e-8bd7-07d6-4d77-3997cf8f8ca4-008b9555, #w-node-bacc4df9-6668-ea84-e3af-391a865267d4-008b9555, #w-node-_824bf713-3af3-fe90-78fa-3ee3cf68cc7a-008b9555, #w-node-_752e14f8-47e8-e76b-4b49-0c16976fafe0-008b9555, #w-node-_78f7ca1b-1fa3-e108-0f98-51aa2300dbc9-008b9555, #w-node-_398d85b5-cfbe-5313-bd6e-d21b3114a95e-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975ac-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975ae-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975b0-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975b2-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975b4-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975b6-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975b8-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975ba-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7211a22-4888-fb84-8e7b-d359728975bc-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a7211a22-4888-fb84-8e7b-d359728975be-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a7211a22-4888-fb84-8e7b-d359728975c0-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975c2-008b9555 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: center;
}

#w-node-a7211a22-4888-fb84-8e7b-d359728975c4-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975c6-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975c8-008b9555, #w-node-a7211a22-4888-fb84-8e7b-d359728975ca-008b9555, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e44-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e48-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e49-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e55-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e56-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e5f-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e60-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e67-4d00b2b3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

/* new careers */
.new-w-col-20 {
  width: 20%;
}

.container-7 .w-button.tshadow1 {
  padding: 9px 6px !important;
}

.new-content {
  width: 100%;
  height: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.new-section1 {
  width: 100%;
  height: 700px;
  padding-top: 70px;
  max-width: 100%;
  background: radial-gradient(109.47% 78.28% at 89.62% -12.3%, #21312C 0%, #142635 100%);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;  
  position: relative;
}

.s1-back-img {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
}

.s1-content {
  padding: 0 2%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 68px;
}

.s1-button, .tst-button {
  color: #fff;
  width: max-content;
  display: flex;
  padding: 13px 48px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 45px;
  background: linear-gradient(96deg, #5AB3F9 -58.87%, #3C8AFE 25.09%, #5E4CFF 101.06%);
  cursor: pointer;
  margin-top: 40px;
  font-family: "Noto Sans";
  font-size: 18px;
}

.new-section2 {
  width: 100%;
  height: 460px;
  max-width: 100%;
  overflow: hidden;
  background: linear-gradient(18deg, rgba(255, 255, 255, 0.00) 60.3%, rgba(143, 194, 255, 0.23) 81.98%, rgba(92, 147, 255, 0.20) 94.53%)
}

.s2-content {
  font-family: Noto Sans;
  justify-content: center;
  align-items: center;
  display: flex;
  gap: 108px;
}

.s2c-content {
  max-width: 760px;
}

.s2c-content p{
  color: #333;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.s2c-content p b {
  color: #26B5FF;
  font-weight: 700;
}

.new-title {
  color: #020826;
  font-family: "Noto Sans";
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: normal;
  text-align: center;
}

.s3-content{
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 68px;
}

.locations {
  display: none;
}

.s3c-img {
  max-width: 1278px;
  padding: 0 20px;
  margin-bottom: 118px;
}

.s3c-img img {
  margin: 0;
}

.new-section4 {
  width: 100%;
  height: 792px;
  max-width: 100%;
  overflow: hidden;
  background: radial-gradient(111.4% 80.3% at 89.62% -12.69%, #21312C 0%, #142635 100%);
  padding: 120px 0;
}

.s4-content {
  max-width: 1280px;
  position: relative;
}

.s4-back-img {
  position: absolute;
  z-index: -1;
  left: -120px;
  bottom: -150px;
}

.s4-content .new-title {
  color: #fff;
  margin-bottom: 85px;
}

.s4c-content {
  display: flex;
  justify-content: space-between;
}

.s4c-allitem{
  width: 30%;
  max-width: 378px;
}

.s4c-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.s4c-item-son {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 260px;
}

.s4c-item-son img {
  margin: 0;
}

.s4c-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  margin-top: 40px;
}

.s4c-title {
  color: #fff;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.s4c-span {
  color: #E7E7E7;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.new-section5 {
  width: 100%;
  height: 617px;
  max-width: 100%;
  overflow: hidden;
  padding: 100px 0;
  background: linear-gradient(96deg, #3C8AFE -3.16%, #6B1FE7 98.69%);
}

.s5-content {
  max-width: 1276px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 6%;
}

.s5-content .new-title {
  color: #fff;
  text-align: left;
}

.s5c-titlebox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 350px;
}

.s5c-text1 {
  color: #fff;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.s5c-main {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 6%;
  justify-content: center;
  max-width: 768px;
}

.s5c-main-item {
  display: flex;
  padding: 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  border-radius: 24px;
  border: 1px solid rgba(255, 255, 255, 0.13);
  background: rgba(255, 255, 255, 0.03);
  box-shadow: 0px 4px 5px 0px rgba(255, 255, 255, 0.10) inset;
  backdrop-filter: blur(47.5px);
  width: 47%;
  max-width: 360px;
}

.s5c-imgbox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 120px;
  padding: 8px;
  background: rgba(242, 244, 251, 0.10);
}

.s5c-imgbox img {
  width: 20px;
  height: 20px;
  margin: 0;
}

.s5c-main-item span {
  color: #fff;
  font-family: "Noto Sans";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.new-section6 {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  padding: 120px 0;
}

.s6-content {
  max-width: 1280px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  height: 100%;
}

.s6c-titlebox {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 19px;
}

.s6c-title-text {
  color: #333;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.s6c-card {
  width: 100%;
}

.s6c-item {
  display: flex;
  padding: 24px 32px;
  justify-content: space-between;
  align-items: center;
  width: 851px;
  align-self: stretch;
  border-radius: 15px;
  background: #F2F4FB;
  margin: 0 auto;
  margin-top: 20px;
}

.s6c-infor {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  flex: 1 0 0;
}

.s6c-infor-t {
  color: #333;
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.s6c-infor-b {
  display: flex;
  align-items: center;
  gap: 24px;
}

.s6c-infor-b-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.s6c-infor-b-item img {
  margin: 0;
}

.s6c-button {
  display: flex;
  padding: 13px 48px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 45px;
  background: linear-gradient(96deg, #5AB3F9 -58.87%, #3C8AFE 25.09%, #5E4CFF 101.06%);
  color: #fff;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
}

.s1-button:hover,.s6c-button:hover {
  opacity: .85;
}

.new-section {
  font-family: "Noto Sans";
}

/* 渐变动画效果 */
.new-section .new-content {
  opacity: 0;
  transition: opacity 1s;
  transform: translateY(120px);
  transition: transform 1s;
}
.new-section.active .new-content {
  transform: translateY(0);
  opacity: 1;
}
/* END 渐变动画效果 */

.mobile-img {
  display: none;
}

/* careers detail */
.text-section {
  width: 100%;
  height: 450px;
  padding-top: 70px;
  background: radial-gradient(109.47% 78.28% at 89.62% -12.3%, #21312C 0%, #142635 100%);
}

.text-section-content {
  width: 100%;
  max-width: 1440px;
  height: 100%;
  margin: 0 auto;
  padding: 0 2%;
  transform: translateY(-40px);
  display: flex;
  align-items: center;
}

.tst-button {
  display: none;
}

.ts-titlebox {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-left: 40px;
}

.tst-top {
  text-align: left;
  color: #fff;
  font-family: "Noto Sans";
  font-size: 64px;
  font-style: normal;
  font-weight: 400;
  line-height: 70px; /* 109.375% */
}

.tst-bot {
  display: flex;
  gap: 24px;
  align-items: center;
}

.tst-bot-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-size: 16px;
  font-family: "Noto Sans";
}

.tst-bot-item img {
  margin: 0;
}

.careers-section {
  background: #fff;
  width: 100%;
}

.careers-content {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  padding: 0 2%;
  gap: 53px;
}

.cc-item {
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0px 4px 64px 0px rgba(0, 0, 0, 0.05);
  transform: translateY(-60px);
}

#position-mail {
  display: none;
}

.cc-main {
  width: 100%;
  max-width: 916px;
  display: flex;
  gap: 32px;
  flex-direction: column;
}

.careers-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.careers-title {
  color: #020826;
  font-family: "Noto Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.careers-text {
  color: #333;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.careers-text ul {
  padding-left: 20px;
}

.careers-text ul b {
  display: block;
  margin: 10px 0 10px -20px;
}

.cc-mail {
  width: 330px;
  height: 260px;
  flex-shrink: 0;
}

.cc-mail-main {
  width: 100%;
  max-width: 250px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 auto;
}

.cc-mail img{
  margin: 0;
}

.orbox {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cc-mail-btn {
  border-radius: 10px;
  border: 1px solid #DEDEDE;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  height: 50px;
  color: #333;
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.mailtospan {
  color: #333;
  margin-bottom: -8px;
  text-align: center;
  font-family: "Noto Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

@media screen and (max-width: 1112px) {
  .div-block-114 {
    height: 100px !important;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_7bda886a-96d1-9c84-b4d3-264a80e7d499-5949796c, #w-node-_9262ddd2-9374-b6c4-4259-4823eaf032e4-5949796c, #w-node-_9acb1d30-9b84-b9dc-ef9a-13ad674d1183-5949796c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7bb1cfde-9cea-a94e-9a43-596c8d909636-cfc6f80a, #w-node-c653ee7f-9a90-c1c7-d8ed-a232e80b567f-cfc6f80a, #w-node-ac9c0b0d-490c-fd80-f5f8-5cde03c19b72-cfc6f80a, #w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-90243c84, #w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-8befa4a5 {
    align-self: center;
  }

  #w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b7e-8befa4a5 {
    justify-self: start;
  }

  .pc-img {
    display: none;
  }

  .mobile-img {
    display: block;
  }

  .new-content img {
    margin: 0
  }

  .s1-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 20px;
    padding-bottom: 20px;
  }

  .s1-back-img {
    right: -50px;
  }

  .s1-publicize {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .new-section {
    height: max-content;
  }

  .new-title {
    font-size: 36px;
  }

  .new-section1 {
    height: 680px;
  }

  .s1-content {
    gap: 40px;
  }

  .s2-content {
    flex-direction: column;
    gap: 32px;
    padding: 40px 20px;
  }

  .s3-content {
    padding-bottom: 40px;
    gap: 36px;
  }

  .s3c-img {
    margin: 0;
    padding: 0;
  }

  .locations {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 16px;
  }

  .local-item {
    display: flex;
    padding: 0 14px;
    justify-content: center;
    align-items: center;
    border-radius: 45px;
    background: var(--Graident, linear-gradient(96deg, #5AB3F9 -58.87%, #3C8AFE 25.09%, #5E4CFF 101.06%));
    box-shadow: 0px 3.625px 3.625px 0px rgba(0, 0, 0, 0.10);
    color: #fff;
    height: 30px;
  }

  .new-section4 {
    padding: 60px 0;
  }

  .s4-content .new-title {
    margin-bottom: 56px;
  }

  .s4c-content {
    flex-direction: column;
    align-items: center;
    gap: 56px;
  }

  .s4c-allitem {
    width: 100%;
  }

  .new-section5 {
    padding: 40px 0;
  }

  .s5-content {
    flex-direction: column;
  }

  .s5-content .new-title {
    text-align: center;
  }

  .s5c-titlebox {
    margin-bottom: 40px;
  }

  .s5c-main-item {
    width: 100%;
    align-items: center;
  }

  .s6c-item{
    width: 100%;
    flex-direction: column;
    gap: 24px;
  }

  /* careers detail */
  .ts-titlebox {
    width: 100%;
    align-items: center;
    padding-left: 0;
  }
  
  .tst-top {
    text-align: center;
  }
  
  .careers-content {
    flex-direction: column;
    gap: 0;
    padding-bottom: 60px;
  }

  .text-section-content {
    flex-direction: column;
    gap: 24px;
    justify-content: center;
  }

  .tst-button {
    display: flex;
    margin: 0;
  }

  .cc-mail {
    width: 100%;
    transform: translateY(0);
  }

  .s6c-infor {
    align-items: center;
  }

  .tst-top {
    font-size: 52px;
    line-height: 60px;
  }

  #position-mail {
    display: block;
    height: 1px;
    transform: translateY(-120px);
  }

}

@media screen and (max-width: 767px) {
  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e44-fd0b7a6f, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e48-fd0b7a6f {
    justify-self: start;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-fd0b7a6f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dbfc7f87-7476-1453-81fc-e0b7428a6479-b20b7b5f, #w-node-dbfc7f87-7476-1453-81fc-e0b7428a647d-b20b7b5f {
    justify-self: start;
  }

  #w-node-dbfc7f87-7476-1453-81fc-e0b7428a649b-b20b7b5f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_88404d45-e7aa-813c-86ed-e7257445cee8-090b7b61, #w-node-_88404d45-e7aa-813c-86ed-e7257445ceec-090b7b61 {
    justify-self: start;
  }

  #w-node-_88404d45-e7aa-813c-86ed-e7257445cf0a-090b7b61 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2d6dd926-7591-5595-8b19-a59dfb3384f4-5949796c, #w-node-_2d6dd926-7591-5595-8b19-a59dfb3384f8-5949796c {
    justify-self: start;
  }

  #w-node-_2d6dd926-7591-5595-8b19-a59dfb338516-5949796c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3dbe28b4-56c2-a31d-fb4f-bf50f71a577e-b811de52 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_056c8e37-6cc3-4c53-3c30-735e406bb211-b811de52 {
    justify-self: center;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af920f9-b811de52, #w-node-bb2fa029-a467-c37f-7548-19387af920fd-b811de52 {
    justify-self: start;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af9211b-b811de52 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_87709212-586c-d517-1b41-a47dc2e57425-cfc6f80a {
    grid-area: 4 / 1 / 4 / 2;
  }

  #w-node-_60bc913a-a433-4cdc-66fd-165fce13a056-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a05a-cfc6f80a {
    justify-self: start;
  }

  #w-node-_60bc913a-a433-4cdc-66fd-165fce13a078-cfc6f80a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_637eed51-3ee1-2fac-63c0-74837bed0dc4-55148b14, #w-node-d5dfadac-879f-30c3-95e9-77ff5dfbc32e-55148b14 {
    justify-self: start;
  }

  #w-node-_40812368-4854-8bd0-ffef-387c6b5338fc-55148b14 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-90243c84 {
    justify-self: start;
  }

  #w-node-_5eca1eb3-d30e-8125-5983-844a692d11cf-90243c84, #w-node-c80ed2cd-0526-f60c-fdf9-1146e6a396ca-90243c84 {
    justify-self: center;
  }

  #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc22-90243c84, #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc26-90243c84 {
    justify-self: start;
  }

  #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc44-90243c84 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_36da4cd8-c547-aeaf-a96a-7e8ffbf21a1d-8befa4a5 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_646a8b0c-ad12-e423-641c-1af54a8bb80f-8befa4a5 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_2af34582-b802-7091-3c59-49e8483e0366-8befa4a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_0ff2b82e-43d3-3205-b3bf-5935d86a7b7e-8befa4a5 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: center;
  }

  #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2664a-8befa4a5, #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2664e-8befa4a5 {
    justify-self: start;
  }

  #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2666c-8befa4a5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_3dbe28b4-56c2-a31d-fb4f-bf50f71a577e-6c5b5466 {
    grid-area: 1 / 1 / 3 / 2;
    justify-self: center;
  }

  #w-node-_056c8e37-6cc3-4c53-3c30-735e406bb211-6c5b5466 {
    justify-self: center;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af920f9-6c5b5466, #w-node-bb2fa029-a467-c37f-7548-19387af920fd-6c5b5466 {
    justify-self: start;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af9211b-6c5b5466 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e44-4d00b2b3, #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e48-4d00b2b3 {
    justify-self: start;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-4d00b2b3 {
    grid-area: 1 / 1 / 2 / 2;
  }
  
  .tst-top {
    font-size: 42px;
    line-height: 50px;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e5f-fd0b7a6f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-fd0b7a6f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-dbfc7f87-7476-1453-81fc-e0b7428a6494-b20b7b5f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-dbfc7f87-7476-1453-81fc-e0b7428a649b-b20b7b5f {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_88404d45-e7aa-813c-86ed-e7257445cf03-090b7b61 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_88404d45-e7aa-813c-86ed-e7257445cf0a-090b7b61 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_2d6dd926-7591-5595-8b19-a59dfb33850f-5949796c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_2d6dd926-7591-5595-8b19-a59dfb338516-5949796c {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af92114-b811de52 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af9211b-b811de52 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_87709212-586c-d517-1b41-a47dc2e57425-cfc6f80a {
    grid-area: 4 / 1 / 4 / 2;
  }

  #w-node-cc9e1afe-7b30-983b-e047-cb51e0f2da14-cfc6f80a, #w-node-_60bc913a-a433-4cdc-66fd-165fce13a071-cfc6f80a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_60bc913a-a433-4cdc-66fd-165fce13a078-cfc6f80a {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-d6875286-bc2c-e9e4-95b6-8df91c01caea-55148b14 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_40812368-4854-8bd0-ffef-387c6b5338fc-55148b14 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc3d-90243c84 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ba1e6d64-2015-7f0c-5411-a0f20c8cbc44-90243c84 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c26665-8befa4a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_26aa1b46-6c0b-1445-8c5c-85e639c2666c-8befa4a5 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af92114-6c5b5466 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-bb2fa029-a467-c37f-7548-19387af9211b-6c5b5466 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e5f-4d00b2b3 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_303eed3a-bd2a-8952-3b85-3c16e75f5e66-4d00b2b3 {
    grid-area: 1 / 1 / 2 / 2;
  }
  
  .tst-top {
    font-size: 32px;
    line-height: 40px;
  }
}


@font-face {
  font-family: 'Harmonyos sans';
  src: url('../fonts/HarmonyOS_Sans_Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harmonyos sans';
  src: url('../fonts/HarmonyOS_Sans_Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Harmonyos sans';
  src: url('../fonts/HarmonyOS_Sans_Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans lng obl';
  src: url('../fonts/eau_sans_black_lng_obl.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans obl';
  src: url('../fonts/eau_sans_black_obl.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans osf obl';
  src: url('../fonts/eau_sans_black_osf_obl.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans lng';
  src: url('../fonts/eau_sans_black_lng.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans osf';
  src: url('../fonts/eau_sans_black_osf.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans';
  src: url('../fonts/eau_sans_black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans obl';
  src: url('../fonts/eau_sans_bold_obl.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans lng obl';
  src: url('../fonts/eau_sans_bold_lng_obl.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans osf';
  src: url('../fonts/eau_sans_bold_osf.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans lng';
  src: url('../fonts/eau_sans_bold_lng.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans';
  src: url('../fonts/eau_sans_bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book lin obl';
  src: url('../fonts/eau_sans_book_lin_obl.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book obl';
  src: url('../fonts/eau_sans_book_obl.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book lng';
  src: url('../fonts/eau_sans_book_lng.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book osf obl';
  src: url('../fonts/eau_sans_book_osf_obl.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book osf';
  src: url('../fonts/eau_sans_book_osf.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans osf obl';
  src: url('../fonts/eau_sans_bold_osf_obl.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eau sans book';
  src: url('../fonts/eau_sans_book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans';
  src: url('../fonts/NotoSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans BoldItalic';
  src: url('../fonts/NotoSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans Italic';
  src: url('../fonts/NotoSans-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Noto Sans Regular';
  src: url('../fonts/NotoSans-Regular.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.integration-inside-line {
  gap: 20px;
}

.integration-item {
  padding: 0 20px;
  width: max-content;
}

.integration-item img {
  height: 32px;
}

.nav-link-8.navnew.trans1.w-nav-link1{
  padding-left: 0;
  padding-right: 0;
}

.column-5.w-col.new-w-col-20 {
  width: unset;gap:10px;
}
.column-5.w-col.new-w-col-20 .button-17.w-button{
  margin-left:0;
}

.column-5.w-col.new-w-col-20 > .button-16.w-button:first-child{
  width: unset;
  white-space: nowrap;
}