@font-face {
  font-family: "Coolvetica Rg";
  src: url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.eot");
  src: url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.eot?#iefix") format("embedded-opentype"), url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.woff2") format("woff2"), url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.woff") format("woff"), url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.ttf") format("truetype"), url("assets/fonts/CoolveticaRg-Regular/CoolveticaRg-Regular.svg#CoolveticaRg-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.eot");
  src: url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.woff2") format("woff2"), url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.woff") format("woff"), url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.ttf") format("truetype"), url("assets/fonts/AvenirLTStd-Black/AvenirLTStd-Black.svg#AvenirLTStd-Black") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Avenir LT Std";
  src: url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.eot");
  src: url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.woff2") format("woff2"), url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.woff") format("woff"), url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.ttf") format("truetype"), url("assets/fonts/AvenirLTStd-Roman/AvenirLTStd-Roman.svg#AvenirLTStd-Roman") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ford Antenna Medium Cnd";
  src: url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.eot");
  src: url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.eot?#iefix") format("embedded-opentype"), url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.woff2") format("woff2"), url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.woff") format("woff"), url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.ttf") format("truetype"), url("assets/fonts/FordAntenna-MediumCnd/FordAntenna-MediumCnd.svg#FordAntenna-MediumCnd") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
body {
  margin: 0;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

p {
  margin: 0;
}

a {
  color: unset;
  text-decoration: none;
}

button {
  cursor: pointer;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  padding: 0;
  border: none;
  background: none;
}

@media screen and (min-width: 48em) {
  .layout {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 48em) {
  .layout__header {
    flex: 0 0 23em;
  }
}
@media screen and (min-width: 75em) {
  .layout__header {
    flex: 0 0 100%;
  }
}

@media screen and (min-width: 48em) {
  .layout__hero {
    flex: 1 0 50%;
    min-width: 50%;
  }
}
@media screen and (min-width: 75em) {
  .layout__hero {
    flex: 0 0 100%;
  }
}

@media screen and (min-width: 48em) {
  .layout__body {
    min-width: 100%;
  }
}

@media screen and (min-width: 48em) {
  .layout__footer {
    min-width: 100%;
  }
}

/* Header */
.original {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 900%;
  background: url("assets/images/screens/Desktop-1366.jpg") no-repeat left top;
  background-position-y: -62px;
  opacity: 0.4;
  z-index: 10;
  display: none;
}

.header {
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .header {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
@media screen and (min-width: 75em) {
  .header {
    flex-direction: row;
    justify-content: space-between;
    height: 6em;
  }
}

.header__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: 2em;
  padding: 0.9375em 1.1875em 0;
}
@media screen and (min-width: 48em) {
  .header__header {
    height: unset;
    padding: 2.5em 0 0 3em;
  }
}
@media screen and (min-width: 75em) {
  .header__header {
    padding: 1.9375em 0 0 3.3125em;
  }
}

.header__title {
  font-size: 2em;
  margin-top: 0.125em;
}

.header__logo {
  display: block;
  width: 3.4375em;
}
@media screen and (min-width: 48em) {
  .header__logo {
    width: 7.6875em;
  }
}

.header__nav-button {
  font-size: 0.96em;
  font-family: inherit;
  width: 3.5807291667em;
  height: 1.5625em;
  box-sizing: border-box;
  padding: 0;
  padding-left: 1.3671875em;
  padding-top: 0.390625em;
  border: none;
  margin-right: -0.4375em;
  color: #0196ff;
  background: none;
  background-image: url("assets/images/menu-button.svg");
  background-repeat: no-repeat;
}
@media screen and (min-width: 48em) {
  .header__nav-button {
    display: none;
  }
}

.main-nav {
  font-size: 1.9225em;
  height: 0;
  transition: height 1s;
}
@media screen and (min-width: 48em) {
  .main-nav {
    font-size: 2.23375em;
    flex-grow: 1;
    padding: 1.9585898153em 0 2.6021264689em;
  }
}
@media screen and (min-width: 75em) {
  .main-nav {
    font-size: 1.351875em;
    flex-grow: 0;
    padding: 1.8030513176em 0 1.0171058715em;
    margin-right: 1.6643550624em;
  }
}

.main-nav--shown {
  font-size: 1.9225em;
  height: 8.5825747724em;
  transition: height 1s;
}

@media screen and (min-width: 48em) {
  .main-nav__list {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
@media screen and (min-width: 75em) {
  .main-nav__list {
    flex-direction: row;
    width: 33.0097087379em;
  }
}

.main-nav__item {
  line-height: 1.4629388817em;
  height: 1.6254876463em;
  border-bottom: 2px solid #20d2e7;
}
@media screen and (min-width: 48em) {
  .main-nav__item {
    border: none;
  }
}

.main-nav__item:first-child {
  border-top: 2px solid #20d2e7;
}
@media screen and (min-width: 48em) {
  .main-nav__item:first-child {
    border: none;
  }
}

.main-nav__link {
  display: block;
  height: 100%;
  padding-left: 0.9102730819em;
  background: -webkit-linear-gradient(0deg, #46aef7, #1dd5e6);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media screen and (min-width: 48em) {
  .main-nav__link {
    padding-left: 1.3150531617em;
    background: -webkit-linear-gradient(180deg, #46aef7, #1dd5e6);
    background-clip: text;
    -webkit-background-clip: text;
  }
}
@media screen and (min-width: 75em) {
  .main-nav__link {
    padding: 0;
  }
}

/* Swiper */
.swiper-container {
  position: relative;
  height: 144.0625vw;
}
@media screen and (min-width: 48em) {
  .swiper-container {
    height: calc(100vh - 3rem);
    max-height: 48em;
  }
}
@media screen and (min-width: 75em) {
  .swiper-container {
    height: calc(100vh - 6em - 3rem);
    max-height: 48em;
  }
}

.parallax-bg, .parallax-bg-lg {
  position: absolute;
  left: 0;
  top: 0;
  width: 300%;
  height: 100%;
  -webkit-background-size: cover;
  background-image: url("./assets/images/city-background.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 75em) {
  .parallax-bg, .parallax-bg-lg {
    display: none;
  }
}

.parallax-bg-lg {
  display: none;
}
@media screen and (min-width: 75em) {
  .parallax-bg-lg {
    display: block;
    width: 130%;
  }
}

.swiper-slide .text {
  font-family: "Coolvetica Rg";
  font-size: 1.7725em;
  text-align: center;
  display: grid;
  place-items: center;
  height: 67%;
}
.swiper-slide .text p {
  width: 17ch;
  max-width: 80%;
}
@media screen and (min-width: 48em) {
  .swiper-slide .text {
    font-size: 3.071875em;
    height: 90%;
  }
}
@media screen and (min-width: 75em) {
  .swiper-slide .text {
    font-size: 4.5625em;
  }
}

.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 42px;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 6px;
}

.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  opacity: 0.4;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

/* Bullet Section */
.bullet {
  text-align: center;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 48em) {
  .bullet {
    text-align: left;
    padding-bottom: 1.5em;
    background-color: #f2ebe6;
  }
}
@media screen and (min-width: 85.375em) {
  .bullet {
    padding-bottom: 4.4375em;
  }
}

.bullet__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 17.5em;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .bullet__wrapper {
    align-items: start;
    width: 39.5625em;
  }
}
@media screen and (min-width: 85.375em) {
  .bullet__wrapper {
    align-items: start;
    width: 46.625em;
  }
}

.bullet__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.075625em;
  margin-top: 0.2905287623em;
}
.bullet__title span:first-child {
  color: #0192ff;
}
.bullet__title span:nth-child(2) {
  color: #00b5ff;
}
.bullet__title span:nth-child(3) {
  color: #7ad4f9;
}
@media screen and (min-width: 48em) {
  .bullet__title {
    font-size: 2.289375em;
    margin-top: 0.6552006552em;
  }
}
@media screen and (min-width: 85.375em) {
  .bullet__title {
    font-size: 2.803125em;
    margin-top: 1.226309922em;
  }
}

.bullet__copy {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.738125em;
  margin: 0.3386960203em 0 0.6773920406em;
  line-height: 1.2em;
}
@media screen and (min-width: 48em) {
  .bullet__copy {
    font-size: 1.57125em;
    margin-bottom: 1.0342084328em;
  }
}
@media screen and (min-width: 85.375em) {
  .bullet__copy {
    font-size: 1.92375em;
  }
}

.bullet__button {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
  font-size: 1.0775em;
  text-align: center;
  width: 9.222737819em;
  padding: 0.2900232019em 0;
  color: #ffffff;
  border-radius: 1em;
  background: linear-gradient(to right, #0192ff, #00b5ff);
}
@media screen and (min-width: 48em) {
  .bullet__button {
    font-size: 1.84875em;
  }
}
@media screen and (min-width: 85.375em) {
  .bullet__button {
    font-size: 2.263125em;
  }
}

/* Services Section */
.services__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7725em;
  text-align: center;
  margin: 0.2115655853em 0 0.2820874471em;
}
@media screen and (min-width: 48em) {
  .services__title {
    display: flex;
    justify-content: center;
    font-size: 3.923125em;
    text-align: left;
    width: 56.640625%;
    padding-bottom: 0.0796558866em;
    margin: 0;
    line-height: 1;
    background: -webkit-linear-gradient(0deg, #46aef7, #1dd5e6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 85.375em) {
  .services__title {
    font-size: 6.231875em;
    padding-bottom: 0.1303780965em;
    line-height: 0.9;
    width: 50%;
  }
}
@media screen and (min-width: 48em) {
  .services__title span {
    margin-right: 1.672773618em;
  }
}

@media screen and (min-width: 48em) {
  .services__body {
    display: grid;
    grid-template-columns: 56.640625% 43.359375%;
    grid-template-rows: 17.25em 8.375em 8.6875em 16.9375em;
  }
}
@media screen and (min-width: 85.375em) {
  .services__body {
    grid-template-columns: repeat(2, 50%);
    grid-template-rows: 27.375em 27.125em 19.4375em;
  }
}

@media screen and (min-width: 48em) {
  .services__item:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2;
  }
}
@media screen and (min-width: 85.375em) {
  .services__item:nth-child(2) {
    grid-row: 1;
  }
}
@media screen and (min-width: 48em) {
  .services__item:nth-child(3) {
    grid-row: 2/4;
    grid-column: 1;
  }
}
@media screen and (min-width: 85.375em) {
  .services__item:nth-child(3) {
    grid-row: 2;
  }
}
@media screen and (min-width: 48em) {
  .services__item:nth-child(4) {
    grid-row: 3/5;
    grid-column: 2;
  }
}
@media screen and (min-width: 85.375em) {
  .services__item:nth-child(4) {
    grid-row: 2;
  }
}
@media screen and (min-width: 48em) {
  .services__item:nth-child(5) {
    grid-row: 4/5;
    grid-column: 1;
  }
}
@media screen and (min-width: 85.375em) {
  .services__item:nth-child(5) {
    grid-row: 3;
    grid-column: 1/3;
  }
}

.service {
  height: 100%;
  margin-bottom: 0.1875em;
}
@media screen and (min-width: 48em) {
  .service {
    box-sizing: border-box;
    margin: 0;
  }
}
@media screen and (min-width: 48em) {
  .service.digital-content {
    position: relative;
    background-color: #d2edef;
  }
}
.service.digital-content .service__header,
.service.digital-content .service__body {
  background-color: #d2edef;
}
@media screen and (min-width: 48em) {
  .service.digital-content .service__header,
.service.digital-content .service__body {
    background-color: unset;
  }
}
@media screen and (min-width: 48em) {
  .service.digital-content .service__header {
    position: absolute;
    bottom: 0.6875em;
    left: calc(50% - 10.0625em);
    width: 6.6875em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.digital-content .service__header {
    bottom: 1.125em;
    left: calc(50% - 15.8125em);
    width: 10.625em;
  }
}
.service.digital-content .service__copy {
  text-align: center;
  width: 17.5ch;
  padding-left: 6.3151041667em;
  padding-bottom: 1.5625em;
  margin-left: 0.8463541667em;
  background-image: url("./assets/images/digital-content.svg");
  background-repeat: no-repeat;
  background-size: 4.7428385417em auto;
}
@media screen and (min-width: 48em) {
  .service.digital-content .service__copy {
    padding-top: 2.0526315789em;
    padding-bottom: 0;
    padding-left: 6.8947368421em;
    margin-left: 1.6315789474em;
    margin-top: 1.6842105263em;
    background-size: 4.8421052632em auto;
  }
}
.service.digital-content .service__copy p {
  background-image: url("./assets/images/highlight-digital-content.png");
  background-repeat: no-repeat;
  background-size: 9.7005208333em auto;
  background-position: 0.2604166667em 1.3020833333em;
}
@media screen and (min-width: 48em) {
  .service.communication {
    padding-top: 2.125em;
    background-color: #aadfe3;
  }
}
@media screen and (min-width: 85.375em) {
  .service.communication {
    position: relative;
    padding-top: 0;
  }
}
.service.communication .service__header,
.service.communication .service__body {
  background-color: #aadfe3;
}
@media screen and (min-width: 48em) {
  .service.communication .service__header,
.service.communication .service__body {
    background-color: unset;
  }
}
@media screen and (min-width: 85.375em) {
  .service.communication .service__header {
    position: absolute;
    top: 4.4375em;
    left: calc(50% - 15.8125em);
    width: 19.0625em;
  }
}
@media screen and (min-width: 48em) {
  .service.communication .service__title {
    width: 6.5395095368em;
  }
}
.service.communication .service__copy {
  text-align: center;
  width: 23ch;
  padding-top: 7.6171875em;
  padding-bottom: 1.171875em;
  background-image: url("./assets/images/communication.svg");
  background-repeat: no-repeat;
  background-size: 6.640625em auto;
  background-position: 2.7994791667em 0;
}
@media screen and (min-width: 48em) {
  .service.communication .service__copy {
    padding-top: 7.6842105263em;
    background-position: 3.6842105263em 0.5263157895em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.communication .service__copy {
    padding-top: 6.5411298315em;
    padding-right: 6.2438057483em;
    margin-left: -0.0991080278em;
    background-position: 13.3135117278em 0.925008259em;
  }
}
.service.communication .service__copy p {
  background-image: url("./assets/images/highlight-communication.png");
  background-repeat: no-repeat;
  background-size: 6.7708333333em auto;
  background-position: 1.0416666667em 4.8828125em;
}
@media screen and (min-width: 48em) {
  .service.consumer-experience {
    position: relative;
    background-color: #c1e9da;
  }
}
.service.consumer-experience .service__header,
.service.consumer-experience .service__body {
  background-color: #c1e9da;
}
@media screen and (min-width: 48em) {
  .service.consumer-experience .service__header,
.service.consumer-experience .service__body {
    background-color: unset;
  }
}
@media screen and (min-width: 48em) {
  .service.consumer-experience .service__header {
    position: absolute;
    top: 1.4375em;
    left: calc(50% + 0.1875em);
    width: 9.625em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.consumer-experience .service__header {
    top: 2.375em;
    width: 15.125em;
  }
}
.service.consumer-experience .service__copy {
  text-align: justify;
  width: 20.8333333333em;
  padding-top: 6.5104166667em;
  padding-bottom: 0.2604166667em;
  background-image: url("./assets/images/consumer-experience.svg");
  background-repeat: no-repeat;
  background-size: 6.9661458333em auto;
  background-position: 5.1432291667em 0;
}
@media screen and (min-width: 48em) {
  .service.consumer-experience .service__copy {
    width: 22.8947368421em;
    padding-top: 6.8421052632em;
    background-size: 6em auto;
    background-position: 2.2631578947em 1.4210526316em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.consumer-experience .service__copy {
    width: 22.5635943178em;
    background-position: 2.0812685828em 1.4210526316em;
  }
}
.service.consumer-experience .service__copy p {
  width: 17.8385416667em;
  padding: 0 1.4973958333em;
  background-image: url("./assets/images/highlight-consumer-experience.png");
  background-repeat: no-repeat;
  background-size: 11.71875em auto;
  background-position: 0.9114583333em 4.9479166667em;
}
@media screen and (min-width: 48em) {
  .service.consumer-experience .service__copy p {
    width: 19.6315789474em;
    padding: 0 1.6315789474em;
    background-position: 9.8421052632em 3.7894736842em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.consumer-experience .service__copy p {
    padding: 0 0.7894736842em 0 1.6315789474em;
    background-position: 9.8421052632em 3.7894736842em;
  }
}
@media screen and (min-width: 48em) {
  .service.digital-marketing {
    padding-top: 2.5em;
    background-color: #d2edef;
  }
}
@media screen and (min-width: 85.375em) {
  .service.digital-marketing {
    position: relative;
  }
}
.service.digital-marketing .service__header,
.service.digital-marketing .service__body {
  background-color: #d2edef;
}
@media screen and (min-width: 48em) {
  .service.digital-marketing .service__header,
.service.digital-marketing .service__body {
    background-color: unset;
  }
}
@media screen and (min-width: 85.375em) {
  .service.digital-marketing .service__header {
    position: absolute;
    top: 4.1875em;
    left: calc(50% - 15.03125em);
  }
}
@media screen and (min-width: 48em) {
  .service.digital-marketing .service__title {
    width: 4.8705722071em;
  }
}
.service.digital-marketing .service__copy {
  text-align: justify;
  width: 15.7552083333em;
  padding-top: 7.421875em;
  padding-bottom: 2.0833333333em;
  background-image: url("./assets/images/digital-marketing.svg");
  background-repeat: no-repeat;
  background-size: 6.640625em auto;
  background-position: center top;
}
@media screen and (min-width: 48em) {
  .service.digital-marketing .service__copy {
    width: 11.0526315789em;
    padding-top: 7.7894736842em;
    padding-bottom: 0;
    background-size: 5.6315789474em auto;
    background-position: 2.8947368421em 1.3684210526em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.digital-marketing .service__copy {
    width: 17.6412289395em;
    padding-top: 6.4089857945em;
    margin-left: 0.660720185em;
    background-position: 10.835811034em 0.0991080278em;
  }
}
.service.digital-marketing .service__copy p {
  background-image: url("./assets/images/highlight-communication.png");
  background-repeat: no-repeat;
  background-size: 6.7708333333em auto;
  background-position: 8.2682291667em 1.3671875em;
}
@media screen and (min-width: 48em) {
  .service.digital-marketing .service__copy p {
    background-position: 2.3157894737em 2.6315789474em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.digital-marketing .service__copy p {
    background-position: 5.8473736373em 1.3671875em;
  }
}
.service.branding-design {
  margin: 0;
}
@media screen and (min-width: 48em) {
  .service.branding-design {
    position: relative;
    background-color: #efd2d2;
  }
}
.service.branding-design .service__header,
.service.branding-design .service__body {
  background-color: #efd2d2;
}
@media screen and (min-width: 48em) {
  .service.branding-design .service__header,
.service.branding-design .service__body {
    background-color: unset;
  }
}
@media screen and (min-width: 48em) {
  .service.branding-design .service__header {
    position: absolute;
    top: 2.625em;
    left: calc(50% - 2.25em);
  }
}
@media screen and (min-width: 85.375em) {
  .service.branding-design .service__header {
    top: 11.375em;
    left: calc(50% - 38.375em);
  }
}
.service.branding-design .service__title {
  font-size: 1.5625em;
}
@media screen and (min-width: 85.375em) {
  .service.branding-design .service__title {
    font-size: 2.48375em;
  }
}
.service.branding-design .service__copy {
  text-align: justify;
  width: 20.8333333333em;
  padding-top: 6.7057291667em;
  padding-bottom: 1.8880208333em;
  background-image: url("./assets/images/branding-design.svg");
  background-repeat: no-repeat;
  background-size: 7.4869791667em auto;
  background-position: center top;
}
@media screen and (min-width: 48em) {
  .service.branding-design .service__copy {
    width: 19.5789473684em;
    width: 22.8947368421em;
    padding-top: 5.5263157895em;
    padding-bottom: 0;
    background-size: 6.4210526316em auto;
    background-position: 2.1052631579em 0.5789473684em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.branding-design .service__copy {
    width: 27.1225635943em;
    padding-top: 2.8080607863em;
    padding-left: 12.8840436075em;
    background-position: 2.4777006938em 1.4205483978em;
  }
}
.service.branding-design .service__copy p {
  width: 17.8385416667em;
  padding: 0 1.4973958333em;
}
@media screen and (min-width: 48em) {
  .service.branding-design .service__copy p {
    width: 19.6315789474em;
    padding: 0 1.6315789474em;
  }
}
@media screen and (min-width: 85.375em) {
  .service.branding-design .service__copy p {
    width: auto;
    padding: 0 0.660720185em;
  }
}
.service.branding-design .service__copy p:nth-child(2) {
  background-image: url("./assets/images/highlight-branding-design2.png");
  background-repeat: no-repeat;
  background-size: 15.625em auto;
  background-position: 0.9765625em 1.2369791667em;
}
@media screen and (min-width: 85.375em) {
  .service.branding-design .service__copy p:nth-child(2) {
    background-image: url("./assets/images/highlight-branding-design-lg.png");
    background-size: auto;
    background-position: 0.4955401388em 0.1651800463em;
  }
}

.service.shrinked .service__body {
  display: none;
}
@media screen and (min-width: 48em) {
  .service.shrinked .service__body {
    display: flex;
  }
}

.service__header {
  display: flex;
  justify-content: space-between;
  padding: 0.875em 0.9375em 0.375em;
  margin-bottom: 0.1875em;
}
@media screen and (min-width: 48em) {
  .service__header {
    justify-content: center;
    padding: 0;
    margin: 0;
  }
}

.service__title {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.36875em;
  margin-right: 0.4566210046em;
}
@media screen and (min-width: 48em) {
  .service__title {
    font-size: 1.835em;
    text-align: center;
    margin-right: 0;
  }
}
@media screen and (min-width: 85.375em) {
  .service__title {
    font-size: 2.915em;
  }
}

.service__button {
  display: flex;
  font-size: 1em;
  width: 1.5em;
  height: 1.5em;
}
@media screen and (min-width: 48em) {
  .service__button {
    display: none;
  }
}
.service__button img {
  width: 100%;
  height: 100%;
}
.service__button .service__button-image--hidden {
  display: none;
}

.service .service__body {
  font-family: "Ford Antenna Medium Cnd", sans-serif;
  font-weight: 500;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.96em;
  height: 16.6666666667em;
}
@media screen and (min-width: 48em) {
  .service .service__body {
    font-size: 1.1875em;
    height: auto;
  }
}
@media screen and (min-width: 85.375em) {
  .service .service__body {
    font-size: 1.891875em;
  }
}

.service__copy {
  line-height: 1.2;
}
.service__copy p:not(:last-child) {
  margin-bottom: 1.2em;
}

.service__copy .highlight {
  font-weight: 600;
}

.about-us {
  height: 44.25em;
}
@media screen and (min-width: 48em) {
  .about-us {
    display: none;
  }
}

.about-us__header {
  text-align: center;
  height: 3em;
  background-color: #252525;
}
@media screen and (min-width: 48em) {
  .about-us__header {
    display: flex;
    justify-content: center;
    text-align: left;
    height: 4.1875em;
  }
}
@media screen and (min-width: 85.375em) {
  .about-us__header {
    height: 7.25em;
  }
}

.about-us__body {
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.about-us__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.7725em;
  color: #f9f9f9;
}
@media screen and (min-width: 48em) {
  .about-us__title {
    font-size: 3.469375em;
    line-height: 1;
    width: 13.0787245541em;
    border: none;
    margin-left: 0.7566204288em;
    background: -webkit-linear-gradient(180deg, #46aef7, #1dd5e6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 85.375em) {
  .about-us__title {
    font-size: 6.231875em;
    width: 13.6997292147em;
  }
}

.about-us__copy {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 20em;
  background-image: url("./assets/images/about-us-background.svg");
  background-repeat: no-repeat;
  background-size: auto 37.625em;
  background-position: 1.125em 1.0625em;
}
@media screen and (min-width: 48em) {
  .about-us__copy {
    width: 48em;
    background-image: url("./assets/images/about-us-background-md.svg");
    background-size: 46.25em auto;
    background-position: 1.1875em 2.375em;
  }
}
@media screen and (min-width: 85.375em) {
  .about-us__copy {
    font-size: 1.7963391137em;
    width: 47.5272176338em;
  }
}
.about-us__copy .blue {
  color: #01c3fb;
}
.about-us__copy .golden {
  color: #efd070;
}
.about-us__copy .avenir {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.about-us__statement {
  display: block;
  font-size: 2.5525em;
  text-align: center;
  transition: transform 1s ease;
}
@media screen and (min-width: 48em) {
  .about-us__statement {
    font-size: 3.24375em;
  }
}
@media screen and (min-width: 85.375em) {
  .about-us__statement {
    transform: translate(0.1179877722em, 0.0536308055em);
  }
}
.about-us__statement .new-line {
  display: block;
}

.about-us .about-us__statement-container:first-child .about-us__statement {
  margin-top: 0.2938295788em;
  margin-left: 0.2203721841em;
}
.about-us .about-us__statement-container:nth-child(2) .about-us__statement {
  margin-top: 0.4897159647em;
  margin-left: 0.2693437806em;
}
.about-us .about-us__statement-container:nth-child(2) .about-us__statement > span:first-child {
  font-size: 1.0727228208em;
}
.about-us .about-us__statement-container:nth-child(2) .about-us__statement > span:nth-child(2) {
  font-size: 1.1003917728em;
}
.about-us .about-us__statement-container:nth-child(2) .about-us__statement .new-line {
  font-size: 0.958619001em;
  display: block;
  margin-top: -0.5363984674em;
  margin-right: 0.30651341em;
}
.about-us .about-us__statement-container:nth-child(3) .about-us__statement {
  margin-top: 0.5876591577em;
  margin-left: 0.2938295788em;
}
.about-us .about-us__statement-container:nth-child(3) .about-us__statement .new-line {
  margin-top: -0.4407443683em;
  margin-right: 0.1714005877em;
}
.about-us .about-us__statement-container:nth-child(4) .about-us__statement {
  margin-top: 0.5876591577em;
  margin-right: 0.0489715965em;
}
.about-us .about-us__statement-container:nth-child(4) .about-us__statement .new-line {
  font-size: 0.8148873653em;
  margin-top: -0.0901442308em;
}
.about-us .about-us__statement-container:nth-child(5) .about-us__statement {
  margin-top: 0.4407443683em;
  margin-right: 1.2732615083em;
}
.about-us .about-us__statement-container:nth-child(6) .about-us__statement {
  margin-top: 0.3917727718em;
  margin-left: 1.3712047013em;
}
.about-us .about-us__statement-container:nth-child(6) .about-us__statement .blue {
  font-size: 0.8219882468em;
}
.about-us .about-us__statement-container:nth-child(6) .about-us__statement .new-line {
  font-size: 1.1354064643em;
  margin-top: -0.3019193444em;
}
.about-us .about-us__statement-container:nth-child(7) .about-us__statement {
  font-size: 3.840625em;
  margin-top: 0.065093572em;
  margin-right: 0.5695687551em;
}
.about-us .about-us__statement-container.hidden:nth-child(odd) .about-us__statement {
  transform: translateX(100vw);
  transition: none;
}
.about-us .about-us__statement-container.hidden:nth-child(even) .about-us__statement {
  transform: translateX(-100vw);
  transition: none;
}

.about-us-md {
  display: none;
}
@media screen and (min-width: 48em) {
  .about-us-md {
    display: block;
    height: 33.625em;
  }
}
@media screen and (min-width: 85.375em) {
  .about-us-md {
    height: 60.3125em;
  }
}

.about-us-md .about-us__statement-container:first-child .about-us__statement {
  margin-top: 0.8477842004em;
}
.about-us-md .about-us__statement-container:first-child .about-us__statement > span:first-child {
  margin-right: -3px;
  margin-left: -3px;
}
.about-us-md .about-us__statement-container:first-child .about-us__statement > span:nth-child(2) {
  font-size: 1.0726396917em;
}
.about-us-md .about-us__statement-container:first-child .about-us__statement > span:nth-child(3) {
  font-size: 1.1005780347em;
}
.about-us-md .about-us__statement-container:nth-child(2) .about-us__statement {
  font-size: 3.11em;
  margin-top: -0.2612540193em;
  margin-left: 0.3215434084em;
}
.about-us-md .about-us__statement-container:nth-child(3) .about-us__statement {
  margin-top: 0.0963391137em;
  margin-left: 0.5202312139em;
}
.about-us-md .about-us__statement-container:nth-child(3) .about-us__statement .blue,
.about-us-md .about-us__statement-container:nth-child(3) .about-us__statement .golden {
  position: relative;
  bottom: 0.0770712909em;
}
.about-us-md .about-us__statement-container:nth-child(4) .about-us__statement {
  margin-left: -0.0963391137em;
}
.about-us-md .about-us__statement-container:nth-child(4) .about-us__statement > span:first-child {
  font-size: 0.81522158em;
}
.about-us-md .about-us__statement-container:nth-child(4) .about-us__statement > span:nth-child(2) {
  position: relative;
  top: 0.0770712909em;
  left: 0.1926782274em;
}
.about-us-md .about-us__statement-container:nth-child(5) .about-us__statement {
  margin-top: 0.0578034682em;
  margin-left: -2.9094412331em;
}
.about-us-md .about-us__statement-container:nth-child(5) .about-us__statement > span:nth-child(2) {
  font-size: 0.8219653179em;
}
.about-us-md .about-us__statement-container:nth-child(5) .about-us__statement > span:nth-child(3) {
  font-size: 1.1354527938em;
}
.about-us-md .about-us__statement-container:nth-child(6) .about-us__statement {
  font-size: 4.875em;
  margin-top: -0.1153846154em;
  margin-left: 0.9743589744em;
}
.about-us-md .about-us__statement-container.hidden:nth-child(odd) .about-us__statement {
  transform: translateX(100vw);
  transition: none;
}
.about-us-md .about-us__statement-container.hidden:nth-child(even) .about-us__statement {
  transform: translateX(-100vw);
  transition: none;
}

/* Our Work */
.our-work {
  background-color: #fb5301;
}
@media screen and (min-width: 48em) {
  .our-work {
    height: 24.3125em;
  }
}
@media screen and (min-width: 85.375em) {
  .our-work {
    font-size: 1.8631921824em;
    height: 24.1185533217em;
  }
}

.our-work__wrapper {
  display: grid;
  justify-content: center;
}
@media screen and (min-width: 48em) {
  .our-work__wrapper {
    grid-template-columns: 37% 63%;
    grid-template-rows: 45% 55%;
    width: 48em;
    margin: 0 auto;
  }
}
@media screen and (min-width: 85.375em) {
  .our-work__wrapper {
    width: 45.8218968531em;
  }
}

.our-work__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.830625em;
  text-align: center;
  margin: 0.4779788324em 0 0.2731307614em;
}
@media screen and (min-width: 48em) {
  .our-work__title {
    justify-self: end;
    font-size: 3.45375em;
    text-align: left;
    width: min-content;
    margin: 0.4162142599em 1.1219688744em 0 0;
  }
}
@media screen and (min-width: 85.375em) {
  .our-work__title {
    margin: 0.4162142599em 0.9032634033em 0 0;
  }
}

.our-work__copy {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 0.869375em;
  line-height: 1.2;
  width: 19.410496046em;
  margin-bottom: 1.2221423436em;
}
@media screen and (min-width: 48em) {
  .our-work__copy {
    grid-row: 2;
    justify-self: end;
    font-size: 1.47625em;
    width: 9.4411515665em;
    margin-top: 0.3810330229em;
    margin-right: 0.8890770533em;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 85.375em) {
  .our-work__copy {
    margin: 0.4317337975em 0.3635653031em 0 0;
  }
}
.our-work__copy br {
  display: none;
}
@media screen and (min-width: 48em) {
  .our-work__copy br {
    display: inline;
  }
}

.our-work__video {
  width: 16.25em;
  height: 12em;
  margin-bottom: 0.875em;
  border: 5px solid #2d2d2d;
  border-radius: 1.125em;
  overflow: hidden;
}
@media screen and (min-width: 48em) {
  .our-work__video {
    grid-column: 2;
    grid-row: 1/3;
    justify-self: start;
    width: 23.25em;
    height: 17.1875em;
    border: 16px solid #2d2d2d;
    margin-top: 3.1875em;
    margin-left: 1.5em;
  }
}
@media screen and (min-width: 85.375em) {
  .our-work__video {
    margin-top: 3.8576235027em;
    margin-left: 1.0063365659em;
  }
}
.our-work__video iframe {
  width: 100%;
  height: 100%;
}

.clients {
  overflow: hidden;
  background-image: url("./assets/images/sky.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media screen and (min-width: 48em) {
  .clients {
    height: 18.875em;
  }
}
@media screen and (min-width: 85.375em) {
  .clients {
    font-size: 1.8070175439em;
  }
}

.clients__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.830625em;
  text-align: center;
  width: 5.5991806077em;
  padding-top: 0.4438374872em;
  margin: 0 auto;
}
@media screen and (min-width: 48em) {
  .clients__title {
    width: auto;
    font-size: 3.5625em;
    padding-top: 0.7719298246em;
  }
}
@media screen and (min-width: 85.375em) {
  .clients__title {
    padding-top: 1.0970873786em;
  }
}

.clients__list-container {
  margin-top: 0.3125em;
}
@media screen and (min-width: 48em) {
  .clients__list-container {
    margin-top: 2.0625em;
  }
}

.clients__list {
  display: inline-flex;
  flex-wrap: nowrap;
  cursor: pointer;
}

.clients__item {
  flex: 0 0 6em;
  width: 6em;
  height: 6em;
  margin: 0 0.375em;
}
@media screen and (min-width: 48em) {
  .clients__item {
    flex: 0 0 6.5625em;
    width: 6.5625em;
    height: 6.5625em;
  }
}
@media screen and (min-width: 85.375em) {
  .clients__item {
    flex: 0 0 5.8452630887em;
    width: 5.8452630887em;
    height: 5.8452630887em;
  }
}

.clients__item:first-child {
  margin-left: 3.625em;
}
.clients__item:last-child {
  margin-right: 3.625em;
}
.clients__image {
  width: 100%;
  height: 100%;
}

.clients .bullet__button {
  margin: 1.7981438515em auto 1.5081206497em;
}
@media screen and (min-width: 48em) {
  .clients .bullet__button {
    display: none;
  }
}

/* Services Menu */
.services-menu__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .services-menu__wrapper {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    text-align: left;
    box-sizing: border-box;
    width: 48em;
    height: 18.4375em;
    margin: 0 auto;
    padding-left: 3.125em;
  }
}
@media screen and (min-width: 85.375em) {
  .services-menu__wrapper {
    font-size: 1.8356799145em;
    padding-left: 3.506875em;
    width: 46.5086529126em;
    height: 18.589842233em;
  }
}

.services-menu__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.830625em;
  margin-top: 0.1707067258em;
}
@media screen and (min-width: 48em) {
  .services-menu__title {
    font-size: 3.506875em;
    margin-top: 0;
    margin-bottom: 0.0712885404em;
    background: -webkit-linear-gradient(180deg, #46aef7, #1dd5e6);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
@media screen and (min-width: 85.375em) {
  .services-menu__title {
    margin-bottom: 0.0970873786em;
  }
}

.services-menu__copy {
  font-size: 0.9375em;
  line-height: 1.2em;
  width: 16.1333333333em;
  margin-top: 0.4666666667em;
}
@media screen and (min-width: 48em) {
  .services-menu__copy {
    font-size: 1.3625em;
    width: 21.1926605505em;
    margin-top: 0;
    margin-bottom: 0.3669724771em;
  }
}

.services-menu__footer {
  display: flex;
  width: 18.375em;
  margin-top: 1.1875em;
  margin-bottom: 0.875em;
}
@media screen and (min-width: 48em) {
  .services-menu__footer {
    width: 28.875em;
    margin-top: 0;
  }
}

.services_menu__call-to-action {
  width: 9.8125em;
  margin-top: 1.625em;
  margin-right: 0.75em;
}
@media screen and (min-width: 48em) {
  .services_menu__call-to-action {
    width: auto;
    margin-top: 0;
    margin-right: 0;
  }
}

.services-menu__action {
  font-size: 1.2975em;
}
@media screen and (min-width: 48em) {
  .services-menu__action {
    font-size: 1.5325em;
    margin-bottom: 0.9380097879em;
  }
}
@media screen and (min-width: 48em) {
  .services-menu__action br {
    display: none;
  }
}

.services-menu__button {
  display: block;
  font-size: 0.859375em;
  text-align: center;
  line-height: 1.0909090909em;
  height: 1.2363636364em;
  width: 5.8909090909em;
  margin: 0.7272727273em auto 0;
  color: #ffffff;
  border-radius: 1em;
  background: linear-gradient(to right, #0192ff, #00b5ff);
}
@media screen and (min-width: 48em) {
  .services-menu__button {
    font-size: 1.64625em;
    margin-top: 0;
    margin-left: 4.6697038724em;
  }
}

.services-menu__figure {
  flex: 0 0 6.375em;
}
@media screen and (min-width: 48em) {
  .services-menu__figure {
    display: none;
  }
}

.services-menu__image {
  transform: rotate(7deg);
  height: 8.1875em;
  width: auto;
  padding: 5.73%;
  box-sizing: border-box;
}
@media screen and (min-width: 48em) {
  .services-menu__image {
    height: 15.75em;
    margin-top: 0.1875em;
    margin-left: 0.1875em;
  }
}

.services-menu__figure-md {
  display: none;
}
@media screen and (min-width: 48em) {
  .services-menu__figure-md {
    display: block;
  }
}

.contact {
  background-color: #cdcdcd;
  transition: height 1s;
}

.contact__wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0.9375em 0 1.0625em;
}
@media screen and (min-width: 48em) {
  .contact__wrapper {
    align-items: flex-start;
    text-align: left;
    width: 41.25em;
    margin: 0 auto;
    padding: 1em 0 1.375em;
  }
}
@media screen and (min-width: 85.375em) {
  .contact__wrapper {
    font-size: 1.775862069em;
    width: 41.2475728155em;
  }
}

.contact__title {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.830625em;
  margin-bottom: 0.409696142em;
}
@media screen and (min-width: 48em) {
  .contact__title {
    font-size: 3.625em;
    margin-bottom: 0.1551724138em;
  }
}

.contact__copy, .contact__error-message {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.0625em;
  line-height: 1.2em;
  width: 13.2352941176em;
  margin-bottom: 1.3529411765em;
}
@media screen and (min-width: 48em) {
  .contact__copy, .contact__error-message {
    font-size: 1.6875em;
    width: auto;
    margin-bottom: 0.5925925926em;
  }
}
@media screen and (min-width: 48em) {
  .contact__copy br, .contact__error-message br {
    display: none;
  }
}

.contact__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 11.4375em;
  transition: height 1s;
}
@media screen and (min-width: 48em) {
  .contact__form {
    display: grid;
    grid-template-columns: repeat(3, 12.875em);
    grid-gap: 0.3125em 1.3125em;
    width: 100%;
  }
}
.contact__form label,
.contact__form input,
.contact__form textarea {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  width: 100%;
}
.contact__form label {
  display: block;
  height: 0;
  overflow: hidden;
}
.contact__form input,
.contact__form textarea {
  height: 2.25em;
  padding: 0;
  border: none;
  padding: 0 1em;
  margin-bottom: 0.4375em;
  border-radius: 0.875em;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.54) inset;
  -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.54) inset;
  -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.54) inset;
}
@media screen and (min-width: 48em) {
  .contact__form input,
.contact__form textarea {
    height: 2.9375em;
  }
}
.contact__form textarea {
  height: 7.75em;
  padding-top: 0.4375em;
  padding-bottom: 0.4375em;
  margin-top: 0;
}
@media screen and (min-width: 48em) {
  .contact__form textarea {
    height: 9.1875em;
    padding-top: 0.875em;
    padding-bottom: 0.875em;
  }
}
.contact__form a {
  text-decoration: underline;
}
.contact__form ::placeholder {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  text-align: center;
}
@media screen and (min-width: 48em) {
  .contact__form ::placeholder {
    text-align: left;
  }
}

.contact__item.terms {
  grid-column: 1/-1;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0.9375em 0;
}
.contact__item.terms input {
  width: 2em;
  height: 2em;
  margin-top: -0.5em;
  margin-left: -0.2em;
}
.contact__item.terms label {
  flex: 1 0;
  text-align: left;
  height: auto;
  font-size: 0.9em;
  margin-bottom: 0.4375em;
}
.contact__item.terms .invalid-feedback {
  width: 100%;
}

.contact__item.message {
  grid-column: 1/-1;
  margin-top: 0.9375em;
}

.is-invalid ~ .invalid-feedback {
  display: block;
}

.invalid-feedback {
  display: none;
  color: #ff1515;
  margin-bottom: 0.875em;
}
@media screen and (min-width: 48em) {
  .invalid-feedback {
    text-align: left;
    padding: 0 1em;
  }
}

.contact__error-message {
  display: none;
  color: #ff1515;
}
.contact__error-message.shown {
  display: block;
}

.contact__submit-button {
  display: block;
  font-size: 1.0775em;
  text-align: center;
  width: 9.222737819em;
  padding: 0.2900232019em 0;
  margin: 0 auto;
  color: #ffffff;
  border-radius: 1em;
  background: linear-gradient(to right, #0192ff, #00b5ff);
}
@media screen and (min-width: 48em) {
  .contact__submit-button {
    font-size: 1.465625em;
    grid-column: 1/-1;
    margin-top: 0.3125em;
  }
}

/* Privacy */
.privacy {
  font-size: 1.125em;
}

.privacy h4 {
  margin-bottom: 1em;
}

.privacy p {
  margin-bottom: 2em;
}
@media screen and (min-width: 48em) {
  .privacy p {
    text-align: justify;
  }
}
.privacy p:last-child {
  margin-bottom: 0;
}

.privacy ul {
  margin-bottom: 2em;
}

.privacy__wrapper {
  width: 86.8%;
  max-width: 54.25em;
  margin: 4em auto 0;
}

.privacy__intro {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0 2em 2.5em;
}

.privacy__title {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.9444444444em;
  margin-bottom: 1em;
}

.section {
  padding-top: 2.5em;
  padding-bottom: 2.5em;
  border-top: 3px solid #66ceee;
}
.section:last-child {
  border-bottom: 3px solid #66ceee;
}

.section.shrinked .section__body {
  display: none;
}

.section__header {
  display: flex;
  justify-content: space-between;
  padding: 0 2em;
}

.section__title {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.375em;
  margin-right: 1em;
}

.section__button {
  display: flex;
  font-size: 0.8888888889em;
  min-width: 1.9375em;
  height: 1.9375em;
}
.section__button img {
  width: 100%;
  height: 100%;
}
.section__button .section__button-image--hidden {
  display: none;
}

.section__body {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 2em 2em 0;
}

.section__body ul {
  padding-left: 2.2222222222em;
  list-style: disc;
}

/* Footer */
.footer {
  font-family: "Avenir LT Std", sans-serif;
  font-weight: 900;
  font-style: normal;
  text-align: center;
  line-height: 1.2;
  padding: 1.25em 0;
}
@media screen and (min-width: 48em) {
  .footer {
    padding: 3.0625em 0;
  }
}
@media screen and (min-width: 85.375em) {
  .footer {
    padding: 1.5625em 0;
  }
}

.footer__brand,
.footer__location,
.footer__social {
  font-size: 0.625em;
}
@media screen and (min-width: 48em) {
  .footer__brand,
.footer__location,
.footer__social {
    font-size: 1.05375em;
  }
}

.footer__social {
  margin-top: 0.4em;
  margin-bottom: 0.9em;
}

.footer__social-list {
  display: flex;
  justify-content: center;
}

.footer__social-item {
  height: 2em;
  margin: 0 0.3em;
}
@media screen and (min-width: 48em) {
  .footer__social-item {
    margin: 0 0.5em;
  }
}

.footer__social-image {
  display: block;
  height: 100%;
}

.footer__privacy {
  font-size: 0.515625em;
}
@media screen and (min-width: 48em) {
  .footer__privacy {
    font-size: 0.875em;
  }
}

.footer__privacy-link {
  color: #019c0a;
}

body {
  font-family: "Coolvetica Rg", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #212121;
}