/*! sanitize.css v5.0.0 | CC0 License | github.com/jonathantneal/sanitize.css */
*,
:after,
:before {
  background-repeat: no-repeat;
  box-sizing: inherit;
}
:after,
:before {
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
  cursor: default;
}
article,
aside,
footer,
header,
nav,
section {
  display: block;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
figcaption,
figure,
main {
  display: block;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: initial;
  height: 0;
  overflow: visible;
}
nav ol,
nav ul {
  list-style: none;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  -webkit-text-decoration-skip: objects;
  background-color: initial;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: inherit;
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
dfn {
  font-style: italic;
}
mark {
  background-color: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
img {
  border-style: none;
}
svg {
  fill: currentColor;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}
button,
input,
select,
textarea {
  background-color: initial;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  -webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  display: inline-block;
  vertical-align: initial;
}
textarea {
  overflow: auto;
  resize: vertical;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details,
menu {
  display: block;
}
summary {
  display: list-item;
}
canvas {
  display: inline-block;
}
template {
  display: none;
}
[tabindex],
a,
area,
button,
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
[hidden] {
  display: none;
}
[aria-busy="true"] {
  cursor: progress;
}
[aria-controls] {
  cursor: pointer;
}
[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  display: inherit;
  position: absolute;
}
[aria-disabled] {
  cursor: default;
}
:root {
  --white: #fff;
  --neutral-5: #f7f9fc;
  --neutral-10: #eff2f9;
  --neutral-15: #e7eaf4;
  --neutral-20: #d9deeb;
  --neutral-30: #bec4d5;
  --neutral-40: #9fa6bb;
  --neutral-50: #828ba2;
  --neutral-60: #656e83;
  --neutral-70: #495163;
  --neutral-80: #303848;
  --neutral-90: #1e2532;
  --neutral-100: #0f141e;
  --blue-10: #eaf6ff;
  --blue-20: #c3e5fe;
  --blue-30: #92cdfc;
  --blue-40: #54aff8;
  --blue-50: #1a91f0;
  --blue-60: #1170cd;
  --blue-70: #10529b;
  --blue-80: #0f3871;
  --blue-90: #0c264c;
  --blue-100: #09162d;
  --indigo-10: #f1f2ff;
  --indigo-20: #dbdeff;
  --indigo-30: #bec2fe;
  --indigo-40: #9ba1fb;
  --indigo-50: #7a82f5;
  --indigo-60: #5660e8;
  --indigo-70: #343ecc;
  --indigo-80: #282b8f;
  --indigo-90: #1a1c6a;
  --indigo-100: #0e0f47;
  --green-10: #e7f4ed;
  --green-20: #c6e4d2;
  --green-30: #96d0ad;
  --green-40: #48ba75;
  --green-50: #339d5d;
  --green-60: #217d47;
  --green-70: #135c37;
  --green-80: #094025;
  --green-90: #042b18;
  --green-100: #01180d;
  --amber-10: #fff2cc;
  --amber-20: #fddb8c;
  --amber-30: #f9ba44;
  --amber-40: #ec930c;
  --amber-50: #cf760d;
  --amber-60: #a85a0e;
  --amber-70: #7f400d;
  --amber-80: #582c0c;
  --amber-90: #3e1d0a;
  --amber-100: #231007;
  --orange-10: #feebe3;
  --orange-20: #fdd2c0;
  --orange-30: #fbb092;
  --orange-40: #f68559;
  --orange-50: #ee571d;
  --orange-60: #bf4213;
  --orange-70: #8b3211;
  --orange-80: #5e240e;
  --orange-90: #3b180b;
  --orange-100: #1c0c06;
  --red-10: #ffeaec;
  --red-20: #ffd0d5;
  --red-30: #ffacb5;
  --red-40: #fe7d8b;
  --red-50: #fb4458;
  --red-60: #da0c22;
  --red-70: #a10e1d;
  --red-80: #6f0e19;
  --red-90: #470c12;
  --red-100: #24090c;
  --beige-10: #f3f1eb;
  --beige-20: #e1ddd2;
  --beige-30: #cbc3b3;
  --beige-40: #afa58f;
  --beige-50: #968a70;
  --beige-60: #776d59;
  --beige-70: #575041;
  --beige-80: #3c372d;
  --beige-90: #27241d;
  --beige-100: #15130f;
  --facebook-color: #3b5998;
  --twitter-color: #1da1f2;
  --linkedin-color: #0077b5;
  --youtube-color: #ff3d00;
  --pinterest-color: #cd1f28;
  --spotify-color: #1ed760;
  --tiktok-color: #1e2532;
}
@font-face {
  font-display: swap;
  font-family: TT Commons;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/TTCommons-Regular-Subset111ea87cd548b8c7aba8.woff2)
      format("woff2"),
    url(../fonts/TTCommons-Regular-Subset5b879e7a56ab83017281.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Commons;
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/TTCommons-DemiBold-Subseteb1d2e525a5e66b66046.woff2)
      format("woff2"),
    url(../fonts/TTCommons-DemiBold-Subset0f77a15fe7543fb6e035.woff)
      format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Commons;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/TTCommons-Bold-Subset7eb6ce4515ca8cca611d.woff2)
      format("woff2"),
    url(../fonts/TTCommons-Bold-Subsetf0ef2be654ab473beb0b.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Tricks;
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/TT-Tricks-Regulare6b3a3047162ca2af5cf.woff2) format("woff2"),
    url(../fonts/TT-Tricks-Regular1e4836b6a86f8585b8fb.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Tricks;
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/TT-Tricks-Bold630398fa6d97a0ed2aec.woff2) format("woff2"),
    url(../fonts/TT-Tricks-Bold5d9dc609b39ae5665019.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Tricks;
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/TT-Tricks-Italicc92b514d72875d3ead8e.woff2) format("woff2"),
    url(../fonts/TT-Tricks-Italic630c0721427edcd31ca7.woff) format("woff");
}
@font-face {
  font-display: swap;
  font-family: TT Tricks;
  font-style: italic;
  font-weight: 700;
  src: url(../fonts/TT-Tricks-Bold-Italic611e066e1f8109cba2e3.woff2)
      format("woff2"),
    url(../fonts/TT-Tricks-Bold-Italic209cb843d819f1d2290e.woff) format("woff");
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--neutral-10);
  color: var(--neutral-90);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}
body.is-modal-open {
  height: 100%;
  overflow: hidden;
  width: 100%;
}
.light-background-body {
  background-color: #f0f3f8;
}
.white-background-body {
  background-color: var(--white);
}
a {
  color: inherit;
  text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
p {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}
input,
textarea {
  caret-color: var(--blue-50);
  outline: none;
}
button,
input,
textarea {
  font-family: inherit;
}
:root {
  --vw: 1vw;
  --z-nav: 100;
  --z-nav-opened: 102;
  --z-nav-bar: 101;
  --z-nav-menu: 102;
  --z-cookiebar: 105;
  --z-modal: 999;
  --z-modal-overlay: 106;
  --z-examples-search-sticky-panel: 101;
  --z-home-resume-maker-lightbox: 1100;
  --z-blog-post-wide-element: 10;
}
.hint {
  background-image: url(../images/hint8289b89dde837633c660.svg);
  background-repeat: no-repeat;
  display: none;
  height: 20px;
  position: relative;
  width: 20px;
}
@media (hover) {
  .hint {
    display: inline-block;
  }
}
.hint__message {
  border-radius: 3px;
  bottom: 100%;
  color: var(--white);
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px;
  margin-left: -150px;
  opacity: 0;
  padding: 8px 12px;
  pointer-events: none;
  transition: opacity 0.2s, visibility 0.2s;
  visibility: hidden;
  width: 300px;
}
.hint__message,
.hint__message:before {
  background-color: var(--neutral-90);
  left: 50%;
  position: absolute;
}
.hint__message:before {
  border-radius: 0 0 2px 0;
  content: "";
  display: block;
  height: 8px;
  top: 100%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 8px;
}
.hint:hover .hint__message {
  opacity: 1;
  visibility: visible;
}
.field {
  display: block;
  margin-bottom: 24px;
}
.field:last-child {
  margin-bottom: 0;
}
.field--fake {
  display: none;
}
.field__label {
  color: var(--neutral-50);
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  position: relative;
}
.field__label-hint {
  margin-left: 4px;
  vertical-align: middle;
}
.field__input,
.field__textarea {
  background-color: var(--neutral-10);
  border: none;
  border-bottom: 2px solid var(--neutral-10);
  border-radius: 3px;
  caret-color: var(--neutral-90);
  display: block;
  font-size: 19px;
  line-height: 24px;
  outline: none;
  padding: 13px 16px 11px;
  transition: border-color 0.2s, border-radius 0.1s 0.2s;
  width: 100%;
}
.field__input:focus,
.field__textarea:focus {
  border-bottom-color: var(--blue-50);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  transition: border-color 0.2s;
}
.field__input::-moz-placeholder,
.field__textarea::-moz-placeholder {
  color: var(--neutral-50);
  opacity: 1;
}
.field__input::placeholder,
.field__textarea::placeholder {
  color: var(--neutral-50);
  opacity: 1;
}
.field__textarea {
  min-height: 150px;
  resize: none;
}
.field--error {
  border-bottom: 2px solid var(--red-50);
}
.field__message {
  color: var(--red-50);
  font-size: 16px;
  line-height: 20px;
}
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--blue-50);
  border-radius: 4px;
  border-width: 0;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  outline: none;
  padding: 14px 24px;
  text-align: center;
  transition: background-color 0.1s, color 0.1s, box-shadow 0.1s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.button:hover {
  background-color: var(--blue-60);
}
.button:active {
  background-color: var(--blue-70);
}
.button--disabled,
.button[disabled] {
  background-color: var(--neutral-20);
  color: var(--neutral-50);
  pointer-events: none;
}
.button.button--outline {
  background-color: initial;
  box-shadow: inset 0 0 0 1px var(--neutral-20);
  color: var(--neutral-90);
}
.button.button--outline:hover {
  background-color: initial;
}
.button.button--outline:active,
.button.button--outline:hover {
  box-shadow: inset 0 0 0 1px var(--blue-50);
  color: var(--blue-50);
}
.button.button--outline:active {
  background-color: rgba(26, 145, 240, 0.15);
}
.button.button--outline-dark {
  background-color: initial;
  box-shadow: inset 0 0 0 1px var(--neutral-20);
  color: var(--white);
}
.button.button--outline-dark:hover {
  background-color: initial;
  box-shadow: inset 0 0 0 1px var(--blue-50);
  color: var(--blue-50);
}
.button.button--outline-dark:active {
  background-color: rgba(26, 145, 240, 0.15);
  box-shadow: inset 0 0 0 1px var(--blue-50);
  color: var(--blue-50);
}
.button.button--ghost {
  background-color: initial;
  border: 1px solid var(--blue-50);
  color: var(--blue-50);
  padding: 13px 23px;
}
.button.button--ghost:hover {
  background-color: rgba(26, 145, 240, 0.07);
}
.button.button--ghost:active {
  background-color: rgba(26, 145, 240, 0.15);
}
.button--small {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 14px;
}
.button.button--block {
  display: block;
}
.button.button--flat {
  background-color: initial;
  color: var(--blue-50);
  font-weight: 400;
  padding: 8px;
  transition: color 0.2s ease;
}
.button.button--flat:hover {
  color: var(--blue-70);
}
.footer {
  background-color: var(--neutral-100);
  color: var(--white);
  padding: 0 44px;
  width: 100%;
}
@media (max-width: 767px) {
  .footer {
    padding: 0 20px;
  }
}
.footer.footer__compact .footer__cta {
  display: none;
}
.footer.footer__compact .footer__main {
  padding: 100px 0 30px;
}
@media (max-width: 1023px) {
  .footer.footer__compact .footer__main {
    padding: 60px 0 40px;
  }
}
@media (max-width: 767px) {
  .footer.footer__compact .footer__main {
    flex-flow: column nowrap;
    padding: 40px 0;
  }
}
.footer__container {
  margin: 0 auto;
  max-width: 1120px;
  padding-bottom: 20px;
}
.footer__cta {
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
  display: flex;
  height: 140px;
  justify-content: center;
}
@media (max-width: 1023px) {
  .footer__cta {
    height: 120px;
  }
}
.footer__cta-button {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.footer__cta-button:hover .footer__cta-circle {
  background: var(--white);
}
.footer__cta-button:hover .footer__cta-icon {
  color: var(--neutral-100);
}
.footer__cta-text {
  font-size: 30px;
  font-weight: 700;
  line-height: 36px;
  margin-right: 10px;
}
@media (max-width: 1023px) {
  .footer__cta-text {
    font-size: 28px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .footer__cta-text {
    font-size: 26px;
    line-height: 28px;
  }
}
.footer__cta-circle {
  align-items: center;
  background-color: var(--blue-50);
  border-radius: 50%;
  display: flex;
  height: 44px;
  justify-content: center;
  transition: background-color 0.1s ease;
  width: 44px;
}
@media (max-width: 1023px) {
  .footer__cta-circle {
    height: 40px;
    width: 40px;
  }
}
.footer__cta-icon {
  color: var(--white);
}
.footer__cta-icon path {
  transition: fill 0.1s ease;
}
.footer__main {
  align-items: flex-start;
  display: flex;
  flex-flow: row nowrap;
  padding: 80px 0 30px;
  position: relative;
}
@media (max-width: 1023px) {
  .footer__main {
    padding: 40px 0 20px;
  }
}
@media (max-width: 767px) {
  .footer__main {
    flex-flow: column nowrap;
    padding: 24px 0;
  }
}
.footer__social {
  width: 260px;
}
@media (max-width: 1199px) {
  .footer__social {
    margin-right: 24px;
  }
}
.footer__social-title {
  font-size: 22px;
  line-height: 26px;
  margin-bottom: 12px;
}
.footer__social-list {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .footer__social-list {
    margin-bottom: 20px;
  }
}
.footer__social-link {
  align-items: center;
  background-color: var(--neutral-90);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  border-radius: 20px;
  color: var(--white);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  margin-bottom: 12px;
  margin-right: 12px;
  overflow: hidden;
  position: relative;
  transition: background 0.1s ease, color 0.1s ease;
  width: 40px;
}
.footer__social-link[data-type="facebook"]:hover {
  background-color: var(--facebook-color);
}
.footer__social-link[data-type="twitter"]:hover {
  background-color: var(--twitter-color);
}
.footer__social-link[data-type="linkedin"]:hover {
  background-color: var(--linkedin-color);
}
.footer__social-link[data-type="youtube"] {
  color: var(--white);
}
.footer__social-link[data-type="youtube"]:hover {
  background-color: var(--white);
  color: var(--youtube-color);
}
.footer__social-link[data-type="pinterest"]:hover {
  background-color: var(--pinterest-color);
}
.footer__social-link[data-type="instagram"] {
  background-size: cover;
}
.footer__social-link[data-type="instagram"]:hover:before {
  opacity: 1;
}
.footer__social-link[data-type="instagram"]:before {
  background-image: linear-gradient(45deg, #f9d86b, #ed634a 50.52%, #ba46a5);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.1s ease;
  width: 100%;
}
.footer__social-link[data-type="spotify"]:hover {
  background-color: var(--spotify-color);
}
.footer__social-link[data-type="tiktok"]:hover {
  background-color: var(--tiktok-color);
}
.footer__social-link-icon {
  background-size: contain;
  height: 24px;
  position: relative;
  width: 24px;
}
.footer__country {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 64px;
  position: relative;
}
@media (max-width: 767px) {
  .footer__country {
    align-items: center;
    flex-direction: column;
  }
}
.footer__country-local {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 3px;
  position: relative;
}
@media (max-width: 767px) {
  .footer__country-local {
    align-items: center;
    flex-direction: column;
  }
}
.footer__country-cprw {
  align-items: center;
  height: 60px;
  margin-right: 350px;
  position: absolute;
  top: -10px;
  width: 84px;
}
@media (max-width: 767px) {
  .footer__country-cprw {
    margin-bottom: 32px;
    margin-right: 0;
    position: static;
  }
}
.footer__country-cprw-local {
  height: 60px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 84px;
}
@media (max-width: 767px) {
  .footer__country-cprw-local {
    margin-bottom: 32px;
    position: static;
  }
}
.footer__country-switch {
  color: var(--white);
  cursor: pointer;
  flex-direction: column;
  font-size: 17px;
  left: 0;
  padding: 4px;
  position: absolute;
}
.footer__country-switch:hover {
  color: var(--blue-50);
}
@media (max-width: 767px) {
  .footer__country-switch {
    position: static;
  }
}
.footer__country-switch-local {
  align-items: center;
  color: var(--white);
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  font-size: 17px;
  padding: 4px;
}
.footer__country-switch-local:hover {
  color: var(--blue-50);
}
.footer__country-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 3px;
}
@media (max-width: 767px) {
  .footer__country-container {
    justify-content: center;
  }
}
.footer__country-cio {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-top: 24px;
  position: absolute;
  right: 0;
}
@media (max-width: 767px) {
  .footer__country-cio {
    flex-direction: column;
    margin-bottom: 32px;
    position: static;
  }
}
.footer__country-cio-container {
  align-items: center;
  display: flex;
  flex-direction: row;
}
@media (max-width: 767px) {
  .footer__country-cio-container {
    margin-top: 6px;
  }
}
.cio_redirect_text_pre {
  margin-right: 8px;
}
.cio_redirect_text_post,
.cio_redirect_text_pre {
  color: #656e83;
  font-family: TT Commons;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.cio_redirect_text_post {
  margin-left: 8px;
}
.cio_redirect_icon {
  align-items: center;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 3px 0;
  transition: background-color 0.1s ease;
  width: 95px;
}
.footer__country-icon {
  background-color: var(--neutral-50);
  background-size: auto 14px;
  height: 14px;
  margin-right: 8px;
  width: 22px;
}
.footer__links {
  display: flex;
  flex: 1 1;
  flex-flow: row;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .footer__links {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .footer__links {
    display: block;
    margin-bottom: 24px;
    width: 100%;
  }
}
.footer__links--no-socials {
  justify-content: center;
}
.footer__links-section {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 1023px) {
  .footer__links-section {
    flex-direction: column;
  }
}
.footer__links-section:last-child .footer__links-block:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .footer__links-section:last-child
    .footer__links-block:last-child
    .footer__links-title {
    border-bottom: none;
  }
}
.footer__links-block {
  margin-bottom: 32px;
  margin-right: 48px;
  min-width: 160px;
}
@media (max-width: 1199px) {
  .footer__links-block {
    margin-right: 24px;
  }
}
@media (max-width: 1023px) {
  .footer__links-block {
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .footer__links-block {
    margin-bottom: 0;
    width: 100%;
  }
  .footer__links-block.is-open .footer__links-title {
    border-bottom-width: 0;
    color: var(--neutral-80);
  }
  .footer__links-block.is-open .footer__links-icon {
    color: var(--neutral-80);
    transform: rotate(270deg);
  }
}
.footer__links-block:last-child {
  margin-bottom: 0;
}
.footer__links-title {
  color: var(--neutral-80);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 2.2px;
  line-height: 20px;
  margin-bottom: 8px;
  pointer-events: none;
  position: relative;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .footer__links-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.1);
    color: var(--white);
    cursor: pointer;
    margin-bottom: 0;
    padding: 14px 0;
    pointer-events: all;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
}
.footer__links-icon {
  display: none;
}
@media (max-width: 767px) {
  .footer__links-icon {
    color: var(--white);
    display: block;
    position: absolute;
    right: 0;
    top: 12px;
    transform: rotate(90deg);
  }
  .footer__links-list {
    background: hsla(0, 0%, 100%, 0.1);
    height: 0;
    margin: 0 -20px;
    overflow: hidden;
  }
}
.footer__links-item {
  display: block;
  margin-bottom: 8px;
}
.footer__links-item:hover {
  color: var(--blue-50);
}
@media (max-width: 767px) {
  .footer__links-item:hover {
    color: inherit;
  }
  .footer__links-item:first-child {
    padding-top: 24px;
  }
  .footer__links-item:last-child {
    padding-bottom: 24px;
  }
  .footer__links-item {
    margin-bottom: 0;
    padding: 8px 20px;
  }
}
.footer__copyright {
  color: var(--neutral-70);
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
  text-align: center;
}
.nav {
  height: 80px;
  position: relative;
  z-index: var(--z-nav);
}
@media (max-width: 767px) {
  .nav {
    height: 64px;
  }
}
.nav.is-dropdown-visible,
.nav.is-menu-opened {
  z-index: var(--z-nav-opened);
}
.nav__content {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}
.nav__bar,
.nav__content {
  height: inherit;
  transform: translateZ(0);
}
.nav__bar {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0 32px;
  position: relative;
  transition: transform 0.25s ease-in-out;
  will-change: transform;
  z-index: var(--z-nav-bar);
}
@media (max-width: 767px) {
  .nav__bar {
    padding: 0 20px;
  }
}
.nav__bar:after {
  background: var(--neutral-15);
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transition: opacity 0.25s;
  width: 100%;
  will-change: opacity;
}
.nav--pinned .nav__bar {
  transform: translateY(0) translateZ(0);
}
.nav--unpinned {
  pointer-events: none;
}
.nav--unpinned .nav__bar {
  transform: translateY(-100%) translateZ(0);
}
.is-dropdown-visible .nav__bar:after {
  opacity: 1;
}
.nav__bar-logo {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 32px;
  width: 140px;
}
@media (max-width: 767px) {
  .nav__bar-logo {
    height: 28px;
    width: 120px;
  }
}
.nav__bar-logo-rio {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 35.9px;
  width: 125px;
}
@media (max-width: 1023px) {
  .nav__bar-logo-rio {
    height: 32.2px;
    width: 112px;
  }
}
@media (max-width: 767px) {
  .nav__bar-logo-rio {
    height: 32.2px;
    width: 112px;
  }
}
.nav__bar-hamburger {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none;
  height: 17px;
  position: relative;
  width: 22px;
}
@media (max-width: 1023px) {
  .nav__bar-hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.nav__bar-hamburger:before {
  bottom: -20px;
  content: "";
  left: -16px;
  position: absolute;
  right: -16px;
  top: -20px;
}
.nav__bar-hamburger-line {
  background-color: var(--blue-50);
  height: 3px;
  transition: opacity 0.2s, transform 0.2s;
  width: 100%;
}
.is-menu-visible .nav__bar-hamburger-line--1 {
  transform: translateY(7px) rotate(45deg);
}
.is-menu-visible .nav__bar-hamburger-line--2 {
  opacity: 0;
}
.is-menu-visible .nav__bar-hamburger-line--3 {
  transform: translateY(-7px) rotate(-45deg);
}
.nav__bar-menu {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 1023px) {
  .nav__bar-menu {
    display: none;
  }
}
.nav__bar-link {
  align-items: center;
  color: var(--neutral-90);
  display: flex;
  height: 80px;
  padding: 0 16px;
  transition: color 0.15s;
}
.nav__bar-link.active {
  color: var(--neutral-50);
}
.nav__bar-link:hover {
  color: var(--blue-70);
}
.nav__bar-link:last-child {
  margin-right: 0;
}
.is-dropdown-visible .nav__bar-link.is-content-active {
  color: var(--blue-50);
}
.is-dropdown-visible .nav__bar-link.is-content-active:hover {
  color: var(--blue-70);
}
.nav__bar-separator {
  background-color: var(--neutral-20);
  height: 16px;
  margin-left: 24px;
  margin-right: 40px;
  width: 1px;
}
.nav__bar-auth {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.nav__bar-auth-link {
  color: var(--blue-50);
  margin-right: 24px;
  transition: color 0.15s;
}
.nav__bar-auth-link:hover {
  color: var(--blue-70);
}
.nav__dropdown {
  background-color: var(--white);
  box-shadow: 0 0 1px rgba(23, 68, 130, 0.08),
    0 2px 10px rgba(23, 68, 130, 0.03);
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-10px) translateZ(0);
  visibility: hidden;
  will-change: visibility, opacity, transform, height;
}
.nav__dropdown.is-hidden,
.nav__dropdown.is-visible {
  transition-duration: 0.25s;
  transition-property: visibility, opacity, transform, height;
  transition-timing-function: ease-out;
}
.nav__dropdown.is-visible {
  opacity: 1;
  transform: translateZ(0);
  visibility: visible;
}
@media (max-width: 1023px) {
  .nav__dropdown {
    display: none;
  }
}
.nav__dropdown-content {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity 0.15s, visibility 0.15s;
  visibility: hidden;
  width: 100%;
  will-change: opacity, visibility;
}
.nav__dropdown.is-visible .nav__dropdown-content.is-visible {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.nav__dropdown-container {
  margin: 0 auto;
  padding: 56px 0;
  width: 1120px;
}
@media (max-width: 1199px) {
  .nav__dropdown-container {
    margin: 0;
    padding: 40px 44px;
    width: auto;
  }
}
.nav__dropdown-container--simple .nav__document-main {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 12px;
}
.nav__dropdown-container--simple .nav__dropdown-sidebar {
  margin-left: 96px;
}
@media (max-width: 1199px) {
  .nav__dropdown-container--simple .nav__dropdown-sidebar {
    margin-left: 0;
  }
}
.nav__dropdown-container_jp {
  margin: 0 auto;
  padding: 56px 0;
  width: 656px;
}
@media (max-width: 1199px) {
  .nav__dropdown-container_jp {
    margin: 0;
    padding: 40px 44px;
    width: auto;
  }
}
.nav__dropdown-container_jp--simple .nav__document-main {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 12px;
}
.nav__dropdown-container_jp--simple .nav__dropdown-sidebar {
  margin-left: 96px;
}
@media (max-width: 1199px) {
  .nav__dropdown-container_jp--simple .nav__dropdown-sidebar {
    margin-left: 0;
  }
}
.nav__document-item {
  display: flex;
  margin-bottom: 12px;
  position: relative;
  width: calc(50% - 48px);
}
.nav__document-item-aside {
  margin-right: 10px;
  width: 56px;
}
.nav__document-item-body {
  flex-grow: 1;
  padding-top: 8px;
}
.nav__document-item-body .nav__dropdown-header {
  margin-bottom: 4px;
  width: 100%;
}
.nav__document-item-body .nav__dropdown-header-arrow {
  color: var(--blue-50);
}
.nav__document-item-body .nav__dropdown-header-title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.nav__document-item-body .nav__dropdown-header-title:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.nav__dropdown-header {
  align-items: baseline;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
.nav__dropdown-description {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
}
.nav__dropdown-header-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
a.nav__dropdown-header-title {
  transition: color 0.15s;
}
a.nav__dropdown-header-title:hover {
  color: var(--blue-50);
}
.nav__dropdown-header-link {
  color: var(--blue-50);
  margin-left: 24px;
  transition: color 0.15s;
  white-space: nowrap;
}
.nav__dropdown-header-link:hover {
  color: var(--blue-70);
}
.nav__dropdown-action {
  align-items: center;
  color: var(--blue-50);
  display: flex;
  transition: color 0.15s;
}
.nav__dropdown-action:hover,
a:hover .nav__dropdown-action {
  color: var(--blue-70);
}
.nav__document-container {
  display: flex;
}
@media (max-width: 1199px) {
  .nav__document-container {
    flex-wrap: wrap;
  }
}
.nav__document-main {
  display: flex;
  flex-grow: 1;
}
.nav__document-templates {
  flex-grow: 1;
  max-width: 776px;
}
.nav__document-examples {
  flex-shrink: 0;
  margin-left: 56px;
  width: 256px;
}
@media (max-width: 1199px) {
  .nav__document-examples {
    width: 30.25%;
  }
}
.nav__template-cats {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -28px;
}
.nav__template-cat {
  margin-bottom: 28px;
  position: relative;
  width: calc(50% - 20px);
}
.nav__template-cat-arrow {
  color: var(--blue-50);
  position: absolute;
  right: 0;
  top: 0;
  transition: color 0.15s;
}
.nav__template-cat-icon {
  background-color: var(--neutral-15);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 4px;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.nav__template-cat-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.nav__template-cat-title {
  align-items: center;
  display: flex;
  font-weight: 600;
  margin-bottom: 8px;
  margin-right: 40px;
  transition: color 0.15s;
}
.nav__template-cat-subtitle {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  transition: color 0.15s;
}
.nav__template-cat:hover .nav__template-cat-arrow,
.nav__template-cat:hover .nav__template-cat-title {
  color: var(--blue-70);
}
.nav__template-cat:hover .nav__template-cat-subtitle {
  color: var(--neutral-60);
}
.nav__examples {
  margin: -8px 0;
}
.nav__examples-action,
.nav__examples-item {
  padding: 8px 0;
}
.nav__examples-item {
  align-items: center;
  display: flex;
  justify-content: space-between;
  transition: color 0.15s;
}
.nav__examples-item:hover {
  color: var(--blue-70);
}
.nav__examples-item-count {
  color: var(--neutral-50);
  margin-left: 24px;
  transition: color 0.15s;
}
.nav__examples-item:hover .nav__examples-item-count {
  color: var(--neutral-60);
}
.nav__guides-container {
  display: flex;
}
@media (max-width: 1199px) {
  .nav__guides-container {
    flex-wrap: wrap;
  }
}
.nav__guides-main {
  flex-grow: 1;
}
.nav__guides-how {
  align-items: center;
  display: flex;
  max-width: 450px;
}
.nav__guides-how-visual {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 6px;
  flex-shrink: 0;
  height: 71px;
  margin-right: 24px;
  width: 66px;
}
.nav__guides-how-visual.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.nav__guides-how-content {
  flex-grow: 1;
}
.nav__guides-how-title {
  align-items: center;
  display: flex;
  font-weight: 600;
  transition: color 0.15s;
}
.nav__guides-how-title-arrow {
  color: var(--blue-50);
  transition: color 0.15s;
}
.nav__guides-how:hover .nav__guides-how-title,
.nav__guides-how:hover .nav__guides-how-title-arrow {
  color: var(--blue-70);
}
.nav__guides-how-text {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  transition: color 0.15s;
}
.nav__guides-how:hover .nav__guides-how-text {
  color: var(--neutral-60);
}
.nav__guides-chapters {
  display: flex;
  margin: -8px -16px;
}
.nav__guides-chapters-column {
  padding: 0 16px;
  width: 33.333%;
}
.nav__guides-chapter {
  display: block;
  padding: 8px 0;
  transition: color 0.15s;
}
.nav__guides-chapter:hover {
  color: var(--blue-70);
}
.nav__guides-chapter--full {
  color: var(--blue-50);
}
.nav__guides-separator {
  background-color: var(--neutral-15);
  height: 1px;
  margin-bottom: 40px;
  margin-top: 24px;
}
.nav__dropdown-sidebar {
  background-color: var(--neutral-5);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  margin-left: 56px;
  padding-left: 56px;
  position: relative;
  width: 288px;
}
@media (max-width: 1199px) {
  .nav__dropdown-sidebar {
    margin-left: 0;
    margin-top: 40px;
    padding-left: 0;
    padding-top: 40px;
    width: 100%;
  }
}
.nav__dropdown-sidebar:before {
  background-color: inherit;
  bottom: -100vw;
  content: "";
  left: 0;
  position: absolute;
  right: -100vw;
  top: -100vh;
}
@media (max-width: 1199px) {
  .nav__dropdown-sidebar:before {
    left: -100vh;
    top: 0;
  }
}
.nav__dropdown-sidebar-link {
  display: block;
  position: relative;
}
@media (max-width: 1199px) {
  .nav__dropdown-sidebar-link {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
}
.nav__dropdown-sidebar-visual {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 152px;
  margin-bottom: 16px;
}
@media (max-width: 1199px) {
  .nav__dropdown-sidebar-visual {
    background-position: 100% 50%;
    height: 136px;
    margin-bottom: 0;
    width: 200px;
  }
}
.nav__dropdown-content-holder-top {
  background-color: var(--blue-10);
  margin-left: -56px;
  margin-top: -56px;
  padding-bottom: 40px;
  padding-left: 56px;
  padding-top: 40px;
  width: -moz-max-content;
  width: max-content;
  width: 1298px;
  z-index: 100;
}
.nav__dropdown-content-holder-bottom {
  background-color: var(--neutral-5);
  margin-left: -56px;
  padding-left: 56px;
  padding-top: 40px;
  z-index: 100;
}
.nav__dropdown-sidebar-visual-small {
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 68px;
  margin-bottom: 8px;
  width: 68px;
}
@media (max-width: 1199px) {
  .nav__dropdown-sidebar-content {
    max-width: 380px;
    order: -1;
  }
}
.nav__dropdown-sidebar-title,
.nav__dropdown-sidebar-title-updated {
  font-weight: 600;
  margin-bottom: 4px;
  transition: color 0.15s;
}
.nav__dropdown-sidebar-title-updated {
  align-items: center;
  display: flex;
}
.nav__dropdown-sidebar-title-updated:hover,
.nav__dropdown-sidebar-title-updated:hover .nav__dropdown-header-arrow-blue {
  color: var(--blue-70);
}
.nav__dropdown-header-arrow-blue {
  color: var(--blue-50);
}
.nav__dropdown-header-arrow-blue:hover {
  color: var(--blue-70);
}
.nav__dropdown-sidebar-subtitle,
.nav__dropdown-sidebar-subtitle-updated {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 12px;
  transition: color 0.15s;
}
.nav__dropdown-sidebar-subtitle-updated {
  width: 250px;
}
.nav__menu {
  -webkit-overflow-scrolling: touch;
  background-color: var(--white);
  bottom: 0;
  display: none;
  left: -100vw;
  opacity: 0;
  overflow-y: scroll;
  pointer-events: none;
  position: fixed;
  top: 80px;
  transform: translateZ(0);
  transition: opacity 0.3s;
  width: 100%;
  z-index: var(--z-nav-menu);
}
@media (max-width: 1023px) {
  .nav__menu {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .nav__menu {
    top: 64px;
  }
}
.nav__menu.is-visible {
  left: 0;
  opacity: 1;
  pointer-events: auto;
}
.nav__menu-main {
  padding: 8px 32px 0;
}
@media (max-width: 767px) {
  .nav__menu-main {
    padding: 4px 20px 0;
  }
}
.nav__menu-links-title {
  color: var(--neutral-50);
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  padding: 8px 0;
  text-transform: uppercase;
}
.collapse.nav__menu-links-container {
  margin: 0;
}
.nav__menu-single-link-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 4px 0;
  width: 100%;
}
.collapse__toggle.nav__menu_collapse_button {
  align-items: center;
  background-color: var(--neutral-5);
  border-radius: 32px;
  cursor: pointer;
  display: flex;
  flex-grow: unset;
  height: 28px;
  justify-content: center;
  padding: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 28px;
}
.collapse__toggle.nav__menu_collapse_button:active {
  background-color: var(--neutral-10);
}
.nav__menu_collapse_button_icon {
  color: var(--neutral-50);
  height: 24px;
  transition: all 0.3s ease-in-out;
  width: 24px;
}
.is-open .nav__menu_collapse_button_icon {
  color: var(--blue-50);
  transform: rotate(180deg);
}
.nav__menu-submenus-container {
  grid-gap: 8px;
  display: flex;
  flex-direction: column;
  padding: 8px 0;
  width: 100%;
}
.nav__menu-link {
  font-weight: 600;
}
.nav__menu-link.active {
  color: var(--neutral-50);
}
.nav__menu-link:last-child {
  margin-bottom: 0;
}
.blog-mobile-link {
  display: flex;
  padding: 16px 0;
}
.nav__menu-sublink {
  color: var(--neutral-60);
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.nav__menu-sublink.active {
  color: var(--blue-50);
}
.nav__menu-auth-link {
  align-items: center;
  color: var(--blue-50);
  display: flex;
  font-weight: 600;
  margin-bottom: 12px;
}
.nav__menu-auth-link:last-child {
  margin-bottom: 0;
}
.nav__menu-secondary {
  background-color: var(--neutral-5);
  padding: 32px;
}
@media (max-width: 767px) {
  .nav__menu-secondary {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.nav__menu-secondary-link {
  margin-bottom: 8px;
}
.nav__menu-secondary-link:last-child {
  margin-bottom: 0;
}
.nav__menu-secondary-links {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.nav__menu-secondary-links:last-child {
  margin-bottom: 0;
}
.space-filler {
  background-color: var(--neutral-5);
  flex: 1 1;
}
.nav__menu-auth {
  grid-gap: 16px;
  background-color: var(--white);
  bottom: 0;
  display: flex;
  flex-direction: row;
  padding: 16px 32px;
  position: sticky;
}
@media (max-width: 767px) {
  .nav__menu-auth {
    grid-gap: 8px;
    padding: 8px 20px;
  }
}
.auth-button {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.auth-button.log-in {
  border: 1px solid var(--blue-50);
  border-radius: 4px;
  color: var(--blue-50);
}
.view-all-button {
  align-items: center;
  color: var(--blue-50);
  display: flex;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.view-all-button-icon {
  color: var(--blue-50);
  height: 24px;
  transform: rotate(-90deg);
  width: 24px;
}
.section {
  padding-bottom: 120px;
  padding-top: 120px;
}
@media (max-width: 1023px) {
  .section {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .section {
    padding-bottom: 48px;
    padding-top: 48px;
  }
}
.section__title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .section__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .section__title {
    font-size: 32px;
    line-height: 34px;
  }
}
:root {
  --container-width: 1120px;
}
.grid-container {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--container-width) + 88px);
  padding-left: 44px;
  padding-right: 44px;
  width: 100%;
}
@media (max-width: 1023px) {
  .grid-container {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .grid-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.logos {
  background-color: var(--white);
  border-bottom: 1px solid var(--neutral-10);
  border-top: 1px solid var(--neutral-10);
  padding: 18px 0;
}
.logos__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -28px;
}
@media (max-width: 1023px) {
  .logos__list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.logos__label {
  color: var(--neutral-50);
  font-size: 19px;
  line-height: 24px;
  margin: 8px 28px;
}
@media (max-width: 1023px) {
  .logos__label {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.logos__item {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: 141px auto;
  border-radius: 4px;
  display: inline-block;
  height: 40px;
  margin: 8px 28px;
  position: relative;
  width: 141px;
}
@media (max-width: 1023px) {
  .logos__item {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.logos__item.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.logos__item--inc {
  background-position: 0 0;
  height: 22px;
  width: 63px;
}
.logos__item--lifehack {
  background-position: 0 -66px;
  height: 28px;
  width: 140px;
}
.logos__item--entrepreneur {
  background-position: 0 -94px;
  height: 28px;
  top: 3px;
  width: 141px;
}
.logos__item--muse {
  background-position: 0 -22px;
  height: 22px;
  width: 114px;
}
.logos__item--forbes {
  background-position: 0 -44px;
  height: 22px;
  width: 84px;
}
.italian_logo {
  height: 3.5em;
}
.german_logo,
.italian_logo {
  background-position: 50%;
}
.german_logo.sz-magazin {
  background-size: 200px;
  top: 3px;
  width: 200px;
}
.german_logo.business-insider {
  background-size: 50%;
}
.showcase__title {
  margin: 0 auto 64px;
  max-width: 736px;
  text-align: center;
}
@media (max-width: 1023px) {
  .showcase__title {
    margin-bottom: 32px;
    max-width: 544px;
  }
}
@media (max-width: 767px) {
  .showcase__title {
    margin-bottom: 24px;
  }
}
.showcase__content {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 1023px) {
  .showcase__content {
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    max-width: 544px;
  }
}
.showcase__videos {
  background-color: var(--neutral-10);
  border-radius: 6px;
  flex-grow: 1;
  margin-right: 24px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .showcase__videos {
    margin-bottom: 16px;
    margin-right: 0;
    width: 100%;
  }
}
.showcase__videos-list {
  display: flex;
  width: 10000%;
}
.showcase__video {
  background-color: var(--neutral-10);
  overflow: hidden;
  position: relative;
  width: 1%;
}
.showcase__video:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.showcase__video video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.showcase__bullets {
  display: none;
}
@media (max-width: 1023px) {
  .showcase__bullets {
    display: flex;
    height: 8px;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.showcase__bullet {
  background-color: var(--neutral-20);
  border-radius: 50%;
  height: 8px;
  margin: 0 6px;
  width: 8px;
}
.showcase__bullet--active {
  background-color: var(--blue-50);
}
.showcase__features {
  flex-shrink: 0;
  position: relative;
  width: 369px;
}
@media (max-width: 1023px) {
  .showcase__features {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .showcase__feature {
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 16px;
    padding: 12px 12px 12px 27px;
    position: relative;
    transition: background-color 0.2s ease;
  }
  .showcase__feature:hover {
    background-color: var(--neutral-10);
  }
  .showcase__feature:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .showcase__feature {
    left: 0;
    opacity: 0;
    padding-left: 19px;
    position: absolute;
    top: 0;
    transition: opacity 0.2s;
    width: 100%;
  }
  .showcase__feature:first-child {
    position: relative;
  }
}
@media (min-width: 1024px) {
  .showcase__feature--active {
    background-color: var(--neutral-10);
  }
}
@media (max-width: 1023px) {
  .showcase__feature--active {
    opacity: 1;
  }
}
.showcase__feature-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
}
@media (min-width: 1024px) {
  .showcase__feature-subtitle {
    display: none;
    overflow: hidden;
  }
}
.showcase__feature-subtitle--initial {
  display: block;
}
.showcase__feature-subtitle-content {
  padding-top: 8px;
}
.showcase__feature-bar {
  background-color: var(--neutral-30);
  border-radius: 6px;
  bottom: 8px;
  left: 8px;
  overflow: hidden;
  position: absolute;
  top: 8px;
  width: 3px;
}
@media (max-width: 1023px) {
  .showcase__feature-bar {
    bottom: 0;
    left: 0;
    top: 0;
  }
}
.showcase__feature-bar-progress {
  background-color: var(--blue-50);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleY(0);
  transform-origin: 0 0;
}
@keyframes featureProgressScale {
  0% {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
.showcase__feature--active .showcase__feature-bar-progress {
  animation: featureProgressScale 10s linear forwards;
}
.collapse {
  margin: 0 0 14px;
  padding: 0;
}
.collapse,
.collapse__item {
  display: block;
}
.collapse__item.is-open .collapse__toggle:hover {
  color: var(--blue-50);
}
.collapse__item.is-open .collapse__arrow {
  color: var(--blue-50);
  transform: translateY(-50%) rotate(0deg);
}
.collapse__header {
  align-items: center;
  border-top: 1px solid var(--neutral-20);
  display: flex;
}
.collapse__toggle {
  cursor: pointer;
  flex-grow: 1;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 16px 24px;
  position: relative;
  transition: color 0.125s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.collapse__toggle:hover {
  color: var(--blue-50);
}
.collapse__arrow {
  left: -5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  transform-origin: 50% 50%;
  transition: transform 0.125s ease;
}
.collapse__body {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.collapse__body-inner {
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
  padding-bottom: 20px;
}
.collapse__body-inner p:not(:last-child) {
  margin-bottom: 16px;
}
.modal {
  display: none;
  left: 0;
  opacity: 1;
  pointer-events: all;
  position: absolute;
  z-index: var(--z-modal);
}
.modal.is-visible {
  display: block;
}
.modal.is-animated .modal__overlay {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.modal.is-animated .modal__content {
  transform: translateY(0);
  transition: transform 0.2s ease-out;
}
.modal__overlay {
  align-items: center;
  background: rgba(15, 20, 30, 0.8);
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
  left: 0;
  opacity: 0;
  overflow: auto;
  padding: 5vh 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--z-modal-overlay);
}
@media (max-width: 767px) {
  .modal__overlay {
    min-height: 100vh;
    padding: 0;
    width: 100%;
  }
}
.modal__content {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.16);
  cursor: default;
  margin: auto;
  position: relative;
  transform: translateY(-200px);
  width: 544px;
}
@media (max-width: 767px) {
  .modal__content {
    border-radius: 0;
    min-height: 100%;
    transform: translateY(0);
    width: 100%;
  }
}
.modal--medium .modal__content {
  width: 680px;
}
@media (max-width: 767px) {
  .modal--medium .modal__content {
    width: 100%;
  }
}
.modal__close {
  color: var(--neutral-30);
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 24px;
  width: 24px;
  z-index: 10;
}
.modal__close:hover {
  color: var(--blue-50);
}
.country-modal__container {
  padding: 40px 52px;
  text-align: center;
}
@media (max-width: 767px) {
  .country-modal__container {
    padding: 0;
  }
}
.country_popup {
  border-radius: 12px;
  width: 704px;
}
@media (max-width: 767px) {
  .country_popup {
    border-radius: 0;
    min-height: 100%;
    transform: translateY(0);
    width: 100%;
  }
  .country-modal__header {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    height: 64px;
    justify-content: space-between;
    margin-bottom: 24px;
    padding: 0 20px;
    position: relative;
  }
}
.country-modal__logo {
  background-size: contain;
  display: none;
  height: 28px;
  width: 120px;
}
@media (max-width: 767px) {
  .country-modal__logo {
    display: block;
  }
}
.country-modal__close {
  color: var(--neutral-30);
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: 20px;
  top: 20px;
  width: 24px;
}
.country-modal__close:hover {
  color: var(--blue-50);
}
@media (max-width: 767px) {
  .country-modal__close {
    position: static;
  }
}
.country-modal__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .country-modal__title {
    margin-bottom: 24px;
    padding-left: 40px;
    text-align: left;
  }
}
.country-modal__list {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .country-modal__list {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-left: 40px;
  }
}
.country-modal__item {
  align-items: center;
  display: flex;
  flex-basis: calc(37% - 22px);
  flex-basis: 180px;
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 24px;
  margin-right: 0;
}
.country-modal__item:nth-child(2n) {
  margin-right: 0;
}
@media (max-width: 767px) {
  .country-modal__item {
    flex-basis: 0px;
    margin-right: 0;
  }
}
.country-modal__item-content {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.country-modal__item-content:hover .country-modal__name {
  color: var(--blue-50);
}
.country-modal__flag {
  background-color: #000;
  background-color: var(--neutral-10);
  background-size: auto 28px;
  box-shadow: inset 0 0 0 2px rgba(15, 20, 30, 0.05);
  flex-shrink: 0;
  height: 28px;
  margin-right: 13px;
  width: 44px;
}
.country-modal__name {
  text-align: left;
}
.interview-modal__container {
  padding: 48px 48px 56px;
}
@media (max-width: 767px) {
  .interview-modal__container {
    padding: 48px 24px;
  }
}
.interview-modal__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 18px;
  max-width: 570px;
}
.interview-modal__text {
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 28px;
  max-width: 540px;
}
.interview-modal__text p + p {
  margin-top: 18px;
}
.interview-modal__text a {
  color: var(--blue-50);
}
.interview-modal__text a:hover {
  color: var(--blue-70);
}
.interview-modal__buttons .button {
  margin-right: 18px;
}
@media (max-width: 767px) {
  .interview-modal__buttons .button {
    margin-bottom: 12px;
    width: 100%;
  }
}
.blog-post-preview {
  position: relative;
  transform: translateZ(0);
}
.blog-post-preview:not(:last-child) {
  border-bottom: 1px solid var(--neutral-20);
  margin-bottom: 34px;
  padding-bottom: 28px;
}
@media (max-width: 1023px) {
  .blog-post-preview:not(:last-child) {
    margin-bottom: 28px;
    padding-bottom: 24px;
  }
}
.blog-post-preview:not(:last-child) .blog-post-preview__title:after,
.blog-post-preview:not(:last-child):before {
  bottom: -1px;
}
@media (max-width: 767px) {
  .blog-post-preview {
    display: flex;
    flex-direction: column;
  }
}
.blog-post-preview__publication-info {
  color: var(--neutral-60);
  position: relative;
}
.blog-post-preview__publication-info:not(:last-child) {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .blog-post-preview__publication-info {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}
.blog-post-preview__publication-info p {
  display: inline;
}
.blog-post-preview__publication-info strong {
  font-weight: 400;
}
.blog-post-preview__publication-info a {
  color: var(--neutral-100);
  position: relative;
  transition: color 0.2s ease;
  z-index: 2;
}
.blog-post-preview__publication-info a:hover {
  color: var(--blue-50);
}
.blog-post-preview__publication-info-for-japan-article {
  color: var(--neutral-60);
  position: relative;
}
.blog-post-preview__publication-info-for-japan-article:not(:last-child) {
  display: flex;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .blog-post-preview__publication-info-for-japan-article {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}
.blog-post-preview__publication-info-for-japan-article p {
  display: flex;
}
.blog-post-preview__publication-info-for-japan-article strong {
  font-weight: 400;
  order: 2;
}
.blog-post-preview__publication-info-for-japan-article a {
  color: var(--neutral-100);
  margin-right: 5px;
  position: relative;
  transition: color 0.2s ease;
  z-index: 2;
}
.blog-post-preview__publication-info-for-japan-article a:hover {
  color: var(--blue-50);
}
.blog-post-preview__publication-info-for-japan-blog-overview {
  color: var(--neutral-60);
  position: relative;
}
.blog-post-preview__publication-info-for-japan-blog-overview:not(:last-child) {
  display: flex;
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .blog-post-preview__publication-info-for-japan-blog-overview {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 12px;
  }
}
.blog-post-preview__publication-info-for-japan-blog-overview p {
  display: flex;
}
@media (max-width: 1023px) {
  .blog-post-preview__publication-info-for-japan-blog-overview p {
    display: inline;
  }
}
.blog-post-preview__publication-info-for-japan-blog-overview strong {
  font-weight: 400;
  order: 2;
}
.blog-post-preview__publication-info-for-japan-blog-overview a {
  color: var(--neutral-100);
  margin-right: 1px;
  position: relative;
  transition: color 0.2s ease;
  z-index: 2;
}
.blog-post-preview__publication-info-for-japan-blog-overview a:hover {
  color: var(--blue-50);
}
@media (max-width: 1023px) {
  .blog-post-preview__author > p > strong,
  .blog-post-preview__category > p > strong {
    display: none;
  }
  .blog-post-preview__author:not(:first-child):before {
    content: "·";
    margin: 0 2px;
  }
}
.blog-post-preview__author-link {
  display: inline-block;
  padding-left: 35px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1024px) {
  .blog-post-preview__author-link {
    margin-left: 3px;
  }
}
.blog-post-preview__author-avatar {
  background-color: var(--neutral-15);
  border-radius: 50%;
  height: 28px;
  left: 0;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
  width: 28px;
}
.blog-post-preview__author-avatar:after {
  border: 1px solid rgba(94, 114, 181, 0.15);
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-post-preview__author-avatar-inner {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
}
.blog-post-preview__body {
  position: relative;
}
.blog-post-preview__title {
  display: block;
  font-size: 38px;
  font-weight: 700;
  font-weight: 400;
  line-height: 40px;
  word-break: break-word;
}
.blog-post-preview__title:not(:last-child) {
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .blog-post-preview__title:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview__title:not(:last-child) {
    margin-bottom: 16px;
  }
}
@media (max-width: 1199px) {
  .blog-post-preview__title {
    font-size: 32px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview__title {
    font-size: 28px;
    line-height: 30px;
  }
}
.blog-post-preview__title:after {
  bottom: -33px;
  content: "";
  left: -32px;
  position: absolute;
  right: -32px;
  top: -33px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .blog-post-preview__title:after {
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
}
.blog-post-preview__title span {
  position: relative;
}
.blog-post-preview__abstract {
  font-family: TT Tricks, serif;
  font-size: 19px;
  line-height: 28px;
  position: relative;
}
.blog-post-preview__abstract:not(:last-child) {
  margin-bottom: 28px;
}
@media (max-width: 1023px) {
  .blog-post-preview__abstract:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview__abstract:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .blog-post-preview__abstract {
    font-size: 17px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview__abstract {
    order: 3;
  }
}
.blog-post-preview__image-wrapper {
  margin-bottom: 28px;
  max-width: 500px;
}
@media (max-width: 1023px) {
  .blog-post-preview__image-wrapper {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview__image-wrapper {
    margin-bottom: 16px;
    margin-right: 0;
    order: 2;
  }
}
.blog-post-preview__image {
  background-color: var(--neutral-15);
  border-radius: 6px;
  overflow: hidden;
  padding-bottom: 87.5%;
  position: relative;
  text-align: left;
  width: 100%;
}
.blog-post-preview__image:after {
  border: 1px solid rgba(94, 114, 181, 0.15);
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-post-preview__image-inner {
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
}
.blog-post-preview__footer {
  align-items: center;
  color: var(--neutral-60);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .blog-post-preview__footer {
    font-size: 16px;
    line-height: 20px;
    order: 4;
  }
}
.blog-post-preview__footer-read-more {
  position: relative;
  transition: color 0.2s ease;
  z-index: 1;
}
.blog-post-preview__footer-read-more:hover {
  color: var(--blue-50);
}
.blog-post-preview__footer-read-more:hover path {
  fill: var(--blue-50);
}
.blog-post-preview__footer-read-more svg {
  display: inline-block;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
  width: 16px;
}
.blog-post-preview__footer-read-more path {
  transition: fill 0.2s ease;
}
.blog-post-preview__footer-duration {
  align-items: center;
  display: flex;
  position: relative;
}
.blog-post-preview__footer-duration-icon {
  height: 13px;
  margin-right: 6px;
  margin-top: -1px;
  width: 13px;
}
@media (max-width: 767px) {
  .blog-post-preview__footer-duration-icon {
    height: 12px;
    margin-top: 0;
    width: 12px;
  }
}
.blog-post-preview--main-post {
  display: flex;
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post-preview--main-post {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
.blog-post-preview--main-post .blog-post-preview__aside {
  flex-shrink: 0;
  margin-right: 3.7%;
  width: 60%;
}
@media (max-width: 767px) {
  .blog-post-preview--main-post .blog-post-preview__aside {
    margin-bottom: 20px;
    margin-right: 0;
    max-width: 400px;
    width: 100%;
  }
}
.blog-post-preview--main-post .blog-post-preview__image-wrapper {
  height: 100%;
  margin-bottom: 0;
  max-width: none;
}
.blog-post-preview--main-post .blog-post-preview__image {
  height: 100%;
}
.blog-post-preview--main-post .blog-post-preview__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.blog-post-preview--main-post .blog-post-preview__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 0 0 16px;
  position: static;
}
@media (max-width: 767px) {
  .blog-post-preview--main-post .blog-post-preview__body {
    padding: 0;
  }
}
.blog-post-preview--main-post .blog-post-preview__title:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .blog-post-preview--main-post .blog-post-preview__title:not(:last-child) {
    margin-bottom: 14px;
  }
}
.blog-post-preview--main-post .blog-post-preview__title:after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.blog-post-preview--main-post .blog-post-preview__publication-info {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .blog-post-preview--main-post
    .blog-post-preview__publication-info:not(:last-child) {
    margin-bottom: 14px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview--main-post
    .blog-post-preview__publication-info:not(:last-child) {
    margin-bottom: 0;
  }
}
.blog-post-preview--main-post .blog-post-preview__abstract {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .blog-post-preview--main-post .blog-post-preview__abstract {
    max-height: 220px;
  }
}
@media (max-width: 1023px) {
  .blog-post-preview--main-post .blog-post-preview__abstract {
    display: none;
  }
}
@media (max-width: 767px) {
  .blog-post-preview--main-post .blog-post-preview__footer {
    display: none;
  }
}
.blog-post-preview--main-post .blog-post-preview__footer-read-more {
  align-items: center;
  background-color: var(--neutral-10);
  border-radius: 100px;
  display: flex;
  padding: 12px 12px 12px 20px;
  transition: background-color 0.2s ease;
}
.blog-post-preview--main-post .blog-post-preview__footer-read-more:hover {
  background-color: var(--neutral-15);
  color: var(--neutral-60);
}
.blog-post-preview--main-post .blog-post-preview__footer-read-more:hover path {
  fill: var(--neutral-60);
}
.blog-post-preview--main-post .blog-post-preview__footer-read-more:after {
  position: static;
}
.blog-post-preview--featured-post {
  background-color: currentColor;
  color: var(--neutral-10);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 8px;
  transition: color 0.125s ease;
}
@media (max-width: 767px) {
  .blog-post-preview--featured-post {
    padding: 4px;
  }
}
.blog-post-preview--featured-post .blog-post-preview__header {
  background-color: currentColor;
  box-shadow: 0 10px 20px 20px currentColor;
  margin: 0 -4px;
  max-height: 100%;
  overflow: hidden;
  padding: 12px 16px 0;
  z-index: 1;
}
.blog-post-preview--featured-post .blog-post-preview__header-info {
  color: rgba(15, 20, 30, 0.5);
  display: block;
}
.blog-post-preview--featured-post
  .blog-post-preview__header-info:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .blog-post-preview--featured-post .blog-post-preview__header-info {
    font-size: 16px;
    line-height: 20px;
  }
  .blog-post-preview--featured-post
    .blog-post-preview__header-info:not(:last-child) {
    margin-bottom: 4px;
  }
}
.blog-post-preview--featured-post .blog-post-preview__header-category {
  position: relative;
  transition: color 0.2s ease;
  z-index: 2;
}
.blog-post-preview--featured-post .blog-post-preview__header-category:hover {
  color: var(--blue-70);
}
.blog-post-preview--featured-post
  .blog-post-preview__header-duration:not(:first-child):before {
  content: "·";
  margin: 0 4px;
}
@media (max-width: 1023px) {
  .blog-post-preview--featured-post .blog-post-preview__header-duration {
    display: none;
  }
}
.blog-post-preview--featured-post .blog-post-preview__title {
  color: var(--neutral-100);
  font-size: 28px;
  line-height: 30px;
}
.blog-post-preview--featured-post .blog-post-preview__title:after {
  bottom: -8px;
  left: -8px;
  right: -8px;
  top: -8px;
}
@media (max-width: 1199px) {
  .blog-post-preview--featured-post .blog-post-preview__title {
    font-size: 26px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview--featured-post .blog-post-preview__title {
    font-size: 19px;
    line-height: 24px;
  }
}
.blog-post-preview--featured-post .blog-post-preview__image-wrapper {
  bottom: 8px;
  left: 8px;
  margin-bottom: 0;
  position: absolute;
  right: 8px;
}
@media (max-width: 767px) {
  .blog-post-preview--featured-post .blog-post-preview__image-wrapper {
    bottom: 4px;
    left: 4px;
    right: 4px;
  }
}
.blog-post-preview--featured-post .blog-post-preview__image {
  background-color: initial;
}
.blog-post-preview--featured-post .blog-post-preview__image:after {
  border: 0;
}
.blog-post-preview--aside-post {
  background-color: currentColor;
  border-radius: 6px;
  color: var(--neutral-10);
  padding: 16px;
}
.blog-post-preview--aside-post:not(:last-child) {
  border-bottom: 0;
  padding-bottom: 24px;
}
.blog-post-preview--aside-post
  .blog-post-preview__image-wrapper:not(:last-child) {
  margin-bottom: 19px;
}
.blog-post-preview--aside-post .blog-post-preview__image {
  background-color: initial;
}
.blog-post-preview--aside-post .blog-post-preview__image:after {
  display: none;
}
.blog-post-preview--aside-post .blog-post-preview__author-link {
  color: rgba(15, 20, 30, 0.5);
  display: block;
  margin-left: 0;
}
@media (max-width: 1199px) {
  .blog-post-preview--aside-post .blog-post-preview__author-link {
    font-size: 16px;
    line-height: 20px;
    padding-left: 30px;
  }
}
.blog-post-preview--aside-post
  .blog-post-preview__author-link:not(:last-child) {
  margin-bottom: 13px;
}
.blog-post-preview--aside-post .blog-post-preview__author-link:hover {
  color: var(--blue-70);
}
@media (max-width: 1199px) {
  .blog-post-preview--aside-post .blog-post-preview__author-avatar {
    height: 24px;
    width: 24px;
  }
}
.blog-post-preview--aside-post .blog-post-preview__title {
  color: var(--neutral-100);
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .blog-post-preview--aside-post .blog-post-preview__title {
    font-size: 22px;
    line-height: 28px;
  }
}
.blog-post-preview--aside-post .blog-post-preview__title:after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.blog-post-preview--example_post {
  background-color: currentColor;
  border-radius: 12px;
  color: var(--neutral-10);
  padding: 20px;
  text-align: center;
}
@media (max-width: 1199px) {
  .blog-post-preview--example_post {
    padding: 16px;
  }
}
@media (max-width: 1023px) {
  .blog-post-preview--example_post {
    padding: 12px;
  }
}
.blog-post-preview--example_post:not(:last-child) {
  margin-bottom: 12px;
  padding-bottom: 32px;
}
@media (max-width: 1199px) {
  .blog-post-preview--example_post:not(:last-child) {
    padding-bottom: 20px;
  }
}
.blog-post-preview--example_post .blog-post-preview__image-wrapper {
  margin: 0 12px 16px;
}
@media (max-width: 1023px) {
  .blog-post-preview--example_post .blog-post-preview__image-wrapper {
    margin: 0 0 12px;
  }
}
@media (max-width: 767px) {
  .blog-post-preview--example_post .blog-post-preview__image-wrapper {
    order: 0;
  }
}
.blog-post-preview--example_post .blog-post-preview__image {
  background-color: initial;
}
.blog-post-preview--example_post .blog-post-preview__image:after {
  border: 0;
}
.blog-post-preview--example_post .blog-post-preview__duration {
  color: var(--neutral-100);
  margin-bottom: 4px;
  opacity: 0.4;
}
@media (max-width: 1023px) {
  .blog-post-preview--example_post .blog-post-preview__duration {
    font-size: 16px;
    line-height: 20px;
  }
}
.blog-post-preview--example_post .blog-post-preview__title {
  color: var(--neutral-100);
  font-family: TT Tricks, serif;
  font-size: 19px;
  line-height: 24px;
}
@media (max-width: 1023px) {
  .blog-post-preview--example_post .blog-post-preview__title {
    font-size: 14px;
    line-height: 20px;
  }
}
.blog-post-preview--example_post .blog-post-preview__title:after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.blog-post-preview--dark .blog-post-preview__author-link,
.blog-post-preview--dark .blog-post-preview__author-link:hover,
.blog-post-preview--dark .blog-post-preview__title {
  color: var(--white);
}
.blog-post-preview--dark .blog-post-preview__header-info {
  color: hsla(0, 0%, 100%, 0.5);
}
.blog-post-preview--dark .blog-post-preview__duration,
.blog-post-preview--dark .blog-post-preview__header-category:hover {
  color: var(--white);
}
.blog-post-preview--compact {
  display: flex;
  position: relative;
}
.blog-post-preview--compact:not(:last-child) {
  border-bottom: 1px solid rgba(101, 110, 131, 0.15);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-post-preview--compact:not(:last-child) {
    margin-bottom: 24px;
    padding-bottom: 24px;
  }
}
.blog-post-preview--compact .blog-post-preview__aside {
  flex-shrink: 0;
  margin-right: 32px;
  width: 16.3%;
}
@media (max-width: 767px) {
  .blog-post-preview--compact .blog-post-preview__aside {
    display: none;
  }
}
.blog-post-preview--compact .blog-post-preview__image-wrapper {
  margin-bottom: 0;
}
.blog-post-preview--compact .blog-post-preview__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.blog-post-preview--compact .blog-post-preview__body {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
  padding: 0;
  position: static;
}
.blog-post-preview--compact .blog-post-preview__title:not(:last-child) {
  margin-bottom: 20px;
}
.blog-post-preview--compact .blog-post-preview__title:after {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.blog-post-preview--compact
  .blog-post-preview__publication-info:not(:last-child) {
  margin-bottom: 8px;
}
.blog-post-preview--compact .blog-post-preview__abstract,
.blog-post-preview--compact .blog-post-preview__footer {
  display: none;
}
.blog-search {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  position: relative;
}
.blog-search:not(:last-child) {
  margin-bottom: 32px;
}
.blog-search__inner {
  align-items: center;
  box-shadow: inset 0 -2px 0 -1px rgba(101, 110, 131, 0.15);
  display: flex;
  flex-grow: 1;
  padding-bottom: 14px;
}
.blog-search__input {
  border: none;
  padding: 0;
  width: 0;
}
@media (max-width: 767px) {
  .blog-search__input {
    font-size: 16px;
    line-height: 20px;
  }
}
.blog-search__input::-moz-placeholder {
  color: var(--neutral-40);
  opacity: 1;
}
.blog-search__input::placeholder {
  color: var(--neutral-40);
  opacity: 1;
}
.blog-search__spinner {
  align-items: center;
  color: var(--blue-50);
  display: none;
  height: 640px;
  justify-content: center;
  width: 100%;
}
.blog-search__spinner svg {
  animation: spinnerRotation 0.5s linear infinite;
}
@media (max-width: 767px) {
  .blog-search__spinner {
    height: 50vh;
  }
}
.blog-search__spinner--visible {
  display: flex;
}
.blog-search__counter {
  color: var(--neutral-50);
  display: none;
  margin-right: auto;
  padding: 12px 0;
}
@media (max-width: 767px) {
  .blog-search__counter {
    margin-rigth: 0;
    font-size: 16px;
    line-height: 20px;
    position: relative;
    top: 48px;
  }
}
.blog-search__label {
  color: var(--neutral-100);
  display: block;
  transition: opacity 0.2s ease;
}
@media (max-width: 767px) {
  .blog-search__label {
    display: none;
  }
}
.blog-search__icon {
  color: var(--neutral-100);
  flex-shrink: 0;
  height: 40px;
  margin-right: 4px;
  transition: color 0.2s ease;
  width: 40px;
}
.blog-search__clear {
  background-color: var(--neutral-5);
  border: none;
  border-radius: 50%;
  color: var(--neutral-60);
  cursor: pointer;
  display: none;
  height: 24px;
  margin-right: 12px;
  margin-top: 7px;
  padding: 0;
  transition: color 0.3s ease;
  width: 24px;
}
.blog-search__clear:focus,
.blog-search__clear:hover {
  color: var(--neutral-100);
  outline: none;
}
.blog-search__open-button {
  border: 0;
  margin: 0 16px 0 0;
  padding: 0;
  position: relative;
}
.blog-search__open-button svg {
  margin-left: -8px;
  transform: scale(1.3);
}
.blog-search__open-button:after {
  background-color: rgba(101, 110, 131, 0.15);
  content: "";
  height: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
}
.blog-search--open {
  cursor: default;
}
@media (max-width: 767px) {
  .blog-search--open {
    background: var(--white);
    width: 100%;
  }
}
.blog-search--open .blog-search__inner {
  box-shadow: 0 -2px 0 -1px var(--blue-50) inset;
  order: 1;
}
.blog-search--open .blog-search__label {
  display: none;
}
.blog-search--open .blog-search__input {
  flex-grow: 1;
  order: 1;
}
@media (max-width: 767px) {
  .blog-search--open .blog-search__input {
    width: 100%;
  }
}
.blog-search--open .blog-search__icon {
  margin-right: 0;
  order: 2;
}
.blog-search--open .blog-search__clear {
  display: flex;
  order: 1;
}
.blog-main__top-box-nav .blog-search {
  align-items: center;
  display: none;
  left: 0;
  padding: 4px 4px 4px 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-main__top-box-nav .blog-search:not(:last-child) {
  margin: 0 16px 0 0;
}
.blog-main__top-box-nav .blog-search__icon {
  margin-right: 0;
}
.blog-main__top-box-nav .blog-search__clear {
  margin-top: 0;
}
.blog-main__top-box-nav .blog-search__inner {
  box-shadow: none;
  padding-bottom: 0;
}
.blog-main__top-box-nav .blog-search__label {
  display: none;
}
.blog-main__top-box-nav .blog-search--open {
  display: flex;
  flex-grow: 1;
}
.blog-main__top-box-nav .blog-search--open:not(:last-child) {
  margin-right: 0;
  padding-right: 0;
}
.blog-main__top-box-nav .blog-search--open:after {
  display: none;
}
.blog-main__top-box-nav .blog-search--open .blog-search__icon {
  margin-left: 0;
}
.blog-main__top-box-nav .blog-search--open .blog-search__inner {
  box-shadow: 0 -2px 0 -1px var(--blue-50) inset;
}
.blog-categories-nav__list {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  width: 100%;
}
.blog-categories-nav__item:not(:last-child) {
  margin-bottom: 12px;
}
.blog-categories-nav__link {
  align-items: center;
  border-radius: 100px;
  color: var(--neutral-100);
  display: flex;
  min-height: 48px;
  padding: 4px 16px;
  transition: background-color 0.15s ease;
  white-space: nowrap;
}
.blog-categories-nav__link.active,
.blog-categories-nav__link:hover {
  background-color: var(--neutral-10);
}
.blog-categories-nav__item-icon {
  height: 40px;
  margin-left: -12px;
  margin-right: 4px;
  width: 40px;
}
.blog-main__top-box-nav .blog-categories-nav {
  flex-grow: 1;
}
.blog-main__top-box-nav .blog-categories-nav__list {
  flex-direction: row;
}
.blog-main__top-box-nav .blog-categories-nav__item:not(:last-child) {
  margin: 0 16px 0 0;
}
.blog-pagination {
  border-top: 1px solid var(--neutral-15);
  font-size: 19px;
  line-height: 24px;
  padding-top: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.blog-pagination,
.blog-pagination__item {
  align-items: center;
  display: flex;
  justify-content: center;
}
.blog-pagination__item {
  background: transparent;
  border-radius: 18px;
  color: var(--neutral-50);
  cursor: pointer;
  font-weight: 400;
  height: 36px;
  padding-top: 1px;
  width: 36px;
}
.blog-pagination__item:hover {
  color: var(--blue-50);
}
.blog-pagination__item.blog-pagination__item--active {
  background: var(--blue-50);
  color: var(--white);
  font-weight: 600;
  pointer-events: none;
}
.blog-pagination__arrow {
  height: 24px;
  position: relative;
  width: 24px;
}
.blog-pagination__arrow:after,
.blog-pagination__arrow:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-pagination__arrow:before {
  background-image: url(../images/pagination-left727c771db745ab343cdb.svg);
}
.blog-pagination__arrow:after {
  background-image: url(../images/pagination-left-active0e74e1594ea0c6f0a02e.svg);
  opacity: 0;
}
.blog-pagination__arrow:last-child:before {
  background-image: url(../images/pagination-right79055a3382df789f1f36.svg);
}
.blog-pagination__arrow:last-child:after {
  background-image: url(../images/pagination-right-activec181b597ba872a04d602.svg);
}
.blog-pagination__arrow:hover:before {
  opacity: 0;
}
.blog-pagination__arrow:hover:after {
  opacity: 1;
}
.blog-aside {
  display: block;
  position: sticky;
  top: 96px;
  transition: opacity 0.15s ease;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-aside {
    position: static;
  }
}
.blog-aside__item {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.35s ease, visibility 0.35s 0s;
  visibility: hidden;
  width: 100%;
  will-change: opacity, visibility;
}
.blog-aside__item:not(:last-child) {
  margin-bottom: 40px;
}
.blog-aside__item.show {
  opacity: 1;
  transition: opacity 0.35s ease, visibility 0s;
  visibility: visible;
}
.blog-post-footer {
  margin-top: 40px;
}
.blog-post-footer__actions {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 32px;
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .blog-post-footer__actions {
    align-items: flex-start;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .blog-post-footer__actions {
    margin-bottom: 16px;
  }
}
.blog-post-footer__rating {
  color: var(--orange-40);
  display: block;
  flex: 1 1;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .blog-post-footer__rating {
    margin-bottom: 12px;
  }
}
.blog-post-footer__rating-number {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 4px;
}
.blog-post-footer__rating-average {
  font-feature-settings: "tnum";
  align-items: center;
  font-size: 32px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 34px;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .blog-post-footer__rating-average {
    font-size: 26px;
    line-height: 28px;
  }
}
.blog-post-footer__rating-stars {
  display: flex;
  flex-flow: row nowrap;
  flex-direction: row-reverse;
}
.blog-post-footer__rating-star {
  color: var(--orange-40);
  cursor: pointer;
  height: 32px;
  transition: transform 0.2s ease;
  width: 32px;
}
@media (max-width: 767px) {
  .blog-post-footer__rating-star {
    height: 28px;
    width: 28px;
  }
}
.blog-post-footer__rating-star:active {
  transform: scale(1.3);
}
.blog-post-footer__rating-star.blog-post-footer__rating-star--inactive {
  color: var(--neutral-40);
}
.blog-post-footer__rating-star--with-hover:hover,
.blog-post-footer__rating-star--with-hover:hover
  ~ .blog-post-footer__rating-star--with-hover {
  color: var(--orange-40);
}
.blog-post-footer__rating-text {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  font-size: 16px;
  line-height: 20px;
}
.blog-post-footer__rating-circle {
  background-color: var(--neutral-50);
  border-radius: 50%;
  height: 3px;
  margin: 0 6px;
  width: 3px;
}
.blog-post-footer__share,
.blog-post-footer__share-button {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.blog-post-footer__share-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  border: 1px solid var(--neutral-15);
  border-radius: 4px;
  color: var(--neutral-90);
  cursor: pointer;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 18px;
  font-weight: 600;
  justify-content: center;
  line-height: 22px;
  margin-right: 16px;
  outline: none;
  padding: 11px 23px 11px 15px;
  transition: background-color 0.1s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.blog-post-footer__share-button:last-child {
  margin-right: 0;
}
.blog-post-footer__share-button:hover {
  background-color: var(--neutral-5);
}
.blog-post-footer__share-button:active {
  background-color: var(--neutral-10);
}
@media (max-width: 767px) {
  .blog-post-footer__share-button {
    border-radius: 20px;
    height: 40px;
    margin-right: 8px;
    padding: 0;
    width: 40px;
  }
  .blog-post-footer__share-button-text {
    display: none;
  }
}
.blog-post-footer__social-icon {
  color: var(--neutral-90);
  height: 24px;
  margin-right: 6px;
  width: 24px;
}
.blog-post-footer__social-icon.blog-post-footer__social-icon--facebook {
  color: var(--facebook-color);
}
.blog-post-footer__social-icon.blog-post-footer__social-icon--twitter {
  color: var(--twitter-color);
}
.blog-post-footer__social-icon.blog-post-footer__social-icon--linkedin {
  color: var(--linkedin-color);
}
@media (max-width: 767px) {
  .blog-post-footer__social-icon {
    height: 20px;
    margin-right: 0;
    width: 20px;
  }
}
.blog-post-footer__author {
  align-items: flex-start;
  border-top: 1px solid var(--neutral-15);
  display: flex;
  flex-flow: row nowrap;
  padding-top: 32px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post-footer__author {
    padding-top: 20px;
  }
}
.blog-post-footer__author-image {
  background-color: var(--neutral-10);
  background-position: 50%;
  background-size: cover;
  border-radius: 48px;
  height: 96px;
  margin-right: 32px;
  width: 96px;
}
@media (max-width: 767px) {
  .blog-post-footer__author-image {
    border-radius: 24px;
    height: 48px;
    margin-right: 12px;
    width: 48px;
  }
}
.blog-post-footer__author-details {
  flex: 1 1;
}
.blog-post-footer__author-label {
  color: var(--neutral-50);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .blog-post-footer__author-label {
    margin-bottom: 4px;
  }
}
.blog-post-footer__author-name {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .blog-post-footer__author-name {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.blog-post-footer__author-name:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-post-footer__author-description {
  color: var(--neutral-70);
  font-family: TT Tricks, serif;
  font-size: 19px;
  font-style: italic;
  line-height: 28px;
}
@media (max-width: 767px) {
  .blog-post-footer__author-description {
    font-size: 17px;
    line-height: 24px;
    margin-left: -60px;
  }
}
.blog-aside-toc {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  position: sticky;
  top: 96px;
}
@media (max-width: 1023px) {
  .blog-aside-toc {
    border-bottom: 1px solid rgba(101, 110, 131, 0.15);
    margin-bottom: 30px;
  }
}
.blog-aside-toc--open .blog-aside-toc__title-chevron {
  background-color: hsla(0, 0%, 100%, 0);
}
.blog-aside-toc--open .blog-aside-toc__title-chevron:after {
  transform: translateY(0) scaleX(1.15) rotate(-45deg);
}
.blog-aside-toc--open .blog-aside-toc__title-chevron:before {
  transform: translateY(0) scaleX(1.15) rotate(45deg);
}
.blog-aside-toc__title {
  -webkit-tap-highlight-color: transparent;
  display: none;
}
@media (max-width: 1023px) {
  .blog-aside-toc__title {
    color: var(--neutral-60);
    cursor: pointer;
    display: block;
    margin-bottom: 12px;
    padding-left: 26px;
    position: relative;
  }
}
@media (max-width: 767px) {
  .blog-aside-toc__title {
    font-size: 19px;
    line-height: 24px;
  }
}
.blog-aside-toc__title-chevron {
  background-color: currentColor;
  color: var(--neutral-60);
  display: none;
  height: 1px;
  left: 0;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  transform: scaleY(1.3);
  transform-origin: 50% 50%;
  transition: background-color 0.15s ease, transform 0.15s ease;
  width: 13px;
}
@media (max-width: 1023px) {
  .blog-aside-toc__title-chevron {
    display: block;
  }
}
.blog-aside-toc__title-chevron:after,
.blog-aside-toc__title-chevron:before {
  background-color: currentColor;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 50%;
  transition: transform 0.15s ease;
  width: 100%;
}
.blog-aside-toc__title-chevron:after {
  transform: translateY(3.7px);
}
.blog-aside-toc__title-chevron:before {
  transform: translateY(-3.7px);
}
.blog-aside-toc__body {
  font-size: 17px;
  line-height: 24px;
  margin: 0 -8px;
}
@media (max-width: 1023px) {
  .blog-aside-toc__body {
    display: none;
  }
}
.blog-aside-toc__progress {
  background-color: rgba(101, 110, 131, 0.15);
  height: 1px;
  margin: 12px 8px 0;
}
@media (max-width: 1023px) {
  .blog-aside-toc__progress {
    display: none;
  }
}
.blog-aside-toc__progress-inner {
  background-color: var(--neutral-100);
  height: 100%;
  transform-origin: 0 50%;
  transition: transform 0.2s linear;
  width: 100%;
}
.blog-aside-toc__section {
  overflow: hidden;
  position: relative;
}
.blog-aside-toc__section:not(:last-child) {
  margin-bottom: 8px;
}
.blog-aside-toc__section:not(:last-child):after {
  background-color: rgba(101, 110, 131, 0.15);
  bottom: 0;
  content: "";
  height: 1px;
  left: 8px;
  position: absolute;
  right: 8px;
}
.blog-aside-toc__section.is-open .blog-aside-toc__list {
  height: auto;
  opacity: 1;
}
.blog-aside-toc__section.is-open .blog-aside-toc__chevron {
  transform: rotate(0);
}
.blog-aside-toc__section-title {
  color: var(--neutral-100);
  cursor: pointer;
  margin: 0 8px;
  padding: 4px 16px 12px 0;
  position: relative;
  transition: color 0.125s ease;
}
.blog-aside-toc__chevron {
  height: 24px;
  position: absolute;
  right: 8px;
  top: 3px;
  transform: rotate(-90deg);
  transition: transform 0.15s ease;
  width: 24px;
}
.blog-aside-toc__list {
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
}
.blog-aside-toc__list:before {
  background-color: rgba(101, 110, 131, 0.15);
  content: "";
  height: 1px;
  left: 8px;
  position: absolute;
  right: 8px;
  top: 0;
}
.blog-aside-toc__item {
  border-radius: 6px;
  color: var(--neutral-60);
  cursor: pointer;
  display: block;
  padding: 8px;
  transition: color 0.125s ease, background-color 0.125s ease;
}
.blog-aside-toc__item.active,
.blog-aside-toc__item:hover {
  background-color: var(--neutral-5);
  color: var(--neutral-100);
}
.blog-aside-toc__item:last-child {
  margin-bottom: 24px;
}
.blog-aside-toc__item:first-child {
  margin-top: 12px;
}
.blog-aside-toc--flat .blog-aside-toc__title {
  display: block;
}
.blog-aside-toc--flat .blog-aside-toc__list {
  height: auto;
  opacity: 1;
}
@media (min-width: 1024px) {
  .blog-aside-toc--flat .blog-aside-toc__list:before {
    display: none;
  }
  .blog-aside-toc--guide .blog-aside-toc__body {
    color: transparent;
    max-height: calc(100vh - 108px);
    overflow: auto;
    transition: color 0.3s ease;
  }
  .blog-aside-toc--guide .blog-aside-toc__body:hover {
    color: hsla(0, 0%, 50%, 0.9);
  }
}
@media (min-width: 1024px) {
  .blog-aside-toc--guide .blog-aside-toc__body::-webkit-scrollbar,
  .blog-aside-toc--guide .blog-aside-toc__body::-webkit-scrollbar-thumb {
    width: 8px;
  }
  .blog-aside-toc--guide .blog-aside-toc__body::-webkit-scrollbar-thumb {
    background-color: currentColor;
    border-radius: 8px;
  }
}
.blog-featured-posts {
  overflow: hidden;
}
.blog-featured-posts:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .blog-featured-posts {
    overflow: visible;
  }
}
.blog-featured-posts__slider {
  left: 50%;
  overflow: hidden;
  position: relative;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100);
}
.blog-featured-posts__slider-container {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  position: relative;
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-featured-posts__slider-container {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-featured-posts__slider-container {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-featured-posts__slider-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.blog-featured-posts__slider-container.swiper-container-initialized {
  opacity: 1;
}
.blog-featured-posts__slider-inner {
  display: flex;
  flex-shrink: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1000%;
}
.blog-featured-posts__slider-item {
  -webkit-tap-highlight-color: transparent;
  border-radius: 6px;
  height: 500px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .blog-featured-posts__slider-item {
    height: 39vw;
    width: 25vw;
  }
  .blog-featured-posts__slider-item:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 1023px) {
  .blog-featured-posts__slider-item {
    height: 48vw;
    width: 32vw;
  }
  .blog-featured-posts__slider-item:not(:last-child) {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .blog-featured-posts__slider-item {
    width: 30vw;
  }
  .blog-featured-posts__slider-item:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 560px) {
  .blog-featured-posts__slider-item {
    height: 75vw;
    max-height: 265px;
    width: 40vw;
  }
}
.blog-featured-posts__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
}
@media (max-width: 767px) {
  .blog-featured-posts__header {
    justify-content: center;
  }
}
.blog-featured-posts__title-avatars {
  background-image: url(../images/avatarsc3c81e8b2fc15911bc80.png);
  background-size: contain;
  display: inline-block;
  height: 24px;
  margin: 0 2px;
  vertical-align: middle;
  width: 61px;
}
.blog-featured-posts__nav-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .blog-featured-posts__nav-wrapper {
    display: none;
  }
}
.blog-featured-posts__nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--neutral-10);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s;
  width: 48px;
}
.blog-featured-posts__nav:hover {
  background-color: var(--neutral-15);
}
.blog-featured-posts__nav:not(:last-child) {
  margin-right: 12px;
}
.blog-featured-posts__nav:before {
  border: 1px solid #7a8599;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  transform: translateX(2px) rotate(135deg);
  width: 12px;
}
.blog-featured-posts__nav--next {
  transform: scaleX(-1);
}
.blog-post__content .template-slider:first-child {
  margin-top: 0;
}
.blog-post__content .template-slider:last-child {
  margin-bottom: 0;
}
.blog-post__content .template-slider {
  margin: 40px -352px 40px 0;
  max-width: 1120px;
  width: calc(100vw - 88px);
}
@media (max-width: 1023px) {
  .blog-post__content .template-slider {
    margin: 24px 0;
    max-width: 100%;
    width: 100%;
  }
}
.blog-post__content .template-slider__gallery {
  background: var(--neutral-10);
  border-radius: 6px;
  height: 660px;
  padding: 32px 0 80px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__gallery {
    height: auto;
    padding: 32px 0 64px;
  }
}
.blog-post__content .template-slider__gallery:after,
.blog-post__content .template-slider__gallery:before {
  content: "";
  display: block;
  height: 100%;
  opacity: 0.7;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 5;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__gallery:after,
  .blog-post__content .template-slider__gallery:before {
    width: 32px;
  }
}
.blog-post__content .template-slider__gallery:before {
  background: linear-gradient(to right, var(--neutral-10), transparent);
  border-radius: 6px 0 0 6px;
  left: 0;
}
.blog-post__content .template-slider__gallery:after {
  background: linear-gradient(to left, var(--neutral-10), transparent);
  border-radius: 0 6px 6px 0;
  right: 0;
}
.blog-post__content .slick-initialized .slick-slide {
  display: block;
  height: 536px;
  transform: scale(0.9);
  transition: transform 0.3s ease;
  width: 378px;
}
@media (max-width: 767px) {
  .blog-post__content .slick-initialized .slick-slide {
    height: 326px;
    width: 232px;
  }
}
.blog-post__content .slick-initialized .slick-slide:focus {
  outline: none;
}
.blog-post__content .slick-initialized .slick-slide .button {
  color: var(--white);
  opacity: 0;
  position: relative;
  transform: scale(0.7);
  transition: all 0.1s ease;
}
.blog-post__content .slick-initialized .slick-active {
  transform: scale(1);
}
.blog-post__content .slick-initialized .slick-active .button {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.6s ease 0.3s;
}
.blog-post__content .template-slider__gallery-item {
  align-items: flex-end;
  background: var(--white);
  border-radius: 4px;
  display: flex !important;
  flex-shrink: 0;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  height: 536px;
  justify-content: center;
  margin: 0;
  opacity: 0;
  padding-bottom: 40px;
  position: relative;
  text-align: center;
  transition: opacity 0.1s ease;
  width: 378px;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__gallery-item {
    height: 326px;
    width: 232px;
  }
}
.blog-post__content .slick-initialized .template-slider__gallery-item {
  opacity: 1;
}
.blog-post__content .template-slider__gallery-preview {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s ease;
  width: 100%;
}
.blog-post__content .template-slider__colors {
  bottom: 32px;
  display: flex;
  height: 32px;
  justify-content: center;
  left: 0;
  margin: 16px auto 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.1s ease;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__colors {
    bottom: 16px;
  }
}
.blog-post__content .template-slider__colors--visible {
  opacity: 1;
}
.blog-post__content .template-slider__colors-item {
  border-radius: 50%;
  height: 32px;
  margin: 0 4px;
  opacity: 0;
  transform: scale(0.5) translateY(10px);
  transition: transform 0.2s ease, opacity 0.2s ease;
  width: 32px;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__colors-item {
    height: 24px;
    margin: 0 2px;
    width: 24px;
  }
}
.blog-post__content
  .template-slider__colors--visible
  .template-slider__colors-item {
  opacity: 1;
  transform: scale(1) translateY(0);
  transition: transform 0.2s ease 0.15s, opacity 0.2s ease 0.15s;
}
.blog-post__content
  .template-slider__colors--visible
  .template-slider__colors-item:nth-child(3) {
  transition-delay: 0.1s;
}
.blog-post__content
  .template-slider__colors--visible
  .template-slider__colors-item:nth-child(2),
.blog-post__content
  .template-slider__colors--visible
  .template-slider__colors-item:nth-child(4) {
  transition-delay: 0.15s;
}
.blog-post__content .template-slider__colors-item--locked {
  background: var(--neutral-100)
    url(../images/lock-white0485cf30aaccc8755930.svg) no-repeat center;
  background-size: auto 20px;
}
.blog-post__content .template-slider__button {
  background: var(--blue-50)
    url(../images/chevron-white37fffd77a0fc944897fc.svg) no-repeat center;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  height: 48px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 24px);
  transform: scale(0);
  transition: opacity 0.2s ease;
  width: 48px;
  z-index: 10;
}
@media (max-width: 767px) {
  .blog-post__content .template-slider__button {
    display: none;
  }
}
.blog-post__content .template-slider__button:focus,
.blog-post__content .template-slider__button:hover {
  background-color: var(--blue-60);
  outline: none;
}
.blog-post__content .template-slider__button-previous {
  left: -24px;
  transform: rotate(-180deg);
}
.blog-post__content .template-slider__button-next {
  right: -24px;
  transform: rotate(0deg);
}
.blog-post__content .template-slider--triggered .template-slider__button {
  opacity: 1;
}
.blog-post__content .template-slider__caption {
  color: var(--neutral-50);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: 12px;
  text-align: center;
}
.blog-post__content .template-slider__caption strong {
  font-size: 16px;
  line-height: 20px;
}
.blog-post__hero {
  background-color: currentColor;
  color: var(--neutral-5);
}
@media (max-width: 1023px) {
  .blog-post__hero {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .blog-post__hero {
    margin-bottom: 0;
  }
}
.blog-post__hero--dark .blog-post__hero-breadcrumbs-item:after {
  border-color: hsla(0, 0%, 100%, 0.4);
}
.blog-post__hero--dark .blog-post__hero-breadcrumbs-link {
  color: hsla(0, 0%, 100%, 0.4);
}
.blog-post__hero--dark .blog-post__hero-text,
.blog-post__hero--dark a.blog-post__hero-breadcrumbs-link:hover {
  color: var(--white);
}
.blog-post__hero--dark .blog-post__hero-author {
  color: hsla(0, 0%, 100%, 0.4);
}
.blog-post__hero--dark .blog-post__hero-author .blog-post-preview__author-link,
.blog-post__hero--dark
  .blog-post__hero-author
  .blog-post-preview__author-link:hover {
  color: var(--white);
}
.blog-post__hero--dark .blog-post__hero-author-smaller-fold {
  color: hsla(0, 0%, 100%, 0.4);
}
.blog-post__hero--dark
  .blog-post__hero-author-smaller-fold
  .blog-post-preview__author-link,
.blog-post__hero--dark
  .blog-post__hero-author-smaller-fold
  .blog-post-preview__author-link:hover {
  color: var(--white);
}
.blog-post__hero--dark .blog-post__hero-duration-smaller-fold {
  color: hsla(0, 0%, 100%, 0.4);
}
@media (max-width: 1023px) {
  .blog-post__hero--dark .blog-post__hero-illustrator {
    color: hsla(0, 0%, 100%, 0.4);
  }
  .blog-post__hero--dark .blog-post__hero-illustrator a {
    border-color: hsla(0, 0%, 100%, 0.5);
  }
}
.blog-post__hero-container {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-post__hero-container {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-post__hero-container {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-post--with-single-aside .blog-post__hero-container {
  max-width: 1200px;
}
.blog-post__hero-inner {
  align-items: center;
  display: flex;
  padding: 40px 0 60px;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-post__hero-inner {
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-inner {
    flex-direction: column;
    padding-bottom: 24px;
  }
}
ol.blog-post__hero-breadcrumbs {
  display: flex;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 22px;
  width: 44%;
  z-index: 1;
}
@media (max-width: 1023px) {
  ol.blog-post__hero-breadcrumbs {
    width: auto;
  }
}
li.blog-post__hero-breadcrumbs-item {
  display: block;
  flex-shrink: 0;
  overflow: hidden;
  padding-right: 24px;
  position: relative;
}
li.blog-post__hero-breadcrumbs-item:last-child {
  flex-shrink: 1;
}
@media (max-width: 1199px) {
  li.blog-post__hero-breadcrumbs-item {
    font-size: 16px;
    line-height: 20px;
  }
}
li.blog-post__hero-breadcrumbs-item:after {
  border: 1px solid rgba(15, 20, 30, 0.5);
  border-width: 0 1px 1px 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 5px;
}
li.blog-post__hero-breadcrumbs-item:last-child {
  padding-right: 0;
}
li.blog-post__hero-breadcrumbs-item:last-child:after {
  display: none;
}
.blog-post__hero-breadcrumbs-link {
  color: rgba(15, 20, 30, 0.5);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.125s ease;
  white-space: nowrap;
}
a.blog-post__hero-breadcrumbs-link:hover {
  color: var(--neutral-90);
}
.blog-post__hero-breadcrumbs-chevron {
  flex: 0 0 16px;
  height: 16px;
  margin: 0 4px;
  width: 16px;
}
.blog-post__hero-text {
  color: var(--neutral-100);
  display: flex;
  flex-flow: column nowrap;
  margin-right: var(--blog-column-1);
  width: var(--blog-column-with-gutter-5);
}
@media (max-width: 1023px) {
  .blog-post__hero-text {
    margin-left: 0;
    width: 39.427%;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-text {
    margin-right: 0;
    order: 2;
    text-align: center;
    width: 100%;
  }
}
.blog-post__hero-illustration {
  flex-grow: 1;
  margin-right: var(--blog-column-with-gutter-1);
  position: relative;
}
@media (max-width: 1023px) {
  .blog-post__hero-illustration {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-illustration {
    margin-bottom: 28px;
    order: 1;
    width: 100%;
  }
}
.blog-post__hero-image-container {
  border-radius: 6px;
  flex: 0 0 544px;
  overflow: hidden;
  padding-top: 87.5%;
  position: relative;
  width: 100%;
}
.blog-post__hero-image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-post__hero-author {
  color: rgba(15, 20, 30, 0.5);
  margin-bottom: 12px;
  position: relative;
}
.blog-post__hero-author .blog-post-preview__author-link {
  color: var(--neutral-100);
  padding-left: 46px;
  transition: color 0.125s ease;
}
.blog-post__hero-author .blog-post-preview__author-link:hover {
  color: var(--blue-50);
}
.blog-post__hero-author .blog-post-preview__author-avatar {
  height: 40px;
  width: 40px;
}
.blog-post__hero-title {
  font-size: 54px;
  font-weight: 700;
  font-weight: 400;
  line-height: 52px;
  margin-bottom: 20px;
  word-break: break-word;
}
@media (max-width: 1199px) {
  .blog-post__hero-title {
    font-size: 46px;
    font-weight: 700;
    font-weight: 400;
    line-height: 48px;
  }
}
@media (max-width: 1023px) {
  .blog-post__hero-title {
    font-size: 38px;
    font-weight: 700;
    font-weight: 400;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 26px;
  }
}
.blog-post__hero-duration {
  align-items: center;
  color: rgba(15, 20, 30, 0.5);
  display: flex;
  position: relative;
}
.blog-post__hero-duration-icon {
  height: 20px;
  margin-right: 8px;
  margin-top: -1px;
  width: 20px;
}
.blog-post__hero-lead {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-post__hero-lead {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 32px;
  }
}
.blog-post__hero-illustrator {
  color: rgba(15, 20, 30, 0.5);
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: calc(100% + 12px);
  z-index: 1;
}
@media (max-width: 1023px) {
  .blog-post__hero-illustrator {
    bottom: 20px;
    top: auto;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-illustrator {
    text-align: right;
    width: 150px;
  }
}
.blog-post__hero-illustrator a {
  border-bottom: 1px solid rgba(15, 20, 30, 0.5);
}
.blog-post__hero-illustrator-text {
  margin-right: 4px;
}
@media (max-width: 767px) {
  .blog-post__hero-illustrator-text {
    display: block;
    margin-right: 0;
  }
}
.blog-post__hero-inner-smaller-fold {
  align-items: center;
  display: flex;
  height: 400px;
  padding: 16px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-post__hero-inner-smaller-fold {
    height: auto;
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-inner-smaller-fold {
    flex-direction: column;
    height: auto;
    padding-bottom: 24px;
  }
}
ol.blog-post__hero-breadcrumbs-smaller-fold {
  display: flex;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 12px;
  width: 44%;
  z-index: 1;
}
@media (max-width: 1023px) {
  ol.blog-post__hero-breadcrumbs-smaller-fold {
    width: auto;
  }
}
li.blog-post__hero-breadcrumbs-item-smaller-fold {
  display: block;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 20px;
  overflow: hidden;
  padding-right: 24px;
  position: relative;
}
li.blog-post__hero-breadcrumbs-item-smaller-fold:last-child {
  flex-shrink: 1;
}
li.blog-post__hero-breadcrumbs-item-smaller-fold:after {
  border: 1px solid rgba(15, 20, 30, 0.5);
  border-width: 0 1px 1px 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  width: 5px;
}
li.blog-post__hero-breadcrumbs-item-smaller-fold:last-child {
  padding-right: 0;
}
li.blog-post__hero-breadcrumbs-item-smaller-fold:last-child:after {
  display: none;
}
.blog-post__hero-author-smaller-fold {
  color: rgba(15, 20, 30, 0.5);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
  position: relative;
}
.blog-post__hero-author-smaller-fold .blog-post-preview__author-link {
  color: var(--neutral-100);
  padding-left: 46px;
  transition: color 0.125s ease;
}
.blog-post__hero-author-smaller-fold .blog-post-preview__author-link:hover {
  color: var(--blue-50);
}
.blog-post__hero-author-smaller-fold .blog-post-preview__author-avatar {
  height: 40px;
  width: 40px;
}
.blog-post__hero-title-smaller-fold {
  font-size: 54px;
  font-size: 52px;
  font-weight: 700;
  font-weight: 400;
  line-height: 52px;
  margin-bottom: 22px;
  word-break: break-word;
}
@media (max-width: 1199px) {
  .blog-post__hero-title-smaller-fold {
    font-size: 46px;
    font-weight: 700;
    font-weight: 400;
    line-height: 48px;
  }
}
@media (max-width: 1023px) {
  .blog-post__hero-title-smaller-fold {
    font-size: 38px;
    font-weight: 700;
    font-weight: 400;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-title-smaller-fold {
    font-size: 32px;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 26px;
  }
}
.blog-post__hero-duration-smaller-fold {
  align-items: center;
  color: rgba(15, 20, 30, 0.5);
  display: flex;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 0;
  position: relative;
}
.blog-post__hero-duration-smaller-fold-icon {
  height: 20px;
  margin-right: 8px;
  margin-top: -1px;
  width: 20px;
}
.blog-post__hero-illustration-smaller-fold {
  border-radius: 6px;
  position: relative;
  width: 420px;
}
@media (max-width: 1023px) {
  .blog-post__hero-illustration-smaller-fold {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .blog-post__hero-illustration-smaller-fold {
    margin-bottom: 28px;
    order: 1;
    width: 100%;
  }
}
.blog-post__hero-image-smaller-fold {
  border-radius: 6px;
  height: 100%;
  max-height: 368px;
  max-width: 420px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-post__hero-image-smaller-fold {
    max-height: 100%;
    max-width: 100%;
  }
}
.blog-post-related {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-post-related {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-post-related {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-post-related {
  margin-bottom: 60px;
}
.blog-post-related__header {
  font-size: 32px;
  line-height: 34px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .blog-post-related__header {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.blog-post-related__body {
  grid-column-gap: 20px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .blog-post-related__body {
    grid-column-gap: 12px;
  }
}
@media (max-width: 767px) {
  .blog-post-related__body {
    grid-row-gap: 8px;
    grid-column-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
  }
}
.blog-post-related__more {
  color: var(--neutral-60);
  transition: color 0.2s ease;
}
.blog-post-related__more:hover {
  color: var(--blue-50);
}
.blog-post-related__more:hover path {
  fill: var(--blue-50);
}
.blog-post-related__more svg {
  margin-left: 4px;
}
.blog-post-related__more path {
  fill: var(--neutral-60);
  transition: fill 0.2s ease;
}
.blog-post-related__item {
  -webkit-tap-highlight-color: transparent;
  border-radius: 6px;
  overflow: hidden;
  padding-top: 150%;
  position: relative;
}
.blog-post-related__item-inner {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-post-sharing {
  margin-top: 32px;
}
.blog-post-sharing__title {
  color: var(--neutral-50);
  margin-bottom: 4px;
  text-align: center;
}
.blog-post-sharing__content,
.blog-post-sharing__item {
  display: flex;
  justify-content: center;
}
.blog-post-sharing__item {
  align-items: center;
  border: 1px solid var(--neutral-20);
  border-radius: 50%;
  flex-shrink: 0;
  height: 48px;
  transition: background-color 0.2s ease;
  width: 48px;
}
.blog-post-sharing__item:hover {
  background-color: var(--neutral-10);
}
.blog-post-sharing__item:not(:last-child) {
  margin-right: 8px;
}
.blog-post-sharing__icon {
  color: var(--neutral-90);
  height: 24px;
  width: 24px;
}
.blog-post-sharing__icon.blog-post-sharing__icon--facebook {
  color: var(--facebook-color);
}
.blog-post-sharing__icon.blog-post-sharing__icon--twitter {
  color: var(--twitter-color);
}
.blog-post-sharing__icon.blog-post-sharing__icon--linkedin {
  color: var(--linkedin-color);
}
.blog-post-comments {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-post-comments {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-post-comments {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-post-comments {
  min-height: 150px;
}
.blog-post-comments:not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .blog-post-comments:not(:last-child) {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog-post-comments:not(:last-child) {
    margin-bottom: 0;
  }
}
@media (max-width: 1023px) {
  .blog-post-comments {
    border-top: 1px solid var(--neutral-15);
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  .blog-post-comments {
    padding: 32px 20px 0;
  }
}
.blog-post--with-single-aside .blog-post-comments {
  max-width: 1200px;
}
.blog-post-comments.loading {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.blog-post-comments.loading:after {
  animation: rotation 0.5s linear infinite;
  background-image: url(../images/templates_loadercc4ba13f4e9525a5c237.svg);
  background-position: 50%;
  background-size: 100% 100%;
  content: "";
  height: 36px;
  margin-bottom: 8px;
  width: 36px;
}
.blog-post-comments .commento-root .commento-logged-container {
  align-items: center;
  display: flex;
  height: auto;
}
.blog-post-comments .commento-root .commento-login .commento-login-text {
  margin-right: 0;
}
.blog-post-comments .commento-root .commento-markdown-button {
  margin: 0;
}
.blog-post-comments
  .commento-root
  .commento-logged-container
  .commento-profile-button {
  margin: 6px;
}
.blog-post-comments
  .commento-root
  .commento-logged-container
  .commento-profile-button:nth-child(2) {
  margin-right: 0;
  order: 3;
}
.blog-post-comments
  .commento-root
  .commento-logged-container
  .commento-profile-button:last-child {
  order: 2;
  white-space: nowrap;
}
.blog-post-comments .commento-root .commento-submit-button {
  background-color: var(--blue-50);
  border-radius: 4px;
  box-shadow: none;
  color: var(--white);
  cursor: pointer;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  margin-right: 0;
  padding: 8px 14px;
  text-transform: none;
  transition: background-color 0.2s ease;
}
.blog-post-comments .commento-root .commento-submit-button:hover {
  background-color: var(--blue-60);
}
.blog-post-comments .commento-root .commento-submit-button:active {
  background-color: var(--blue-70);
}
.blog-post-comments
  .commento-root
  .commento-logged-container
  .commento-logged-in-as
  .commento-name {
  line-height: 1.1;
  position: static;
}
.blog-post-comments
  .commento-root
  .commento-logged-container
  .commento-logged-in-as {
  align-items: center;
  display: flex;
  flex-grow: 1;
}
.blog-post-comments .commento-root .commento-card[style^="border-left"] {
  border-left-color: var(--blue-50) !important;
}
.blog-post-comments
  .commento-root
  .commento-login-box-container
  .commento-login-box
  .commento-email-container
  .commento-email
  .commento-email-button,
.blog-post-comments
  .commento-root
  .commento-sort-policy-buttons-container
  .commento-sort-policy-buttons
  .commento-sort-policy-button-selected,
.blog-post-comments .commento-root a {
  color: var(--blue-50);
}
.blog-post-comments
  .commento-root
  .commento-sort-policy-buttons-container
  .commento-sort-policy-buttons
  .commento-sort-policy-button:last-child {
  padding-right: 0;
}
.blog-post-comments .commento-footer {
  display: none;
}
.blog-posts-sort {
  margin: 0 auto 46px;
  padding: 8px 0 0;
  width: 100%;
}
.author .blog-posts-sort {
  padding: 8px 8.333% 0;
}
@media (max-width: 1023px) {
  .author .blog-posts-sort {
    padding: 8px 0 0;
    width: 76.485%;
  }
}
@media (max-width: 767px) {
  .author .blog-posts-sort {
    width: 100%;
  }
}
.blog-posts-sort__label {
  color: var(--neutral-40);
  margin-right: 20px;
}
@media (max-width: 767px) {
  .blog-posts-sort__label {
    display: none;
  }
}
.blog-posts-sort__list {
  align-items: center;
  border-bottom: 1px solid var(--neutral-20);
  display: flex;
  margin: 0;
  padding: 0;
}
.blog-posts-sort__item {
  list-style: none;
  margin-bottom: -1px;
}
.blog-posts-sort__item:not(:last-child) {
  margin-right: 20px;
}
.blog-posts-sort__link {
  color: var(--neutral-60);
  cursor: pointer;
  display: block;
  padding-bottom: 20px;
  position: relative;
  transition: color 0.125s ease;
}
.blog-posts-sort__link:hover {
  color: var(--neutral-100);
}
.blog-posts-sort__link:before {
  bottom: -10px;
  content: "";
  left: -10px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.blog-posts-sort__link.active {
  box-shadow: inset 0 -2px 0 0 var(--blue-50);
  color: var(--neutral-100);
  cursor: default;
  pointer-events: none;
}
.mainblog-pagination {
  font-size: 19px;
  padding-left: 0;
  padding-top: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.mainblog-pagination,
.mainblog-pagination__item {
  align-items: center;
  display: flex;
  line-height: 24px;
}
.mainblog-pagination__item {
  background: transparent;
  border-radius: 50%;
  color: #000;
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  height: 39px;
  justify-content: center;
  margin-right: 2px;
  padding-top: 1px;
  width: 40px;
}
.mainblog-pagination__item:hover {
  background-color: #f7f9fc;
  color: var(--blue-50);
  transition: background-color 0.2s ease 0s;
}
.mainblog-pagination__item.mainblog-pagination__item--active {
  background: var(--blue-50);
  color: var(--white);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  pointer-events: none;
}
.mainblog-pagination__arrows {
  grid-gap: 8px;
  align-items: center;
  background: #f7f9fc;
  border-radius: 50px;
  color: #656e83;
  display: flex;
  font-family: TT Commons;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  height: 52px;
  justify-content: space-evenly;
  line-height: 24px;
  width: 80px;
}
.mainblog-pagination__arrows:hover {
  background-color: #f7f9fc;
  color: var(--blue-50);
  transition: background-color 0.2s ease 0s;
}
.mainblog-pagination__arrows.mainblog-pagination__arrows--active {
  background: var(--blue-50);
  color: var(--white);
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  pointer-events: none;
}
@media (max-width: 767px) {
  .mainblog-pagination__arrows {
    background-color: #f7f9fc;
    border: 1px solid #e7eaf4;
    border-radius: 100px;
    color: #656e83;
    font-family: TT Commons;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    height: 46px;
    line-height: 22px;
    margin: auto;
    position: relative;
    text-align: center;
    width: 96px;
  }
  .mainblog-pagination__arrows:hover {
    background-color: #f7f9fc;
    color: var(--blue-50);
    transition: background-color 0.2s ease 0s;
  }
  .mainblog-pagination__item {
    display: none;
  }
}
.blog-post__content .copyable:first-child {
  margin-top: 0;
}
.blog-post__content .copyable:last-child {
  margin-bottom: 0;
}
.blog-post__content .copyable {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content .copyable {
    margin: 24px 0;
  }
}
.blog-post__content .copyable {
  border: 9px dashed gray;
  -o-border-image: url(../images/dashed-border610228030153ff84538e.svg);
  border-image: url(../images/dashed-border610228030153ff84538e.svg);
  border-image-repeat: round;
  border-image-slice: 9;
  padding: 15px 23px 23px;
  position: relative;
}
.blog-post__content .copyable :last-child {
  margin-bottom: 0;
}
.blog-post__content .copyable:hover .copyable__button-wrapper {
  opacity: 1;
}
@media (max-width: 767px) {
  .blog-post__content .copyable {
    padding: 7px;
  }
}
.blog-post__content .copyable__label {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.blog-post__content .copyable__label:before {
  background-color: var(--green-50);
  background-image: url(../images/tickd5430a74dab63fa12b4b.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  border-radius: 10px;
  content: "";
  height: 20px;
  margin-right: 12px;
  width: 20px;
}
.blog-post__content .copyable__text ul {
  margin: 0;
  padding-left: 32px;
}
.blog-post__content .copyable__text ul li {
  list-style: none;
  position: relative;
}
.blog-post__content .copyable__text ul li:not(:last-child) {
  margin-bottom: 4px;
}
.blog-post__content .copyable__text ul li:before {
  background-color: var(--neutral-90);
  border-radius: 50%;
  content: "";
  display: block;
  height: 4px;
  left: -24px;
  position: absolute;
  top: 9px;
  width: 4px;
}
.blog-post__content .copyable__button-wrapper {
  opacity: 0;
  position: absolute;
  right: 23px;
  top: 9px;
  transition: opacity 0.1s ease;
}
@media (max-width: 1023px) {
  .blog-post__content .copyable__button-wrapper {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .blog-post__content .copyable__button-wrapper {
    display: none;
  }
}
.blog-post__content .copyable__button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: initial;
  border: 1px solid var(--blue-50);
  border-radius: 4px;
  color: var(--blue-50);
  cursor: pointer;
  display: inline-block;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  outline: none;
  padding: 5px 11px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.blog-post__content .copyable__button:hover {
  background-color: rgba(26, 145, 240, 0.07);
}
.blog-post__content .copyable__button:active {
  background-color: rgba(26, 145, 240, 0.15);
}
.blog-post__content .copyable__tooltip {
  background-color: var(--neutral-70);
  border-radius: 4px;
  bottom: calc(100% + 8px);
  color: var(--white);
  display: inline-block;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  left: 50%;
  line-height: 16px;
  opacity: 0;
  padding: 4px 6px;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%);
  transition: opacity 0.1s ease;
}
.blog-post__content .copyable__tooltip:after {
  background-color: var(--neutral-70);
  border-radius: 2px;
  content: "";
  height: 8px;
  left: 50%;
  position: absolute;
  top: calc(100% - 5px);
  transform: translateX(-50%) rotate(45deg);
  width: 8px;
}
.blog-post__content .expert-tip:first-child {
  margin-top: 0;
}
.blog-post__content .expert-tip:last-child {
  margin-bottom: 0;
}
.blog-post__content .expert-tip {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content .expert-tip {
    margin: 24px 0;
  }
}
.blog-post__content .expert-tip {
  background-color: var(--neutral-5);
  border-radius: 6px;
  padding: 20px 24px 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-post__content .expert-tip {
    padding: 16px 16px 24px;
  }
}
.blog-post__content .expert-tip :last-child {
  margin-bottom: 0;
}
.blog-post__content .expert-tip__label {
  border-bottom: 1px solid var(--neutral-15);
  color: var(--neutral-60);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .blog-post__content .expert-tip__label {
    padding-bottom: 16px;
  }
}
.blog-post__content .expert-tip__label:before {
  background-image: url(../images/expert-tip4eed19c0397c5c472796.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.blog-post__content .expert-tip__author {
  align-items: center;
  border-bottom: 1px solid var(--neutral-15);
  display: flex;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post__content .expert-tip__author {
    padding-bottom: 16px;
  }
}
.blog-post__content .expert-tip__author-avatar {
  background-size: contain;
  border-radius: 50%;
  height: 48px;
  margin-right: 12px;
  width: 48px;
}
.blog-post__content .expert-tip__author-name {
  background: none;
  color: var(--black-400);
  transition: color 0.125s ease;
}
.blog-post__content .expert-tip__author-name:hover {
  background: none;
  color: var(--blue-50);
}
.blog-post__content .expert-tip__author-name:after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.blog-post__content .expert-tip__author-title {
  color: var(--neutral-60);
}
.blog-post__content .stat-insight:first-child {
  margin-top: 0;
}
.blog-post__content .stat-insight:last-child {
  margin-bottom: 0;
}
.blog-post__content .stat-insight {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content .stat-insight {
    margin: 24px 0;
  }
}
.blog-post__content .stat-insight {
  background-color: var(--neutral-5);
  border-radius: 6px;
  padding: 20px 24px 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-post__content .stat-insight {
    margin: 32px 0;
    padding: 16px 16px 24px;
  }
}
.blog-post__content .stat-insight :last-child {
  margin-bottom: 0;
}
.blog-post__content .stat-insight__label {
  border-bottom: 1px solid var(--neutral-15);
  color: var(--neutral-60);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 24px;
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .blog-post__content .stat-insight__label {
    padding-bottom: 16px;
  }
}
.blog-post__content .stat-insight__label:before {
  background-image: url(../images/stat-insight076a8d43c8f94cebf213.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}
.embed-code {
  background-color: var(--neutral-70);
  border-radius: 8px;
  margin: 24px 0;
  width: 100%;
}
.embed-code:first-child {
  margin-top: 0;
}
.embed-code:last-child {
  margin-bottom: 0;
}
.embed-code__content {
  background: transparent;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--neutral-80);
  border-radius: 8px 8px 0 0;
  color: var(--neutral-20);
  display: block;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono,
    Courier New, monospace;
  font-size: 14px;
  line-height: 20px;
  padding: 15px;
  resize: none;
  width: 100%;
}
.embed-code__content::-moz-selection {
  background-color: var(--neutral-80);
  color: var(--white);
}
.embed-code__content::selection {
  background-color: var(--neutral-80);
  color: var(--white);
}
.embed-code__toolbar {
  padding: 16px 12px;
}
.embed-code__button {
  border: none;
  cursor: pointer;
  display: flex;
  flex-flow: row nowrap;
  padding: 0;
}
.embed-code__button:hover {
  opacity: 0.7;
}
.embed-code__button-icon {
  background-image: url(../images/copy-embed-codeae82907353f61c96f7ed.svg);
  background-size: 24px 24px;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
.embed-code__button-text {
  color: var(--white);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  line-height: 24px;
}
.checkbox {
  cursor: pointer;
  display: block;
  margin-bottom: 12px;
  padding-left: 36px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 767px) {
  .checkbox {
    font-size: 16px;
    line-height: 20px;
  }
}
.checkbox input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.checkbox__checkmark {
  border: 1px solid var(--neutral-20);
  border-radius: 4px;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.checkbox input:checked ~ .checkbox__checkmark {
  background-color: var(--blue-50);
  border: 1px solid var(--blue-50);
}
.checkbox__checkmark:after {
  content: "";
  display: none;
  position: absolute;
}
.checkbox input:checked ~ .checkbox__checkmark:after {
  display: block;
}
.checkbox .checkbox__checkmark:after {
  border: solid #fff;
  border-width: 0 2px 2px 0;
  height: 10px;
  left: 9px;
  top: 5px;
  transform: rotate(45deg);
  width: 5px;
}
.checkbox--toggle {
  align-items: center;
  display: flex;
  margin-bottom: 0;
  min-height: 18px;
  padding-left: 0;
}
.checkbox--toggle:not(:last-child) {
  margin-bottom: 12px;
}
.checkbox--toggle .checkbox__checkmark {
  background-color: var(--neutral-20);
  border: 0;
  border-radius: 9px;
  height: 18px;
  position: relative;
  transition: background-color 0.125s ease;
  width: 30px;
}
.checkbox--toggle .checkbox__checkmark:not(:last-child) {
  margin-right: 12px;
}
.checkbox--toggle .checkbox__checkmark:before {
  content: "";
  height: 180%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 150%;
}
.checkbox--toggle .checkbox__checkmark:after {
  background: var(--white);
  border: 0;
  border-radius: 50%;
  display: block;
  height: 14px;
  left: 2px;
  top: 2px;
  transform: none;
  transition: transform 0.125s ease;
  width: 14px;
}
.checkbox--toggle input:checked ~ .checkbox__checkmark {
  background-color: var(--blue-50);
  border: 0;
}
.checkbox--toggle input:checked ~ .checkbox__checkmark:after {
  transform: translateX(12px);
}
.video-cta {
  align-items: flex-start;
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .video-cta {
    flex-direction: column;
  }
}
.video-cta--card {
  background-color: var(--white);
  border-radius: 4px;
  margin: 56px 0;
  padding: 40px;
}
@media (max-width: 1023px) {
  .video-cta--card {
    margin: 40px -32px;
    padding: 32px;
  }
}
@media (max-width: 767px) {
  .video-cta--card {
    margin-left: 0;
    margin-right: 0;
    padding: 20px;
  }
}
.video-cta--card:last-child {
  margin-bottom: 0;
}
.video-cta__visual {
  background-color: var(--neutral-10);
  border-radius: 4px;
  flex-shrink: 0;
  margin-right: 32px;
  overflow: hidden;
  position: relative;
  width: 545px;
}
.video-cta__visual:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
@media (max-width: 1023px) {
  .video-cta__visual {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .video-cta__visual {
    margin-bottom: 20px;
    width: 100%;
  }
}
.video-cta__image,
.video-cta__video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-cta__image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.video-cta__image--mobile {
  display: none;
}
@media (max-width: 1023px) {
  .video-cta__image--mobile {
    display: block;
  }
  .video-cta__image--desktop {
    display: none;
  }
}
.video-cta__content {
  flex-grow: 1;
  max-width: 350px;
}
@media (min-width: 768px) {
  .video-cta--card .video-cta__content {
    align-self: center;
  }
}
.video-cta__icon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 56px;
  margin-bottom: 24px;
  width: 56px;
}
@media (max-width: 767px) {
  .video-cta__icon {
    display: none;
  }
}
.video-cta__title {
  display: block;
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 8px;
}
.video-cta__description {
  margin-bottom: 16px;
}
@keyframes fly1 {
  0% {
    transform: translateX(-3px) translateY(-3px);
  }
  25% {
    transform: translateX(-3px) translateY(3px);
  }
  50% {
    transform: translateX(3px) translateY(5px);
  }
  to {
    transform: translateX(-3px) translateY(-3px);
  }
}
@keyframes fly2 {
  0% {
    transform: translateX(0) translateY(-5px);
  }
  33% {
    transform: translateX(-7px) translateY(2px);
  }
  80% {
    transform: translateX(3px) translateY(5px);
  }
  to {
    transform: translateX(0) translateY(-5px);
  }
}
@keyframes list1 {
  0% {
    transform: translateX(0);
  }
  12.5% {
    transform: translateX(0);
  }
  37.5% {
    transform: translateX(9%);
  }
  62.5% {
    transform: translateX(9%);
  }
  80.75% {
    transform: translateX(0);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes list2 {
  0% {
    transform: translateX(0) rotate(9.33deg);
  }
  12.5% {
    transform: translateX(0) rotate(9.33deg);
  }
  37.5% {
    transform: translateX(-14%) rotate(0);
  }
  62.5% {
    transform: translateX(-14%) rotate(0);
  }
  80.75% {
    transform: translateX(0) rotate(9.33deg);
  }
  to {
    transform: translateX(0) rotate(9.33deg);
  }
}
@keyframes list3 {
  0% {
    transform: translateX(0) rotate(23.97deg);
  }
  12.5% {
    transform: translateX(0) rotate(23.97deg);
  }
  37.5% {
    transform: translateX(-50%) rotate(0);
  }
  62.5% {
    transform: translateX(-50%) rotate(0);
  }
  80.75% {
    transform: translateX(0) rotate(23.97deg);
  }
  to {
    transform: translateX(0) rotate(23.97deg);
  }
}
.post-banner-cta {
  display: block;
  margin-bottom: 16px;
  margin-top: 24px;
  position: relative;
  width: 100%;
}
.post-banner-cta:first-child {
  margin-top: 0;
}
.post-banner-cta:last-child {
  margin-bottom: 0;
}
.post-banner-cta:hover .post-banner-cta__button {
  background-color: var(--neutral-100);
}
.post-banner-cta__main {
  align-items: center;
  background-color: var(--beige-10);
  border-radius: 6px 6px 0 0;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  min-height: 220px;
  padding: 12px 0 24px;
  position: relative;
}
.post-banner-cta__image {
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  left: 0;
  margin-bottom: 24px;
  padding-bottom: 87.5%;
  position: relative;
  top: 0;
  width: 100%;
}
.post-banner-cta__image:after {
  background-color: var(--neutral-90);
  content: "";
  display: block;
  height: 2px;
  left: 24px;
  position: absolute;
  right: 24px;
  top: 100%;
}
@media (max-height: 655px) {
  .post-banner-cta__image {
    padding-bottom: 50%;
  }
}
.post-banner-cta__animation {
  margin-bottom: 24px;
  overflow: hidden;
  padding-bottom: 88%;
  position: relative;
  width: 100%;
}
.post-banner-cta__animation-frame {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.post-banner-cta:hover .post-banner-cta__animation-frame {
  left: 10px;
}
.post-banner-cta__animation-frame:first-child {
  animation: fly1 5s linear infinite;
  background-image: url(../images/paper-1df44411a2af51326c9d2.svg);
  transition: left 0.7s ease;
}
.post-banner-cta__animation-frame:nth-child(2) {
  animation: fly2 4s linear infinite;
  background-image: url(../images/paper-2ddf0177e838c7bc89d07.svg);
  transition: left 0.6s ease;
}
.post-banner-cta__animation-frame:nth-child(3) {
  animation: fly1 3s linear infinite;
  background-image: url(../images/girl608127cda3a2cd5df1d0.svg);
  transition: left 0.3s ease;
}
.post-banner-cta__animation-frame:nth-child(4) {
  animation: fly2 3s linear 0.5s infinite;
  background-image: url(../images/boy82e3ca0dd0703c0e6f3b.svg);
  transition: left 0.4s ease;
}
.post-banner-cta__text {
  padding: 0 24px;
  text-align: center;
  width: 100%;
}
.post-banner-cta__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
.post-banner-cta__caption {
  font-size: 16px;
  line-height: 20px;
}
.post-banner-cta__button {
  background-color: var(--neutral-90);
  border-radius: 0 0 6px 6px;
  color: var(--white);
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  padding: 16px 24px;
  transition: background-color 0.15s;
}
.post-banner-cta__button:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.post-banner-cta__title--top {
  display: none;
  font-size: 19px;
  line-height: 24px;
  padding: 0 20px;
  text-align: center;
}
.post-banner-cta.post-banner-cta--small .post-banner-cta__title--top {
  display: block;
}
.post-banner-cta.post-banner-cta--small .post-banner-cta__text {
  display: none;
}
.post-banner-cta.post-banner-cta--small .post-banner-cta__main {
  padding-bottom: 0;
}
.post-banner-cta.post-banner-cta--small .post-banner-cta__animation,
.post-banner-cta.post-banner-cta--small .post-banner-cta__image {
  margin-bottom: 0;
}
.post-banner-cta.post-banner-cta--small .post-banner-cta__animation {
  padding-bottom: 60%;
}
.post-banner-cta.post-banner-cta--small
  .post-banner-cta__animation-frame:first-child {
  background-image: url(../images/paper-1716f069f736c2df8d336.svg);
}
.post-banner-cta.post-banner-cta--small
  .post-banner-cta__animation-frame:nth-child(2) {
  background-image: url(../images/paper-26ce34c8404957997408a.svg);
}
.post-banner-cta.post-banner-cta--small
  .post-banner-cta__animation-frame:nth-child(3) {
  background-image: url(../images/girlf4d2e9b804eeb023e4b7.svg);
}
.post-banner-cta.post-banner-cta--small
  .post-banner-cta__animation-frame:nth-child(4) {
  background-image: url(../images/boyfe16c6de65f920c44812.svg);
}
.post-banner-cta.post-banner-cta--wide {
  margin: 24px auto 48px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-banner-cta.post-banner-cta--wide {
    margin-bottom: 40px;
    margin-top: 40px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__main {
    padding-left: 320px;
    padding-right: 32px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__image {
    bottom: 0;
    height: 210px;
    left: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    top: auto;
    width: 240px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__image:after {
    display: none;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__animation {
    bottom: 0;
    height: 210px;
    left: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
    position: absolute;
    top: auto;
    width: 240px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__text {
    padding: 0;
    text-align: left;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__title {
    margin-bottom: 8px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__caption {
    font-size: 19px;
    line-height: 24px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__button {
    justify-content: center;
  }
}
@media (max-width: 1200px) and (min-width: 1023px) {
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__main {
    min-height: 140px;
    padding: 24px 32px;
  }
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__animation,
  .post-banner-cta.post-banner-cta--wide .post-banner-cta__image {
    display: none;
  }
}
@media (max-width: 767px) {
  .post-banner-cta.post-banner-cta--wide {
    max-width: 375px;
  }
}
.post-banner-cta.post-banner-cta--wide:last-child {
  margin-bottom: 0;
}
.hide {
  display: none;
}
.post-banner-cta.post-banner-cta--new {
  background-color: var(--indigo-60);
  border-radius: 6px;
  overflow: hidden;
}
.post-banner-cta.post-banner-cta--new:hover .post-banner-cta__main:after {
  opacity: 0;
}
.post-banner-cta.post-banner-cta--new:hover .post-banner-cta__animation-frame {
  left: 0;
}
.post-banner-cta.post-banner-cta--new:hover .post-banner-cta__button {
  background-color: var(--indigo-70);
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__animation-frame {
  background: none;
  height: auto;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__animation-frame-inner {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__animation {
  margin-bottom: 0;
  padding-bottom: 81%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:first-child {
  animation: list3 5s ease-in-out infinite alternate;
  left: 55%;
  top: 17%;
  transform: rotate(23.97deg);
  width: 32%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:first-child
  .post-banner-cta__animation-frame-inner {
  background-image: url(../images/berlind3adf67a5bad50aa6504.png);
  padding-top: 135.1%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:nth-child(2) {
  animation: list2 5s ease-in-out infinite alternate;
  left: 37%;
  top: 10%;
  transform: rotate(9.33deg);
  width: 46.5%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:nth-child(2)
  .post-banner-cta__animation-frame-inner {
  background-image: url(../images/vancouver34723efdaf62d7f60704.png);
  padding-top: 132%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:nth-child(3) {
  animation: list1 5s ease-in-out infinite alternate;
  left: 14%;
  width: 69%;
}
.post-banner-cta.post-banner-cta--new
  .post-banner-cta__animation-frame:nth-child(3)
  .post-banner-cta__animation-frame-inner {
  background-image: url(../images/viennaa11a9411d50818bb7b60.png);
  padding-top: 126.7%;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__main {
  background-color: initial;
  border-radius: 0;
  color: var(--white);
  padding: 16px 0 24px;
  position: relative;
  transition: opacity 0.15s;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__main:after {
  background-color: hsla(0, 0%, 100%, 0.2);
  content: "";
  height: 1px;
  left: 16px;
  position: absolute;
  right: 16px;
  top: 100%;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__title {
  font-weight: 400;
  margin-bottom: 8px;
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__caption {
  color: hsla(0, 0%, 100%, 0.6);
}
.post-banner-cta.post-banner-cta--new .post-banner-cta__button {
  background-color: initial;
  border-radius: 0;
  font-weight: 400;
  justify-content: center;
}
.subscribe-newsletter {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  position: relative;
  width: 100%;
}
.subscribe-newsletter:not(:last-child) {
  border-bottom: 1px solid var(--neutral-15);
}
.subscribe-newsletter__inner {
  margin: 0 auto;
  max-width: 600px;
  position: relative;
}
@media (max-width: 1023px) {
  .subscribe-newsletter__inner {
    margin: 0;
    max-width: 520px;
  }
}
.subscribe-newsletter__illustration {
  background-size: contain;
  height: 200px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 200px;
}
@media (max-width: 1199px) {
  .subscribe-newsletter__illustration {
    height: 130px;
    width: 130px;
  }
}
.subscribe-newsletter__illustration--left {
  right: calc(100% + 65px);
}
@media (max-width: 1199px) {
  .subscribe-newsletter__illustration--left {
    right: calc(100% + 25px);
  }
}
@media (max-width: 1023px) {
  .subscribe-newsletter__illustration--left {
    display: none;
  }
}
.subscribe-newsletter__illustration--right {
  left: calc(100% + 65px);
}
@media (max-width: 1199px) {
  .subscribe-newsletter__illustration--right {
    left: calc(100% + 25px);
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter__illustration--right {
    display: none;
  }
}
.subscribe-newsletter__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (max-width: 1023px) {
  .subscribe-newsletter__container {
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter__container {
    padding: 0 0 20px;
  }
}
.subscribe-newsletter__container.show-icon
  .subscribe-newsletter__icon-success
  path {
  animation: subscribeNewsletterDash 0.5s cubic-bezier(0.22, 0.61, 0.36, 1)
    normal forwards;
}
.subscribe-newsletter__container--success {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  visibility: hidden;
  width: 100%;
}
.subscribe-newsletter__icon-success {
  align-items: center;
  display: flex;
  height: 56px;
  justify-content: center;
  margin-bottom: 3px;
  transition: transform 0.35s ease;
  width: 56px;
}
.subscribe-newsletter__icon-success path {
  stroke-dasharray: 28;
  stroke-dashoffset: 28;
}
.subscribe-newsletter__title {
  font-size: 38px;
  font-weight: 700;
  font-weight: 400;
  line-height: 40px;
  text-align: center;
}
.subscribe-newsletter__title:not(:last-child) {
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .subscribe-newsletter__title {
    font-size: 32px;
    line-height: 34px;
  }
}
@media (max-width: 1023px) {
  .subscribe-newsletter__title {
    font-size: 28px;
    line-height: 30px;
    text-align: left;
  }
  .subscribe-newsletter__title:not(:last-child) {
    margin-bottom: 8px;
  }
}
.subscribe-newsletter__description {
  text-align: center;
  width: 100%;
}
.subscribe-newsletter__description:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .subscribe-newsletter__description {
    text-align: left;
  }
}
.subscribe-newsletter__description-avatars {
  background-image: url(../images/avatarsc3c81e8b2fc15911bc80.png);
  background-size: contain;
  display: inline-block;
  height: 24px;
  margin: 0 2px;
  vertical-align: middle;
  width: 61px;
}
.subscribe-newsletter__body {
  width: 100%;
}
.subscribe-newsletter__form {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  width: 100%;
}
.subscribe-newsletter__form:not(:last-child) {
  margin-bottom: 48px;
}
@media (max-width: 767px) {
  .subscribe-newsletter__form:not(:last-child) {
    margin-bottom: 24px;
  }
}
@media (max-width: 1023px) {
  .subscribe-newsletter__form {
    justify-content: flex-start;
  }
}
.subscribe-newsletter__form .field {
  margin-bottom: 0;
  margin-right: 12px;
  max-width: 320px;
  width: 100%;
}
.subscribe-newsletter__form-button {
  position: relative;
}
.subscribe-newsletter__form-button svg {
  display: none;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.subscribe-newsletter__form-button svg path {
  animation: spinnerRotation 0.5s linear infinite;
  transform-origin: 50% 50%;
}
.subscribe-newsletter__form-button--show-spinner {
  pointer-events: none;
}
.subscribe-newsletter__form-button--show-spinner span {
  opacity: 0;
}
.subscribe-newsletter__form-button--show-spinner svg {
  display: block;
}
.subscribe-newsletter__privacy {
  color: var(--neutral-40);
  font-size: 14px;
  line-height: 16px;
}
@media (max-width: 767px) {
  .subscribe-newsletter__privacy {
    text-align: center;
  }
}
.subscribe-newsletter__privacy .subscribe-newsletter__privacy-link {
  background: none;
  color: var(--neutral-50);
}
.subscribe-newsletter__privacy .subscribe-newsletter__privacy-link:hover {
  background: none;
}
.subscribe-newsletter__form-inner {
  position: relative;
}
.recaptcha-wrapper {
  background-color: var(--white);
  border-radius: 20px;
  box-shadow: 0 6px 8px -2px rgba(15, 56, 113, 0.02),
    0 16px 64px -8px rgba(15, 56, 113, 0.18);
  display: none;
  left: 0;
  padding: 16px 18px 20px 19px;
  position: absolute;
  top: calc(100% + 13px);
  transition: box-shadow 0.2s ease;
  z-index: 1;
}
@media (max-width: 767px) {
  .recaptcha-wrapper {
    left: 50%;
    transform: translateX(-50%);
  }
}
.recaptcha-wrapper--error {
  box-shadow: 0 6px 8px -2px rgba(113, 15, 15, 0.084),
    0 16px 64px -8px rgba(113, 15, 15, 0.381);
}
.recaptcha-message {
  color: var(--neutral-50);
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-blog .subscribe-newsletter__title {
    font-size: 19px;
    line-height: 24px;
  }
}
.subscribe-newsletter--inside-blog .subscribe-newsletter__description {
  color: var(--neutral-60);
}
.subscribe-newsletter--inside-blog
  .subscribe-newsletter__container--init
  .subscribe-newsletter__title {
  margin-bottom: 16px;
}
.subscribe-newsletter--inside-blog
  .subscribe-newsletter__container--init
  .subscribe-newsletter__description {
  color: var(--neutral-60);
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-blog
    .subscribe-newsletter__container--init
    .subscribe-newsletter__description {
    display: none;
  }
}
@media (max-width: 1023px) {
  .subscribe-newsletter--inside-blog .subscribe-newsletter__container--success {
    padding-left: 72px;
  }
  .subscribe-newsletter--inside-blog .subscribe-newsletter__icon-success {
    left: 0;
    position: absolute;
    top: 20px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-blog .subscribe-newsletter__icon-success {
    top: 0;
  }
  .subscribe-newsletter--inside-blog .recaptcha-wrapper {
    left: auto;
    right: 0;
    transform: none;
  }
}
.subscribe-newsletter--inside-post {
  background-color: var(--neutral-5);
  border-radius: 6px;
  margin-top: 36px;
}
.subscribe-newsletter--inside-post:not(:last-child) {
  border-bottom: 0;
  margin-bottom: 36px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__top-decor-line {
  border-radius: 6px 6px 0 0;
  height: 6px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}
.subscribe-newsletter--inside-post
  .subscribe-newsletter__top-decor-line:before {
  background-color: var(--blue-50);
  content: "";
  display: block;
  height: 2px;
  width: 100%;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__inner {
  margin: 0;
  max-width: none;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__container {
  align-items: flex-start;
  max-width: none;
  padding: 24px;
}
.subscribe-newsletter--inside-post
  .subscribe-newsletter__container.subscribe-newsletter__container--success {
  padding-bottom: 24px;
  padding-left: 58px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__icon-success {
  height: 30px;
  left: 16px;
  position: absolute;
  top: 24px;
  width: 30px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  max-width: none;
  text-align: left;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__description {
  text-align: left;
}
.subscribe-newsletter--inside-post
  .subscribe-newsletter__description:not(:last-child) {
  margin-bottom: 26px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__form {
  justify-content: flex-start;
}
.subscribe-newsletter--inside-post
  .subscribe-newsletter__form:not(:last-child) {
  margin-bottom: 26px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__form .field {
  max-width: 458px;
}
.subscribe-newsletter--inside-post .subscribe-newsletter__form .field__input {
  background-color: rgba(190, 196, 213, 0.25);
}
.subscribe-newsletter--inside-post.subscribe-newsletter--success {
  background-color: var(--green-10);
  border-color: var(--green-50);
  transition: background-color 0.9s ease;
}
.subscribe-newsletter--inside-post.subscribe-newsletter--success:before {
  background-color: var(--green-50);
  transition: background-color 0.9s ease;
}
@media (max-width: 1023px) {
  .subscribe-newsletter--inside-post .recaptcha-wrapper {
    left: auto;
    right: 0;
    transform: none;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-post .recaptcha-wrapper {
    right: -24px;
  }
}
.subscribe-newsletter--inside-category:not(:last-child) {
  margin-bottom: 32px;
}
.subscribe-newsletter--inside-category .subscribe-newsletter__container {
  padding: 0 0 32px;
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__inner {
  max-width: none;
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__container {
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: visible;
  padding: 0;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__container {
    flex-direction: column;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__title {
  font-size: 68px;
  line-height: 68px;
  text-align: left;
  width: var(--blog-column-6);
}
@media (max-width: 1199px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__title {
    font-size: 54px;
    font-weight: 700;
    font-weight: 400;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__title {
    font-size: 34px;
    line-height: 35px;
    width: 100%;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__title:not(:last-child) {
  margin-bottom: 38px;
}
@media (max-width: 1199px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__title:not(:last-child) {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__title:not(:last-child) {
    margin-bottom: 20px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__description {
  display: flex;
  font-size: 22px;
  justify-content: center;
  line-height: 28px;
  padding: 15px var(--blog-column-1) 0;
  text-align: left;
  width: var(--blog-column-6);
}
@media (max-width: 1199px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__description {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__description {
    font-size: 19px;
    line-height: 22px;
    padding: 0;
    width: 100%;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__description:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__description:not(:last-child) {
    margin-bottom: 36px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__form {
  justify-content: flex-start;
  position: relative;
  width: var(--blog-column-6);
}
@media (max-width: 1023px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__form {
    width: 65%;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__form {
    flex-direction: column;
    width: 100%;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top .field {
  max-width: none;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top .field {
    margin-bottom: 16px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top .field__input {
  background-color: var(--white);
  border-bottom-color: var(--white);
  border-radius: 4px;
}
.subscribe-newsletter--inside-newsletters_landing_top .field__input:focus {
  border-bottom-color: var(--blue-50);
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top .button,
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__form-inner {
    width: 100%;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__icon-success {
  left: 4px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__container--success {
  background-color: var(--neutral-15);
  border-radius: 12px;
  display: block;
  padding: 16px 8px 16px 64px;
  top: -8px;
  transform: scale(1.1);
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__container--success
  .subscribe-newsletter__title {
  display: block;
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 0;
  width: auto;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__container--success
    .subscribe-newsletter__title {
    font-size: 19px;
    line-height: 22px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .subscribe-newsletter__container--success
  .subscribe-newsletter__description {
  color: var(--neutral-60);
  display: block;
  font-size: 22px;
  line-height: 28px;
  margin: 0;
  padding: 0;
  width: auto;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_top
    .subscribe-newsletter__container--success
    .subscribe-newsletter__description {
    font-size: 19px;
    line-height: 22px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_top
  .show-success
  .subscribe-newsletter__form {
  transform: scale(0.9);
  transition: transform 0.2s ease;
}
.subscribe-newsletter--inside-newsletters_landing_top .show-success .button,
.subscribe-newsletter--inside-newsletters_landing_top .show-success .field {
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.subscribe-newsletter--inside-newsletters_landing_top
  .show-success
  .subscribe-newsletter__container--success {
  opacity: 1;
  transition: opacity 0.2s ease-in, visibility 0s;
  visibility: visible;
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__container {
  align-items: flex-start;
  padding: 15px 0;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__container {
    align-items: center;
    padding: 0;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__inner {
  max-width: none;
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__title {
  font-size: 68px;
  line-height: 68px;
  text-align: left;
}
@media (max-width: 1199px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__title {
    font-size: 54px;
    font-weight: 700;
    font-weight: 400;
    line-height: 52px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__title {
    font-size: 34px;
    line-height: 35px;
    text-align: center;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__title:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__title:not(:last-child) {
    margin-bottom: 20px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__description {
  color: var(--neutral-60);
  font-size: 22px;
  line-height: 28px;
  text-align: left;
}
@media (max-width: 1199px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__description {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__description {
    text-align: center;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__description:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__description:not(:last-child) {
    margin-bottom: 26px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__form {
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__form {
    display: block;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom .field {
  max-width: none;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom .field {
    margin-bottom: 16px;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom .field__input {
  background-color: var(--white);
  border-bottom-color: var(--white);
  border-radius: 4px;
}
.subscribe-newsletter--inside-newsletters_landing_bottom .field__input:focus {
  border-bottom-color: var(--blue-50);
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom .button {
    width: 100%;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__icon-success {
  left: 0;
  position: absolute;
  top: 15px;
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__container--success {
  padding-left: 72px;
}
@media (max-width: 767px) {
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__container--success {
    padding-left: 0;
  }
  .subscribe-newsletter--inside-newsletters_landing_bottom
    .subscribe-newsletter__container--success
    .subscribe-newsletter__icon-success {
    position: static;
  }
}
.subscribe-newsletter--inside-newsletters_landing_bottom
  .subscribe-newsletter__container--success
  .subscribe-newsletter__title {
  margin-bottom: 16px;
}
@keyframes subscribeNewsletterDash {
  0% {
    stroke-dashoffset: 28;
  }
  to {
    stroke-dashoffset: 0;
  }
}
.example-preview-cta {
  cursor: pointer;
  display: block;
}
.example-preview-cta__rating {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 8px;
}
.example-preview-cta__rating-average {
  font-feature-settings: "tnum";
  align-items: center;
  color: var(--orange-40);
  font-size: 19px;
  font-variant-numeric: tabular-nums;
  font-weight: 600;
  line-height: 24px;
  margin-right: 4px;
}
.example-preview-cta__rating-stars {
  bottom: 1px;
  display: flex;
  flex-flow: row nowrap;
  position: relative;
}
.example-preview-cta__rating-star {
  color: var(--orange-40);
  height: 24px;
  width: 24px;
}
.example-preview-cta__rating-star.example-preview-cta__rating-star--inactive {
  color: var(--neutral-40);
}
.example-preview-cta__preview {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(38, 70, 109, 0.4),
    0 6px 14px -4px rgba(38, 70, 109, 0.1);
  margin-bottom: 32px;
  transition: box-shadow 0.2s ease;
  width: 100%;
}
.example-preview-cta__preview:hover {
  box-shadow: 0 0 1px rgba(38, 70, 109, 0.4),
    0 16px 32px -8px rgba(38, 70, 109, 0.2);
}
.example-preview-cta__preview:before {
  content: "";
  display: block;
  padding-bottom: 141.389%;
}
.example-preview-cta__button {
  align-items: center;
  display: flex;
  justify-content: center;
}
.trustpilot-overview {
  background-color: var(--neutral-5);
  overflow: hidden;
  padding: 120px 32px;
}
@media (max-width: 1023px) {
  .trustpilot-overview {
    padding: 80px 32px;
  }
}
@media (max-width: 767px) {
  .trustpilot-overview {
    padding: 48px 0;
  }
  .trustpilot-overview .slick-list {
    overflow: visible;
  }
  .trustpilot-overview .slick-slider {
    overflow: hidden;
  }
}
.trustpilot_top {
  background-color: #fff;
  border-bottom: 1px solid #d9deeb;
}
.trustpilot-overview__container {
  margin: 0 auto;
  max-width: var(--container-width);
}
@media (max-width: 767px) {
  .trustpilot-overview__container {
    width: 100%;
  }
}
.trustpilot-overview__title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin: 0 auto 64px;
  max-width: 736px;
  text-align: center;
}
@media (max-width: 1023px) {
  .trustpilot-overview__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .trustpilot-overview__title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 24px;
    padding: 0 20px;
  }
}
.trustpilot-overview__wrapper {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 1023px) {
  .trustpilot-overview__wrapper {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .trustpilot-overview__wrapper {
    align-items: center;
    flex-direction: column;
  }
}
.trustpilot-overview__reviews-container {
  flex-grow: 1;
  max-width: 784px;
  min-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
}
@media (max-width: 1023px) {
  .trustpilot-overview__reviews-container {
    max-width: 492px;
  }
}
@media (max-width: 767px) {
  .trustpilot-overview__reviews-container {
    max-width: 100%;
    width: 100%;
  }
}
.trustpilot-overview--ready .trustpilot-overview__reviews-container {
  opacity: 1;
  pointer-events: auto;
}
.trustpilot-overview__reviews {
  display: flex;
  margin-bottom: 32px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .trustpilot-overview__reviews {
    padding-left: 20px;
  }
}
.trustpilot-overview__reviews :focus {
  outline: 0;
  outline: none;
}
.trustpilot-overview__rating-wrapper {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .trustpilot-overview__rating-wrapper {
    padding: 0 20px;
    width: 100%;
  }
}
.trustpilot-overview__rating-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-right: 32px;
  width: 230px;
}
@media (max-width: 767px) {
  .trustpilot-overview__rating-container {
    background-color: var(--white);
    border-radius: 4px;
    margin: 0 0 32px;
    padding: 32px;
    width: 100%;
  }
}
.trustpilot-overview__review {
  height: 188px;
  margin-right: 48px;
  max-width: 230px;
  min-width: 180px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .trustpilot-overview__review {
    margin-right: 32px;
  }
}
.trustpilot-overview__rating {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 8px;
  text-align: center;
}
.trustpilot-overview__stars {
  align-items: center;
  display: flex;
  margin-bottom: 32px;
}
.trustpilot-overview__star--big {
  background-size: contain;
  height: 32px;
  width: 32px;
}
.trustpilot-overview__logo {
  background-size: contain;
  height: 24px;
  margin-bottom: 8px;
  width: 98px;
}
.trustpilot-overview__rating-label,
.trustpilot-overview__review-label {
  color: var(--neutral-60);
  font-size: 14px;
  line-height: 16px;
}
.trustpilot-overview__review-label {
  align-items: center;
  bottom: 0;
  display: flex;
  position: absolute;
}
.trustpilot-overview__review-label-divider {
  background-color: var(--neutral-50);
  border-radius: 50%;
  display: inline-block;
  height: 3px;
  margin: 0 4px;
  width: 3px;
}
.trustpilot-overview__star {
  background-size: contain;
  height: 20px;
  width: 20px;
}
.trustpilot-overview--ready .trustpilot-overview__star--green {
  background-image: url(../images/star-greenf488e0b79436f4103974.svg);
}
.trustpilot-overview--ready .trustpilot-overview__star--light-green {
  background-image: url(../images/star-light-green4847afba8881f5ab5e80.svg);
}
.trustpilot-overview--ready .trustpilot-overview__star--gray {
  background-image: url(../images/star-graydc909e7ff92914870d42.svg);
}
.trustpilot-overview__review-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.trustpilot-overview__review-text {
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  margin-bottom: 32px;
  max-height: 96px;
  overflow: hidden;
  text-align: left;
}
.trustpilot-overview__review-stars {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
  margin-left: -2px;
}
.trustpilot-overview__reviews-controls {
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .trustpilot-overview__reviews-controls {
    margin-left: 20px;
    padding-right: 20px;
  }
}
.trustpilot-overview__reviews-button--left,
.trustpilot-overview__reviews-button--right {
  align-items: center;
  background-color: var(--neutral-15);
  border-radius: 50%;
  color: var(--neutral-50);
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 36px;
  justify-content: center;
  transition: color 0.2s ease, background-color 0.2s ease;
  width: 36px;
}
.trustpilot-overview__reviews-button--left:hover,
.trustpilot-overview__reviews-button--right:hover {
  color: var(--blue-50);
}
.trustpilot-overview__reviews-button--left:active,
.trustpilot-overview__reviews-button--right:active {
  background-color: var(--neutral-20);
}
.trustpilot-overview__reviews-button--left {
  margin-right: 8px;
}
.trustpilot-overview__reviews-button--right {
  margin-right: 20px;
  transform: rotate(180deg);
}
.trustpilot-overview__reviews-bar {
  background-color: var(--neutral-15);
  border-radius: 2px;
  height: 2px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.trustpilot-overview__reviews-bar-line {
  background-color: var(--blue-50);
  height: 100%;
  position: absolute;
  transform-origin: left center;
  width: 1px;
}
.trustpilot-overview__reviews-bar-line-wrapper {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.website-features__title {
  margin: 0 auto 70px;
  max-width: 736px;
  text-align: center;
}
@media (max-width: 1023px) {
  .website-features__title {
    margin-bottom: 32px;
    max-width: 544px;
  }
}
@media (max-width: 767px) {
  .website-features__title {
    margin-bottom: 24px;
  }
}
.website-features__list {
  grid-gap: 64px 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(296px, 1fr));
  justify-items: center;
}
@media (max-width: 1023px) {
  .website-features__list {
    grid-row-gap: 48px;
  }
}
@media (max-width: 767px) {
  .website-features__list {
    grid-row-gap: 24px;
  }
}
.website-features__item {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 1023px) {
  .website-features__item {
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .website-features__item {
    max-width: 296px;
  }
}
.website-features__item {
  margin-bottom: 32px;
}
@supports (display: grid) {
  .website-features__item {
    margin-bottom: 0;
  }
}
.website-features__image {
  background-color: var(--neutral-10);
  flex: 0 0 56px;
  height: 56px;
  margin-right: 8px;
  width: 56px;
}
.website-features__image.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 767px) {
  .website-features__image {
    display: block;
    margin: 0 auto 16px;
  }
}
.website-features__image--builder {
  background-position: 0 0;
}
.website-features__image--cover-letter {
  background-position: -56px 0;
}
.website-features__image--grammar {
  background-position: -112px 0;
}
.website-features__image--job-tracking {
  background-position: -168px 0;
}
.website-features__image--ok-hand {
  background-position: -224px 0;
}
.website-features__image--security {
  background-position: -280px 0;
}
.website-features__image--templates {
  background-position: -336px 0;
}
.website-features__image--word {
  background-position: -392px 0;
}
.website-features__image--writing {
  background-position: -448px 0;
}
.website-features__label {
  color: var(--indigo-80);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .website-features__label,
  .website-features__text {
    text-align: center;
  }
}
.career-services {
  margin: 0 auto;
  max-width: calc(var(--container-width) + 88px);
  padding-left: 44px;
  padding-right: 44px;
}
.career-services.career-section-no-padding-top {
  padding-top: 0;
}
.career-services {
  .career-section {
    grid-row-gap: 32px;
    background-color: #eaf6ff;
    border-radius: var(--M, 24px);
    display: flex;
    flex-direction: column;
    padding: 64px 148px;
  }
  @media (max-width: 1023px) {
    .career-section {
      padding: 48px;
    }
  }
  @media (max-width: 767px) {
    .career-section {
      padding: 32px 64px;
    }
  }
}
@media (max-width: 767px) {
  .career-services {
    padding-left: 0;
    padding-right: 0;
  }
}
.career-services__title {
  margin: 0 auto;
  max-width: 736px;
  text-align: center;
}
@media (max-width: 1023px) {
  .career-services__title {
    max-width: 544px;
  }
}
.career-services-description {
  margin: 0 auto;
  text-align: center;
  width: 65%;
}
@media (max-width: 1023px) {
  .career-services-description {
    width: 100%;
  }
}
.career-icons-section {
  grid-column-gap: 16px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .career-icons-section {
    grid-gap: 16px !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
  }
}
.career-services__cta,
.career-services__icon {
  display: flex;
  justify-content: center;
}
.career-services__icon {
  background-color: #fff;
  border: 10px solid transparent;
  border-radius: 16px;
  color: #1170cd;
  cursor: pointer;
  flex-direction: column;
  font-size: 27.2px;
  height: 84px;
  line-height: 38.4px;
  text-align: center;
  width: 84px;
}
.career-services__icon:hover {
  border: 10px solid #d8eafb;
}
.website-stats__container {
  text-align: center;
}
.website-stats__title {
  color: var(--blue-50);
  font-size: 72px;
  font-weight: 700;
  line-height: 74px;
  margin: 0 auto 16px;
  max-width: 680px;
}
@media (max-width: 1023px) {
  .website-stats__title {
    font-size: 54px;
    font-weight: 700;
    line-height: 52px;
    max-width: 472px;
  }
}
@media (max-width: 767px) {
  .website-stats__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    max-width: 350px;
  }
}
.website-stats__title mark {
  background: none;
  background-image: linear-gradient(var(--amber-30), var(--amber-30));
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 0.0833em;
  color: inherit;
}
.website-stats__text {
  margin-bottom: 24px;
}
.website-stats--indigo {
  background-color: var(--indigo-80);
  color: var(--white);
}
.website-stats--indigo .website-stats__title {
  color: var(--white);
}
.builder-cta {
  background-color: var(--neutral-10);
}
@media (min-width: 1024px) {
  .builder-cta {
    padding-bottom: 80px;
    padding-top: 80px;
  }
  .builder-cta--features {
    padding-bottom: 120px;
  }
}
.builder-cta__main {
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .builder-cta__main {
    flex-direction: column;
  }
}
.builder-cta__visual {
  flex-shrink: 0;
  position: relative;
  width: 57%;
}
.builder-cta__visual:before {
  content: "";
  display: block;
  padding-bottom: 83.59375%;
}
@media (max-width: 1023px) {
  .builder-cta__visual {
    width: 45%;
  }
}
@media (max-width: 767px) {
  .builder-cta__visual {
    margin-bottom: 16px;
    max-width: 375px;
    width: 100%;
  }
}
.builder-cta__resume {
  background: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 9px 15px rgba(100, 100, 123, 0.07);
  position: absolute;
  width: 45.8%;
}
@media (max-width: 767px) {
  .builder-cta__resume {
    border-radius: 4px;
  }
}
.builder-cta__resume:before {
  content: "";
  display: block;
  padding-bottom: 141.389%;
}
.builder-cta__resume--1 {
  left: 16.3%;
  top: 7.3%;
  transform: rotate(-22.2deg);
}
.builder-cta__resume--2 {
  left: 28.3%;
  top: 4.5%;
  transform: rotate(-4.51deg);
}
.builder-cta__resume--3 {
  left: 40.9%;
  top: 15.9%;
  transform: rotate(9.87deg);
}
.builder-cta__content {
  flex-grow: 1;
  text-align: left;
}
@media (max-width: 767px) {
  .builder-cta__content {
    text-align: center;
  }
}
.builder-cta__title {
  max-width: 10em;
}
@media (max-width: 767px) {
  .builder-cta__title {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}
.builder-cta__text {
  margin-bottom: 24px;
}
.builder-cta__buttons {
  align-items: center;
  display: flex;
}
@media (max-width: 767px) {
  .builder-cta__buttons {
    flex-direction: column;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
  }
}
.builder-cta__cta {
  flex-shrink: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .builder-cta__cta {
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
  }
  .builder-cta__cta .button {
    width: 100%;
  }
}
.builder-cta__cta:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .builder-cta--visual-left .builder-cta__visual {
    margin-right: 32px;
  }
  .builder-cta--visual-right .builder-cta__visual {
    margin-left: 32px;
  }
  .builder-cta--visual-right .builder-cta__content {
    order: -1;
  }
}
.builder-cta__features {
  display: flex;
  margin: 40px -24px 0;
}
@media (max-width: 1023px) {
  .builder-cta__features {
    flex-direction: column;
    margin: 64px 0 0;
  }
}
@media (max-width: 767px) {
  .builder-cta__features {
    margin-top: 40px;
  }
}
.builder-cta__feature {
  padding: 0 24px;
  width: 33.333%;
}
@media (max-width: 1023px) {
  .builder-cta__feature {
    border-bottom: 1px solid var(--neutral-20);
    margin-bottom: 24px;
    padding: 0 0 24px 88px;
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .builder-cta__feature {
    border-bottom: none;
    margin-bottom: 32px;
    padding: 0;
    text-align: center;
  }
}
.builder-cta__feature:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.builder-cta__feature-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 56px;
  margin-bottom: 8px;
  width: 56px;
}
.builder-cta__feature-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-cta__feature-icon {
    left: 0;
    position: absolute;
    top: 2px;
  }
}
@media (max-width: 767px) {
  .builder-cta__feature-icon {
    margin: 0 auto 8px;
    position: relative;
    top: 0;
  }
}
.builder-cta__feature-title {
  color: var(--indigo-90);
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .builder-cta__feature-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .builder-cta__feature-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.resume-templates {
  background-color: var(--indigo-80);
  overflow: hidden;
  padding: 120px 44px 144px;
  position: relative;
}
@media (max-width: 1023px) {
  .resume-templates {
    padding: 80px 44px;
  }
}
@media (max-width: 767px) {
  .resume-templates {
    padding: 48px 20px 54px;
  }
}
.resume-templates.is-choosing-mode-on {
  background-color: var(--neutral-100);
  padding: 120px 0;
  transition: background-color 0.3s ease-in;
}
.resume-templates__container {
  display: flex;
  margin: 0 auto;
  max-width: var(--container-width);
  position: relative;
}
@media (max-width: 1023px) {
  .resume-templates__container {
    flex-direction: column;
    max-width: 100%;
  }
}
.resume-templates__container.is-choosing-mode-on {
  max-width: 100%;
  width: 100%;
}
.resume-templates__content {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: space-between;
  margin-right: 96px;
  max-width: 384px;
  position: relative;
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
}
@media (max-width: 1023px) {
  .resume-templates__content {
    align-items: center;
    justify-content: flex-start;
    margin: 0;
    max-width: 100%;
    width: 100%;
  }
}
.resume-templates__cta {
  margin-bottom: 142px;
}
@media (max-width: 1023px) {
  .resume-templates__cta {
    display: none;
  }
}
.resume-templates__title {
  color: var(--white);
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .resume-templates__title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 8px;
    text-align: center;
  }
}
.resume-templates__text {
  color: var(--white);
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .resume-templates__text {
    text-align: center;
  }
}
.resume-templates__slider-wrapper {
  align-items: center;
  bottom: 74px;
  display: flex;
  justify-content: flex-start;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 86px;
  width: 100%;
  will-change: transform;
}
@media (max-width: 1023px) {
  .resume-templates__slider-wrapper {
    justify-content: center;
    opacity: 1;
    pointer-events: auto;
    position: static;
    width: 100%;
  }
}
.resume-templates__slider-wrapper.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.resume-templates__slider-wrapper.is-choosing-mode-on {
  justify-content: center;
}
.resume-templates__slider-container {
  max-width: 1372px;
  position: relative;
}
.resume-templates__slider-arrow-container {
  color: var(--white);
  cursor: pointer;
  height: 24px;
  position: absolute;
  right: -112px;
  top: calc(50% - 12px);
  transition: transform 0.2s ease, opacity 0.2s ease;
  width: 36px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .resume-templates__slider-arrow-container {
    display: none;
  }
}
@keyframes arrowPulse {
  0% {
    opacity: 0.5;
  }
  10% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
  90% {
    opacity: 0.5;
  }
  to {
    opacity: 0.5;
  }
}
.resume-templates__arrow {
  animation: arrowPulse 1.5s ease infinite;
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.resume-templates__arrow:first-child {
  animation-delay: 0.3s;
}
.resume-templates__arrow:last-child {
  left: 12px;
}
.resume-templates__slider-button {
  align-items: center;
  background-color: var(--blue-50);
  border-radius: 50%;
  color: var(--white);
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  top: calc(50% - 24px);
  transform: scale(0);
  transition: transform 0.25s ease-in, opacity 0.25s ease-in,
    background-color 0.15s ease;
  width: 48px;
  will-change: transform;
  z-index: 2;
}
.resume-templates__slider-button.is-visible {
  opacity: 1;
  transform: scale(1);
}
.resume-templates__slider-button:hover {
  background-color: var(--blue-60);
}
.resume-templates__slider-button--left {
  left: 64px;
}
.resume-templates__slider-button--right {
  right: 64px;
}
.resume-templates__slider-button--right svg {
  transform: rotate(180deg);
}
.resume-templates__slider :focus {
  outline: 0;
  outline: none;
}
.resume-templates__item {
  align-items: flex-end;
  background-color: var(--white);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  flex-shrink: 0;
  height: 480px;
  justify-content: center;
  margin: 60px 18px 32px;
  position: relative;
  transform-origin: center left;
  transition: transform 0.3s ease;
  width: 356px;
}
@media (max-width: 1023px) {
  .resume-templates__item {
    margin: 24px 12px;
  }
}
@media (max-width: 767px) {
  .resume-templates__item {
    height: 326px;
    margin: 24px 8px;
    padding-bottom: 16px;
    width: 242px;
  }
}
.resume-templates__item-clickable-area {
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1.05);
  width: 100%;
  z-index: 2;
}
.resume-templates__item-preview {
  background-size: contain;
  border-radius: 4px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: transform 0.3s ease;
  width: 100%;
}
@media (max-width: 1023px) {
  .resume-templates__trustpilot {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.resume-templates__stars {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  margin-left: -2px;
}
.resume-templates__star {
  background-size: contain;
  height: 32px;
  margin-right: 2px;
  width: 32px;
}
.resume-templates--ready .resume-templates__star {
  background-image: url(../images/star-greenf488e0b79436f4103974.svg);
}
.resume-templates--ready .resume-templates__star:last-child {
  background-image: url(../images/star-half-grayf3dfb7819d0f3eca86f6.svg);
}
.resume-templates__rating {
  color: var(--white);
}
.resume-templates__trustpilot-text {
  color: var(--white);
  font-size: 14px;
  line-height: 16px;
}
.resume-templates__trustpilot-text a {
  text-decoration: underline;
}
.resume-templates__item-button {
  bottom: 40px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(100px);
  z-index: 3;
}
@media (max-width: 1023px) {
  .resume-templates__item-button {
    bottom: 32px;
    transform: translateY(0);
  }
}
@media (max-width: 767px) {
  .resume-templates__item-button {
    bottom: 24px;
  }
}
.slick-current .resume-templates__item-people-count {
  bottom: -44px;
}
@media (max-width: 1023px) {
  .slick-current .resume-templates__item-button {
    opacity: 1;
    pointer-events: auto;
  }
}
.slick-current .resume-templates__item-preview.is-choosing-mode-on {
  transform: scale(1.05);
}
@media (max-width: 1023px) {
  .slick-current .resume-templates__item-preview {
    transform: scale(1.05);
  }
}
.slick-current .resume-templates__item-clickable-area {
  display: block;
}
.resume-templates__item-name-container {
  align-items: center;
  cursor: default;
  display: none;
  flex-direction: column;
  position: absolute;
  top: -50px;
  transition: transform 0.3s;
  width: 100%;
}
.resume-templates__item-name-container.is-visible {
  display: flex;
}
@media (max-width: 767px) {
  .resume-templates__item-name-container {
    top: -30px;
  }
}
.resume-templates__item-name {
  color: var(--neutral-10);
  font-weight: 600;
}
.resume-templates__item-usage-number {
  color: var(--neutral-50);
  font-size: 14px;
  line-height: 16px;
}
.slick-current .resume-templates__item-name-container {
  transform: translateY(-12px);
}
.slick-current .resume-templates__item-button--animated {
  transition: transform 0.2s ease-in, opacity 0.2s ease-in;
}
.slick-current .resume-templates__item-button--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.resume-templates__slider-dot {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
@media (max-width: 1023px) {
  .resume-templates__slider-dot {
    bottom: -12px;
    top: auto;
  }
}
@media (max-width: 767px) {
  .resume-templates__slider-dot {
    bottom: -6px;
  }
}
.resume-templates__slider-dot li {
  cursor: pointer;
  height: 6px;
  margin: 0 4px;
  padding: 0;
  position: relative;
  width: 6px;
}
.resume-templates__slider-dot button {
  background: transparent;
  border: 0;
  color: transparent;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 6px;
  line-height: 0;
  outline: none;
  position: relative;
  width: 6px;
}
.resume-templates__slider-dot button:after {
  background-color: var(--neutral-60);
  border-radius: 50%;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  top: 0;
  width: 6px;
}
.resume-templates__slider-dot li.slick-active button:after {
  background-color: var(--blue-50);
}
.document-examples {
  background-color: var(--indigo-90);
  color: var(--white);
  overflow: hidden;
  padding: 80px 44px 100px;
  position: relative;
}
@media (max-width: 1023px) {
  .document-examples {
    padding: 64px 44px 80px;
  }
}
@media (max-width: 767px) {
  .document-examples {
    padding: 48px 20px 40px;
  }
}
.document-examples__container {
  margin: 0 auto;
  max-width: var(--container-width);
}
.document-examples__header {
  display: flex;
  margin-bottom: 80px;
}
@media (max-width: 1023px) {
  .document-examples__header {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .document-examples__header {
    margin-bottom: 32px;
  }
}
.document-examples__title {
  flex-shrink: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-right: 64px;
  max-width: 352px;
}
@media (max-width: 1023px) {
  .document-examples__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 16px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .document-examples__title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}
[lang="de"] .document-examples__title {
  max-width: 432px;
}
.document-examples__description {
  flex-grow: 1;
  max-width: 544px;
  opacity: 0.5;
  padding-top: 8px;
}
@media (max-width: 1023px) {
  .document-examples__description {
    padding-top: 0;
  }
}
.document-examples__gallery {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.document-examples__slider {
  margin: 0 -24px;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
}
@media (max-width: 1023px) {
  .document-examples__slider {
    margin: 0 -12px;
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .document-examples__slider {
    margin: 0 -10px;
    overflow: visible;
    padding: 0;
  }
}
.document-examples__slider:after,
.document-examples__slider:before {
  background-image: linear-gradient(
    to right,
    var(--indigo-90),
    rgba(26, 28, 106, 0)
  );
  bottom: -1px;
  content: "";
  position: absolute;
  top: -1px;
  transform: translateZ(0);
  width: 24px;
  z-index: 1;
}
@media (max-width: 1023px) {
  .document-examples__slider:after,
  .document-examples__slider:before {
    width: 12px;
  }
}
@media (max-width: 767px) {
  .document-examples__slider:after,
  .document-examples__slider:before {
    display: none;
  }
}
.document-examples__slider:before {
  left: 0;
}
.document-examples__slider:after {
  right: 0;
  transform: scaleX(-1);
}
.document-examples__list {
  align-items: flex-end;
  display: flex;
  width: 10000%;
}
.document-examples__item {
  -webkit-tap-highlight-color: transparent;
  padding: 0 12px;
  width: 0.25%;
}
@media (max-width: 1199px) {
  .document-examples__item {
    width: 0.33333333%;
  }
}
@media (max-width: 1023px) {
  .document-examples__item {
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .document-examples__item {
    width: 272px;
  }
}
.document-examples__item-name {
  transition: color 0.2s;
}
@media (hover) {
  .document-examples__item:hover .document-examples__item-name {
    color: var(--blue-50);
  }
}
.document-examples__item-rating {
  display: flex;
  margin-bottom: 12px;
}
.document-examples__item-star {
  height: 20px;
  width: 20px;
}
.document-examples__item-star.is-active {
  background-position: 0 -20px;
}
.document-examples--ready .document-examples__item-star {
  background-image: url(../images/star-spritef7e02135397ddcac4794.svg);
}
.document-examples__item-reviews {
  font-size: 16px;
  line-height: 20px;
  margin-left: 8px;
  opacity: 0.5;
}
.document-examples__item-image {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 3px;
  display: block;
  padding-bottom: 141.389%;
  position: relative;
}
.document-examples__nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--indigo-80);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  position: absolute;
  top: 50%;
  transition: background-color 0.2s;
  width: 40px;
  z-index: 2;
}
.document-examples__nav:hover {
  background-color: var(--indigo-60);
}
@media (max-width: 1199px) {
  .document-examples__nav {
    background-color: var(--indigo-60);
  }
  .document-examples__nav:hover {
    background-color: var(--blue-50);
  }
}
@media (max-width: 767px) {
  .document-examples__nav {
    display: none;
  }
}
.document-examples__nav:before {
  bottom: -12px;
  content: "";
  left: -12px;
  position: absolute;
  right: -12px;
  top: -12px;
}
.document-examples__nav--prev {
  margin-right: 24px;
  right: 100%;
}
@media (max-width: 1199px) {
  .document-examples__nav--prev {
    margin-right: -20px;
  }
}
.document-examples__nav--next {
  left: 100%;
  margin-left: 24px;
  transform: scaleX(-1);
}
@media (max-width: 1199px) {
  .document-examples__nav--next {
    margin-left: -20px;
  }
}
.document-examples__scrollbar {
  background-color: var(--indigo-70);
  border-radius: 1px;
  height: 2px;
  margin-top: 20px;
  position: relative;
}
.document-examples__gallery--infinite .document-examples__scrollbar {
  display: none;
}
.document-examples__scrollbar-handle {
  background-color: var(--orange-40);
  border-radius: 1px;
  height: 2px;
}
.cookiebar {
  bottom: 16px;
  display: none;
  justify-content: center;
  padding: 0 32px;
  position: fixed;
  transition: opacity 0.2s ease;
  width: 100%;
  z-index: var(--z-cookiebar);
}
@media (max-width: 767px) {
  .cookiebar {
    bottom: 0;
    padding: 0 0 env(safe-area-inset-bottom);
  }
}
.cookiebar.is-open {
  display: flex;
}
.cookiebar__container {
  align-items: center;
  background-color: var(--white);
  border-radius: 6px;
  box-shadow: 0 2px 14px rgba(23, 68, 130, 0.15), 0 0 1px rgba(23, 68, 130, 0.2);
  display: flex;
  max-width: 768px;
  padding: 24px 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .cookiebar__container {
    align-items: flex-start;
    border-radius: 0;
    flex-direction: column;
    padding: 24px 20px;
  }
}
.cookiebar__container a {
  color: var(--blue-50);
}
.cookiebar__logo {
  background-image: url(../images/cookiebarc8c54f424383cc305dca.png);
  background-size: contain;
  flex-shrink: 0;
  height: 32px;
  margin-right: 16px;
  width: 32px;
}
@media (max-width: 767px) {
  .cookiebar__logo {
    display: none;
  }
}
.cookiebar__text {
  font-size: 16px;
  line-height: 20px;
  margin-right: 32px;
}
@media (max-width: 767px) {
  .cookiebar__text {
    margin-bottom: 24px;
    margin-right: 0;
  }
}
.cookiebar__button {
  background-color: var(--blue-50);
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  padding: 8px 14px;
  transition: background-color 0.2s ease;
}
.cookiebar__button:hover {
  background-color: var(--blue-70);
}
.cookie-panel {
  background-color: var(--white);
  bottom: 0;
  box-shadow: 0 0 48px rgba(23, 68, 130, 0.12);
  display: none;
  justify-content: center;
  padding: 0 32px;
  position: fixed;
  width: 100%;
  z-index: var(--z-cookiebar);
}
@media (max-width: 767px) {
  .cookie-panel {
    bottom: 0;
    padding: 0 0 env(safe-area-inset-bottom);
  }
}
.cookie-panel.is-open {
  display: flex;
}
.cookie-panel__container {
  display: block;
  max-width: 768px;
  padding: 26px 35px;
  width: 100%;
}
@media (max-width: 767px) {
  .cookie-panel__container {
    align-items: flex-start;
    border-radius: 0;
    flex-direction: column;
    padding: 24px 20px;
  }
}
.cookie-panel__container a {
  color: var(--blue-50);
}
.cookie-panel__title {
  align-items: center;
  display: flex;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}
.cookie-panel__title:after {
  background-image: url(../images/lock68de7ba21f63a2f0c7b2.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 24px;
  margin-left: 4px;
  position: relative;
  top: -1px;
  vertical-align: initial;
  width: 24px;
}
.cookie-panel__text {
  color: var(--neutral-60);
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-bottom: 24px;
}
.cookie-panel__buttons_panel {
  display: flex;
}
.cookie-panel__buttons_panel .button:not(:last-child) {
  margin-right: 12px;
}
.modal--cookie-settings-modal .modal__content {
  width: 680px;
}
.cookie-settings-modal__container {
  padding: 24px 36px 52px;
}
.cookie-settings-modal__container a {
  color: var(--blue-50);
}
.cookie-settings-modal__title {
  align-items: center;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}
.cookie-settings-modal__text {
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 16px;
  margin-bottom: 28px;
}
.cookie-settings-modal__text p:not(:last-child) {
  margin-bottom: 16px;
}
.cookie-settings-modal__buttons_panel {
  display: flex;
}
.cookie-settings-modal__buttons_panel:not(:last-child) {
  margin-bottom: 28px;
}
.cookie-settings-modal__buttons_panel .button:not(:last-child) {
  margin-right: 12px;
}
.cookie-settings-modal__placeholder {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  white-space: nowrap;
}
.blog-post__content .resources {
  position: relative;
}
.blog-post__content .resources:first-child {
  margin-top: 0;
}
.blog-post__content .resources:last-child {
  margin-bottom: 0;
}
.blog-post__content .resources {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content .resources {
    margin: 24px 0;
  }
}
.blog-post__content .resources {
  background-color: var(--beige-10);
  border-radius: 6px;
  padding: 20px 24px 32px;
}
@media (max-width: 767px) {
  .blog-post__content .resources {
    margin: 32px 0;
    padding: 16px 16px 24px;
  }
}
.blog-post__content .resources :last-child {
  margin-bottom: 0;
}
.blog-post__content .resources--dynamic {
  padding-bottom: 40px;
}
.blog-post__content .resources__label {
  border-bottom: 1px solid rgba(119, 109, 89, 0.15);
  color: var(--beige-60);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  margin-bottom: 24px;
  padding-bottom: 20px;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post__content .resources__label {
    padding-bottom: 16px;
  }
}
.blog-post__content .resources__label:before {
  background-image: url(../images/bookmarkdb91b3711969065c96a0.svg);
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 20px;
}
.blog-post__content .resources__content {
  overflow: hidden;
  transition: height 0.3s cubic-bezier(0.7, 0, 0, 1);
}
.blog-post__content .resources__content a {
  background-image: linear-gradient(
    rgba(30, 37, 50, 0.2),
    rgba(30, 37, 50, 0.2)
  );
  color: var(--neutral-90);
}
.blog-post__content .resources__content a:hover {
  background-image: linear-gradient(
    rgba(30, 37, 50, 0.5),
    rgba(30, 37, 50, 0.5)
  );
}
.blog-post__content .resources__content:after {
  background-image: linear-gradient(
    to top,
    var(--beige-10) 40px,
    hsla(45, 25%, 94%, 0)
  );
  bottom: 0;
  content: "";
  display: block;
  height: 100px;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.2s ease;
  width: 100%;
}
.blog-post__content .resources__content ol li:before {
  color: var(--neutral-90);
  content: counter(ol-counter);
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  opacity: 0.3;
  right: calc(100% + 8px);
  text-align: center;
  top: 4px;
  width: 30px;
}
.blog-post__content .resources__content ul li:before {
  background: var(--neutral-90);
  left: -25px;
  opacity: 0.3;
}
.blog-post__content .resources__content ol:first-child,
.blog-post__content .resources__content ul:first-child {
  margin-top: 0;
}
.blog-post__content .resources__content ol:last-child,
.blog-post__content .resources__content ul:last-child {
  margin-bottom: 0;
}
.blog-post__content .resources__content p {
  padding-left: 10px;
}
.blog-post__content .resources--folded .resources__content {
  /* !important overrides height in attribute styles for simplier animation */
  height: 187px !important;
}
.blog-post__content .resources--folded .resources__content:after {
  opacity: 1;
}
.blog-post__content .resources__toggle {
  background-color: var(--neutral-90);
  background: var(--neutral-90)
    url(../images/chevron-white37fffd77a0fc944897fc.svg) no-repeat center;
  background-size: 20px 20px;
  border: none;
  border-radius: 50%;
  bottom: -16px;
  cursor: pointer;
  display: none;
  height: 32px;
  left: calc(50% - 16px);
  position: absolute;
  transform: rotate(-90deg);
  transition: transform 0.2s ease;
  width: 32px;
  z-index: 2;
}
.blog-post__content .resources__toggle:focus,
.blog-post__content .resources__toggle:hover {
  background-color: var(--neutral-100);
  outline: none;
}
@media (max-width: 767px) {
  .blog-post__content .resources__toggle {
    bottom: -21px;
    height: 42px;
    width: 42px;
  }
}
.blog-post__content .resources__toggle--visible {
  display: block;
}
.blog-post__content .resources--folded .resources__toggle {
  transform: rotate(90deg);
}
@keyframes zoomIn {
  to {
    transform: scale(1);
  }
}
.blog-post__content .compare-resumes {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
.blog-post__content .compare-resumes:first-child {
  margin-top: 0;
}
.blog-post__content .compare-resumes {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes {
    margin: 24px 0;
  }
}
@media (max-width: 1023px) {
  .blog-post__content .compare-resumes {
    max-width: 100%;
    width: 100%;
  }
}
.blog-post__content .compare-resumes:last-child {
  margin-bottom: 0;
}
.blog-post__content .compare-resumes__view {
  background-color: var(--neutral-10);
  border-radius: 6px;
  height: 640px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-post__content .compare-resumes__view {
    height: 480px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__view {
    height: 260px;
  }
}
.blog-post__content .compare-resumes__create-resume {
  bottom: 48px;
  color: var(--white);
  left: 50%;
  pointer-events: none;
  position: absolute;
  transform: translateX(-50%) translateY(150px) scale(1);
  transform-origin: 50% 0;
  transition: transform 0.2s ease;
  z-index: 3;
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__create-resume {
    bottom: 24px;
  }
}
.blog-post__content .compare-resumes__caption {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  margin-top: 16px;
  text-align: center;
}
.blog-post__content .compare-resumes__caption strong {
  font-size: 16px;
  line-height: 20px;
}
.blog-post__content .compare-resumes__resume {
  background-color: var(--white);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0 24px 60px rgba(186, 200, 227, 0.2),
    0 16px 36px rgba(186, 200, 227, 0.5);
  display: block;
  height: 544px;
  left: 50%;
  margin-left: -196px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  transform-origin: 50% 0;
  width: 384px;
}
@media (max-width: 1023px) {
  .blog-post__content .compare-resumes__resume {
    height: 416px;
    margin-left: -147px;
    width: 294px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__resume {
    height: 212px;
    margin-left: -75px;
    width: 150px;
  }
}
.blog-post__content .compare-resumes__resume--good {
  transform: translateX(-252px) translateY(48px);
  z-index: 2;
}
@media (max-width: 1023px) {
  .blog-post__content .compare-resumes__resume--good {
    transform: translateX(-167px) translateY(32px);
  }
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__resume--good {
    transform: translateX(-85px) translateY(24px);
  }
}
.blog-post__content .compare-resumes__resume--bad {
  background-image: url(../images/incorrect_resume_preview1ec2477b0a7c2aab2ae6.jpg);
  opacity: 1;
  transform: translateX(252px) translateY(48px);
}
@media (max-width: 1023px) {
  .blog-post__content .compare-resumes__resume--bad {
    transform: translateX(167px) translateY(32px);
  }
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__resume--bad {
    transform: translateX(85px) translateY(24px);
  }
}
.blog-post__content .compare-resumes__mark {
  color: var(--white);
  height: 88px;
  left: 50%;
  margin: -44px 0 0 -44px;
  opacity: 1;
  position: absolute;
  top: 50%;
  transition: opacity 0.2s ease 0.4s;
  width: 88px;
}
.blog-post__content .compare-resumes__mark:before {
  background: var(--green-50);
  border-radius: 50%;
  content: "";
  height: calc(100% - 24px);
  left: 12px;
  position: absolute;
  top: 12px;
  transform: scale(0);
  width: calc(100% - 24px);
  will-change: transform;
  z-index: 1;
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__mark:before {
    height: calc(100% - 16px);
    left: 8px;
    top: 8px;
    width: calc(100% - 16px);
  }
}
.blog-post__content .compare-resumes__mark:after {
  background: var(--green-50);
  border-radius: 50%;
  content: "";
  height: 100%;
  opacity: 0.2;
  position: absolute;
  transform: scale(0);
  width: 100%;
  will-change: transform;
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__mark {
    height: 56px;
    margin: -28px 0 0 -28px;
    width: 56px;
  }
}
.blog-post__content .compare-resumes__resume--bad .compare-resumes__mark:after,
.blog-post__content
  .compare-resumes__resume--bad
  .compare-resumes__mark:before {
  background: var(--red-60);
}
.blog-post__content .compare-resumes__mark-icon {
  background: url(../images/correctc91882de44edebe15caf.svg) no-repeat 50%;
  background-size: 32px;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  width: 100%;
  will-change: transform;
  z-index: 2;
}
@media (max-width: 767px) {
  .blog-post__content .compare-resumes__mark-icon {
    background-size: 24px;
  }
}
.blog-post__content .compare-resumes__resume--bad .compare-resumes__mark-icon {
  background: url(../images/incorrect52d3fe9b7685b1cceafc.svg) no-repeat 50%;
}
@media (max-width: 767px) {
  .blog-post__content
    .compare-resumes__resume--bad
    .compare-resumes__mark-icon {
    background-size: 32px;
  }
}
.blog-post__content .compare-resumes__view--intro .compare-resumes__mark-icon,
.blog-post__content .compare-resumes__view--intro .compare-resumes__mark:after,
.blog-post__content
  .compare-resumes__view--intro
  .compare-resumes__mark:before {
  animation: zoomIn 0.4s cubic-bezier(0.33, 0.12, 0.02, 1.5) 0.2s forwards;
}
.blog-post__content
  .compare-resumes__view--intro
  .compare-resumes__mark:before {
  animation-delay: 0.3s;
}
.blog-post__content .compare-resumes__view--intro .compare-resumes__mark-icon,
.blog-post__content
  .compare-resumes__view--intro
  .compare-resumes__resume--bad
  .compare-resumes__mark:before {
  animation-delay: 0.4s;
}
.blog-post__content
  .compare-resumes__view--intro
  .compare-resumes__resume--bad
  .compare-resumes__mark:after {
  animation-delay: 0.3s;
}
.blog-post__content
  .compare-resumes__view--intro
  .compare-resumes__resume--bad
  .compare-resumes__mark-icon {
  animation-delay: 0.5s;
}
.blog-post__content .compare-resumes__view--ready .compare-resumes__resume {
  transition: all 0.3s ease;
}
.blog-post__content
  .compare-resumes__view--ready.compare-resumes__view--hover
  .compare-resumes__create-resume {
  transform: translateX(-50%) translateY(0);
  transition: transform 0.3s ease 0.2s;
}
.blog-post__content
  .compare-resumes__view--ready.compare-resumes__view--hover
  .compare-resumes__resume--good {
  border-radius: 3px;
  transform: translateX(0) translateY(48px) scale(2);
}
@media (max-width: 1023px) {
  .blog-post__content
    .compare-resumes__view--ready.compare-resumes__view--hover
    .compare-resumes__resume--good {
    transform: translateX(0) translateY(32px) scale(2);
  }
}
@media (max-width: 767px) {
  .blog-post__content
    .compare-resumes__view--ready.compare-resumes__view--hover
    .compare-resumes__resume--good {
    transform: translateX(0) translateY(24px) scale(2);
  }
}
.blog-post__content
  .compare-resumes__view--ready.compare-resumes__view--hover
  .compare-resumes__mark {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.blog-post__content
  .compare-resumes__view--ready.compare-resumes__view--hover
  .compare-resumes__resume--bad {
  opacity: 0;
  transform: translateX(400px) translateY(48px);
}
@media (max-width: 1023px) {
  .blog-post__content
    .compare-resumes__view--ready.compare-resumes__view--hover
    .compare-resumes__resume--bad {
    transform: translateX(300px) translateY(32px);
  }
}
@media (max-width: 767px) {
  .blog-post__content
    .compare-resumes__view--ready.compare-resumes__view--hover
    .compare-resumes__resume--bad {
    transform: translateX(200px) translateY(24px);
  }
}
.partner-banner {
  display: block;
  margin: 16px 0 32px;
  width: 100%;
}
.partner-banner:first-child {
  margin-top: 0;
}
.partner-banner:last-child {
  margin-bottom: 0;
}
.partner-banner__main {
  background: var(--neutral-10);
  border-radius: 6px 6px 0 0;
  padding: 20px 20px 16px;
  text-align: center;
}
.partner-banner__logo {
  margin-bottom: 16px;
}
.partner-banner__text {
  font-size: 19px;
  line-height: 24px;
}
.partner-banner__button {
  background-color: var(--neutral-90);
  border-radius: 0 0 6px 6px;
  color: var(--white);
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  padding: 16px 24px;
  transition: background-color 0.15s;
}
.blog-post__content .related-article {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
.blog-post__content .related-article:first-child {
  margin-top: 0;
}
.blog-post__content .related-article:last-child {
  margin-bottom: 0;
}
.blog-post__content .related-article {
  align-items: stretch;
  background-color: var(--neutral-10);
  background-image: none;
  border-radius: 6px;
  display: flex;
  height: 100%;
  margin: 40px 0;
  max-height: 236px;
  min-height: 212px;
  overflow: hidden;
  position: relative;
}
.blog-post__content .related-article:hover {
  background-image: none;
}
.blog-post__content .related-article:hover .related-article__title {
  color: var(--blue-50);
}
@media (max-width: 1199px) {
  .blog-post__content .related-article {
    max-height: 192px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-article {
    flex-direction: column;
    margin: 32px 0;
    max-height: 100%;
  }
}
.blog-post__content .related-article--without-image {
  min-height: auto;
}
.blog-post__content .related-article__image {
  flex-shrink: 0;
  overflow: hidden;
  position: relative;
  width: 256px;
}
.blog-post__content .related-article__image img {
  left: 50%;
  min-height: 1005%;
  min-width: 1005%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) scale(0.1);
}
@media (max-width: 767px) {
  .blog-post__content .related-article__image img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: relative;
    top: 0;
    transform: none;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .blog-post__content .related-article__image {
    width: 225px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-article__image {
    width: 100%;
  }
}
.blog-post__content .related-article__details {
  display: flex;
  flex: 1 1;
  flex-direction: column;
  max-height: 236px;
  overflow: hidden;
  padding: 24px 32px 28px;
}
@media (max-width: 1199px) {
  .blog-post__content .related-article__details {
    max-height: 188px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-article__details {
    padding: 16px;
  }
}
.blog-post__content .related-article__caption {
  color: var(--neutral-60);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .blog-post__content .related-article__caption {
    background-color: var(--indigo-90);
    border-radius: 2px;
    color: var(--white);
    left: 16px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    top: 16px;
  }
  .blog-post__content
    .related-article--without-image
    .related-article__caption {
    align-self: flex-start;
    left: 0;
    position: relative;
    top: 0;
  }
}
.blog-post__content .related-article__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: none;
  color: var(--neutral-90);
  display: -webkit-box;
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: color 0.2s ease;
}
@media (max-width: 767px) {
  .blog-post__content .related-article__title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.blog-post__content .related-article__description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--neutral-90);
  display: -webkit-box;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 0;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .blog-post__content .related-article__description {
    -webkit-line-clamp: 3;
    max-height: 72px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-article__description {
    -webkit-line-clamp: 2;
    font-size: 16px;
    line-height: 20px;
    max-height: 40px;
  }
}
.blog-post__content .related-example {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
.blog-post__content .related-example:first-child {
  margin-top: 0;
}
.blog-post__content .related-example:last-child {
  margin-bottom: 0;
}
.blog-post__content .related-example {
  background-color: var(--neutral-10);
  background-image: none;
  border-radius: 6px;
  display: flex;
  margin: 40px 0;
  min-height: 252px;
  overflow: hidden;
  padding: 32px 32px 32px 352px;
  position: relative;
}
.blog-post__content .related-example:hover {
  background-image: none;
}
.blog-post__content .related-example:hover .related-example__title {
  color: var(--blue-50);
}
@media (max-width: 1199px) {
  .blog-post__content .related-example {
    padding-left: 272px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-example {
    flex-direction: column;
    margin: 32px 0;
    max-height: 100%;
    padding: 32px 40px 0;
  }
}
.blog-post__content .related-example__image {
  border-radius: 6px 6px 0 0;
  box-shadow: 0 14px 16px rgba(207, 214, 230, 0.7),
    0 20px 40px rgba(207, 214, 230, 0.12);
  left: 40px;
  min-height: 252px;
  overflow: hidden;
  position: absolute;
  top: 24px;
  width: 280px;
}
.blog-post__content .related-example__image img {
  width: 100%;
}
@media (max-width: 767px) {
  .blog-post__content .related-example__image img {
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
  }
}
@media (max-width: 1199px) {
  .blog-post__content .related-example__image {
    width: 200px;
  }
}
@media (max-width: 767px) {
  .blog-post__content .related-example__image {
    left: auto;
    margin-right: 0;
    padding-bottom: 56%;
    position: relative;
    top: auto;
    width: auto;
  }
}
.blog-post__content .related-example__details {
  max-height: 236px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blog-post__content .related-example__details {
    align-items: center;
    margin-bottom: 32px;
    text-align: center;
  }
}
.blog-post__content .related-example__caption {
  color: var(--neutral-60);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .blog-post__content .related-example__caption {
    margin-bottom: 4px;
  }
}
.blog-post__content .related-example__title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  background: none;
  color: var(--neutral-90);
  display: -webkit-box;
  flex-shrink: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
  overflow: hidden;
  transition: color 0.2s ease;
}
@media (max-width: 767px) {
  .blog-post__content .related-example__title {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
.blog-post__content .related-example__description {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  color: var(--neutral-90);
  display: -webkit-box;
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 0;
  overflow: hidden;
}
.blog-post__content-main-wrapper a.resume-example-preview-cta,
.blog-post__content-main-wrapper a.resume-example-preview-cta:hover {
  background-image: none;
}
.resume-example-preview-cta {
  background-color: var(--neutral-10);
  background-image: none;
  border-radius: 12px;
  cursor: pointer;
  display: block;
  margin-block: 40px;
  max-width: 818px;
  padding: 32px 32px 24px;
}
.resume-example-preview-cta__preview {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 0 1px rgba(38, 70, 109, 0.4),
    0 6px 14px -4px rgba(38, 70, 109, 0.1);
  margin-bottom: 32px;
  transition: box-shadow 0.2s ease;
  width: 100%;
}
.resume-example-preview-cta__preview:hover {
  box-shadow: 0 0 1px rgba(38, 70, 109, 0.4),
    0 16px 32px -8px rgba(38, 70, 109, 0.2);
}
.resume-example-preview-cta__preview:before {
  content: "";
  display: block;
  padding-bottom: 141.389%;
}
.resume-example-preview-cta__button {
  align-items: center;
  display: flex;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  justify-content: center;
}
.international {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  padding: 120px 44px;
}
@media (max-width: 1023px) {
  .international {
    padding: 80px 44px;
  }
}
@media (max-width: 767px) {
  .international {
    padding: 48px 20px;
  }
}
.international__header {
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 767px) {
  .international__header {
    margin-bottom: 40px;
  }
}
.international__label {
  color: var(--blue-50);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.international__title {
  color: var(--neutral-90);
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .international__title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 8px;
  }
}
.international__description {
  color: var(--neutral-90);
  font-size: 19px;
  line-height: 24px;
}
.international__list {
  grid-gap: 32px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(256px, 1fr));
  margin: 0 auto;
  max-width: 1120px;
}
@media (max-width: 1023px) {
  .international__list {
    grid-gap: 24px;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .international__list {
    grid-gap: 16px;
    grid-template-columns: 1fr;
  }
}
.international__country {
  align-items: center;
  border: 1px solid var(--neutral-15);
  border-radius: 4px;
  display: flex;
  font-size: 19px;
  line-height: 24px;
  padding: 16px 20px;
}
@media (max-width: 767px) {
  .international__country {
    width: 100%;
  }
}
.international__country-flag {
  --flag-width: 19px;
  --flag-height: 12px;
  align-items: center;
  background-color: var(--neutral-10);
  border-radius: 20px;
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  margin-right: 16px;
  width: 40px;
}
.international__country-domain {
  color: var(--blue-50);
  transition: color 0.2s ease;
}
.international__country:hover .international__country-domain {
  color: var(--blue-70);
}
.language-select {
  --flag-width: 25px;
  --flag-height: 16px;
  align-items: center;
  border: 1px solid var(--neutral-20);
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  margin: 0 auto 32px;
  min-width: 200px;
  padding: 12px;
  position: relative;
}
.language-select svg {
  fill: var(--neutral-50);
  position: absolute;
  right: 12px;
  top: 12px;
  transform: rotate(90deg);
  width: 20px;
}
.language-select select {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.language-select select:focus {
  box-shadow: none;
  outline: none;
}
@media (max-width: 767px) {
  .language-select {
    margin: 0 auto 24px;
  }
}
.language-select__language {
  margin-left: 10px;
}
.country-flag {
  background-color: var(--neutral-10);
  background-image: url(../images/flags859115dd937d05584169.png);
  background-position: var(--flag-width) 0;
  background-size: cover;
  height: var(--flag-height);
  width: var(--flag-width);
}
.country-flag--cz {
  background-position: 0 0;
}
.country-flag--dk {
  background-position: calc(var(--flag-width) * -1) 0;
}
.country-flag--us {
  background-position: calc(var(--flag-width) * -2) 0;
}
.country-flag--es {
  background-position: calc(var(--flag-width) * -3) 0;
}
.country-flag--fi {
  background-position: calc(var(--flag-width) * -4) 0;
}
.country-flag--fr {
  background-position: calc(var(--flag-width) * -5) 0;
}
.country-flag--it {
  background-position: calc(var(--flag-width) * -6) 0;
}
.country-flag--nl {
  background-position: calc(var(--flag-width) * -7) 0;
}
.country-flag--no {
  background-position: calc(var(--flag-width) * -8) 0;
}
.country-flag--pl {
  background-position: calc(var(--flag-width) * -9) 0;
}
.country-flag--se {
  background-position: calc(var(--flag-width) * -10) 0;
}
.country-flag--sg {
  background-position: calc(var(--flag-width) * -11) 0;
}
.country-flag--de {
  background-position: calc(var(--flag-width) * -12) 0;
}
.country-flag--gb {
  background-position: calc(var(--flag-width) * -13) 0;
}
.page-loader {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.page-loader path {
  animation: spinnerRotation 0.5s linear infinite;
  transform-origin: 50% 50%;
}
.googleOneTapModal {
  max-width: calc(100% - 48px);
  position: fixed;
  right: 24px;
  top: 80px;
  z-index: 1001;
}
.googleOneTapModal iframe {
  max-width: 100%;
}
.feature {
  background-color: var(--white);
  padding: 80px 0;
}
@media (max-width: 1199px) {
  .feature {
    padding: 60px 0;
  }
}
@media (max-width: 1023px) {
  .feature .feature__container.grid-container {
    padding-left: 0;
    padding-right: 0;
  }
}
.feature__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 1023px) {
  .feature__list {
    margin-left: 0;
    margin-right: 0;
  }
}
.feature__item {
  background-size: 1120px auto;
  border-radius: 4px;
  display: inline-block;
  height: 72px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .feature__item {
    margin-left: 0;
    margin-right: 0;
  }
}
.feature__item.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.feature__item--inc {
  background-position: -811px 3px;
  width: 145px;
}
.feature__item--lifehack {
  background-position: -655px 3px;
  width: 157px;
}
.feature__item--entrepreneur {
  background-position: -467px 5px;
  width: 187px;
}
.feature__item--muse {
  background-position: -315px 0;
  width: 151px;
}
.feature__item--forbes {
  background-position: -17px 0;
  width: 144px;
}
.feature__item--bloomberg {
  background-position: -162px 0;
  width: 155px;
}
.feature__item--hubspot {
  background-position: -956px 3px;
  width: 145px;
}
.skills {
  background: #f7f9fc;
  border-radius: 6px;
  color: #1e2532;
  display: block;
  margin: 1em 0;
  padding: 27px 27px 23px;
  position: relative;
}
.skills .skill__item {
  border: 1px solid var(--neutral-20);
  border-radius: 4px;
  display: inline-block;
  font-size: 16px;
  list-style: none;
  margin: 0 8px 8px 0;
  padding: 6px 10px;
}
.skills .skill__item,
.skills > h4 {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
.skills > h4 {
  color: var(--neutral-60);
  font-size: 19px;
  font-size: 31px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 24px;
  position: relative;
  text-transform: capitalize;
}
.salaries {
  background: #f7f9fc;
  border-radius: 6px;
  box-sizing: border-box;
  color: #1e2532;
  display: block;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  margin: 1em 0;
  padding: 24px;
  position: relative;
}
.salary__item {
  font-family: TT Talent;
  padding: 10px 0;
}
.salary__item_bar {
  background: linear-gradient(270deg, #54aff8, #c3e5fe);
  border-radius: 4px;
  flex-shrink: 0;
  height: 4px;
}
.salary__item_bar_empty {
  background: var(--neutral-neutral-15, #e7eaf4);
  border-radius: 4px;
  margin-top: 7px;
}
.salary__item_title {
  color: var(--neutral-neutral-90, #1e2532);
  width: 62%;
}
.salary__item_amnt,
.salary__item_title {
  display: inline-block;
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.salary__item_amnt {
  color: var(--neutral-neutral-60-ext, #656e83);
  text-align: right;
  width: 36%;
}
.salary__footer {
  color: var(--neutral-neutral-50, #828ba2);
  font-family: inherit;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 21px 0 8px;
  text-align: center;
}
div.share-email-container {
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 6px 8px -2px rgba(15, 56, 113, 0.02),
    0 16px 64px -8px rgba(15, 56, 113, 0.18);
  min-height: 228px;
  outline: 0;
  padding: 32px 32px 24px;
  position: absolute;
  right: 0;
  top: -70px;
  width: 480px;
}
@media (max-width: 767px) {
  div.share-email-container {
    left: -277px;
    top: 40px;
    width: auto;
    z-index: 2;
  }
}
input.share-email-input {
  grid-gap: 8px;
  background: #fff;
  border: 1px solid #e7eaf4;
  border-radius: 8px;
  caret-color: #1a91f0;
  color: #0f141e;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 52px;
  isolation: isolate;
  justify-content: center;
  line-height: 28px;
  padding: 0 0 0 20px;
  width: 100%;
}
img.share_email_sent_msg {
  display: block;
  margin-top: 18px;
}
.blog-post-sharing__item--email {
  position: relative;
}
.blog-post-footer__share-button.blog-post-sharing__item--email {
  display: none;
}
@media (max-width: 767px) {
  .blog-post-footer__share-button.blog-post-sharing__item--email {
    display: inherit;
  }
}
.blog-post__content-aside.blog-post__content-aside--right {
  z-index: 2;
}
.home {
  background-color: var(--white);
}
@media (min-width: 1200px) {
  .home__button {
    font-size: 24px;
    line-height: 1;
    padding: 20px 30px;
  }
}
.home__hero {
  background-color: var(--neutral-10);
  overflow: hidden;
  position: relative;
}
@media (max-width: 1199px) {
  .home__hero {
    padding: 0 44px;
  }
}
@media (max-width: 767px) {
  .home__hero {
    padding: 0 20px;
  }
}
.home__hero-container {
  display: block;
  margin: 0 auto;
  padding-top: 64px;
  width: var(--container-width);
}
@media (max-width: 1199px) {
  .home__hero-container {
    justify-content: space-between;
    max-width: 100%;
    padding: 32px 0 0;
  }
}
@media (max-width: 767px) {
  .home__hero-container {
    padding: 48px 0 0;
  }
}
.home__hero-main {
  flex: 1 1;
  flex-flow: column nowrap;
}
.home__hero-main,
.home__hero-main-content {
  align-items: center;
  display: flex;
  width: 100%;
}
.home__hero-main-content {
  flex-direction: column;
  margin-bottom: 26px;
}
@media (max-width: 1023px) {
  .home__hero-main-content {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .home__hero-main-content {
    margin-bottom: 24px;
  }
}
.home__hero-main-title {
  color: var(--indigo-90);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  max-width: 740px;
  text-align: center;
  text-transform: uppercase;
}
.home__hero-main-title-h2 {
  color: var(--neutral-100);
  font-weight: 700;
  font-weight: 600;
  margin-bottom: 8px;
}
.home__hero-main-title-h2,
.home__hero-title {
  font-size: 46px;
  line-height: 48px;
  max-width: 740px;
  text-align: center;
}
.home__hero-title {
  font-weight: 700;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .home__hero-title {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .home__hero-title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 8px;
  }
}
.home__hero-subtitle {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 24px;
  max-width: 600px;
  text-align: center;
}
@media (max-width: 767px) {
  .home__hero-subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
.home__hero-cta {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .home__hero-cta {
    align-items: stretch;
    flex-flow: column nowrap;
    justify-content: flex-start;
    margin: 0 auto;
  }
}
.home__hero-button {
  margin-right: 16px;
}
.home__hero-button:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .home__hero-button {
    margin-bottom: 8px;
    margin-right: 0;
  }
  .home__hero-button:last-child {
    margin-bottom: 0;
  }
  .home__hero-button .button {
    display: block;
  }
}
@keyframes pulse {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.home__hero-counter {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
  padding-left: 18px;
  position: relative;
}
.home__hero-counter:before {
  animation: pulse 1.5s ease infinite;
  background-color: var(--green-50);
  border-radius: 3px;
  content: "";
  height: 6px;
  left: 4px;
  position: absolute;
  top: 8px;
  width: 6px;
}
@media (max-width: 1023px) {
  .home__hero-counter {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .home__hero-counter {
    margin-bottom: 16px;
  }
}
.home__hero-animated-label {
  display: inline-block;
  position: relative;
  transition: width 0.3s ease;
}
.home__hero-animated-label .home__hero-counter-number {
  display: inline-block;
  will-change: transform;
}
.home__hero-animated-label .home__hero-counter-number.is-out {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.home__hero-animated-label .home__hero-counter-number.is-in {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translateY(-16px);
}
.home__hero-animated-label .home__hero-counter-number.is-in.is-in-active {
  opacity: 1;
  transform: none;
  transition: opacity 0.2s ease,
    transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0.05s;
}
@keyframes heroResumeSlide {
  0% {
    transform: translateY(335px);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes heroResumeFade {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home__hero-resume {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 770px;
}
@media (max-width: 1023px) {
  .home__hero-resume {
    max-width: 420px;
    width: 100%;
  }
}
.home__hero-resume:before {
  content: "";
  display: block;
  padding-bottom: 45.4545%;
}
.home__hero-resume--loaded {
  animation-duration: 5s;
  animation-name: heroResumeSlide;
  animation-timing-function: cubic-bezier(0, 1, 0, 1);
}
.home__hero-resume-image {
  border-radius: 8px 8px 0 0;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1023px) {
  .home__hero-resume-image {
    border-radius: 4px 4px 0 0;
  }
}
.home__hero-resume--loaded .home__hero-resume-image {
  animation-duration: 0.35s;
  animation-fill-mode: forwards;
  animation-name: heroResumeFade;
}
.indeed-message {
  align-items: center;
  background-color: #fcefe5;
  display: flex;
  justify-content: center;
  padding: 8px 0;
  width: 100%;
}
.indeed-message__icon {
  background-image: url(../images/hand_icon16edef05d675b9b78476.png);
  background-size: contain;
  height: 24px;
  margin-right: 4px;
  width: 24px;
}
.indeed-message__text {
  font-size: 16px;
  line-height: 20px;
}
.indeed-message__text a {
  color: #5a3e43;
  font-weight: 600;
}
.indeed-message__text a:hover {
  color: var(--blue-70);
}
.home__faq {
  background-color: var(--white);
  padding: 120px 32px;
}
@media (max-width: 1023px) {
  .home__faq {
    padding: 80px 32px;
  }
}
@media (max-width: 767px) {
  .home__faq {
    padding: 48px 20px;
  }
}
.trustpilot_top_home {
  border-bottom: 1px solid #d9deeb;
}
.home__faq-container {
  margin: 0 auto;
  max-width: 926px;
}
@media (max-width: 767px) {
  .home__faq-container {
    width: 100%;
  }
}
.home__faq-title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin: 0 auto 48px;
  max-width: 496px;
  text-align: center;
}
@media (max-width: 1023px) {
  .home__faq-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 32px;
    max-width: 320px;
  }
}
@media (max-width: 767px) {
  .home__faq-title {
    font-size: 32px;
    line-height: 34px;
  }
}
.home__faq-note {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  margin-top: 24px;
}
.home__faq-note a {
  color: var(--blue-50);
}
.home__faq-note a:hover {
  color: var(--blue-70);
}
.home__question {
  border-bottom: 1px solid var(--neutral-20);
  cursor: pointer;
  padding: 24px 36px 24px 0;
  position: relative;
}
.home__question:last-child {
  border-bottom: none;
}
.home__question:after {
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: 34px;
  transition: transform 0.2s;
  width: 14px;
}
.home__faq--seen .home__question:after {
  background: url(../images/downdd643a740af35ea7321f.svg) no-repeat;
}
.home__question--opened:after {
  transform: rotate(180deg);
}
.home__question-title {
  font-size: 22px;
  line-height: 28px;
  transition: color 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.home__question--opened .home__question-title,
.home__question:hover .home__question-title {
  color: var(--blue-50);
}
.home__question-content {
  display: none;
  opacity: 0;
}
.home__question-text {
  max-width: 600px;
  padding-top: 12px;
}
.home__question-text a {
  color: var(--blue-50);
}
.home__question-text a:hover {
  color: var(--blue-70);
}
.home__question-learn-more a {
  color: var(--blue-50);
}
.home__question-learn-more a:hover {
  color: var(--blue-70);
}
.home-resume-maker {
  background-color: var(--neutral-10);
}
.home-resume-maker__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .home-resume-maker__header {
    flex-direction: column;
    margin: 0 auto;
    max-width: 504px;
  }
}
.home-resume-maker__header-visual {
  background-color: var(--neutral-15);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 48.571%;
}
.home-resume-maker__header-visual.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .home-resume-maker__header-visual {
    width: 100%;
  }
}
.home-resume-maker__header-visual:before {
  content: "";
  display: block;
  padding-bottom: 65.4411%;
}
.home-resume-maker__header-content {
  width: 40%;
}
@media (max-width: 1023px) {
  .home-resume-maker__header-content {
    margin-bottom: 24px;
    order: -1;
    text-align: center;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__header-content {
    display: flex;
    flex-direction: column;
  }
}
.home-resume-maker__header-actions {
  align-items: center;
  display: flex;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .home-resume-maker__header-actions {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__header-actions {
    align-items: stretch;
    align-self: center;
    flex-direction: column;
  }
}
.home-resume-maker__watch {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .home-resume-maker__watch {
    margin-left: 0;
    margin-top: 12px;
  }
}
.home-resume-maker__watch-icon {
  margin-right: 12px;
}
.home-resume-maker__features {
  display: flex;
  margin: 80px -16px 0;
}
@media (max-width: 1023px) {
  .home-resume-maker__features {
    flex-direction: column;
    margin: 48px 0 0;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__features {
    margin-top: 32px;
  }
}
.home-resume-maker__feature {
  padding: 0 16px;
  width: 33.333%;
}
@media (max-width: 1023px) {
  .home-resume-maker__feature {
    border-bottom: 1px solid var(--neutral-15);
    margin-bottom: 24px;
    padding: 0 0 24px 88px;
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__feature {
    border-bottom: none;
    margin-bottom: 32px;
    padding: 0;
    text-align: center;
  }
}
.home-resume-maker__feature:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.home-resume-maker__feature-description a {
  color: var(--blue-50);
}
.home-resume-maker__feature-description a:hover {
  color: var(--blue-70);
}
.home-resume-maker__feature-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 72px;
  margin-bottom: 8px;
  width: 72px;
}
.home-resume-maker__feature-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .home-resume-maker__feature-icon {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__feature-icon {
    height: 56px;
    margin: 0 auto 8px;
    position: relative;
    top: 0;
    width: 56px;
  }
}
.home-resume-maker__feature-title {
  color: var(--indigo-90);
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .home-resume-maker__feature-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__feature-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.home-resume-maker__lightbox {
  background-color: rgba(15, 20, 30, 0.8);
  bottom: 0;
  display: none;
  left: 0;
  opacity: 0;
  padding: 44px 160px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: var(--z-home-resume-maker-lightbox);
}
@media (max-width: 1023px) {
  .home-resume-maker__lightbox {
    padding: 80px 96px;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__lightbox {
    padding: 80px 20px;
  }
}
.home-resume-maker__lightbox--rendered {
  align-items: center;
  display: flex;
  justify-content: center;
}
.home-resume-maker__lightbox--visible {
  opacity: 1;
  transition: opacity 0.25s;
}
.home-resume-maker__lightbox-content {
  background-color: var(--neutral-100);
  border-radius: 6px;
  max-width: 1120px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.home-resume-maker__lightbox-content:before {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}
.home-resume-maker__lightbox-content iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-resume-maker__lightbox-close {
  background-color: rgba(15, 20, 30, 0.4);
  background-image: url(../images/closef5b0055b1acd88121e77.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 40px auto;
  border-radius: 50%;
  cursor: pointer;
  height: 64px;
  position: absolute;
  right: 44px;
  top: 44px;
  width: 64px;
}
@media (max-width: 1023px) {
  .home-resume-maker__lightbox-close {
    background-size: 32px auto;
    height: 48px;
    right: 20px;
    top: 20px;
    width: 48px;
  }
}
@media (max-width: 767px) {
  .home-resume-maker__lightbox-close {
    background-size: 24px auto;
    height: 36px;
    width: 36px;
  }
}
.home-resume-maker__lightbox-close:hover {
  background-color: rgba(15, 20, 30, 0.55);
}
.home-letter-maker {
  background-color: var(--white);
}
@media (min-width: 1200px) {
  .home-letter-maker {
    padding-bottom: 160px;
    padding-top: 160px;
  }
}
.home-letter-maker__main {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .home-letter-maker__main {
    flex-direction: column;
    margin: 0 auto;
    max-width: 504px;
  }
}
.home-letter-maker__visual {
  background-color: var(--neutral-15);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 48.571%;
}
.home-letter-maker__visual.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .home-letter-maker__visual {
    margin-bottom: 32px;
    order: -1;
    width: 100%;
  }
}
.home-letter-maker__visual:before {
  content: "";
  display: block;
  padding-bottom: 73.53%;
}
.home-letter-maker__content {
  width: 40%;
}
@media (max-width: 1023px) {
  .home-letter-maker__content {
    text-align: center;
    width: 100%;
  }
}
.home-letter-maker__label {
  color: var(--indigo-70);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.home-letter-maker__description {
  margin-bottom: 24px;
}
.home-templates {
  background-color: var(--neutral-100);
  color: var(--white);
  padding-bottom: 0;
}
.home-templates__main {
  margin: 0 auto 64px;
  max-width: 416px;
  text-align: center;
}
@media (max-width: 767px) {
  .home-templates__main {
    margin-bottom: 32px;
  }
}
.home-templates__icon {
  background-color: var(--neutral-90);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto 16px;
  width: 80px;
}
.home-templates__icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.home-templates__description {
  color: var(--neutral-50);
}
.home-templates__headers {
  margin-bottom: 16px;
  position: relative;
  text-align: center;
}
@media (max-width: 767px) {
  .home-templates__headers {
    margin-bottom: 12px;
  }
}
.home-templates__header {
  opacity: 0;
  padding: 0 20px;
  pointer-events: none;
  transition: opacity 0.25s;
}
.home-templates__header--active {
  opacity: 1;
  pointer-events: auto;
  transition-duration: 0.3s;
}
.home-templates__header:not(:first-child) {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.home-templates__header-name {
  align-items: center;
  display: flex;
  font-size: 22px;
  font-weight: 600;
  justify-content: center;
  line-height: 28px;
}
@media (max-width: 767px) {
  .home-templates__header-name {
    font-size: 19px;
    line-height: 24px;
  }
}
.home-templates__header-badge {
  background-color: var(--amber-30);
  border-radius: 50%;
  height: 20px;
  margin-left: 6px;
  width: 20px;
}
.home-templates--ready .home-templates__header-badge {
  background-image: url(../images/crownc5d308c0f594f7f1d8cd.svg);
}
.home-templates__header-usage {
  color: var(--neutral-50);
  font-size: 14px;
  line-height: 16px;
}
.home-templates__gallery {
  height: 428px;
  opacity: 0;
  overflow: hidden;
  perspective: 1200px;
  pointer-events: none;
  position: relative;
  transition: opacity 0.3s;
}
@media (max-width: 767px) {
  .home-templates__gallery {
    height: 196px;
  }
}
.home-templates__gallery:after {
  background: linear-gradient(
    180deg,
    rgba(15, 20, 30, 0),
    rgba(15, 20, 30, 0.08)
  );
  bottom: 0;
  content: "";
  height: 48px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-templates__gallery:after {
    height: 32px;
  }
}
.home-templates--ready .home-templates__gallery {
  opacity: 1;
  pointer-events: auto;
}
.home-templates__slider {
  display: flex;
  transform-style: preserve-3d;
  width: 10000%;
}
.home-templates__item {
  width: 544px;
}
@media (max-width: 767px) {
  .home-templates__item {
    width: 242px;
  }
}
.home-templates__item-image {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 6px;
  box-shadow: 0 16px 36px rgba(15, 20, 31, 0.08),
    0 24px 60px rgba(15, 20, 31, 0.08);
  display: block;
  padding-bottom: 141.389%;
  pointer-events: none;
  position: relative;
}
.home-templates__item--active .home-templates__item-image {
  pointer-events: auto;
}
.home-templates__nav {
  align-items: center;
  background-color: var(--blue-50);
  border-radius: 50%;
  bottom: 190px;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  transition: background-color 0.2s, transform 0.1s;
  width: 48px;
  will-change: background-color, transform;
  z-index: 2;
}
.home-templates__nav:hover {
  background-color: var(--blue-60);
}
.home-templates__nav:active {
  background-color: var(--blue-70);
  transform: scale(0.95);
}
@media (max-width: 767px) {
  .home-templates__nav {
    display: none;
  }
}
.home-templates__nav--prev {
  left: calc(50% - 296px);
}
.home-templates__nav--next {
  right: calc(50% - 296px);
}
.home-templates__nav--next svg {
  transform: scaleX(-1);
}
.home-templates__use-link {
  bottom: 48px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .home-templates__use-link {
    bottom: 32px;
  }
}
.home-letters {
  background-color: var(--neutral-10);
  overflow: hidden;
  position: relative;
}
.home-letters:after,
.home-letters:before {
  background: linear-gradient(
    to bottom,
    var(--neutral-10),
    rgba(239, 242, 249, 0)
  );
  content: "";
  height: 160px;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 2;
}
@media (max-width: 767px) {
  .home-letters:after,
  .home-letters:before {
    height: 80px;
  }
}
.home-letters:before {
  top: 0;
}
.home-letters:after {
  bottom: 0;
  transform: scaleY(-1);
}
.home-letters__main {
  margin: 0 auto;
  max-width: 544px;
  padding: 120px 0;
  position: relative;
  text-align: center;
  transform: translateZ(0);
  z-index: 2;
}
@media (max-width: 767px) {
  .home-letters__main {
    padding: 32px 0;
  }
}
.home-letters__description {
  margin-bottom: 24px;
}
.home-letters__buttons {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .home-letters__buttons {
    flex-direction: column;
    margin: 0 auto;
    max-width: 216px;
    width: 100%;
  }
}
.home-letters__cta {
  flex-shrink: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .home-letters__cta {
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
  }
  .home-letters__cta .button {
    width: 100%;
  }
}
.home-letters__cta:last-child {
  margin: 0;
}
@keyframes cardFalling {
  0% {
    transform: translate(-50%, -500px);
  }
  to {
    transform: translate(-50%, 1000px);
  }
}
@keyframes cardRotation {
  0% {
    transform: rotateY(0deg);
  }
  to {
    transform: rotateY(1turn);
  }
}
.home-letters__card {
  animation: cardFalling 16s linear infinite;
  left: 50%;
  perspective: 500px;
  position: absolute;
  top: 0;
  transform: translate(-50%);
  width: 160px;
}
@media (max-width: 767px) {
  .home-letters__card {
    width: 100px;
  }
}
.home-letters__card-main {
  animation: cardRotation 12s linear infinite;
  padding-bottom: 141.389%;
  position: relative;
  transform-style: preserve-3d;
}
.home-letters__card-main:after,
.home-letters__card-main:before {
  backface-visibility: hidden;
  border-radius: 6px;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.home-letters__card-main:before {
  background-color: var(--white);
  background-image: url(../images/skeleton-190b2a1e1dbef7a47ffdc.png);
  background-size: cover;
}
.home-letters__card-main:after {
  background-color: var(--neutral-15);
  transform: rotateY(180deg);
}
.home-letters__card--1 {
  animation-delay: -16s;
  margin-left: -550px;
}
@media (max-width: 767px) {
  .home-letters__card--1 {
    margin-left: -350px;
  }
}
.home-letters__card--2 {
  animation-delay: -14.5s;
  margin-left: 550px;
}
@media (max-width: 767px) {
  .home-letters__card--2 {
    margin-left: 350px;
  }
}
.home-letters__card--3 {
  animation-delay: -14s;
  margin-left: -350px;
}
@media (max-width: 767px) {
  .home-letters__card--3 {
    margin-left: -200px;
  }
}
.home-letters__card--4 {
  animation-delay: -12.5s;
  margin-left: 350px;
}
@media (max-width: 767px) {
  .home-letters__card--4 {
    margin-left: 200px;
  }
}
.home-letters__card--5 {
  animation-delay: -12s;
  margin-left: -750px;
}
@media (max-width: 767px) {
  .home-letters__card--5 {
    margin-left: -450px;
  }
}
.home-letters__card--6 {
  animation-delay: -10.5s;
  margin-left: 150px;
}
@media (max-width: 767px) {
  .home-letters__card--6 {
    margin-left: 50px;
  }
}
.home-letters__card--7 {
  animation-delay: -10s;
  margin-left: -450px;
}
@media (max-width: 767px) {
  .home-letters__card--7 {
    margin-left: -250px;
  }
}
.home-letters__card--8 {
  animation-delay: -8.5s;
  margin-left: 450px;
}
@media (max-width: 767px) {
  .home-letters__card--8 {
    margin-left: 250px;
  }
}
.home-letters__card--7 {
  animation-delay: -8s;
  margin-left: -650px;
}
@media (max-width: 767px) {
  .home-letters__card--7 {
    margin-left: -400px;
  }
}
.home-letters__card--8 {
  animation-delay: -6.5s;
  margin-left: 650px;
}
@media (max-width: 767px) {
  .home-letters__card--8 {
    margin-left: 400px;
  }
}
.home-letters__card--9 {
  animation-delay: -6s;
  margin-left: -350px;
}
@media (max-width: 767px) {
  .home-letters__card--9 {
    margin-left: -200px;
  }
}
.home-letters__card--10 {
  animation-delay: -4.5s;
  margin-left: 350px;
}
@media (max-width: 767px) {
  .home-letters__card--10 {
    margin-left: 200px;
  }
}
.home-letters__card--11 {
  animation-delay: -4s;
  margin-left: -600px;
}
@media (max-width: 767px) {
  .home-letters__card--11 {
    margin-left: -375px;
  }
}
.home-letters__card--12 {
  animation-delay: -2.5s;
  margin-left: 600px;
}
@media (max-width: 767px) {
  .home-letters__card--12 {
    margin-left: 375px;
  }
}
.home-letters__card--13 {
  animation-delay: -2s;
  margin-left: -200px;
}
@media (max-width: 767px) {
  .home-letters__card--13 {
    margin-left: -125px;
  }
}
.home-letters__card--14 {
  animation-delay: -0.5s;
  margin-left: 200px;
}
@media (max-width: 767px) {
  .home-letters__card--14 {
    margin-left: 125px;
  }
}
.home-letters__card:nth-child(3n) .home-letters__card-main {
  animation-delay: -4s;
}
.home-letters__card:nth-child(3n + 1) .home-letters__card-main {
  animation-delay: -8s;
}
.home-letters__card:nth-child(4n + 1) .home-letters__card-main:before {
  background-image: url(../images/skeleton-2c9df8bede0e880cb1808.png);
}
.home-letters__card:nth-child(4n + 2) .home-letters__card-main:before {
  background-image: url(../images/skeleton-3e3de1e4a53f043e9f188.png);
}
.home-how {
  background-color: var(--neutral-10);
}
.home-how__header {
  margin: 0 auto 80px;
  max-width: 544px;
  text-align: center;
}
@media (max-width: 767px) {
  .home-how__header {
    margin-bottom: 48px;
  }
}
.home-how__icon {
  background-color: var(--neutral-15);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto 16px;
  width: 80px;
}
.home-how__icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.home-how__description {
  margin-bottom: 24px;
}
.home-how__content {
  margin: 0 auto;
  max-width: 800px;
}
.home-how__tabs {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .home-how__tabs {
    background-color: var(--white);
    border-radius: 6px 6px 0 0;
    position: relative;
  }
}
.home-how__tab {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media (min-width: 768px) {
  .home-how__tab {
    background-color: var(--neutral-5);
    border-radius: 6px 6px 0 0;
    color: var(--neutral-50);
    cursor: pointer;
    padding: 16px;
    transition: color 0.2s, background-color 0.2s;
    width: calc(33.333% - 5px);
  }
}
@media (max-width: 767px) {
  .home-how__tab {
    opacity: 0;
    padding: 16px 20px 0;
    pointer-events: none;
    transition: opacity 0.3s;
    width: 100%;
  }
  .home-how__tab:not(:first-child) {
    left: 0;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 768px) {
  .home-how__tab--active {
    background-color: var(--white);
    color: var(--neutral-90);
    cursor: default;
  }
}
@media (max-width: 767px) {
  .home-how__tab--active {
    opacity: 1;
  }
}
@keyframes tabBarScale {
  0% {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
.home-how__tab-bar {
  background-color: var(--neutral-20);
  border-radius: 2px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
}
.home-how__tab-bar-progress {
  background-color: var(--blue-50);
  height: 3px;
  transform: scaleX(0);
  transform-origin: 0 0;
}
.home-how__tab--active .home-how__tab-bar-progress {
  animation: tabBarScale 20s linear forwards;
}
.home-how__panes {
  background-color: var(--white);
  border-radius: 0 0 6px 6px;
  overflow: hidden;
  position: relative;
}
.home-how__panes-list {
  display: flex;
  width: 10000%;
}
.home-how__pane {
  background-color: var(--white);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  min-height: 300px;
  padding: 40px 392px 56px 48px;
  width: 1%;
}
@media (max-width: 1023px) {
  .home-how__pane {
    padding: 40px 328px 48px 40px;
  }
}
@media (max-width: 767px) {
  .home-how__pane {
    background-image: none !important;
    min-height: 0;
    padding: 16px 20px 24px;
  }
}
.home-how__pane-title {
  color: var(--indigo-80);
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .home-how__pane-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.home-how__bullets {
  display: flex;
  justify-content: center;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .home-how__bullets {
    display: none;
  }
}
.home-how__bullet {
  background-color: var(--neutral-30);
  border-radius: 50%;
  height: 8px;
  margin: 0 6px;
  transition: background-color 0.2s;
  width: 8px;
}
.home-how__bullet--active {
  background-color: var(--blue-50);
}
.home-career {
  background-color: var(--indigo-80);
  color: var(--white);
}
.home-career__main {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .home-career__main {
    flex-direction: column;
    margin: 0 auto;
    max-width: 504px;
  }
}
.home-career__content {
  width: 40%;
}
@media (max-width: 1023px) {
  .home-career__content {
    text-align: center;
    width: 100%;
  }
}
.home-career__label {
  color: var(--amber-30);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.home-career__description {
  margin-bottom: 24px;
}
.home-career__buttons {
  align-items: center;
  display: flex;
}
@media (max-width: 1023px) {
  .home-career__buttons {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .home-career__buttons {
    flex-direction: column;
    margin: 0 auto;
    max-width: 200px;
    width: 100%;
  }
}
.home-career__cta {
  flex-shrink: 0;
  margin-right: 16px;
}
@media (max-width: 767px) {
  .home-career__cta {
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
  }
  .home-career__cta .button {
    width: 100%;
  }
}
.home-career__cta:last-child {
  margin: 0;
}
.home-career__visual {
  flex-shrink: 0;
  position: relative;
  width: 48.571%;
}
.home-career__visual:before {
  content: "";
  display: block;
  padding-bottom: 95.22%;
}
@media (max-width: 1023px) {
  .home-career__visual {
    margin-bottom: 32px;
    max-width: 375px;
    order: -1;
    width: 100%;
  }
}
.home-career__preview {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 4px;
  box-shadow: 0 4px 16px rgba(15, 20, 31, 0.16);
  position: absolute;
  width: 51.1%;
}
.home-career__preview:before {
  content: "";
  display: block;
  padding-bottom: 141.389%;
}
.home-career__preview--1 {
  left: 0;
  top: 0;
}
.home-career__preview--2 {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.home-career__preview--3 {
  bottom: 0;
  right: 0;
}
.container--contact {
  overflow-x: hidden;
}
.contact {
  margin: 0 auto;
  max-width: 736px;
  padding-top: 80px;
  position: relative;
}
@media (max-width: 1023px) {
  .contact {
    max-width: 100%;
    padding: 60px 44px 0;
  }
}
@media (max-width: 767px) {
  .contact {
    padding: 40px 20px 0;
  }
}
.contact__map {
  background-image: url(../images/holland-mapfad1e95b7972956d337c.svg);
  background-position: 0 100%;
  background-size: 645px 540px;
  height: 325px;
  position: absolute;
  right: -330px;
  top: 0;
  width: 645px;
  z-index: -1;
}
@media (max-width: 1023px) {
  .contact__map {
    right: -260px;
  }
}
@media (max-width: 767px) {
  .contact__map {
    display: none;
  }
}
.contact__map-city {
  color: var(--neutral-60);
  left: 255px;
  padding-left: 34px;
  position: absolute;
  top: 50px;
}
.contact__map-pin {
  background-color: var(--neutral-50);
  border-radius: 4px;
  box-shadow: 0 0 0 18px var(--neutral-30);
  height: 8px;
  left: 0;
  position: absolute;
  top: calc(50% - 4px);
  width: 8px;
}
.contact__header-title {
  color: var(--blue-50);
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .contact__header-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .contact__header-title {
    color: var(--blue-50);
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
.contact__header-subtitle {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .contact__header-subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
.contact__form {
  background-color: var(--white);
  border-radius: 6px;
  margin: 0 -80px 40px;
  padding: 48px 80px;
  position: relative;
}
@media (max-width: 1023px) {
  .contact__form {
    margin: 0 -36px 40px;
    padding: 40px 44px;
  }
}
@media (max-width: 767px) {
  .contact__form {
    border-radius: 0;
    margin: 0 -20px 40px;
    padding: 40px 20px;
  }
}
.contact__form-container {
  transition: opacity 0.3s, visibility 0.3s;
}
.contact__form-container.is-hidden,
.contact__form-success {
  opacity: 0;
  visibility: hidden;
}
.contact__form-success {
  align-items: center;
  background-color: var(--white);
  border-radius: 6px;
  bottom: 0;
  display: flex;
  flex-flow: column;
  justify-content: center;
  left: 0;
  padding: 0 24px;
  position: absolute;
  right: 0;
  top: 0;
  transition: opacity 0.3s 0.1s, visibility 0.3s 0.1s;
  z-index: 1;
}
.contact__form-success.contact__form-success--canceled
  .contact__form-success-text {
  margin-bottom: 48px;
}
.contact__form-success.is-visible {
  opacity: 1;
  visibility: visible;
}
.contact__form-success-image {
  background-image: url(../images/postman28ef1cc7da5860d0b1ff.svg);
  background-position: 50%;
  background-size: 100% 100%;
  height: 255px;
  margin-bottom: 24px;
  width: 385px;
}
@media (max-width: 767px) {
  .contact__form-success-image {
    height: 199px;
    width: 300px;
  }
}
.contact__form-success-text {
  margin: 0 auto 12px;
  max-width: 600px;
  text-align: center;
}
.contact__form-title {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .contact__form-title {
    font-size: 26px;
    line-height: 28px;
  }
}
.contact__faq-tabs {
  overflow-y: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .contact__faq-tabs {
    margin-left: -20px;
    -webkit-user-select: none;
    width: calc(100% + 40px);
  }
}
.contact__form-tabs {
  margin-bottom: 24px;
  overflow-y: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .contact__form-tabs {
    margin-left: -20px;
    -webkit-user-select: none;
    width: calc(100% + 40px);
  }
  .contact__form-tabs-scrollbar {
    -webkit-overflow-scrolling: touch;
    margin: 0 0 -30px;
    overflow-x: scroll;
    padding-bottom: 30px;
  }
}
.contact__form-tabs-scroll {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .contact__form-tabs-scroll {
    display: inline-flex;
    flex-wrap: nowrap;
    padding: 0 20px;
  }
}
.contact__form-tabs-item {
  display: flex;
  margin-bottom: 8px;
  margin-right: 8px;
}
.contact__form-tabs-item:last-child {
  margin-right: 0;
}
.contact__form-tabs-item-control {
  background-color: var(--neutral-10);
  border-radius: 3px;
  color: var(--neutral-60);
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 6px 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.contact__form-tabs-item-control:hover {
  background-color: var(--blue-10);
  color: var(--blue-50);
}
.contact__form-tabs-item-input {
  display: none;
}
.contact__form-tabs-item-input:checked + .contact__form-tabs-item-control {
  background-color: var(--blue-50);
  color: var(--white);
  pointer-events: none;
}
.contact__cancellation {
  border: 1px solid rgba(190, 196, 213, 0.5);
  border-radius: 4px;
  display: none;
  margin-bottom: 24px;
  margin-top: -8px;
  padding: 24px;
}
@media (max-width: 767px) {
  .contact__cancellation {
    font-size: 16px;
    line-height: 20px;
    padding: 16px;
  }
}
.contact__cancellation:before {
  background-image: url(../images/note90f098a1b47f751108b1.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  flex-shrink: 0;
  height: 36px;
  margin-right: 20px;
  width: 36px;
}
@media (max-width: 767px) {
  .contact__cancellation:before {
    display: none;
  }
}
.contact__form--cancel_subscription .contact__cancellation {
  display: flex;
}
.contact__cancellation-content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.contact__cancellation-text {
  margin-bottom: 12px;
}
.contact__cancellation-link {
  align-items: center;
  color: var(--blue-50);
  display: flex;
}
.contact__cancellation:hover .contact__cancellation-link {
  color: var(--blue-70);
}
.contact__cancel-note {
  color: var(--neutral-60);
  display: none;
  font-size: 16px;
  line-height: 20px;
}
.contact__cancel-note a {
  color: var(--blue-50);
}
.contact__cancel-note a:hover {
  color: var(--blue-70);
}
.contact__form--cancel_subscription .contact__cancel-note {
  display: block;
}
.contact__form-fields {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .contact__form-fields {
    flex-direction: column;
  }
}
.contact__form--cancel_subscription:not(.contact__form--cancel-form)
  .contact__form-buttons,
.contact__form--cancel_subscription:not(.contact__form--cancel-form)
  .contact__form-error,
.contact__form--cancel_subscription:not(.contact__form--cancel-form)
  .contact__form-fields {
  display: none;
}
.contact__form-column {
  flex: 1 1;
  margin-right: 32px;
}
.contact__form-column:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .contact__form-column {
    margin-bottom: 20px;
    margin-right: 0;
  }
  .contact__form-column:last-child {
    margin-bottom: 0;
  }
}
.contact__form-buttons {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .contact__form-buttons {
    flex-direction: column;
    text-align: center;
  }
}
.contact__form-buttons-caption {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  padding-right: 40px;
}
@media (max-width: 767px) {
  .contact__form-buttons-caption {
    margin-bottom: 12px;
    padding-right: 0;
  }
}
.contact__form-buttons-caption a {
  color: var(--blue-50);
}
.contact__form-error {
  background-color: rgba(251, 68, 88, 0.15);
  border-radius: 3px;
  color: var(--red-50);
  display: none;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 24px;
  padding: 12px 16px;
}
.contact__form-buttons-right {
  align-items: center;
  display: flex;
  justify-content: center;
}
.contact__form-cancel-button {
  color: var(--neutral-50);
  cursor: pointer;
  font-size: 19px;
  line-height: 24px;
  margin-right: 32px;
  transition: color 0.2s ease;
}
.contact__form-cancel-button:hover {
  color: var(--red-50);
}
.contact__details {
  margin-bottom: 100px;
}
.contact__details p {
  margin: 0;
}
@media (max-width: 1023px) {
  .contact__details {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .contact__details {
    margin-bottom: 60px;
  }
  .contact__details br {
    display: none;
  }
}
.contact__details-block {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 24px;
}
.contact__details-block:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .contact__details-block {
    flex-direction: column;
    margin-bottom: 20px;
  }
}
.contact__details-label {
  color: var(--neutral-60);
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-right: 32px;
  text-transform: uppercase;
  width: 160px;
}
@media (max-width: 767px) {
  .contact__details-label {
    margin-bottom: 2px;
    margin-right: 0;
    width: 100%;
  }
}
.contact__details-content {
  display: block;
  flex: 1 1;
  max-width: 100%;
}
.contact__details-text {
  max-width: 384px;
}
@media (max-width: 767px) {
  .contact__details-text {
    width: 100%;
  }
}
.contact__details-phone {
  color: var(--blue-50);
}
.contact__details-phone:hover {
  color: var(--blue-60);
}
.contact__details-document-list {
  display: flex;
  flex-flow: row;
  justify-content: flex-start;
  left: -4px;
  margin-top: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .contact__details-document-list {
    flex-direction: column;
  }
}
.contact__details-document {
  align-items: center;
  background-image: url(../images/file-40x40e00f487b2f933ab98f0e.svg);
  background-position: 0 2px;
  background-size: 40px 40px;
  display: flex;
  height: 44px;
  margin-right: 32px;
  padding-left: 44px;
}
.contact__details-document:hover {
  color: var(--blue-70);
}
@media (max-width: 767px) {
  .contact__details-document {
    margin-bottom: 12px;
  }
  .contact__details-document:last-child {
    margin-bottom: 0;
  }
}
.contact__faq {
  background-color: var(--white);
  border-radius: 6px;
  margin: 0 -80px 40px;
  padding: 48px 80px;
  position: relative;
}
@media (max-width: 1023px) {
  .contact__faq {
    margin: 0 -36px 40px;
    padding: 40px 44px;
  }
}
@media (max-width: 767px) {
  .contact__faq {
    border-radius: 0;
    margin: 0 -20px 40px;
    padding: 40px 20px;
  }
}
.contact__faq-list {
  margin-bottom: 12px;
}
.contact__faq-item {
  border-bottom: 1px solid var(--neutral-20);
  cursor: pointer;
  padding: 20px 0;
}
.contact__faq-item:last-child {
  border-bottom-width: 0;
}
.contact__faq-item:hover .contact__faq-question {
  color: var(--blue-50);
}
.contact__faq-item.is-open .contact__faq-question {
  color: var(--neutral-50);
}
.contact__faq-item.is-open .contact__faq-chevron {
  transform: rotate(270deg);
}
.contact__faq-item.is-open .contact__faq-chevron path {
  fill: var(--neutral-30);
}
.contact__faq-item.is-open .contact__faq-answer {
  opacity: 1;
}
.contact__faq-question {
  padding-right: 32px;
  position: relative;
}
.contact__faq-chevron {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.contact__faq-chevron path {
  fill: var(--blue-50);
}
.contact__faq-answer {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.contact__faq-answer-inner {
  padding-top: 8px;
}
.contact__faq-answer--subtitle {
  color: var(--neutral-100);
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 4px;
  margin-top: 12px;
}
.contact__faq-support {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
}
.contact__faq-support a {
  color: var(--blue-50);
}
.grecaptcha-badge {
  visibility: hidden;
}
.cancellation {
  margin: 0 auto;
  max-width: 800px;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .cancellation {
    margin: 0;
    max-width: none;
    padding: 60px 44px 80px;
  }
}
@media (max-width: 767px) {
  .cancellation {
    padding: 40px 20px 80px;
  }
}
.cancellation__header {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .cancellation__header {
    margin-bottom: 32px;
  }
}
.cancellation__header-title {
  color: var(--blue-50);
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 8px;
}
@media (max-width: 1023px) {
  .cancellation__header-title {
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .cancellation__header-title {
    color: var(--blue-50);
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
.cancellation__header-text {
  font-size: 22px;
  line-height: 28px;
  max-width: 28em;
}
@media (max-width: 767px) {
  .cancellation__header-text {
    font-size: 19px;
    line-height: 24px;
  }
}
.cancellation__content {
  background-color: var(--white);
  border-radius: 6px;
  margin: 0 -64px;
  padding: 56px 64px;
}
@media (max-width: 1023px) {
  .cancellation__content {
    margin: 0 -36px;
    padding: 40px 36px;
  }
}
@media (max-width: 767px) {
  .cancellation__content {
    margin: 0 -20px;
    padding: 40px 20px;
  }
}
.cancellation__content-inner {
  max-width: 638px;
}
.cancellation__content-icon {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 40px;
  margin-bottom: 16px;
  width: 40px;
}
.cancellation__content-header {
  margin-bottom: 32px;
}
.cancellation__content-icon--free {
  background-image: url(../images/account_free6399876998060b952f4d.svg);
}
.cancellation__content-icon--premium {
  background-image: url(../images/account_premiumc9e222b330491f1e6936.svg);
}
.cancellation__content-icon--email,
.cancellation__content-icon--error,
.cancellation__content-icon--success {
  height: 36px;
  width: 36px;
}
.cancellation__content-icon--email {
  background-image: url(../images/emailce02db6f14505a961b67.svg);
}
.cancellation__content-icon--success {
  background-image: url(../images/success03480096dd29400f7dd7.svg);
}
.cancellation__content-icon--error {
  background-image: url(../images/error8e8137bdd260f2725f03.svg);
}
.cancellation__content-title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 8px;
}
.cancellation__content-text {
  color: var(--neutral-100);
}
.cancellation__content-text a {
  color: var(--blue-50);
}
.cancellation__content-text a:hover {
  color: var(--blue-70);
}
.cancellation__form-row {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 767px) {
  .cancellation__form-row {
    flex-direction: column;
  }
}
.cancellation__form-row-field {
  flex-grow: 1;
}
@media (max-width: 767px) {
  .cancellation__form-row-field {
    width: 100%;
  }
}
.cancellation__form-button {
  margin-left: 16px;
  margin-top: 26px;
}
@media (max-width: 767px) {
  .cancellation__form-button {
    margin-left: 0;
    margin-top: 16px;
  }
}
.cancellation__form-captcha {
  margin-top: 24px;
}
.cancellation__form-captcha:empty {
  display: none;
}
.cancellation__form-error {
  background-color: rgba(251, 68, 88, 0.15);
  border-radius: 3px;
  color: var(--red-50);
  margin-bottom: 24px;
  padding: 12px 16px;
}
.cancellation__content-note,
.cancellation__form-error,
.cancellation__note {
  font-size: 16px;
  line-height: 20px;
}
.cancellation__content-note a,
.cancellation__note a {
  color: var(--blue-50);
}
.cancellation__content-note a:hover,
.cancellation__note a:hover {
  color: var(--blue-70);
}
.cancellation__content-note {
  color: var(--neutral-60);
  margin-top: 32px;
}
.cancellation__note {
  color: var(--neutral-50);
  margin-bottom: -30px;
  margin-top: 24px;
  text-align: center;
}
.cancellation__content--state {
  text-align: center;
}
.cancellation__content--state .cancellation__content-icon,
.cancellation__content--state .cancellation__content-inner {
  margin-left: auto;
  margin-right: auto;
}
.cancellation__content--state .cancellation__content-inner {
  max-width: 542px;
}
.cancellation__content--state .cancellation__content-text {
  color: inherit;
}
.pricing {
  position: relative;
}
.pricing__sailor {
  background-image: url(../images/sailorfc8bbe704859b7d430d9.svg);
  background-position: bottom;
  background-size: 1796px 350px;
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .pricing__sailor {
    background-position: 55% bottom;
    background-size: 1796px 350px;
    height: 350px;
  }
}
@media (max-width: 1023px) {
  .pricing__sailor {
    background-position: 55% bottom;
    background-size: 1796px 275px;
    height: 275px;
  }
}
@media (max-width: 767px) {
  .pricing__sailor {
    background-position: 35%;
    background-size: 1796px 275px;
    height: 275px;
  }
}
.pricing__container {
  margin: 0 auto;
  max-width: 1120px;
  padding-bottom: 100px;
  position: relative;
}
@media (max-width: 1199px) {
  .pricing__container {
    max-width: 100%;
    padding: 0 44px 80px;
  }
}
@media (max-width: 767px) {
  .pricing__container {
    padding: 0 20px 60px;
  }
}
.pricing__header {
  height: 348px;
  position: relative;
}
@media (max-width: 1023px) {
  .pricing__header {
    height: 276px;
  }
}
@media (max-width: 767px) {
  .pricing__header {
    height: 276px;
  }
}
.pricing__h1 {
  color: var(--blue-50);
  font-size: 54px;
  font-weight: 700;
  left: 0;
  line-height: 52px;
  position: absolute;
  top: 72px;
  width: 320px;
}
@media (max-width: 1023px) {
  .pricing__h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
    top: 60px;
  }
}
@media (max-width: 767px) {
  .pricing__h1 {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    max-width: 220px;
  }
}
.pricing__card-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -4px 32px;
}
@media (max-width: 1199px) {
  .pricing__card-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
  }
  .pricing__card-list--count-1,
  .pricing__card-list--count-2,
  .pricing__card-list--count-3,
  .pricing__card-list--count-5 {
    margin-left: -4px;
    margin-right: -4px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .pricing__card-list {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
  }
}
.pricing__card {
  display: flex;
  flex-direction: column;
  padding: 0 4px 8px;
  width: 25%;
}
@media (max-width: 1199px) {
  .pricing__card {
    width: 50%;
  }
}
.pricing__card--count-1,
.pricing__card--count-2,
.pricing__card--count-3,
.pricing__card--count-5 {
  width: 33%;
}
@media (max-width: 1023px) {
  .pricing__card--count-1,
  .pricing__card--count-2,
  .pricing__card--count-3,
  .pricing__card--count-5 {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .pricing__card {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
  }
}
.pricing__card-inner {
  align-items: center;
  background-color: var(--white);
  border-radius: 6px;
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  padding: 40px 24px;
  width: 100%;
}
@media (max-width: 1199px) {
  .pricing__card-inner {
    padding: 40px 32px;
  }
}
@media (max-width: 767px) {
  .pricing__card-inner {
    padding: 40px 24px;
  }
}
.pricing__card-price {
  font-size: 38px;
  font-weight: 700;
  font-weight: 600;
  line-height: 40px;
  margin: 0 auto;
  position: relative;
}
.pricing__card-currency {
  font-size: 28px;
  line-height: 30px;
  position: absolute;
  top: 2px;
}
.pricing__card-currency--before {
  right: calc(100% + 4px);
}
.pricing__card-currency--after {
  left: calc(100% + 4px);
}
.pricing__card-caption {
  color: var(--neutral-50);
  margin-bottom: 20px;
  text-transform: lowercase;
}
.pricing__card-feature-list {
  flex: 1 1;
  margin-bottom: 32px;
  width: 100%;
}
.pricing__card-feature {
  font-size: 16px;
  line-height: 24px;
  line-height: 20px;
  margin-bottom: 12px;
  padding-left: 28px;
  position: relative;
}
.pricing__card-feature:last-child {
  margin-bottom: 0;
}
.pricing__card-feature.pricing__card-feature--star .pricing__card-feature-icon {
  color: var(--amber-40);
}
.pricing__card-feature-text {
  line-height: 24px;
}
.pricing__card-feature-icon {
  height: 24px;
  left: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.pricing__cta {
  display: inline-block;
}
.pricing__payment-icon-list {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin-bottom: 10px;
}
.pricing__payment-icon {
  background-size: 100% 100%;
  border-radius: 4px;
  height: 26px;
  margin-right: 20px;
}
.pricing__payment-icon:last-child {
  margin-right: 0;
}
.pricing__payment-icon.pricing__payment-icon--visa {
  background-image: url(../images/visa368e92e529f26587b767.svg);
  height: 32px;
  width: 55px;
}
.pricing__payment-icon.pricing__payment-icon--mastercard {
  background-image: url(../images/mastercard8bc58f50a062f262efe7.svg);
  height: 32px;
  width: 35px;
}
.pricing__payment-icon.pricing__payment-icon--amex {
  background-image: url(../images/amexb1d6154e78bf495947d5.svg);
  height: 32px;
  margin-right: 24px;
  width: 25px;
}
.pricing__payment-icon.pricing__payment-icon--paypal {
  background-image: url(../images/paypal37a6a872f361b4754bb7.svg);
  height: 32px;
  width: 98px;
}
.pricing__faq {
  position: relative;
}
.pricing__faq-title {
  font-size: 28px;
  font-weight: 600;
  left: 0;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 200px;
}
@media (max-width: 1199px) {
  .pricing__faq-title {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 16px;
    margin-left: 32px;
    position: static;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pricing__faq-title {
    margin-left: 0;
  }
}
.pricing__faq-content {
  margin: 0 auto;
  width: 490px;
}
@media (max-width: 1199px) {
  .pricing__faq-content {
    width: 100%;
  }
}
.pricing__faq-list {
  background-color: var(--white);
  border-radius: 6px;
  margin: 0 -32px 16px;
  padding: 11px 32px;
}
@media (max-width: 1199px) {
  .pricing__faq-list {
    margin: 0 0 16px;
  }
}
@media (max-width: 767px) {
  .pricing__faq-list {
    margin: 0 -20px 16px;
    padding: 11px 20px;
  }
}
.pricing__faq-item {
  border-bottom: 1px solid var(--neutral-20);
  cursor: pointer;
  padding: 21px 0;
}
.pricing__faq-item:last-child {
  border-bottom-width: 0;
}
.pricing__faq-item:hover .pricing__faq-question {
  color: var(--blue-50);
}
.pricing__faq-item.is-open .pricing__faq-question {
  color: var(--neutral-50);
}
.pricing__faq-item.is-open .pricing__faq-chevron {
  color: var(--neutral-30);
  transform: rotate(270deg);
}
.pricing__faq-item.is-open .pricing__faq-answer {
  opacity: 1;
}
.pricing__faq-question {
  padding-right: 32px;
  position: relative;
}
.pricing__faq-chevron {
  color: var(--blue-50);
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.pricing__faq-answer {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.3s ease;
}
.pricing__faq-answer-inner {
  padding-top: 8px;
}
.pricing__faq-caption {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
}
@media (max-width: 1199px) {
  .pricing__faq-caption {
    margin-left: 32px;
    max-width: 430px;
  }
}
@media (max-width: 767px) {
  .pricing__faq-caption {
    margin-left: 0;
  }
}
.pricing__faq-caption-link {
  color: var(--blue-50);
}
.pricing__faq-caption-link:hover {
  color: var(--blue-70);
}
.pricing__payment-icons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .pricing__payment-icons {
    margin-bottom: 0;
  }
}
.pricing__payment-icon {
  height: 32px;
  margin-right: 16px;
}
.pricing__payment-icon:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .pricing__payment-icon {
    margin: 0 16px 16px 0;
  }
  .pricing__payment-icon:last-child {
    margin: 0 0 16px;
  }
}
.pricing__payment-text {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  margin: 0 auto 48px;
  max-width: 380px;
  text-align: center;
}
@media (max-width: 1199px) {
  .pricing__payment-text {
    margin-bottom: 40px;
  }
}
.documents {
  width: 100%;
}
.documents__header {
  padding-top: 80px;
}
@media (max-width: 1023px) {
  .documents__header {
    padding-top: 60px;
    padding-top: 40px;
  }
}
.documents__header-content {
  margin: 0 auto;
  width: 736px;
}
@media (max-width: 1023px) {
  .documents__header-content {
    padding: 0 44px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .documents__header-content {
    padding: 0 20px;
    width: 100%;
  }
}
.documents__title {
  color: var(--blue-50);
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 8px;
  text-align: center;
}
@media (max-width: 1199px) {
  .documents__title {
    font-size: 46px;
    font-weight: 700;
    line-height: 48px;
    margin-bottom: 4px;
  }
}
@media (max-width: 767px) {
  .documents__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
.documents__subtitle {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 40px;
  text-align: center;
}
@media (max-width: 767px) {
  .documents__subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
.documents__tab-list {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
@media (max-width: 767px) {
  .documents__tab-list {
    display: none;
  }
}
.documents__tab-select {
  display: none;
  position: relative;
}
@media (max-width: 767px) {
  .documents__tab-select {
    display: block;
  }
}
.documents__tab-select-icon {
  color: var(--blue-50);
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 8px;
  transform: rotate(90deg);
}
.documents__tab-select-inner {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: var(--white);
  border: none;
  border-radius: 0;
  color: var(--neutral-90);
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  outline: none;
  padding: 10px 16px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.documents__tab {
  color: var(--neutral-50);
  flex: 1 1;
  font-size: 16px;
  line-height: 20px;
  padding: 10px;
  text-align: center;
}
.documents__tab:hover {
  color: var(--blue-50);
}
.documents__tab.active {
  background-color: var(--white);
  color: var(--neutral-90);
}
.documents__container {
  background-color: var(--white);
  width: 100%;
}
.documents__content {
  margin: 0 auto;
  padding: 20px 0 100px;
  width: 736px;
}
.documents__content figure.table {
  margin: 24px 0;
  overflow: auto;
  width: 100%;
}
.documents__content table {
  font-size: 14px;
  line-height: 16px;
  min-width: 100%;
  overflow: auto;
}
.documents__content table td,
.documents__content table th {
  border: 1px solid var(--neutral-15);
  padding: 8px;
}
.documents__content table th {
  background-color: var(--neutral-10);
  font-weight: 600;
  text-align: left;
}
@media (max-width: 1023px) {
  .documents__content {
    padding: 8px 44px 80px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .documents__content {
    padding: 1px 20px 60px;
  }
}
.documents__content h3 {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .documents__content h3 {
    margin-top: 32px;
  }
}
.documents__content h4 {
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
  margin-top: 24px;
}
.documents__content p {
  margin-bottom: 16px;
  margin-top: 0;
}
.documents__content a {
  color: var(--blue-50);
}
.documents__content ol {
  margin: 16px 0;
  padding-left: 64px;
}
.documents__content li {
  margin-bottom: 12px;
}
.documents__bottom {
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 767px) {
  .documents__bottom {
    flex-flow: column;
  }
}
.documents__bottom-address {
  margin-right: 120px;
  padding-left: 30px;
  position: relative;
  width: 360px;
}
@media (max-width: 1023px) {
  .documents__bottom-address {
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .documents__bottom-address {
    margin: 0 0 16px;
  }
}
.documents__bottom-pin {
  left: 0;
  position: absolute;
  top: 0;
}
.documents__bottom-updated {
  color: var(--neutral-50);
  flex: 1 1;
  font-size: 16px;
  line-height: 20px;
}
.about {
  background-color: var(--white);
  overflow-x: hidden;
}
.about__container {
  margin: 0 auto;
  max-width: var(--container-width);
}
.about__title {
  font-size: 67px;
  font-weight: 400;
  line-height: 64px;
  margin: 0 auto;
  max-width: 951px;
  padding: 80px 0;
  text-align: center;
}
@media (max-width: 1199px) {
  .about__title {
    font-size: 50px;
    line-height: 52px;
    padding: 60px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about__title {
    font-size: 34px;
    line-height: 35px;
    padding: 40px 16px;
  }
}
.about__hero {
  padding: 0 32px;
}
@media (max-width: 1199px) {
  .about__hero {
    padding: 0 45px;
  }
}
@media (max-width: 767px) {
  .about__hero {
    padding: 0 8px;
  }
}
.about__hero-video {
  height: 100%;
  width: 100%;
}
.about__hero-item-video {
  border-radius: 24px;
  transition: opacity 0.2s;
  width: 100%;
}
@media (max-width: 767px) {
  .about__hero-item-video {
    border-radius: 20px;
  }
}
.about__hero-item-video--ready {
  opacity: 1;
}
.about__features {
  grid-gap: 33px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1160px;
  padding: 80px 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  .about__features {
    grid-gap: 29px;
    padding: 60px 149px;
  }
}
@media (max-width: 1023px) {
  .about__features {
    grid-gap: 0;
    margin: 48px 48px 0;
    padding: 0 20px;
  }
}
@media (max-width: 767px) {
  .about__features {
    grid-gap: 0;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 32px auto 0;
    padding: 0 18px 40px;
  }
}
.about__feature {
  padding: 0 16px;
  width: 25%;
}
@media (max-width: 1199px) {
  .about__feature {
    padding: 0 10px;
  }
}
@media (max-width: 1023px) {
  .about__feature {
    margin-bottom: 24px;
    padding: 80px 0;
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about__feature {
    border-bottom: none;
    margin-bottom: 32px;
    padding: 0;
    text-align: center;
    width: 50%;
  }
}
.about__feature:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.about__feature-heading {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 24px;
}
@media (max-width: 1199px) {
  .about__feature-heading {
    font-size: 21px;
    line-height: 24px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .about__feature-heading {
    font-size: 19px;
    line-height: 22px;
  }
}
.about__feature-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 56px;
  margin-bottom: 8px;
  width: 56px;
}
.about__feature-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .about__feature-icon {
    left: 0;
    position: absolute;
    top: 2px;
  }
}
@media (max-width: 767px) {
  .about__feature-icon {
    margin: 0 auto 8px;
    position: relative;
    top: 0;
  }
}
.mission-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
@media (max-width: 1199px) {
  .mission-container {
    padding: 0 45px;
  }
}
@media (max-width: 767px) {
  .mission-container {
    align-items: flex-start;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0 8px;
  }
}
.mission-container__text {
  grid-gap: 32px;
  background: var(--neutral-5);
  border-radius: 0 224px 0 224px;
  flex: 1 1 auto;
  overflow: hidden;
  padding: 60px 97px 144px;
}
@media (max-width: 1199px) {
  .mission-container__text {
    border-radius: 0 180px 0 180px;
    padding: 48px 71px 123px;
  }
}
@media (max-width: 1023px) {
  .mission-container__text {
    border-radius: 0 96px 0 96px;
  }
}
@media (max-width: 767px) {
  .mission-container__text {
    padding: 36px 18px 210px;
  }
}
.mission-container__heading {
  color: #828ba2;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  padding-bottom: 56px;
}
@media (max-width: 1199px) {
  .mission-container__heading {
    font-size: 21px;
    line-height: 24px;
    padding-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .mission-container__heading {
    font-size: 19px;
    line-height: 22px;
  }
}
.mission-container__description {
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  max-width: 575px;
  min-height: 160px;
  width: 100%;
}
@media (max-width: 1199px) {
  .mission-container__description {
    font-size: 32px;
    line-height: 32px;
    max-width: 500px;
  }
}
@media (max-width: 1023px) {
  .mission-container__description {
    max-width: 400px;
  }
}
@media (max-width: 767px) {
  .mission-container__description {
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
  }
}
.mission-container__img-block {
  flex: 0 0 159px;
  position: relative;
}
@media (max-width: 1199px) {
  .mission-container__img-block {
    flex: 0 0 105px;
  }
}
@media (max-width: 767px) {
  .mission-container__img-block {
    position: relative;
    width: 100%;
  }
}
.mission-container__image {
  height: 365px;
  left: auto;
  position: absolute;
  right: 0;
  top: 40px;
  width: 365px;
}
@media (max-width: 1199px) {
  .mission-container__image {
    height: 305px;
    top: 34px;
    width: 305px;
  }
}
@media (max-width: 1023px) {
  .mission-container__image {
    height: 240px;
    width: 240px;
  }
}
@media (max-width: 767px) {
  .mission-container__image {
    bottom: 40px;
    left: calc(50% - 120px);
    top: auto;
  }
}
.resume-writing-container {
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume-writing-container {
    padding: 0 45px;
  }
}
@media (max-width: 767px) {
  .resume-writing-container {
    padding: 0 16px;
  }
}
.resume-writing {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
}
@media (max-width: 1199px) {
  .resume-writing {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .resume-writing {
    flex-wrap: wrap;
    padding: 0 0 40px;
  }
}
.resume-writing__title {
  flex: 1 1 auto;
  padding-right: 20px;
}
@media (max-width: 1199px) {
  .resume-writing__title {
    flex: 0 0 50%;
    padding-right: 36px;
  }
}
@media (max-width: 767px) {
  .resume-writing__title {
    flex: 0 0 100%;
    padding-bottom: 24px;
    padding-right: 0;
  }
}
.resume-writing__title-text {
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
  max-width: 480px;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume-writing__title-text {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .resume-writing__title-text {
    font-size: 34px;
    line-height: 35px;
  }
}
.resume-writing__description {
  flex: 0 0 541px;
  font-size: 24px;
  font-weight: 400;
  line-height: 26px;
}
@media (max-width: 1199px) {
  .resume-writing__description {
    flex: 0 0 50%;
    font-size: 21px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .resume-writing__description {
    flex: 0 0 100%;
    font-size: 19px;
    line-height: 22px;
  }
}
.feature-gallery {
  margin: 0 auto;
  position: relative;
  width: 100vw;
  width: 100%;
}
.gallery__pagination {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 20px 0;
  width: 100%;
}
@media (max-width: 767px) {
  .gallery__pagination {
    padding: 12px 0 52px;
  }
}
.swiper-pagination-bullet {
  background-color: var(--neutral-20);
  border-radius: 50%;
  cursor: pointer;
  display: inline-flex;
  height: 8px;
  margin: 0 8px;
  width: 8px;
}
.swiper-pagination-bullet-active.swiper-pagination-bullet {
  background-color: var(--blue-50);
}
.feature-gallery__wrapper {
  display: flex;
}
.feature-gallery__slide {
  background-position: 50%;
  background-size: cover;
  border-radius: 18px;
  flex: 0 0 736px;
  height: 466px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 1023px) {
  .feature-gallery__slide {
    flex: 0 0 500px;
    height: 300px;
  }
}
@media (max-width: 767px) {
  .feature-gallery__slide {
    flex: 0 0 324px;
    height: 220px;
  }
}
.feature-gallery__slide:after {
  background: hsla(0, 0%, 100%, 0.7);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.feature-gallery__slide img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.feature-gallery__slide.swiper-slide-active:after {
  background: hsla(0, 0%, 100%, 0);
}
.feature-gallery-nav-wrapper {
  left: 0;
  position: absolute;
  top: calc(50% - 48px);
  width: 100%;
}
@media (max-width: 767px) {
  .feature-gallery-nav-wrapper {
    display: none;
  }
}
.feature-galeery-nav-controls {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}
@media (max-width: 1023px) {
  .feature-galeery-nav-controls {
    max-width: 724px;
  }
}
.feature-gallery-nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--blue-50);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s;
  width: 48px;
}
.feature-gallery-nav:hover {
  background-color: var(--blue-70);
}
.feature-gallery-nav:not(:last-child) {
  margin-right: 8px;
}
.feature-gallery-nav:before {
  border: 1px solid #fff;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  transform: translateX(2px) rotate(135deg);
  width: 12px;
}
.feature-gallery-nav--next {
  transform: scaleX(-1);
}
.feature-video {
  grid-gap: 32px;
  display: flex;
  margin: 0 auto;
  max-width: 1160px;
  padding: 60px 20px 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .feature-video {
    padding: 40px 45px 0;
  }
}
@media (max-width: 767px) {
  .feature-video {
    grid-gap: 12px;
    flex-direction: column;
    padding: 0 8px;
  }
}
.feature-video-visual {
  background: var(--neutral-5);
  border-radius: 24px;
  flex: 0 1 50%;
}
@media (max-width: 767px) {
  .feature-video-visual {
    flex: 0 0 100%;
  }
}
.feature-video-content {
  background: var(--neutral-5);
  border-radius: 24px;
  flex: 0 1 50%;
}
@media (max-width: 767px) {
  .feature-video-content {
    flex: 0 0 100%;
  }
}
.feature-video-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  padding: 32px;
}
@media (max-width: 1199px) {
  .feature-video-description {
    font-size: 21px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .feature-video-description {
    font-size: 19px;
    line-height: 22px;
    padding: 27px;
  }
}
.feature-video-img-block {
  margin: 27px auto 0;
  max-width: 398px;
  position: relative;
  width: 100%;
}
@media (max-width: 1199px) {
  .feature-video-img-block {
    margin: 22px auto 0;
    max-width: 314px;
  }
}
@media (max-width: 767px) {
  .feature-video-img-block {
    margin-top: 8px;
    max-width: 226px;
  }
}
.feature-video-ai-hint {
  align-items: center;
  background-color: var(--indigo-20);
  border-radius: 8px;
  color: var(--indigo-60);
  display: flex;
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 24px;
  min-height: 46px;
  padding: 6px 17px;
  position: absolute;
  right: 15px;
  top: -23px;
}
@media (max-width: 1199px) {
  .feature-video-ai-hint {
    font-size: 19px;
    letter-spacing: auto;
    min-height: 36px;
    padding: 6px 12px;
  }
}
@media (max-width: 767px) {
  .feature-video-ai-hint {
    font-size: 15px;
    min-height: 26px;
    padding: 4px 7px;
  }
}
.feature-video-img-block img {
  height: auto;
  width: 100%;
}
.feature-video-img-list {
  grid-gap: 32px;
  display: flex;
  max-width: 544px;
  overflow: hidden;
  overflow-x: auto;
  padding-top: 32px;
}
@media (max-width: 1199px) {
  .feature-video-img-list {
    padding-top: 20px;
  }
}
.feature-video-img-item {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  height: 240px;
  margin-bottom: 45px;
}
@media (max-width: 1199px) {
  .feature-video-img-item {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .feature-video-img-item {
    margin-bottom: 0;
    margin-top: -41px;
  }
}
.feature-image {
  height: auto;
  width: 100%;
}
.history-container {
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .history-container {
    flex-direction: column;
  }
}
.history-container__inner {
  padding: 80px 0;
}
@media (max-width: 1199px) {
  .history-container__inner {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .history-container__inner {
    padding: 40px 8px;
  }
}
.history-container-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .history-container-top {
    padding: 0 90px 0 45px;
  }
}
@media (max-width: 767px) {
  .history-container-top {
    padding: 0;
  }
}
.history-container__title {
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 1199px) {
  .history-container__title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .history-container__title {
    font-size: 34px;
    line-height: 35px;
  }
}
.history-card-slider__Container {
  grid-gap: 12px;
  display: flex;
  padding-top: 64px;
}
@media (max-width: 1199px) {
  .history-card-slider__Container {
    padding-left: 45px;
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  .history-card-slider__Container {
    padding-left: 0;
    padding-top: 32px;
  }
}
.history-card {
  margin: 0 auto;
  max-width: 1160px;
  padding: 0 20px;
}
.history-container-nav__wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .history-container-nav__wrapper {
    display: none;
  }
}
.history-container-nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--neutral-10);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s;
  width: 48px;
}
.history-container-nav:hover {
  background-color: var(--neutral-15);
}
.history-container-nav:not(:last-child) {
  margin-right: 8px;
}
.history-container-nav:before {
  border: 1px solid #7a8599;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  transform: translateX(2px) rotate(135deg);
  width: 12px;
}
.history-container-nav--next {
  transform: scaleX(-1);
}
.history-card__slider-item {
  background: var(--neutral-5);
  border-radius: 24px;
  flex: 0 0 340px;
  min-height: 400px;
  padding: 32px;
}
@media (max-width: 1199px) {
  .history-card__slider-item {
    flex: 0 0 290px;
    min-height: 350px;
  }
}
@media (max-width: 767px) {
  .history-card__slider-item {
    flex: 0 0 280px;
    min-height: 320px;
  }
}
.history-card__slider-inner {
  display: flex;
  flex-shrink: 0;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100vw;
}
.history-card-title {
  font-size: 31px;
  font-weight: 400;
  line-height: 36px;
  padding-bottom: 24px;
}
@media (max-width: 1199px) {
  .history-card-title {
    font-size: 26px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .history-card-title {
    font-size: 23px;
    line-height: 24px;
  }
}
.history-card-divider {
  background: var(--neutral-15);
  height: 1px;
  width: 100%;
}
.history-card-description {
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 24px;
}
@media (max-width: 1199px) {
  .history-card-description {
    font-size: 21px;
    line-height: 24px;
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .history-card-description {
    font-size: 19px;
    line-height: 22px;
  }
}
.history-card-description a {
  color: var(--blue-50);
}
.history-card-description a:hover {
  color: var(--blue-70);
}
.leadership-container {
  display: flex;
  margin: 0 auto;
  max-width: 1160px;
  overflow: hidden;
  width: 100%;
}
@media (max-width: 767px) {
  .leadership-container {
    flex-direction: column;
  }
}
.leadership-container__inner {
  position: relative;
}
.leadership-container-top {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
@media (max-width: 1199px) {
  .leadership-container-top {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .leadership-container-top {
    padding: 0 8px;
  }
}
.leadership-container__heading {
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 1199px) {
  .leadership-container__heading {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .leadership-container__heading {
    font-size: 34px;
    line-height: 35px;
  }
}
.leadership-main-container {
  grid-gap: 32px;
  display: flex;
  padding-top: 60px;
}
@media (max-width: 1199px) {
  .leadership-main-container {
    padding-top: 48px;
  }
}
@media (max-width: 767px) {
  .leadership-main-container {
    grid-gap: 12px;
    flex-direction: column;
    padding-top: 32px;
  }
}
.leadership-main-container__slider {
  display: flex;
  padding: 0 20px;
  width: inherit;
}
@media (max-width: 767px) {
  .leadership-main-container__slider {
    padding: 0;
  }
}
.leadership-main-container__slider-item {
  grid-gap: 32px;
  display: flex;
  width: 100%;
}
@media (max-width: 767px) {
  .leadership-main-container__slider-item {
    flex-direction: column;
    justify-content: center;
  }
}
.leadership-main-container__card-wrapper {
  grid-gap: 32px;
  display: flex;
}
@media (max-width: 1023px) {
  .leadership-main-container__card-wrapper {
    width: calc(100vw - 40px);
  }
}
@media (max-width: 767px) {
  .leadership-main-container__card-wrapper {
    grid-gap: 12px;
    flex-direction: column;
    width: 100vw;
  }
}
.leadership-left-info-box {
  background: var(--neutral-5);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  min-height: 352px;
  padding: 32px;
}
@media (max-width: 1199px) {
  .leadership-left-info-box {
    min-height: 288px;
  }
}
@media (max-width: 767px) {
  .leadership-left-info-box {
    margin: 0 8px;
    order: 2;
  }
}
.leadership-left-description {
  flex: 1 1 auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  padding-top: 23px;
}
@media (max-width: 1199px) {
  .leadership-left-description {
    font-size: 21px;
    line-height: 24px;
    padding-top: 3px;
  }
}
@media (max-width: 767px) {
  .leadership-left-description {
    font-size: 19px;
    line-height: 22px;
  }
}
.leadership-left-description-text {
  word-wrap: break-word;
  max-width: 608px;
  width: 100%;
}
@media (max-width: 767px) {
  .leadership-left-description-text {
    word-break: break-all;
  }
}
.leadership-right-profile-box {
  flex: 0 0 352px;
}
@media (max-width: 1199px) {
  .leadership-right-profile-box {
    flex: 0 0 288px;
  }
}
@media (max-width: 767px) {
  .leadership-right-profile-box {
    flex: 0 0 auto;
    margin: 0 auto;
    order: 1;
    width: 180px;
  }
}
.leadership__pagination {
  display: none;
}
@media (max-width: 767px) {
  .leadership__pagination {
    display: flex;
    justify-content: center;
    padding-bottom: 40px;
  }
}
.leadership-left-bottom {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.leadership-left-title-box {
  padding-left: 8px;
}
.leadership-left-title {
  font-size: 31px;
  font-weight: 400;
  line-height: 36px;
  padding-bottom: 4px;
}
@media (max-width: 1199px) {
  .leadership-left-title {
    font-size: 23px;
    line-height: 24px;
  }
}
.leadership-left-role {
  color: var(--neutral-50);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
}
@media (max-width: 1199px) {
  .leadership-left-role {
    font-size: 17px;
    line-height: 22px;
  }
}
.leadership-controls {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .leadership-controls {
    display: none;
  }
}
.leadership-container-nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s;
  width: 48px;
}
.leadership-container-nav:hover {
  background-color: #fff;
}
.leadership-container-nav:not(:last-child) {
  margin-right: 8px;
}
.leadership-container-nav:before {
  border: 1px solid #7a8599;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  transform: translateX(2px) rotate(135deg);
  width: 12px;
}
.leadership-container-nav--next {
  transform: scaleX(-1);
}
.resume_website__block {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  margin: 80px auto;
  max-width: 1160px;
  order: 4;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume_website__block {
    margin: 60px auto;
    padding: 0 45px;
  }
}
@media (max-width: 767px) {
  .resume_website__block {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 40px auto;
    max-width: 100%;
    padding: 0;
  }
}
.resume-website-img-block {
  border-radius: 24px;
  flex: 0 0 544px;
  position: relative;
}
@media (max-width: 1199px) {
  .resume-website-img-block {
    flex: 0 0 47%;
  }
}
@media (max-width: 1023px) {
  .resume-website-img-block {
    flex: 0 0 40%;
  }
}
@media (max-width: 767px) {
  .resume-website-img-block {
    border-radius: 20px;
    height: 360px;
    max-width: 100%;
    order: 2;
    width: 360px;
  }
}
.profile-img {
  border-radius: 24px;
  overflow: hidden;
}
.profile-img img {
  height: 100%;
  max-width: 352px;
}
@media (max-width: 1199px) {
  .profile-img img {
    width: 100%;
  }
}
.resume-website-img {
  height: auto;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume-website-img {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .resume-website-img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .resume-website-img {
    max-width: 100%;
  }
}
.resume-website-details {
  grid-gap: 28px;
  align-items: flex-start;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding-left: 96px;
}
@media (max-width: 1199px) {
  .resume-website-details {
    grid-gap: 20px;
    padding-left: 72px;
  }
}
@media (max-width: 1023px) {
  .resume-website-details {
    padding-left: 50px;
  }
}
@media (max-width: 767px) {
  .resume-website-details {
    grid-gap: 16px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    order: 1;
    padding: 0 16px 40px;
  }
}
.resume-website-title {
  align-items: center;
  display: flex;
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
  max-width: 480px;
  min-height: 104px;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume-website-title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .resume-website-title {
    font-size: 34px;
    line-height: 35px;
    min-height: auto;
  }
}
.resume-website-description {
  font-size: 24px;
  font-weight: 400;
  height: 140px;
  line-height: 28px;
  max-width: 480px;
  width: 100%;
}
@media (max-width: 1199px) {
  .resume-website-description {
    font-size: 21px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .resume-website-description {
    font-size: 19px;
    line-height: 22px;
  }
}
.worldwide-country {
  padding: 0 32px;
}
@media (max-width: 1199px) {
  .worldwide-country {
    padding: 0;
  }
}
.worldwide-country-container {
  grid-gap: 193px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
@media (max-width: 1199px) {
  .worldwide-country-container {
    grid-gap: 73px;
    justify-content: flex-start;
  }
}
@media (max-width: 767px) {
  .worldwide-country-container {
    grid-gap: 32px;
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
  }
}
.worldwide_country__block {
  background-color: var(--neutral-5);
  border-radius: 24px;
  flex: none;
  flex-grow: 0;
  margin: 80px auto;
  padding: 117px 20px;
  width: 100%;
}
@media (max-width: 1199px) {
  .worldwide_country__block {
    margin: 60px auto;
    padding: 74px 44px;
  }
}
@media (max-width: 767px) {
  .worldwide_country__block {
    margin: 0;
    padding: 40px 20px;
  }
}
.worldwide-country-img-block {
  flex: 0 1 422px;
  position: relative;
}
@media (max-width: 767px) {
  .worldwide-country-img-block {
    border-radius: 20px;
    flex: 1 1 auto;
    max-width: 281px;
    width: 100%;
  }
}
.worldwide-country-img {
  height: auto;
  width: 100%;
}
@media (max-width: 1199px) {
  .worldwide-country-img {
    max-width: 100%;
  }
}
@media (max-width: 1023px) {
  .worldwide-country-img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .worldwide-country-img {
    max-width: 100%;
  }
}
.worldwide-country-details {
  grid-gap: 32px;
  align-items: flex-start;
  display: flex;
  flex: 0 1 384px;
  flex-direction: column;
  max-width: 384px;
  width: 100%;
}
@media (max-width: 767px) {
  .worldwide-country-details {
    grid-gap: 16px;
    align-items: flex-start;
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    max-width: 100%;
    padding: 0;
    text-align: center;
  }
}
.worldwide-country-title {
  align-items: center;
  display: flex;
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 1199px) {
  .worldwide-country-title {
    font-size: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .worldwide-country-title {
    font-size: 34px;
    line-height: 35px;
  }
}
.worldwide-country-description {
  color: #1e2532;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 1199px) {
  .worldwide-country-description {
    font-size: 21px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .worldwide-country-description {
    font-size: 19px;
    line-height: 22px;
  }
}
.about .trustpilot-overview {
  background-color: var(--neutral-10);
  border-radius: 24px;
  margin: 0 32px;
}
@media (max-width: 1199px) {
  .about .trustpilot-overview {
    margin: 0;
    padding: 80px 46px;
  }
}
@media (max-width: 767px) {
  .about .trustpilot-overview {
    margin: 0;
    padding: 40px 20px;
  }
}
.about .trustpilot-overview .trustpilot-overview__title {
  font-size: 52px;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 1199px) {
  .about .trustpilot-overview .trustpilot-overview__title {
    font-size: 40px;
    line-height: 40px;
    margin: 0 auto 56px;
  }
}
@media (max-width: 767px) {
  .about .trustpilot-overview .trustpilot-overview__title {
    font-size: 34px;
    line-height: 35px;
    margin: 0 auto 32px;
  }
}
.about .trustpilot-overview__rating-container {
  width: 256px;
}
@media (max-width: 1199px) {
  .about .trustpilot-overview__rating-container {
    width: 168px;
  }
}
@media (max-width: 767px) {
  .about .trustpilot-overview__rating-container {
    background-color: var(--neutral-10);
    border-radius: 0;
    margin: 0 auto 32px;
    padding: 0;
    width: 256px;
  }
}
.about .trustpilot-overview__rating {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 10px;
}
@media (max-width: 1199px) {
  .about .trustpilot-overview__rating {
    font-size: 21px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .about .trustpilot-overview__rating {
    font-size: 19px;
    line-height: 22px;
  }
}
.about .trustpilot_top {
  border-bottom: 0;
}
.affiliates-signup-body {
  background-color: var(--white);
}
.affiliates-signup__container {
  color: var(--neutral-50);
  margin: 0 auto;
  padding: 0 16px 80px;
  width: 768px;
}
.affiliates-signup__container a {
  color: var(--blue-50);
}
.affiliates-signup__container a:hover {
  color: var(--blue-70);
}
@media (max-width: 767px) {
  .affiliates-signup__container {
    padding: 0 20px;
    width: 100%;
  }
}
.affiliates-signup__header {
  align-items: center;
  border-bottom: 1px solid var(--neutral-15);
  display: flex;
  padding: 24px 0;
}
@media (max-width: 767px) {
  .affiliates-signup__header {
    padding: 20px 0;
  }
}
.affiliates-signup__logo {
  height: 32px;
  margin-right: 25px;
  position: relative;
}
.affiliates-signup__logo:after {
  background-color: var(--neutral-15);
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: -8px;
  top: 8px;
  width: 1px;
}
.affiliates-signup__logo img {
  height: 100%;
}
.affiliates-signup__heading {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .affiliates-signup__heading {
    margin: 24px 0 32px;
  }
}
.affiliates-signup__link-back {
  align-items: center;
  color: var(--blue-50);
  display: flex;
  margin-bottom: 16px;
  transition: color 0.2s ease;
}
.affiliates-signup__link-back svg {
  margin-right: 8px;
  transform: rotate(90deg);
}
.affiliates-signup__link-back:hover {
  color: var(--blue-70);
}
.affiliates-signup__title {
  color: var(--neutral-90);
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
}
@media (max-width: 767px) {
  .affiliates-signup__title {
    font-size: 32px;
    line-height: 34px;
  }
}
.affiliates-signup__subtitle {
  color: var(--neutral-90);
  font-size: 22px;
  line-height: 28px;
  margin-top: 12px;
}
@media (max-width: 767px) {
  .affiliates-signup__subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-top: 8px;
  }
}
.affiliates-signup__group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 46px;
}
.affiliates-signup__group-title {
  border-bottom: 1px solid var(--neutral-15);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}
.affiliates-signup__note {
  font-size: 16px;
  line-height: 20px;
  margin-top: 12px;
}
.affiliates-signup__field {
  margin-top: 24px;
  width: calc(50% - 16px);
}
.affiliates-signup__field label {
  display: block;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 6px;
  pointer-events: none;
}
.affiliates-signup__field input,
.affiliates-signup__field select,
.affiliates-signup__field textarea {
  background-color: var(--neutral-10);
  border: none;
  border-radius: 4px;
  color: var(--neutral-90);
  font-size: 19px;
  line-height: 24px;
  padding: 12px 16px;
  transition: color 0.2s ease;
  width: 100%;
}
.affiliates-signup__field input::-moz-placeholder,
.affiliates-signup__field select::-moz-placeholder,
.affiliates-signup__field textarea::-moz-placeholder {
  color: var(--neutral-50);
}
.affiliates-signup__field input::placeholder,
.affiliates-signup__field select::placeholder,
.affiliates-signup__field textarea::placeholder {
  color: var(--neutral-50);
}
.affiliates-signup__field input:focus,
.affiliates-signup__field select:focus,
.affiliates-signup__field textarea:focus {
  outline: none;
}
@media (max-width: 767px) {
  .affiliates-signup__field {
    margin-top: 16px;
    width: 100%;
  }
}
.affiliates-signup__field select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--neutral-90);
  cursor: pointer;
}
.affiliates-signup__field--wide {
  width: 100%;
}
.affiliates-signup__field--textarea {
  margin-top: 16px;
  width: 100%;
}
.affiliates-signup__field--textarea label {
  color: var(--neutral-90);
  font-size: 19px;
  line-height: 24px;
  margin-bottom: 24px;
}
.affiliates-signup__field-control {
  position: relative;
}
.affiliates-signup__field-control input,
.affiliates-signup__field-control select {
  padding-right: 48px;
}
.affiliates-signup__field-icon {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  transition: color 0.2s ease;
  width: 48px;
}
.affiliates-signup__dropdown-icon {
  color: var(--blue-50);
  pointer-events: none;
}
.affiliates-signup__field-control:hover .affiliates-signup__dropdown-icon {
  color: var(--blue-70);
}
.affiliates-signup__password-icon {
  color: var(--blue-50);
}
.affiliates-signup__password-icon:hover {
  color: var(--blue-70);
}
.affiliates-signup__password-icon--disabled {
  color: var(--neutral-50);
}
.affiliates-signup__password-icon--disabled:hover {
  color: var(--neutral-100);
}
.affiliates-signup__check {
  align-items: flex-start;
  color: var(--neutral-90);
  cursor: pointer;
  display: inline-flex;
  margin-top: 24px;
  position: relative;
}
.affiliates-signup__check input[type="checkbox"] {
  position: absolute;
  visibility: hidden;
}
.affiliates-signup__check
  input[type="checkbox"]:checked
  + .affiliates-signup__checkbox {
  background-color: var(--blue-50);
}
.affiliates-signup__check
  input[type="checkbox"]:checked
  + .affiliates-signup__checkbox
  svg {
  transform: translateY(0);
}
.affiliates-signup__checkbox {
  align-items: center;
  background-color: var(--white);
  border: 2px solid var(--blue-50);
  border-radius: 4px;
  color: var(--white);
  display: flex;
  flex-shrink: 0;
  height: 24px;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden;
  transition: background-color 0.2s ease;
  width: 24px;
}
.affiliates-signup__checkbox svg {
  height: 100%;
  transform: translateY(-6px);
  transition: transform 0.2s ease;
  width: 100%;
}
.affiliates-signup__radio {
  background: var(--white);
  border: 2px solid var(--blue-50);
  border-radius: 12px;
  box-shadow: 0 0 0 4px inset var(--white);
  flex-shrink: 0;
  height: 24px;
  margin-right: 8px;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  width: 24px;
}
.affiliates-signup__radio:hover {
  border-color: var(--blue-70);
}
.affiliates-signup__deal {
  color: var(--neutral-90);
  display: flex;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .affiliates-signup__deal {
    flex-wrap: wrap;
  }
  .affiliates-signup__deal-label {
    color: var(--neutral-50);
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
    width: 100%;
  }
}
.affiliates-signup__deal-select {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  margin-left: 20px;
  position: relative;
}
.affiliates-signup__deal-select input[type="radio"] {
  position: absolute;
  visibility: hidden;
}
.affiliates-signup__deal-select
  input[type="radio"]:checked
  + .affiliates-signup__radio {
  background: var(--blue-50);
}
@media (max-width: 767px) {
  .affiliates-signup__deal-select {
    margin-bottom: 8px;
    margin-left: 0;
    width: 100%;
  }
}
.affiliates-signup__button {
  background-color: var(--blue-50);
  border: none;
  border-radius: 4px;
  color: var(--white);
  cursor: pointer;
  font-weight: 600;
  margin-top: 24px;
  padding: 13px 16px;
  transition: background-color 0.2s ease;
  width: 100%;
}
.affiliates-signup__button:focus,
.affiliates-signup__button:hover {
  background-color: var(--blue-70);
  outline: none;
}
.affiliates-signup__button:disabled {
  background-color: var(--neutral-50);
  cursor: not-allowed;
}
.affiliates-signup__error {
  color: var(--red-50);
  margin-top: 24px;
  width: 100%;
}
.affiliates {
  background-color: var(--white);
  overflow-x: hidden;
}
.affiliates__container {
  margin: 0 auto;
  padding-top: 56px;
  width: 928px;
}
@media (max-width: 1023px) {
  .affiliates__container {
    padding: 32px 44px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .affiliates__container {
    padding: 24px 20px 0;
    width: 100%;
  }
}
.affiliates__title {
  color: var(--neutral-50);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 8px;
  text-transform: uppercase;
}
.affiliates__subtitle {
  font-size: 38px;
  font-weight: 700;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  max-width: 588px;
}
@media (max-width: 767px) {
  .affiliates__subtitle {
    font-size: 26px;
    line-height: 28px;
  }
}
.affiliates__buttons {
  align-items: center;
  display: flex;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .affiliates__buttons {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .affiliates__buttons {
    flex-direction: column;
    margin-bottom: 24px;
  }
}
.affiliates__hero {
  margin: 0 -96px 48px;
  width: calc(100% + 192px);
}
@media (max-width: 767px) {
  .affiliates__hero {
    margin-bottom: 32px;
  }
}
.affiliates__content {
  padding-bottom: 80px;
}
@media (max-width: 1023px) {
  .affiliates__content {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .affiliates__content {
    padding-bottom: 40px;
  }
}
.affiliates__content-title {
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 28px;
  max-width: 480px;
}
@media (max-width: 1023px) {
  .affiliates__content-title {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .affiliates__content-title {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.affiliates__feature-list {
  border-top: 1px solid var(--neutral-20);
  display: flex;
  flex-flow: row wrap;
  padding-top: 28px;
}
@media (max-width: 1023px) {
  .affiliates__feature-list {
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .affiliates__feature-list {
    padding-top: 20px;
  }
}
.affiliates__feature-item {
  flex-basis: calc(50% - 46px);
  flex-grow: 0;
  flex-shrink: 0;
  margin-bottom: 16px;
  margin-right: 92px;
  padding-left: 20px;
  position: relative;
}
@media (max-width: 767px) {
  .affiliates__feature-item {
    flex-basis: 100%;
    flex-grow: 0;
    flex-shrink: 0;
    margin-bottom: 12px;
    margin-right: 0;
  }
}
.affiliates__feature-item:before {
  background-color: var(--blue-50);
  border-radius: 3px;
  content: "";
  height: 7px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 7px;
}
.affiliates__feature-item:nth-child(2n) {
  margin-right: 0;
}
.affiliates__feature-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 1023px) {
  .affiliates__feature-title {
    font-size: 19px;
    line-height: 24px;
  }
}
.affiliates__faq {
  align-items: flex-start;
  border-top: 1px solid var(--neutral-20);
  display: flex;
  margin-bottom: 56px;
  padding-top: 28px;
}
@media (max-width: 1023px) {
  .affiliates__faq {
    flex-direction: column;
    margin-bottom: 40px;
    padding-top: 24px;
  }
}
@media (max-width: 767px) {
  .affiliates__faq {
    margin-bottom: 32px;
    padding-top: 20px;
  }
}
.affiliates__faq-column {
  margin-right: 64px;
  max-width: 432px;
}
.affiliates__faq-column:last-child {
  margin: 0;
}
@media (max-width: 1023px) {
  .affiliates__faq-column {
    margin: 0 0 24px;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .affiliates__faq-column {
    margin-bottom: 20px;
  }
}
.affiliates__faq-item {
  margin-bottom: 32px;
}
.affiliates__faq-item:last-child {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .affiliates__faq-item {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .affiliates__faq-item {
    margin-bottom: 20px;
  }
}
.affiliates__faq-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
.affiliates__faq-text p {
  margin-bottom: 12px;
}
.affiliates__faq-text p:last-child {
  margin: 0;
}
.affiliates__join-container {
  align-items: center;
  background-color: var(--neutral-90);
  display: flex;
  justify-content: space-around;
  padding: 64px 32px;
  position: relative;
}
@media (max-width: 1023px) {
  .affiliates__join-container {
    flex-direction: column-reverse;
    padding: 48px 24px;
  }
}
@media (max-width: 767px) {
  .affiliates__join-container {
    padding: 40px 24px;
  }
}
.affiliates__join-block {
  color: var(--white);
  text-align: center;
}
@media (max-width: 1023px) {
  .affiliates__join-block {
    margin-bottom: 104px;
  }
  .affiliates__join-block:first-child {
    margin: 0;
  }
}
@media (max-width: 767px) {
  .affiliates__join-block {
    margin-bottom: 88px;
  }
  .affiliates__join-block:first-child {
    margin: 0;
  }
}
.affiliates__join-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .affiliates__join-title {
    font-size: 22px;
    line-height: 28px;
  }
}
.affiliates__join-subtitle {
  margin-bottom: 24px;
  max-width: 400px;
}
.affiliates__join-divider {
  background-color: var(--neutral-100);
  height: 100%;
  left: calc(50% - 1px);
  position: absolute;
  top: 0;
  width: 1px;
}
@media (max-width: 1023px) {
  .affiliates__join-divider {
    height: 1px;
    left: 0;
    top: calc(50% - 1px);
    width: 100%;
  }
}
.affiliates__cta {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .affiliates__cta {
    margin: 0 0 8px;
    width: 100%;
  }
}
.affiliates__cta:last-child {
  margin: 0;
}
.page-404 {
  padding-bottom: 120px;
  padding-top: 48px;
}
@media (max-width: 1023px) {
  .page-404 {
    padding-bottom: 64px;
    padding-top: 32px;
  }
}
@media (max-width: 767px) {
  .page-404 {
    padding-bottom: 48px;
    padding-top: 16px;
  }
}
.page-404__main {
  align-items: center;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .page-404__main {
    align-items: center;
    flex-direction: column-reverse;
    text-align: center;
  }
}
.page-404__info {
  width: 100%;
}
@media (max-width: 1199px) {
  .page-404__info {
    max-width: 50%;
  }
}
@media (max-width: 1023px) {
  .page-404__info {
    max-width: 505px;
  }
}
@media (max-width: 767px) {
  .page-404__info {
    max-width: 100%;
  }
}
.page-404__title {
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
}
@media (max-width: 1023px) {
  .page-404__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .page-404__title {
    font-size: 28px;
    line-height: 30px;
  }
}
.page-404__subtitle {
  font-size: 22px;
  line-height: 28px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .page-404__subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-top: 8px;
    padding: 0 20px;
  }
}
.page-404__animation {
  width: 50%;
}
@media (max-width: 1023px) {
  .page-404__animation {
    margin-bottom: 22px;
    width: 383px;
  }
}
@media (max-width: 767px) {
  .page-404__animation {
    margin-bottom: 16px;
    width: 253px;
  }
}
.page-404__actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-top: 40px;
}
.page-404__actions :first-child {
  margin-right: 20px;
}
@media (max-width: 1023px) {
  .page-404__actions {
    justify-content: center;
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .page-404__actions {
    flex-direction: column;
    margin-top: 24px;
  }
  .page-404__actions :first-child {
    margin-bottom: 12px;
    margin-right: 0;
  }
}
.page-404__video {
  flex-shrink: 0;
  margin-left: 32px;
  position: relative;
  width: 640px;
}
.page-404__video:before {
  content: "";
  display: block;
  padding-bottom: 74.06%;
  width: 100%;
}
.page-404__video:after {
  box-shadow: 0 0 16px 55px var(--neutral-10) inset;
  content: "";
}
.page-404__video video,
.page-404__video:after {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  .page-404__video {
    flex-shrink: 1;
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .page-404__video {
    margin: 0 auto 30px;
    width: 352px;
  }
}
@media (max-width: 767px) {
  .page-404__video {
    margin-bottom: 22px;
    width: 225px;
  }
}
.page-404__cards {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media (max-width: 1023px) {
  .page-404__cards {
    flex-direction: column;
    margin-top: 56px;
  }
}
@media (max-width: 767px) {
  .page-404__cards {
    margin-top: 48px;
    max-width: 100%;
  }
}
.page-404__card {
  background: var(--white);
  border-radius: 6px;
  color: var(--blue-50);
  display: flex;
  flex-direction: column;
  padding: 24px;
  position: relative;
  transition: color 0.2s ease, box-shadow 0.2s ease;
  width: 50%;
}
.page-404__card:hover {
  box-shadow: 0 15px 30px rgba(186, 200, 227, 0.4);
  color: var(--blue-70);
}
@media (max-width: 1023px) {
  .page-404__card {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .page-404__card {
    padding: 16px;
  }
}
.page-404__card:not(:last-child) {
  margin-right: 32px;
}
@media (max-width: 1023px) {
  .page-404__card:not(:last-child) {
    margin-bottom: 24px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .page-404__card:not(:last-child) {
    margin-bottom: 20px;
  }
}
.page-404__card-header {
  align-items: flex-start;
  display: flex;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .page-404__card-header {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.page-404__card-icon {
  flex-shrink: 0;
  height: 32px;
  margin-right: 8px;
}
@media (max-width: 767px) {
  .page-404__card-icon {
    margin-left: 8px;
    margin-right: 0;
  }
}
.page-404__card-title {
  color: var(--neutral-90);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  padding-top: 2px;
}
.page-404__card-text {
  color: var(--neutral-90);
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .page-404__card-text {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .page-404__card-text {
    margin-bottom: 12px;
  }
}
.page-404__card-link {
  align-items: center;
  color: currentColor;
  display: flex;
  font-weight: 600;
  margin-top: auto;
}
.page-404__card-arrow {
  height: 24px;
  margin-bottom: -2px;
  margin-left: 4px;
  transform: translateX(0) rotate(90deg);
  transition: transform 0.2s ease;
  width: 24px;
}
.page-404__card:hover .page-404__card-arrow {
  transform: translate(4px) rotate(90deg);
}
.page-404__contact-link {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
  margin-top: 48px;
  text-align: center;
}
@media (max-width: 1023px) {
  .page-404__contact-link {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .page-404__contact-link {
    margin-top: 24px;
    padding: 0 20px;
  }
}
.page-404__contact-link a {
  color: var(--blue-50);
  transition: color 0.3s ease;
}
.page-404__contact-link a:hover {
  color: var(--blue-70);
}
.unsubscribed {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 80px;
  padding-top: 50px;
  text-align: center;
}
@media (max-width: 1023px) {
  .unsubscribed {
    max-width: 100%;
    padding: 60px 44px 0;
  }
}
@media (max-width: 767px) {
  .unsubscribed {
    padding: 40px 20px 0;
  }
}
.unsubscribed__header-title {
  color: #0f141e;
  font-family: TT Commons;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 6px;
  opacity: 0.9;
}
@media (max-width: 1023px) {
  .unsubscribed__header-title {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .unsubscribed__header-title {
    font-size: 28px;
    line-height: 32px;
  }
}
.unsubscribed__header-subtitle {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 56px;
  line-height: 28px;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 511px;
}
@media (max-width: 1023px) {
  .unsubscribed__header-subtitle {
    font-size: 21px;
    line-height: 24px;
    width: 504px;
  }
}
@media (max-width: 767px) {
  .unsubscribed__header-subtitle {
    font-size: 19px;
    line-height: 22px;
    width: 328px;
  }
}
.unsubscribed_img {
  flex-grow: 0;
  height: 230.12px;
  margin: 25px auto 40px;
  width: 351.9px;
}
@media (max-width: 1023px) {
  .unsubscribed_img {
    height: 216.54px;
    width: 331.14px;
  }
}
@media (max-width: 767px) {
  .unsubscribed_img {
    height: 140.42px;
    width: 214.74px;
  }
}
.blog-post {
  background-color: var(--white);
  padding-bottom: 96px;
  position: relative;
}
@media (max-width: 1023px) {
  .blog-post {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .blog-post {
    padding-bottom: 40px;
  }
  .blog-post.blog-post--example .blog-post__content-aside {
    display: none;
  }
}
.blog-post--lazy {
  contain-intrinsic-size: 3500px;
  content-visibility: auto;
}
.blog-post__content {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-post__content {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-post__content {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-post__content {
  padding-top: 60px;
}
.blog-post__content:not(:last-child) {
  margin-bottom: 60px;
}
@media (max-width: 1023px) {
  .blog-post__content:not(:last-child) {
    margin-bottom: 40px;
  }
  .blog-post__content {
    padding-top: 32px;
  }
}
.blog-post--with-single-aside .blog-post__content {
  max-width: 1200px;
}
.blog-post--with-single-aside .blog-post__content .blog-post__content-aside {
  width: var(--blog-column-with-gutter-3);
}
@media (max-width: 1023px) {
  .blog-post--with-single-aside
    .blog-post__content
    .blog-post__content-aside--left {
    width: 100%;
  }
}
.blog-post--with-single-aside
  .blog-post__content
  .blog-post__content-main-wrapper
  .js-wide-element,
.blog-post--with-single-aside
  .blog-post__content
  .blog-post__content-main-wrapper
  .wide-element,
.blog-post--with-single-aside
  .blog-post__content
  .blog-post__content-main-wrapper
  figure.image.image--large {
  left: 0;
  max-width: 1120px;
  transform: translateX(0);
}
@media (max-width: 1199px) {
  .blog-post--with-single-aside
    .blog-post__content
    .blog-post__content-main-wrapper
    .js-wide-element,
  .blog-post--with-single-aside
    .blog-post__content
    .blog-post__content-main-wrapper
    .wide-element,
  .blog-post--with-single-aside
    .blog-post__content
    .blog-post__content-main-wrapper
    figure.image.image--large {
    max-width: 1130px;
  }
}
@media (max-width: 1023px) {
  .blog-post__content--toc {
    padding-top: 12px;
  }
}
.blog-post__content-inner {
  display: flex;
}
@media (max-width: 1023px) {
  .blog-post__content-inner {
    flex-direction: column;
  }
}
.blog-post__content-aside {
  flex-shrink: 0;
  position: relative;
  width: calc(
    var(--blog-column-with-gutter-2) + var(--blog-desktop-gutter-step)
  );
}
.blog-post__content-aside--left {
  margin-right: var(--blog-column-1);
}
@media (max-width: 1023px) {
  .blog-post__content-aside--left {
    margin-right: 0;
    width: 100%;
  }
}
.blog-post__content-aside--right {
  margin-left: var(--blog-column-1);
}
@media (max-width: 1023px) {
  .blog-post__content-aside--right {
    display: none;
  }
}
.blog-post__content-main {
  min-width: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .blog-post__content-main {
    font-size: 17px;
    line-height: 24px;
  }
}
.blog-post__content-main-wrapper {
  font-family: TT Tricks, serif;
  font-size: 19px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper {
    font-size: 17px;
    line-height: 24px;
  }
}
.blog-post__content-main-wrapper .chapter-label {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  text-transform: uppercase;
}
.blog-post__content-main-wrapper .chapter-label:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper .chapter-label:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper .chapter-label {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 24px;
  margin-top: 64px;
  text-align: center;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .chapter-label {
    margin: 48px auto 16px;
  }
}
.blog-post__content-main-wrapper .chapter-label:after,
.blog-post__content-main-wrapper .chapter-label:before {
  background-color: var(--neutral-20);
  content: "";
  display: block;
  flex: 1 1;
  height: 1px;
}
.blog-post__content-main-wrapper .chapter-label:before {
  margin-right: 16px;
}
.blog-post__content-main-wrapper .chapter-label:after {
  margin-left: 16px;
}
.blog-post__content-main-wrapper h2 {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 16px;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper h2 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
.blog-post__content-main-wrapper h2:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper h2.chapter-heading {
  font-family: TT Tricks, serif;
  font-size: 38px;
  line-height: 40px;
}
.blog-post__content-main-wrapper h2.chapter-heading:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper h2.chapter-heading:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper h2.chapter-heading {
  font-weight: 700;
  margin: 24px auto 40px;
  max-width: 578px;
  text-align: center;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper h2.chapter-heading {
    font-size: 28px;
    line-height: 30px;
    margin: 16px auto 24px;
  }
}
.blog-post__content-main-wrapper h2 i,
.blog-post__content-main-wrapper h2 strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.blog-post__content-main-wrapper h3 {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper h3 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}
.blog-post__content-main-wrapper h3:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper h3 i,
.blog-post__content-main-wrapper h3 strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.blog-post__content-main-wrapper h4 {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 26px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 16px;
  margin-top: 32px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper h4 {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 8px;
  }
}
.blog-post__content-main-wrapper h4:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper h4 i,
.blog-post__content-main-wrapper h4 strong {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.blog-post__content-main-wrapper strong {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper strong {
    font-size: 19px;
    line-height: 24px;
  }
}
.blog-post__content-main-wrapper p {
  margin-bottom: 16px;
}
.blog-post__content-main-wrapper mark {
  background-color: var(--amber-10);
}
.blog-post__content-main-wrapper figure.image:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper figure.image:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper figure.image {
  margin: 40px auto;
  max-width: 100%;
  padding: 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper figure.image {
    margin: 24px auto;
  }
}
.blog-post__content-main-wrapper figure.image img {
  border-radius: 6px;
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
.blog-post__content-main-wrapper figure.image figcaption {
  color: var(--neutral-50);
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin-top: 16px;
  text-align: center;
}
.blog-post__content-main-wrapper figure.image figcaption strong {
  font-size: 16px;
  line-height: 20px;
}
.blog-post__content-main-wrapper .blog-post__video-wrapper {
  height: 0;
  padding-bottom: 56.25%;
  position: relative;
}
.blog-post__content-main-wrapper figure.media {
  margin: 40px auto;
  max-width: 100%;
  padding: 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper figure.media {
    margin: 24px auto;
  }
}
.blog-post__content-main-wrapper figure.media iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.blog-post__content-main-wrapper figure.image.image--bordered img {
  border: 1px solid var(--neutral-15);
}
.blog-post__content-main-wrapper figure.image.image--large {
  max-width: 1400px;
  position: relative;
  width: calc(var(--vw) * 100 - 80px);
  z-index: 10;
}
@media (min-width: 1024px) {
  .blog-post__content-main-wrapper figure.image.image--large {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1199px) {
  .blog-post__content-main-wrapper figure.image.image--large {
    width: calc(var(--vw) * 100 - 70px);
  }
}
@media (max-width: 1023px) {
  .blog-post__content-main-wrapper figure.image.image--large {
    margin: 32px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper figure.image.image--large {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper figure.image.image--large img {
  width: 100%;
}
.blog-post__content-main-wrapper figure.table {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
  font-size: 16px;
  line-height: 20px;
  margin: 24px 0;
  overflow: auto;
  width: 100%;
}
.blog-post__content-main-wrapper figure.table table {
  min-width: 100%;
}
.blog-post__content-main-wrapper figure.table td,
.blog-post__content-main-wrapper figure.table th {
  border: 1px solid var(--neutral-15);
  padding: 8px;
}
.blog-post__content-main-wrapper figure.table th {
  background-color: var(--neutral-10);
  font-weight: 600;
  text-align: left;
}
.blog-post__content-main-wrapper figure.table strong {
  font-size: 16px;
  line-height: 20px;
}
.blog-post__content-main-wrapper a {
  background-image: linear-gradient(
    rgba(17, 112, 205, 0.2),
    rgba(17, 112, 205, 0.2)
  );
  background-position: left 0 bottom 1px;
  background-size: 100% 1px;
  color: var(--blue-60);
}
.blog-post__content-main-wrapper a:hover {
  background-image: linear-gradient(
    rgba(16, 82, 155, 0.5),
    rgba(16, 82, 155, 0.5)
  );
}
.blog-post__content-main-wrapper blockquote {
  font-family: TT Tricks, serif;
  font-size: 19px;
  line-height: 28px;
}
.blog-post__content-main-wrapper blockquote:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper blockquote:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper blockquote {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper blockquote {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper blockquote {
  background-color: var(--neutral-10);
  border-radius: 6px;
  color: var(--neutral-70);
  font-style: italic;
  overflow: hidden;
  padding: 24px 32px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper blockquote {
    font-size: 17px;
    line-height: 24px;
    padding: 16px 24px;
  }
}
.blog-post__content-main-wrapper blockquote p:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper blockquote:before {
  background-color: var(--blue-70);
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 4px;
}
.blog-post__content-main-wrapper ul:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper ul:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper ul {
  margin: 16px 0;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper ul {
    padding-left: 32px;
  }
}
.blog-post__content-main-wrapper ul li {
  list-style: none;
  position: relative;
}
.blog-post__content-main-wrapper ul li:not(:last-child) {
  margin-bottom: 8px;
}
.blog-post__content-main-wrapper ul li:before {
  background-color: var(--blue-60);
  border-radius: 3px;
  content: "";
  display: block;
  height: 6px;
  left: -22px;
  position: absolute;
  top: 12px;
  width: 6px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper ul li:before {
    left: -18px;
    top: 9px;
  }
}
.blog-post__content-main-wrapper ol:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper ol:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper ol {
  counter-reset: ol-counter;
  margin: 16px 0;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper ol {
    padding-left: 32px;
  }
}
.blog-post__content-main-wrapper ol li {
  list-style: none;
  position: relative;
}
.blog-post__content-main-wrapper ol li:not(:last-child) {
  margin-bottom: 8px;
}
.blog-post__content-main-wrapper ol li:before {
  color: var(--blue-60);
  content: counter(ol-counter) ".";
  counter-increment: ol-counter;
  display: block;
  font-weight: 700;
  min-width: 20px;
  position: absolute;
  right: calc(100% + 4px);
  text-align: left;
  top: 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper ol li:before {
    min-width: 16px;
  }
}
.blog-post__content-main-wrapper .infographics {
  border: 0;
  border-radius: 6px;
  display: block;
  height: 2240px;
  margin: 32px -352px 32px 0;
  overflow-y: auto;
  width: calc(100% + 352px);
}
@media (max-width: 1023px) {
  .blog-post__content-main-wrapper .infographics {
    height: 600px;
    margin: 32px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .infographics {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper .js-wide-element {
  max-width: 1400px;
  position: relative;
  width: calc(var(--vw) * 100 - 80px);
  z-index: 10;
}
@media (min-width: 1024px) {
  .blog-post__content-main-wrapper .js-wide-element {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1199px) {
  .blog-post__content-main-wrapper .js-wide-element {
    width: calc(var(--vw) * 100 - 70px);
  }
}
.blog-post__content-main-wrapper .wide-element {
  margin: 32px 0;
  max-width: 1400px;
  position: relative;
  width: calc(var(--vw) * 100 - 80px);
  z-index: 10;
}
@media (min-width: 1024px) {
  .blog-post__content-main-wrapper .wide-element {
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 1199px) {
  .blog-post__content-main-wrapper .wide-element {
    width: calc(var(--vw) * 100 - 70px);
  }
}
@media (max-width: 1023px) {
  .blog-post__content-main-wrapper .wide-element {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .wide-element {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper .callout:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper .callout:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper .callout {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .callout {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper .callout {
  background-color: var(--neutral-10);
  border-radius: 6px;
  padding: 24px 32px;
  width: 100%;
}
.blog-post__content-main-wrapper .callout :last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .callout {
    padding: 16px;
  }
}
.blog-post__content-main-wrapper .comparison {
  font-family: TT Commons, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu,
    Cantarell, Noto Sans, sans-serif;
}
.blog-post__content-main-wrapper .comparison:first-child {
  margin-top: 0;
}
.blog-post__content-main-wrapper .comparison:last-child {
  margin-bottom: 0;
}
.blog-post__content-main-wrapper .comparison {
  margin: 40px 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .comparison {
    margin: 24px 0;
  }
}
.blog-post__content-main-wrapper .comparison {
  align-items: stretch;
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .comparison {
    display: block;
  }
}
.blog-post__content-main-wrapper .comparison ul {
  margin: 0;
  padding-left: 16px;
}
.blog-post__content-main-wrapper .comparison ul li {
  list-style: none;
  position: relative;
}
.blog-post__content-main-wrapper .comparison ul li:not(:last-child) {
  margin-bottom: 8px;
}
.blog-post__content-main-wrapper .comparison ul li:before {
  background-color: var(--neutral-70);
  border-radius: 2px;
  content: "";
  display: block;
  height: 4px;
  left: -14px;
  position: absolute;
  top: 9px;
  width: 4px;
}
.blog-post__content-main-wrapper .comparison__block {
  background-color: var(--neutral-10);
  border-radius: 6px;
  flex: 1 0;
  margin-right: 16px;
  padding: 20px 24px 24px;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .comparison__block {
    margin-bottom: 8px;
    margin-right: 0;
    padding: 16px;
  }
}
.blog-post__content-main-wrapper .comparison__block:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .blog-post__content-main-wrapper .comparison__block:last-child {
    margin-bottom: 0;
  }
}
.blog-post__content-main-wrapper .comparison__title {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 12px;
}
.blog-post__content-main-wrapper .comparison__title-icon {
  background-color: rgba(51, 157, 93, 0.2);
  border-radius: 16px;
  height: 32px;
  margin-right: 12px;
  position: relative;
  width: 32px;
}
.blog-post__content-main-wrapper .comparison__title-icon:before {
  background-color: var(--green-50);
  border-radius: 12px;
  content: "";
  display: block;
  height: 24px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 24px;
}
.blog-post__content-main-wrapper .comparison__title-icon:after {
  background-image: url(../images/correct8926fbbf0b76bf7baa70.svg);
  background-size: 20px 20px;
  content: "";
  display: block;
  height: 20px;
  left: 6px;
  position: absolute;
  top: 6px;
  width: 20px;
}
.blog-post__content-main-wrapper
  .comparison__title-icon.comparison__title-icon--incorrect {
  background-color: rgba(251, 68, 88, 0.2);
}
.blog-post__content-main-wrapper
  .comparison__title-icon.comparison__title-icon--incorrect:before {
  background-color: var(--red-50);
}
.blog-post__content-main-wrapper
  .comparison__title-icon.comparison__title-icon--incorrect:after {
  background-image: url(../images/incorrectf2de5716d1994e19a0f4.svg);
}
.blog-post__content-main-wrapper .comparison__content {
  color: var(--neutral-70);
  font-size: 19px;
  line-height: 24px;
}
.blog-post__content-main-wrapper .comparison__content :last-child {
  margin-bottom: 0;
}
:root {
  --blog-desktop-container-width: 1480px;
  --blog-tabet-container-width: 980px;
  --blog-desktop-gutter: 40px;
  --blog-tablet-gutter: 32px;
  --blog-phone-gutter: 20px;
  --blog-desktop-column-step: 5.714%;
  --blog-desktop-gutter-step: 2.857%;
  --blog-tablet-column-step: 7.692%;
  --blog-tablet-gutter-step: 3.846%;
  --blog-column-1: var(--blog-desktop-column-step);
  --blog-column-2: 14.285%;
  --blog-column-3: 22.856%;
  --blog-column-4: 31.427%;
  --blog-column-5: 39.998%;
  --blog-column-6: 48.569%;
  --blog-column-7: 57.14%;
  --blog-column-with-gutter-1: 8.571%;
  --blog-column-with-gutter-2: 17.142%;
  --blog-column-with-gutter-3: 25.713%;
  --blog-column-with-gutter-5: 42.855%;
  --blog-column-1-inside-desktop-column-9: 7.4%;
  --blog-gutter-1-inside-desktop-column-9: 3.7%;
  --blog-column-3-inside-desktop-column-9: 29.63%;
  --blog-column-1-tablet: var(--blog-tablet-column-step);
  --blog-column-2-tablet-with-gutter: 23.076%;
}
.blog-main {
  background-color: var(--white);
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 767px) {
  .blog-main {
    padding-bottom: 60px;
  }
}
.blog-main__container {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .blog-main__container {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .blog-main__container {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.blog-main__container.blog-main__container--show-search-results
  .blog-main__bottom-box,
.blog-main__container.blog-main__container--show-search-results
  .blog-main__hero,
.blog-main__container.blog-main__container--show-search-results
  .blog-main__main-post,
.blog-main__container.blog-main__container--show-search-results
  .blog-main__posts,
.blog-main__container.blog-main__container--show-search-results .page-loader,
.blog-main__container.blog-main__container--show-search-results
  .subscribe-newsletter {
  display: none;
}
@media (min-width: 1024px) {
  .blog-main__container.blog-main__container--show-search-results
    .blog-main__content {
    width: 0;
  }
}
.blog-main__container.blog-main__container--show-search-results
  .blog-main__search-result {
  display: block;
  flex-grow: 1;
}
.blog-main__container.blog-main__container--show-search-results
  .blog-main__top-box {
  border-bottom: 0;
}
.blog-main__container--category {
  align-items: unset;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1023px) {
  .blog-main__container--category {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .blog-main__container--category .blog-main__hero {
    border-bottom: 0;
  }
  .blog-main__container--category .blog-main__hero:not(:last-child) {
    margin-bottom: 0;
  }
}
.blog-main__container--category .blog-main__nav-aside {
  padding-top: 125px;
}
@media (max-width: 1023px) {
  .blog-main__container--category .blog-main__nav-aside {
    display: none;
  }
  .blog-main__container--category .blog-main__nav-aside-content {
    display: flex;
    position: static;
  }
}
.blog-main__container--category .blog-main__content {
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-main__container--category .blog-main__posts {
    margin-top: 32px;
  }
}
@media (max-width: 767px) {
  .blog-main__container--category .blog-main__posts {
    margin-top: 24px;
  }
}
.blog-main__nav-aside {
  flex-shrink: 0;
  margin-right: var(--blog-column-1);
  width: var(--blog-column-with-gutter-2);
}
@media (max-width: 1023px) {
  .blog-main__nav-aside {
    margin-right: var(--blog-column-1-tablet);
    width: var(--blog-column-2-tablet-with-gutter);
  }
}
@media (max-width: 767px) {
  .blog-main__nav-aside {
    display: none;
  }
}
.blog-main__nav-aside-content {
  left: 0;
  position: sticky;
  top: 80px;
}
.blog-main__top-box {
  border-bottom: 1px solid rgba(101, 110, 131, 0.15);
  display: flex;
  padding-bottom: 60px;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog-main__top-box {
    flex-direction: column;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .blog-main__top-box {
    padding-bottom: 32px;
  }
}
.blog-main__top-box .blog-main__nav-aside {
  padding-top: 125px;
}
@media (max-width: 1023px) {
  .blog-main__top-box .blog-main__nav-aside {
    display: none;
  }
  .blog-main__top-box .blog-main__hero-content {
    margin: 60px 3.7% 60px 0;
  }
}
@media (max-width: 767px) {
  .blog-main__top-box .blog-main__hero-content {
    margin: 0 0 20px;
  }
}
.blog-main__top-box-content {
  width: 100%;
}
.blog-main__top-box-nav {
  display: none;
}
@media (max-width: 1023px) {
  .blog-main__top-box-nav {
    display: block;
    position: relative;
  }
  .blog-main__top-box-nav:not(:last-child) {
    margin-bottom: 8px;
  }
}
.blog-main__bottom-box {
  width: 100%;
}
.blog-main__scroll-panel {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 16px;
  position: relative;
}
.blog-main__scroll-panel::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}
.blog-main__scroll-panel-inner {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
}
.blog-main__top-box-nav--show-search .blog-main__scroll-panel {
  opacity: 0;
  visibility: hidden;
}
.blog-main__main-post {
  width: 100%;
}
.blog-main__main-post:not(:last-child) {
  border-bottom: 1px solid rgba(101, 110, 131, 0.15);
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-main__main-post {
    margin-top: 24px;
  }
}
.blog-main__search-result {
  display: none;
}
.blog-main__search-result-counter {
  color: var(--neutral-60);
}
.blog-main__search-result-counter:not(:last-child) {
  border-bottom: 1px solid rgba(101, 110, 131, 0.15);
  margin-bottom: 40px;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .blog-main__search-result-counter:not(:last-child) {
    margin-bottom: 24px;
  }
}
.blog-main__search-spinner {
  align-items: center;
  color: var(--blue-50);
  display: none;
  height: 640px;
  justify-content: center;
  width: 100%;
}
.blog-main__search-spinner svg {
  animation: spinnerRotation 0.5s linear infinite;
}
@media (max-width: 767px) {
  .blog-main__search-spinner {
    height: 50vh;
  }
}
.blog-main__search-spinner--visible {
  display: flex;
}
.blog-main__empty-search {
  padding: 120px 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 767px) {
  .blog-main__empty-search {
    padding: 64px 0;
  }
}
.blog-main__empty-search-title {
  font-size: 38px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 8px;
}
.blog-main__hero {
  align-items: flex-start;
  border-bottom: 1px solid rgba(101, 110, 131, 0.15);
  display: flex;
}
.blog-main__hero:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .blog-main__hero:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .blog-main__hero:not(:last-child) {
    margin-bottom: 12px;
  }
  .blog-main__hero {
    align-items: center;
    flex-direction: column;
    padding-bottom: 0;
    text-align: center;
  }
}
.blog-main__hero-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  margin: 80px 3.7% 80px 0;
}
@media (max-width: 1023px) {
  .blog-main__hero-content {
    margin: 36px 3.7% 60px 0;
  }
}
@media (max-width: 767px) {
  .blog-main__hero-content {
    margin: 0 0 20px;
    max-width: 280px;
    order: 2;
    width: 100%;
  }
}
.blog-main__hero-aside {
  align-self: center;
  flex-shrink: 0;
  height: 260px;
  width: 312px;
}
@media (max-width: 1023px) {
  .blog-main__hero-aside {
    height: 215px;
    width: 258px;
  }
}
@media (max-width: 767px) {
  .blog-main__hero-aside {
    height: auto;
    margin-bottom: 8px;
    order: 1;
    width: auto;
  }
}
.blog-main__cover {
  height: 100%;
}
@media (max-width: 767px) {
  .blog-main__cover {
    height: 150px;
  }
}
.blog-main__title {
  font-size: 54px;
  font-weight: 700;
  font-weight: 400;
  line-height: 52px;
}
.blog-main__title:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .blog-main__title {
    font-size: 46px;
    font-weight: 700;
    font-weight: 400;
    line-height: 48px;
  }
  .blog-main__title:not(:last-child) {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .blog-main__title {
    font-size: 28px;
    line-height: 30px;
  }
}
.blog-main__subtitle {
  font-size: 28px;
  line-height: 30px;
}
@media (max-width: 1199px) {
  .blog-main__subtitle {
    font-size: 26px;
    line-height: 28px;
  }
}
@media (max-width: 767px) {
  .blog-main__subtitle {
    font-size: 19px;
    line-height: 24px;
  }
}
.blog-main__promo {
  width: 100%;
}
.blog-main__promo:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-main__promo:not(:last-child) {
    margin-bottom: 32px;
  }
}
.blog-main__promo-aside {
  flex-shrink: 0;
  margin-left: var(--blog-column-1-inside-desktop-column-9);
  width: var(--blog-column-3-inside-desktop-column-9);
}
@media (max-width: 1023px) {
  .blog-main__promo-aside {
    display: none;
  }
}
.blog-main__promo-aside-content {
  left: 0;
  position: sticky;
  top: 125px;
}
.blog-main__posts {
  display: flex;
  width: 100%;
}
.blog-main__posts-content {
  width: 100%;
}
.blog-main__posts-content-inner {
  display: flex;
}
@media (max-width: 1023px) {
  .blog-main__posts-content-inner {
    justify-content: center;
  }
}
.blog-main__posts-feed {
  flex-grow: 1;
}
@media (max-width: 1023px) {
  .blog-main__posts-feed {
    max-width: 500px;
  }
}
@keyframes spinnerRotation {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.sponsorship {
  height: 100%;
  padding: 40px 32px 160px;
  width: 100%;
}
@media (max-width: 1023px) {
  .sponsorship {
    padding: 32px 32px 80px;
  }
}
@media (max-width: 767px) {
  .sponsorship {
    padding: 32px 20px 56px;
  }
}
.sponsorship__section {
  margin: 0 auto 136px;
  max-width: 1120px;
}
.sponsorship__section:last-child {
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .sponsorship__section {
    margin: 0 auto 72px;
  }
}
@media (max-width: 767px) {
  .sponsorship__section {
    margin: 0 auto 48px;
  }
}
.sponsorship__section-title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  .sponsorship__section-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .sponsorship__section-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 4px;
  }
}
.sponsorship__section-subtitle {
  color: var(--neutral-50);
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 1023px) {
  .sponsorship__section-subtitle {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .sponsorship__section-subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.sponsorship__head {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .sponsorship__head {
    flex-direction: column-reverse;
  }
}
.sponsorship__head-content {
  padding-top: 72px;
}
@media (max-width: 1023px) {
  .sponsorship__head-content {
    min-height: 405px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .sponsorship__head-content {
    min-height: auto;
    padding: 0;
  }
}
.sponsorship__head-title {
  color: var(--blue-50);
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 16px;
  max-width: 544px;
}
@media (max-width: 1023px) {
  .sponsorship__head-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    max-width: 328px;
  }
}
@media (max-width: 767px) {
  .sponsorship__head-title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 8px;
    max-width: 100%;
  }
}
.sponsorship__head-subtitile {
  color: var(--neutral-50);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .sponsorship__head-subtitile {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .sponsorship__head-subtitile {
    margin-bottom: 4px;
  }
}
.sponsorship__head-text {
  margin-bottom: 32px;
  max-width: 446px;
}
@media (max-width: 1023px) {
  .sponsorship__head-text {
    max-width: 328px;
  }
}
@media (max-width: 767px) {
  .sponsorship__head-text {
    margin-bottom: 16px;
    max-width: 100%;
  }
  .sponsorship__head-button {
    width: 100%;
  }
}
.sponsorship__head-image {
  height: 504px;
  width: 576px;
}
@media (max-width: 1023px) {
  .sponsorship__head-image {
    height: 405px;
    position: absolute;
    right: 0;
    top: 0;
    width: 462px;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .sponsorship__head-image {
    margin: 0 auto;
    max-height: 293px;
    max-width: 335px;
    position: relative;
    width: 100%;
  }
}
.sponsorship__sponsors {
  width: 100%;
}
.sponsorship__sponsors-item {
  background-color: var(--white);
  border-radius: 6px;
  display: inline-block;
  margin: 0 32px 32px 0;
  padding: 32px;
  width: 352px;
}
.sponsorship__sponsors-item:nth-child(3n) {
  margin: 0;
}
.sponsorship__sponsors-item-head {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.sponsorship__sponsors-item-logo {
  background-color: #000;
  border-radius: 50%;
  height: 48px;
  margin-right: 16px;
  width: 48px;
}
.sponsorship__sponsors-item-subtitle {
  color: var(--neutral-60);
  font-size: 16px;
  line-height: 20px;
}
.sponsorship__sponsors-item-text {
  margin-bottom: 12px;
}
.sponsorship__sponsors-item-link {
  color: var(--blue-50);
}
.sponsorship__clients-container {
  align-items: flex-start;
  display: flex;
}
@media (max-width: 1023px) {
  .sponsorship__clients-container {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .sponsorship__clients-container {
    flex-direction: column-reverse;
  }
}
.sponsorship__clients-image {
  height: 221px;
  margin-right: 32px;
  width: 353px;
}
@media (max-width: 1023px) {
  .sponsorship__clients-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .sponsorship__clients-image {
    display: block;
    margin: 0 auto;
  }
}
.sponsorship__clients-column {
  margin-right: 32px;
  max-width: 332px;
}
.sponsorship__clients-column:last-child {
  margin: 0;
}
@media (max-width: 767px) {
  .sponsorship__clients-column {
    margin: 0 0 32px;
    max-width: 100%;
  }
  .sponsorship__clients-column:last-child {
    margin: 0 0 32px;
  }
}
.sponsorship__clients-column-title {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .sponsorship__clients-column-title {
    margin-bottom: 8px;
  }
}
.sponsorship__clients-column-title-icon {
  background-color: var(--green-70);
  background-image: url(../images/ticka467f5ab99898b825d24.svg);
  background-position: 50%;
  border-radius: 50%;
  display: flex;
  height: 16px;
  margin-right: 8px;
  width: 16px;
}
.sponsorship__clients-column-title-text {
  color: var(--green-70);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
.sponsorship__clients-column-title--red {
  color: var(--red-50);
}
.sponsorship__clients-column-title-icon--red {
  background-color: var(--red-50);
  background-image: url(../images/crossc7ffea87bb30b4ef5acd.svg);
}
.sponsorship__clients-item {
  margin-bottom: 8px;
  padding-left: 12px;
  position: relative;
}
.sponsorship__clients-item:last-child {
  margin: 0;
}
.sponsorship__clients-item:before {
  background-color: var(--neutral-90);
  border-radius: 50%;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 8px;
  width: 4px;
}
.sponsorship__apply {
  background-color: var(--white);
  max-height: 2100px;
  overflow: hidden;
  padding: 72px 32px 104px;
  transition: max-height 0.3s ease;
}
.sponsorship__apply.small-height {
  max-height: 400px;
  padding: 72px 32px;
}
@media (max-width: 1023px) {
  .sponsorship__apply {
    padding: 48px 32px 72px;
  }
}
@media (max-width: 767px) {
  .sponsorship__apply {
    padding: 32px 20px 56px;
  }
}
@keyframes hideForm {
  0% {
    opacity: 1;
  }
  90% {
    height: auto;
    opacity: 0;
  }
  to {
    height: 0;
    opacity: 0;
  }
}
.sponsorship__apply-form-container {
  opacity: 1;
}
.sponsorship__apply-form-container.fade-out {
  animation: hideForm 0.5s forwards;
}
.sponsorship__apply-form {
  margin: 0 auto;
  max-width: 736px;
  width: 100%;
}
.sponsorship__apply-form-section {
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .sponsorship__apply-form-section {
    margin-bottom: 24px;
  }
}
.sponsorship__apply-form-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 20px;
}
.sponsorship__apply-form-line {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .sponsorship__apply-form-line {
    flex-direction: column;
    margin: 0;
  }
}
.sponsorship__textfield {
  max-width: 352px;
  width: 100%;
}
.sponsorship__textfield:first-child {
  margin-right: 32px;
}
@media (max-width: 767px) {
  .sponsorship__textfield {
    margin: 0 0 16px;
    max-width: 100%;
  }
}
.sponsorship__textfield-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--blue-50);
  border-radius: 0 4px 4px 0;
  border-width: 0;
  color: var(--white);
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  outline: none;
  padding: 12px 24px;
  text-align: center;
  transition: background-color 0.1s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.sponsorship__textfield-button:hover {
  background-color: var(--blue-60);
}
.sponsorship__textfield-button:active {
  background-color: var(--blue-70);
}
.sponsorship__upload-region {
  align-items: center;
  border: 3px dashed var(--neutral-30);
  -o-border-image: url(../images/border-dash-roundedee40cd6cb62a66ac4c81.svg);
  border-image: url(../images/border-dash-roundedee40cd6cb62a66ac4c81.svg);
  border-image-repeat: round;
  border-image-slice: 3;
  color: var(--neutral-50);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  line-height: 16px;
  padding: 38px 24px;
  position: relative;
}
.sponsorship__upload-region:after {
  border: 3px dashed var(--blue-50);
  -o-border-image: url(../images/border-dash-rounded-hoverd00528ea6db5b88d6dc4.svg);
  border-image: url(../images/border-dash-rounded-hoverd00528ea6db5b88d6dc4.svg);
  border-image-repeat: round;
  border-image-slice: 3;
  bottom: -3px;
  content: "";
  left: -3px;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: -3px;
  top: -3px;
  transition: opacity 0.1s;
}
.sponsorship__upload-region.is-hidden {
  display: none;
}
.sponsorship__upload-region:hover:after {
  opacity: 1;
}
.sponsorship__upload-preview {
  display: none;
  margin-top: 8px;
}
.sponsorship__upload-preview.is-visible {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.sponsorship__upload-preview-file {
  align-items: center;
  display: flex;
}
.sponsorship__upload-preview-image {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid var(--neutral-15);
  border-radius: 50%;
  height: 48px;
  margin-right: 8px;
  width: 48px;
}
.sponsorship__upload-preview-name {
  color: var(--neutral-60);
  font-size: 16px;
  line-height: 20px;
  max-width: 156px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sponsorship__upload-preview-button {
  color: var(--blue-50);
  cursor: pointer;
  font-size: 16px;
  line-height: 20px;
  padding: 4px;
}
.sponsorship__upload-input {
  display: block;
  height: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .sponsorship__apply-form-button {
    width: 100%;
  }
}
.sposnorship__apply-result {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 0.5s;
}
.sposnorship__apply-result.fade-in {
  height: auto;
  opacity: 1;
}
.sposnorship__apply-result-image {
  background-image: url(../images/email_sent78b5cab76b3b8f219f94.svg);
  background-position: 50%;
  background-size: contain;
  height: 100px;
  width: 118px;
}
.billing-faq__content {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  margin: auto;
  max-width: 736px;
  padding: 48px 0 120px;
  text-align: center;
}
@media (max-width: 1023px) {
  .billing-faq__content {
    max-width: 100%;
    padding: 32px 44px 80px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .billing-faq__content {
    padding: 32px 20px 48px;
  }
}
.billing-faq__image {
  margin: 0 auto 20px;
  width: 400px;
}
@media (max-width: 1023px) {
  .billing-faq__image {
    margin-bottom: 16px;
    width: 240px;
  }
}
.billing-faq__title {
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .billing-faq__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .billing-faq__title {
    font-size: 32px;
    line-height: 34px;
  }
}
.billing-faq__actions {
  grid-gap: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 48px 0 32px;
}
@media (max-width: 1023px) {
  .billing-faq__actions {
    grid-gap: 24px;
    margin: 40px 0 24px;
  }
}
@media (max-width: 767px) {
  .billing-faq__actions {
    grid-gap: 20px;
    grid-template-columns: 1fr;
    margin: 40px 0 20px;
  }
}
.billing-faq__action {
  background-color: var(--white);
  border-radius: 6px;
  padding: 24px;
  text-align: left;
}
@media (max-width: 767px) {
  .billing-faq__action {
    text-align: center;
  }
}
.billing-faq__action-title {
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .billing-faq__action-title {
    margin-botom: 4px;
  }
}
.billing-faq__action-subtitle {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .billing-faq__action-subtitle {
    margin-botom: 16px;
  }
}
.billing-faq__questions {
  background-color: var(--white);
  border-radius: 6px;
  padding: 8px 32px;
  text-align: left;
}
@media (max-width: 767px) {
  .billing-faq__questions {
    padding: 4px 20px;
  }
}
.billing-faq__question {
  border-bottom: 1px solid var(--neutral-15);
  cursor: pointer;
  padding: 24px 40px 24px 0;
  position: relative;
}
.billing-faq__question:after {
  background: url(../images/downdd643a740af35ea7321f.svg) no-repeat;
  content: "";
  height: 8px;
  position: absolute;
  right: 0;
  top: 34px;
  transition: transform 0.2s;
  width: 14px;
}
@media (max-width: 767px) {
  .billing-faq__question {
    padding: 16px 40px 16px 0;
  }
}
.billing-faq__question--opened:after {
  transform: rotate(180deg);
}
.billing-faq__question:last-child {
  border-bottom: none;
}
.billing-faq__question-title {
  font-size: 22px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .billing-faq__question-title {
    font-size: 19px;
    line-height: 24px;
  }
}
.billing-faq__question-text {
  display: none;
  margin-top: 12px;
}
.billing-faq__note {
  font-size: 16px;
  line-height: 20px;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .billing-faq__note {
    margin-top: 16px;
  }
}
.billing-faq__note a {
  color: var(--blue-50);
}
.billing-faq__note a:hover {
  color: var(--blue-70);
}
.newsletters {
  background-color: var(--white);
  padding-bottom: 40px;
}
.newsletters__container {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .newsletters__container {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .newsletters__container {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.newsletters__container {
  max-width: 1200px;
}
.newsletter-subscriber-top {
  margin-bottom: 80px;
  padding: 100px 0 293px;
  position: relative;
}
@media (max-width: 1199px) {
  .newsletter-subscriber-top {
    margin-bottom: 60px;
    padding: 40px 0 200px;
  }
}
@media (max-width: 767px) {
  .newsletter-subscriber-top {
    margin-bottom: 36px;
    padding: 36px 8px 120px;
  }
}
.newsletter-subscriber-top:before {
  background-color: var(--neutral-10);
  background-image: url(../images/tips_bgf8b168810f7b13f7f1cc.svg);
  background-position: 50% 100%;
  background-size: 828px auto;
  border-radius: 16px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100 - 64px);
}
@media (max-width: 1199px) {
  .newsletter-subscriber-top:before {
    background-size: 530px auto;
    width: calc(var(--vw) * 100 - 16px);
  }
}
@media (max-width: 767px) {
  .newsletter-subscriber-top:before {
    background-size: 315px auto;
  }
}
.newsletter-subscriber-top__inner {
  position: relative;
}
.newsletter-subscriber-bottom {
  padding: 45px 0;
  position: relative;
}
@media (max-width: 1199px) {
  .newsletter-subscriber-bottom {
    padding: 16px 0;
  }
}
@media (max-width: 767px) {
  .newsletter-subscriber-bottom {
    padding: 36px 8px 16px;
  }
}
.newsletter-subscriber-bottom:before {
  background-color: var(--neutral-10);
  border-radius: 24px;
  content: "";
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100 - 64px);
}
@media (max-width: 1199px) {
  .newsletter-subscriber-bottom:before {
    width: calc(var(--vw) * 100 - 16px);
  }
}
.newsletter-subscriber-bottom__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 767px) {
  .newsletter-subscriber-bottom__inner {
    display: block;
  }
}
.newsletter-subscriber-bottom__content {
  width: var(--blog-column-6);
}
@media (max-width: 1023px) {
  .newsletter-subscriber-bottom__content {
    width: var(--blog-column-7);
  }
}
@media (max-width: 767px) {
  .newsletter-subscriber-bottom__content {
    margin-bottom: 40px;
    width: auto;
  }
}
.newsletter-subscriber-bottom__image {
  width: var(--blog-column-6);
}
@media (max-width: 1023px) {
  .newsletter-subscriber-bottom__image {
    width: var(--blog-column-5);
  }
}
@media (max-width: 767px) {
  .newsletter-subscriber-bottom__image {
    width: 100%;
  }
}
.newsletter-subscriber-bottom__image:after {
  background-image: url(../images/subscribe_bg58e33d49cb03bba36e6a.svg);
  background-position: 50%;
  background-size: contain;
  content: "";
  display: block;
  padding-top: 49.9%;
}
.subscribe-features {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
  padding-bottom: 81px;
  position: relative;
}
@media (max-width: 1199px) {
  .subscribe-features {
    padding-bottom: 61px;
  }
}
@media (max-width: 767px) {
  .subscribe-features {
    flex-wrap: wrap;
    margin-bottom: 36px;
    padding-bottom: 30px;
  }
}
.subscribe-features:after {
  background-color: var(--neutral-20);
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100 - 64px);
}
@media (max-width: 1199px) {
  .subscribe-features:after {
    width: calc(var(--vw) * 100 - 32px);
  }
}
.subscribe-features__item {
  width: var(--blog-column-3);
}
@media (max-width: 767px) {
  .subscribe-features__item {
    margin-bottom: 32px;
    width: calc(50% - 8px);
  }
}
.subscribe-features__label {
  font-size: 22px;
  line-height: 28px;
  width: 80%;
}
@media (max-width: 1199px) {
  .subscribe-features__label {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .subscribe-features__label {
    width: 100%;
  }
}
.subscribe-features__image {
  background-color: var(--neutral-10);
  flex: 0 0 56px;
  height: 56px;
  margin-bottom: 8px;
  width: 56px;
}
.subscribe-features__image.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 767px) {
  .subscribe-features__image {
    margin-bottom: 12px;
  }
}
.subscribe-features__image--writing {
  background-position: 0 0;
}
.subscribe-features__image--checked {
  background-position: -56px 0;
}
.subscribe-features__image--summaries {
  background-position: -112px 0;
}
.subscribe-features__image--duration {
  background-position: -168px 0;
}
.newsletters-subscribe {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .newsletters-subscribe {
    margin-bottom: 40px;
  }
}
.newsletters-subscribe__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .newsletters-subscribe__inner {
    display: block;
  }
}
.newsletters-subscribe__content {
  flex-shrink: 0;
  width: var(--blog-column-5);
}
@media (max-width: 767px) {
  .newsletters-subscribe__content {
    margin-bottom: 28px;
    width: 100%;
  }
}
.newsletters-subscribe__title {
  font-size: 56px;
  line-height: 56px;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .newsletters-subscribe__title {
    font-size: 46px;
    font-weight: 700;
    font-weight: 400;
    line-height: 48px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .newsletters-subscribe__title {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.newsletters-subscribe__description {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .newsletters-subscribe__description {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .newsletters-subscribe__description {
    margin-bottom: 0;
  }
  .newsletters-subscribe__button {
    display: none;
  }
}
.newsletters-subscribe__examples {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
  width: var(--blog-column-6);
}
@media (max-width: 767px) {
  .newsletters-subscribe__examples {
    margin: 0 -12px;
    width: auto;
  }
}
.newsletters-subscribe__examples-column {
  width: calc(50% - 6px);
}
.newsletters-subscribe__examples-label {
  align-items: center;
  background-position: 50%;
  background-size: contain;
  display: flex;
  font-family: TT Tricks, serif;
  font-size: 19px;
  height: 195px;
  left: 26px;
  line-height: 28px;
  margin-bottom: 28px;
  padding: 0 28px 8px 43px;
  position: relative;
  text-align: center;
  top: -22px;
  transform: rotate(-30deg);
  width: 250px;
}
@media (max-width: 1199px) {
  .newsletters-subscribe__examples-label {
    left: -8px;
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  .newsletters-subscribe__examples-label {
    font-size: 17px;
    height: 127px;
    line-height: 22px;
    margin-bottom: 38px;
    margin-top: 26px;
    padding: 0 0 6px 15px;
    top: 0;
    width: 162px;
  }
}
.confirm {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding-bottom: 80px;
  padding-top: 50px;
  text-align: center;
}
@media (max-width: 1023px) {
  .confirm {
    max-width: 100%;
    padding: 60px 44px 0;
  }
}
@media (max-width: 767px) {
  .confirm {
    padding: 40px 20px 0;
  }
}
.confirmemail__header-title {
  color: #0f141e;
  font-family: TT Commons;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 6px;
  opacity: 0.9;
}
@media (max-width: 1023px) {
  .confirmemail__header-title {
    font-size: 32px;
    line-height: 32px;
  }
}
@media (max-width: 767px) {
  .confirmemail__header-title {
    font-size: 28px;
    line-height: 32px;
  }
}
.confirmemail__header-subtitle {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 56px;
  line-height: 28px;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 511px;
}
@media (max-width: 1023px) {
  .confirmemail__header-subtitle {
    font-size: 21px;
    line-height: 24px;
    width: 504px;
  }
}
@media (max-width: 767px) {
  .confirmemail__header-subtitle {
    font-size: 19px;
    line-height: 22px;
    width: 328px;
  }
}
.confirm_img {
  flex: none;
  flex-grow: 0;
  height: 296.75px;
  margin: 25px auto 40px;
  order: 1;
  width: 357.53px;
}
@media (max-width: 1023px) {
  .confirm_img {
    height: 275.08px;
    width: 331.14px;
  }
}
@media (max-width: 767px) {
  .confirm_img {
    height: 178.39px;
    width: 214.92px;
  }
}
.podcast {
  background-color: #fff;
  height: 100%;
  padding: 0 32px 32px;
  width: 100%;
}
@media (max-width: 1023px) {
  .podcast {
    padding: 32px 32px 80px;
  }
}
@media (max-width: 767px) {
  .podcast {
    padding: 32px 20px 56px;
  }
}
.podcast__section {
  background: #f7f9fc;
  border-radius: 32px;
  display: flex;
  height: 720px;
  justify-content: center;
  margin: auto;
  padding: 60px 128px 128px 0;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .podcast__section {
    border-radius: 20px;
    height: 580px;
    max-width: 100%;
    width: 359px;
  }
}
.podcast__section-title {
  margin-bottom: 8px;
  text-align: center;
}
@media (max-width: 1023px) {
  .podcast__section-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .podcast__section-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 4px;
  }
}
.podcast__section-subtitle {
  color: var(--neutral-50);
  margin-bottom: 48px;
  text-align: center;
}
@media (max-width: 1023px) {
  .podcast__section-subtitle {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .podcast__section-subtitle {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 16px;
  }
}
.podcast__head {
  border-radius: 30px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 100px;
  position: relative;
  width: 1120px;
}
@media (max-width: 767px) {
  .podcast__head {
    grid-gap: 24px;
    align-items: center;
    flex-direction: column;
    height: 193px;
    left: 18px;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 324px;
  }
}
@media (max-width: 1023px) {
  .podcast__head-content {
    min-height: 405px;
    padding: 0;
  }
}
.podcast__description {
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 168px;
  line-height: 28px;
  padding-top: 52px;
  width: 448px;
}
@media (max-width: 1023px) {
  .podcast__description {
    min-height: 405px;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .podcast__description {
    display: none;
  }
}
.podcast__head-title {
  align-items: center;
  display: flex;
  font-family: TT Commons;
  font-size: 67px;
  font-style: normal;
  font-weight: 400;
  height: 192px;
  line-height: 64px;
  margin-top: 24px;
  width: 517px;
}
@media (max-width: 767px) {
  .podcast__head-title {
    font-size: 34px;
    height: 35px;
    line-height: 35px;
    max-width: 100%;
    padding-top: 30px;
    text-align: center;
    width: 323px;
  }
}
.podcast__head-subtitile {
  color: #0c264c;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  opacity: 0.5;
  width: 448px;
}
@media (max-width: 767px) {
  .podcast__head-subtitile {
    font-size: 19px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    width: 324px;
  }
}
.podcast__head-text {
  margin-bottom: 32px;
  max-width: 446px;
}
@media (max-width: 1023px) {
  .podcast__head-text {
    max-width: 328px;
  }
}
@media (max-width: 767px) {
  .podcast__head-text {
    margin-bottom: 16px;
    max-width: 100%;
  }
}
.podcast__head-button {
  grid-gap: 12px;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 48px;
  margin-top: 32px;
  padding: 0;
  position: absolute;
  width: 311px;
  z-index: 2;
}
@media (max-width: 767px) {
  .podcast__head-button {
    grid-gap: 12px;
    align-items: center;
    flex-direction: column;
    height: 100px;
    margin-left: 76px;
    margin-top: 52px;
    padding: 24px;
    width: 158px;
  }
}
.podcast__head-button-apple {
  grid-gap: 8px;
  align-items: center;
  border: 1px solid #bec4d5;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  height: 48px;
  line-height: 19px;
  padding: 11px;
  width: 172px;
}
@media (max-width: 767px) {
  .podcast__head-button-apple {
    grid-gap: 8px;
    height: 44px;
    padding: 11px;
    width: 100%;
    width: 158px;
  }
}
.podcast__head-button-apple-icon {
  border: none;
  display: flex;
  height: 26px;
  margin: 0;
  padding-left: 0;
  width: 26px;
}
.podcast__head-button-spotify-icon {
  border: none;
  display: flex;
  height: 26px;
  margin: 0;
  padding-left: 0;
  width: 26px;
}
.podcast__head-button-spotify {
  grid-gap: 8px;
  align-items: center;
  border: 1px solid #bec4d5;
  border-radius: 4px;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  height: 48px;
  line-height: 19px;
  padding: 11px;
  width: 127px;
}
@media (max-width: 767px) {
  .podcast__head-button-spotify {
    grid-gap: 8px;
    height: 44px;
    padding: 10px 32px;
    width: 100%;
    width: 158px;
  }
}
.podcast__head-image {
  height: 339.92px;
  left: 189px;
  position: absolute;
  top: 415px;
  width: 986.94px;
}
@media (max-width: 1023px) {
  .podcast__head-image {
    height: 405px;
    position: absolute;
    right: 0;
    top: 0;
    width: 462px;
    z-index: -1;
  }
}
@media (max-width: 767px) {
  .podcast__head-image {
    margin: 0 auto;
    max-height: 293px;
    max-width: 335px;
    position: relative;
    width: 100%;
  }
}
.podcast-hero-images {
  height: 339.92px;
  position: absolute;
  top: 335px;
  width: 100%;
}
@media (max-width: 767px) {
  .podcast-hero-images {
    height: 344.31px;
    left: 0;
    top: 247.25px;
    width: 350px;
  }
}
.podcast-vectors {
  display: flex;
  justify-content: center;
  left: 180px;
  position: absolute;
  top: 344.52px;
  width: 100%;
}
@media (max-width: 767px) {
  .podcast-vectors {
    height: 344.31px;
    left: 0;
  }
  .podcast-subtract {
    height: 174px;
    width: 184px;
  }
  .podcast-vector1,
  .podcast-vector2 {
    height: 175px;
    width: 93px;
  }
}
.roadmap {
  grid-gap: 73px;
  height: 431px;
  justify-content: space-between;
  left: 44px;
  padding: 0;
  position: absolute;
  width: 1120px;
}
.roadmap,
.roadmap__section {
  display: flex;
  flex-direction: row;
}
.roadmap__section {
  grid-gap: 96px;
  align-items: center;
  height: 544px;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 767px) {
  .roadmap__section {
    grid-gap: 32px;
    flex-direction: column;
    height: 610px;
    justify-content: space-between;
    padding: 48px 0 0;
    position: relative;
    width: 360px;
  }
}
.roadmap__description {
  grid-gap: 32px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 272px;
  padding: 0;
  width: 480px;
}
@media (max-width: 767px) {
  .roadmap__description {
    max-width: 100%;
  }
}
.podcast__roadmap-head {
  align-items: center;
  display: flex;
  font-size: 52px;
  height: 104px;
  line-height: 52px;
}
.podcast__roadmap-description,
.podcast__roadmap-head {
  font-family: TT Commons;
  font-style: normal;
  font-weight: 400;
  width: 480px;
  width: 100%;
}
.podcast__roadmap-description {
  color: #1e2532;
  font-size: 24px;
  height: 140px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .podcast__roadmap-description {
    grid-gap: 16px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 218px;
    padding: 0;
    width: 342px;
  }
}
.podcast__roadmap-image-section {
  background: #f7f9fc;
  border-radius: 24px;
  height: 544px;
  margin-top: 96px;
  position: relative;
  width: 544px;
}
@media (max-width: 767px) {
  .podcast__roadmap-image-section {
    height: 360px;
    max-width: 100%;
    position: absolute;
    right: 5px;
    top: 300px;
    width: 360px;
  }
}
.podcast__roadmap-image {
  height: 429.38px;
  left: 67px;
  position: absolute;
  top: 82px;
  width: 443.13px;
}
@media (max-width: 767px) {
  .podcast__roadmap-image {
    height: 284.15px;
    left: 44.34px;
    max-width: 100%;
    top: 65px;
    width: 293.25px;
  }
}
.podcast__advices {
  grid-gap: 60px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 876px;
  margin: 96px auto;
  padding: 0;
  position: relative;
  width: 1120px;
}
@media (max-width: 767px) {
  .podcast__advices {
    grid-gap: 60px;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 1151px;
    margin: 176px 0 0;
    padding: 0;
    width: 360px;
  }
}
.podcast__advices-heading {
  align-items: center;
  display: flex;
  font-family: TT Commons;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  height: 104px;
  line-height: 52px;
  position: absolute;
  width: 640px;
}
@media (max-width: 767px) {
  .podcast__advices-heading {
    font-size: 34px;
    height: 105px;
    line-height: 35px;
    max-width: 100%;
    width: 342px;
  }
}
.podcast-advices-images {
  height: 712px;
  width: 1120px;
}
.podcast-advices-meta-title {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  left: 223px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 204px;
  width: 195px;
}
@media (max-width: 767px) {
  .podcast-advices-meta-title {
    font-size: 19px;
    height: 22px;
    left: auto;
    line-height: 22px;
    top: 174px;
    width: 154px;
  }
}
.podcast-advices-title {
  font-family: TT Commons;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: 80px;
  left: 109px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  width: 422px;
}
@media (max-width: 767px) {
  .podcast-advices-title {
    font-family: TT Commons;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    height: 64px;
    left: auto;
    line-height: 32px;
    top: 202px;
    width: 328px;
  }
}
.advice-section {
  background: #f1f2ff;
  border-radius: 24px;
  height: 712px;
  left: 0;
  position: absolute;
  top: 164px;
  width: 640px;
}
@media (max-width: 767px) {
  .advice-section {
    height: 466px;
    top: 124px;
    width: 360px;
  }
}
.podcast-advices-image {
  height: 405px;
  left: 45.62px;
  position: absolute;
  top: 371px;
  width: 548.44px;
}
@media (max-width: 767px) {
  .podcast-advices-image {
    height: 228.49px;
    left: 25.74px;
    top: 320px;
    width: 309.42px;
  }
}
.podcast__advices-button {
  grid-gap: 8px;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 52px;
  justify-content: center;
  left: 564px;
  padding: 0;
  position: absolute;
  top: 800px;
  width: 52px;
}
@media (max-width: 767px) {
  .podcast__advices-button {
    height: 44px;
    left: 300px;
    top: 530px;
    width: 44px;
  }
}
.resume-writing-button {
  grid-gap: 8px;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 52px;
  justify-content: center;
  left: 1044px;
  padding: 0;
  position: absolute;
  top: 428px;
  width: 52px;
}
@media (max-width: 767px) {
  .resume-writing-button {
    height: 44px;
    left: 300px;
    position: absolute;
    top: 850px;
    width: 44px;
  }
}
.interviewing-button {
  grid-gap: 8px;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 52px;
  justify-content: center;
  left: 1044px;
  padding: 0;
  position: absolute;
  top: 800px;
  width: 52px;
}
@media (max-width: 767px) {
  .interviewing-button {
    height: 44px;
    left: 300px;
    position: absolute;
    top: 1154px;
    width: 44px;
  }
}
.resume-writing-section {
  background: #f7f9fc;
  border-radius: 24px;
  height: 340px;
  left: 672px;
  position: absolute;
  top: 164px;
  width: 448px;
}
@media (max-width: 767px) {
  .resume-writing-section {
    height: 266px;
    left: 0;
    position: absolute;
    top: 644px;
    width: 360px;
  }
}
.resume-writing-meta-title {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  left: 824px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 204px;
  width: 145px;
}
@media (max-width: 767px) {
  .resume-writing-meta-title {
    font-size: 19px;
    height: 22px;
    left: auto;
    line-height: 22px;
    top: 670px;
    width: 154px;
  }
}
.resume-writing-title {
  font-family: TT Commons;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: 120px;
  left: 727px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 232px;
  width: 338px;
}
@media (max-width: 767px) {
  .resume-writing-title {
    font-family: TT Commons;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    height: 64px;
    left: auto;
    line-height: 32px;
    top: 702px;
    width: 328px;
  }
}
.resume-writing-img {
  height: 100px;
  left: 846px;
  position: absolute;
  top: 372px;
  width: 100px;
}
@media (max-width: 767px) {
  .resume-writing-img {
    height: 100px;
    left: 130px;
    position: absolute;
    top: 782px;
    width: 100px;
  }
}
.interviewing-section {
  background: #f7f9fc;
  border-radius: 24px;
  height: 340px;
  left: 672px;
  position: absolute;
  top: 536px;
  width: 448px;
}
@media (max-width: 767px) {
  .interviewing-section {
    height: 266px;
    left: 0;
    top: 948px;
    width: 360px;
  }
}
.interviewing-meta-title {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  left: 838px;
  line-height: 28px;
  position: absolute;
  text-align: center;
  top: 576px;
  width: 116px;
}
@media (max-width: 767px) {
  .interviewing-meta-title {
    font-size: 19px;
    height: 22px;
    left: auto;
    line-height: 22px;
    top: 972px;
    width: 154px;
  }
}
.interviewing-title {
  font-family: TT Commons;
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  height: 80px;
  left: 727px;
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 604px;
  width: 338px;
}
@media (max-width: 767px) {
  .interviewing-title {
    font-family: TT Commons;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    height: 64px;
    left: auto;
    line-height: 32px;
    top: 1000px;
    width: 328px;
  }
}
.interviewing-img {
  height: 100px;
  left: 846px;
  position: absolute;
  top: 744px;
  width: 100px;
}
@media (max-width: 767px) {
  .interviewing-img {
    height: 100px;
    left: 130px;
    position: absolute;
    top: 1084px;
    width: 100px;
  }
}
.episode__experience__matters {
  background: #f7f9fc;
  border-radius: 40px;
  display: flex;
  flex-direction: row;
  height: 670px;
  justify-content: center;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .episode__experience__matters {
    align-items: flex-start;
    background: #eff2f9;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    height: 560px;
    margin-top: 100px;
    max-width: 100%;
    width: 360px;
  }
}
.episode1__text {
  grid-gap: 32px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 324px;
  left: calc(50% - 559px);
  padding: 0;
  position: absolute;
  top: calc(50% - 162px);
  width: 448px;
}
@media (max-width: 767px) {
  .episode1__text {
    grid-gap: 20px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 203px;
    left: 16px;
    padding: 0;
    position: absolute;
    top: 28px;
    width: 328px;
  }
}
.episode1__heading {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  width: 448px;
}
@media (max-width: 767px) {
  .episode1__heading {
    font-size: 19px;
    height: 22px;
    line-height: 22px;
    width: 328px;
  }
}
.episode1__description {
  font-family: TT Commons;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  height: 208px;
  line-height: 52px;
  width: 448px;
}
@media (max-width: 767px) {
  .episode1__description {
    font-family: TT Commons;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    height: 105px;
    line-height: 35px;
    width: 328px;
  }
}
.episode1__button {
  grid-gap: 4px;
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 48px;
  justify-content: center;
  padding: 12px 20px 12px 24px;
  width: 157px;
}
@media (max-width: 767px) {
  .episode1__button {
    padding-bottom: 20px;
  }
}
.experience-matters-img-block {
  border-radius: 24px;
  height: 594px;
  position: relative;
  width: 593.26px;
}
@media (max-width: 767px) {
  .experience-matters-img-block {
    position: absolute;
    width: 100%;
  }
}
.podcast__experience-matters-image {
  grid-gap: 32px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 594px;
  left: 116px;
  padding-left: 96px;
  position: absolute;
  top: 75px;
  width: 593.26px;
}
@media (max-width: 767px) {
  .podcast__experience-matters-image {
    height: 461.65px;
    left: 0;
    padding-left: 30px;
    position: absolute;
    right: 20px;
    top: 180px;
    width: 299.69px;
  }
}
.features__block {
  grid-gap: 64px;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  order: 4;
  padding: 96px;
  width: 100%;
}
@media (max-width: 767px) {
  .features__block {
    grid-gap: 40px;
    align-items: flex-start;
    display: flex;
    flex: none;
    flex-direction: column;
    flex-grow: 0;
    margin-left: 10px;
    margin-top: 48px;
    max-width: 100%;
    order: 4;
    padding: 0;
    width: 332px;
  }
}
.topics {
  grid-gap: 24px;
  align-items: flex-start;
  border-radius: 0 0 0 60px;
  display: flex;
  flex-direction: column;
  height: 278px;
  padding: 0;
}
@media (max-width: 767px) {
  .topics {
    max-width: 100%;
  }
}
.topics-img {
  height: 80px;
  width: 80px;
}
.feature-heading {
  font-size: 31px;
  height: 36px;
  line-height: 36px;
}
.feature-description,
.feature-heading {
  font-family: TT Commons;
  font-style: normal;
  font-weight: 400;
  width: 320px;
}
.feature-description {
  color: #828ba2;
  font-size: 24px;
  height: 112px;
  line-height: 28px;
}
.resignation_letters__block {
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-grow: 0;
  justify-content: center;
  order: 4;
  padding: 96px;
  width: 100%;
}
@media (max-width: 767px) {
  .resignation_letters__block {
    grid-gap: 32px;
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 717px;
    max-width: 100%;
    padding: 0;
    width: 360px;
  }
}
.resignation-letters-img-block {
  border-radius: 24px;
  height: 544px;
  position: relative;
  width: 544px;
}
@media (max-width: 767px) {
  .resignation-letters-img-block {
    border-radius: 20px;
    height: 360px;
    max-width: 100%;
    width: 360px;
  }
}
.resignation-letters-img {
  height: 544px;
  left: 0;
  position: absolute;
  top: 0;
  width: 544px;
}
@media (max-width: 767px) {
  .resignation-letters-img {
    max-width: 100%;
  }
}
.resignation-letters-details {
  grid-gap: 32px;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 436px;
  padding-left: 96px;
  width: 480px;
}
@media (max-width: 767px) {
  .resignation-letters-details {
    grid-gap: 16px;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 325px;
    max-width: 100%;
    padding: 96px 0 0;
    width: 337px;
  }
}
.resignation-letters-meta-title {
  color: #828ba2;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 28px;
  line-height: 28px;
  width: 448px;
}
@media (max-width: 767px) {
  .resignation-letters-meta-title {
    font-size: 19px;
    height: 22px;
    line-height: 22px;
    width: 328px;
  }
}
.resignation-letters-title {
  align-items: center;
  display: flex;
  font-family: TT Commons;
  font-size: 52px;
  font-style: normal;
  font-weight: 400;
  height: 156px;
  line-height: 52px;
  width: 480px;
}
@media (max-width: 767px) {
  .resignation-letters-title {
    font-size: 34px;
    height: 105px;
    line-height: 35px;
    width: 337px;
  }
}
.resignation-letters-description {
  color: #1e2532;
  font-family: TT Commons;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  height: 140px;
  line-height: 28px;
  width: 480px;
}
@media (max-width: 767px) {
  .resignation-letters-description {
    font-size: 19px;
    height: 110px;
    line-height: 22px;
    width: 337px;
  }
}
.resignation-letters-button {
  grid-gap: 4px;
  flex-direction: row;
  height: 48px;
  padding: 12px 20px 12px 24px;
  width: 178px;
}
.listen_block,
.resignation-letters-button {
  align-items: center;
  display: flex;
  justify-content: center;
}
.listen_block {
  grid-gap: 12px;
  background: #f7f9fc;
  border-radius: 24px;
  flex-direction: column;
  height: 444px;
  margin-top: 96px;
  padding: 64px 128px 0;
  width: 1376px;
  width: 100%;
}
@media (max-width: 767px) {
  .listen_block {
    grid-gap: 32px;
    flex-direction: column;
    height: 485px;
    justify-content: space-between;
    margin-top: 150px;
    padding: 48px 0 0;
    position: relative;
    width: 360px;
  }
}
.listen-text {
  grid-gap: 16px;
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 212px;
  padding: 0;
  width: 868px;
  width: 100%;
}
@media (max-width: 767px) {
  .listen-text {
    height: 108px;
    width: 312px;
  }
}
.listen-meta-title {
  color: #828ba2;
  font-size: 24px;
  height: 28px;
  line-height: 28px;
  width: 123px;
}
.listen-meta-title,
.listen-title {
  font-family: TT Commons;
  font-style: normal;
  font-weight: 400;
  text-align: center;
}
.listen-title {
  align-items: center;
  display: flex;
  font-size: 52px;
  height: 104px;
  line-height: 52px;
  width: 868px;
}
@media (max-width: 767px) {
  .listen-title {
    font-size: 34px;
    line-height: 35px;
    width: 312px;
  }
}
.listen-buttons {
  grid-gap: 12px;
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  height: 48px;
  padding: 0;
  position: static;
  width: 311px;
  z-index: 999;
}
@media (max-width: 767px) {
  .listen-buttons {
    grid-gap: 12px;
    align-items: center;
    flex-direction: column;
    height: 100px;
    padding: 24px;
    width: 158px;
  }
}
.listen-img {
  height: 315.56px;
  width: 906.24px;
}
@media (max-width: 767px) {
  .listen-img {
    left: 0;
    position: absolute;
    top: 257.57px;
    width: 370.61px;
  }
}
.editorial-guidelines {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow-x: hidden;
}
.editorial__title {
  background-color: #f0f3f8;
  color: #3891f0;
  display: flex;
  font-size: 67px;
  font-weight: 600;
  justify-content: center;
  line-height: 64px;
  padding: 80px 0;
  text-align: center;
  width: 100%;
}
@media (max-width: 1199px) {
  .editorial__title {
    font-size: 50px;
    line-height: 52px;
    padding: 60px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .editorial__title {
    font-size: 34px;
    line-height: 35px;
    padding: 40px 16px;
  }
}
.editorial__subtitle {
  display: flex;
  font-size: 20px;
  font-weight: 700;
  line-height: 64px;
}
@media (max-width: 1199px) {
  .editorial__subtitle {
    font-size: 20px;
    line-height: 52px;
    padding: 18px 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .editorial__subtitle {
    font-size: 20px;
    line-height: 35px;
    padding: 14px 16px;
  }
}
.editorial__section {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  max-width: 900px;
  padding-bottom: 60px;
  padding-top: 60px;
}
@media (max-width: 1023px) {
  .editorial__section {
    max-width: 700px;
    padding-bottom: 40px;
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .editorial__section {
    max-width: 300px;
    padding-bottom: 28px;
    padding-top: 28px;
  }
}
.editorial__section {
  a:link {
    color: #789cd7;
  }
  a:hover,
  a:visited {
    color: #3891f0;
  }
  a:active {
    color: #245e9d;
  }
}
.editorial__section__title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .editorial__section__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .editorial__section__title {
    font-size: 32px;
    line-height: 34px;
  }
}
.author {
  background-color: var(--white);
  position: relative;
}
.author__container {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1504px;
  padding: 0 32px;
  width: 100%;
}
@media (max-width: 1504px) {
  .author__container {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .author__container {
    max-width: 974px;
  }
}
@media (max-width: 767px) {
  .author__container {
    max-width: 540px;
    padding: 0 20px;
  }
}
.author__content {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
  width: 100%;
}
@media (max-width: 1023px) {
  .author__content {
    justify-content: center;
  }
}
.author__main {
  margin-left: 8.3334%;
  max-width: 680px;
  width: 54%;
}
@media (max-width: 1023px) {
  .author__main {
    margin-left: 0;
    width: 76.485%;
  }
}
@media (max-width: 767px) {
  .author__main {
    width: 100%;
  }
}
.author__aside {
  margin-right: 8.3334%;
  width: 23.3334%;
}
@media (max-width: 1023px) {
  .author__aside {
    display: none;
  }
}
.author__aside-content {
  display: block;
  position: sticky;
  top: 96px;
  transition: opacity 0.15s ease;
  width: 100%;
}
.author__aside-content-item {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.35s ease, visibility 0.35s 0s;
  visibility: hidden;
  width: 100%;
  will-change: opacity, visibility;
}
.author__aside-content-item.show {
  opacity: 1;
  transition: opacity 0.35s ease, visibility 0s;
  visibility: visible;
}
.author__pagination {
  margin-bottom: 60px;
  width: 100%;
}
.author-hero {
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}
.author-hero__main {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 63.889%;
  padding-bottom: 40px;
  text-align: center;
}
@media (max-width: 1023px) {
  .author-hero__main {
    max-width: 76.485%;
  }
}
@media (max-width: 767px) {
  .author-hero__main {
    max-width: 100%;
    padding-bottom: 32px;
  }
}
.author-hero__photo {
  background-color: var(--neutral-30);
  border-radius: 50%;
  margin-bottom: 16px;
  overflow: hidden;
  width: 135px;
}
.author-hero__photo-img {
  background-color: var(--neutral-15);
  border-radius: inherit;
  overflow: hidden;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}
.author-hero__photo-img:after {
  border: 1px solid rgba(94, 114, 181, 0.15);
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
.author-hero__photo-img-inner {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.author-hero__name {
  font-size: 54px;
  font-weight: 700;
  font-weight: 400;
  line-height: 52px;
}
@media (max-width: 767px) {
  .author-hero__name {
    font-size: 32px;
    line-height: 34px;
  }
}
.author-hero__name:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .author-hero__name:not(:last-child) {
    margin-bottom: 24px;
  }
}
.author-hero__description {
  font-family: TT Tricks, serif;
  font-size: 19px;
  line-height: 28px;
}
@media (max-width: 767px) {
  .author-hero__description {
    font-size: 17px;
    line-height: 24px;
  }
}
.author-hero__description:not(:last-child) {
  margin-bottom: 32px;
}
@media (max-width: 767px) {
  .author-hero__description:not(:last-child) {
    margin-bottom: 24px;
  }
}
.author-hero__socials {
  align-items: center;
  color: var(--neutral-40);
  display: flex;
}
.author-hero__socials:not(:last-child) {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .author-hero__socials:not(:last-child) {
    margin-bottom: 32px;
  }
}
.author-hero__socials-label:not(:last-child) {
  margin-right: 8px;
}
.author-hero__socials-item {
  align-items: center;
  border: 1px solid var(--neutral-20);
  border-radius: 50%;
  display: flex;
  height: 36px;
  justify-content: center;
  transition: background-color 0.2s ease;
  width: 36px;
}
.author-hero__socials-item:not(:last-child) {
  margin-right: 8px;
}
.author-hero__socials-item:hover {
  background-color: var(--neutral-10);
}
.author-hero__socials-icon {
  height: 24px;
  width: 24px;
}
.author-hero__socials-icon.author-hero__socials-icon--twitter {
  color: var(--twitter-color);
}
.author-hero__socials-icon.author-hero__socials-icon--linkedin {
  color: var(--linkedin-color);
}
.author-hero__socials-icon.author-hero__socials-icon--facebook {
  color: var(--facebook-color);
}
ol.author-breadcrumbs {
  color: var(--neutral-50);
  display: flex;
  left: 32px;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
@media (max-width: 1199px) {
  ol.author-breadcrumbs {
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  ol.author-breadcrumbs {
    display: none;
  }
}
li.author-breadcrumbs__item {
  display: block;
  overflow: hidden;
  padding-right: 24px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  li.author-breadcrumbs__item {
    font-size: 16px;
    line-height: 20px;
  }
}
li.author-breadcrumbs__item:after {
  background-image: url(../images/breadcrumb-chevrona9f332e6343faa1d201a.svg);
  background-size: 16px 16px;
  content: "";
  display: block;
  height: 16px;
  position: absolute;
  right: 4px;
  top: 4px;
  width: 16px;
}
@media (max-width: 1199px) {
  li.author-breadcrumbs__item:after {
    top: 2px;
  }
}
li.author-breadcrumbs__item:last-child {
  flex: 1 1;
  padding-right: 0;
}
li.author-breadcrumbs__item:last-child:after {
  display: none;
}
.author-breadcrumbs__link {
  text-overflow: ellipsis;
  white-space: nowrap;
}
a.author-breadcrumbs__link:hover {
  color: var(--neutral-90);
}
.author-recent-posts__title {
  border-bottom: 1px solid var(--neutral-20);
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 8px;
}
.author-recent-post {
  border-bottom: 1px solid var(--neutral-20);
  padding-bottom: 20px;
}
.author-recent-post:not(:last-child) {
  margin-bottom: 28px;
}
.author-recent-post__category {
  color: var(--neutral-40);
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 8px;
}
.author-recent-post__category a {
  color: var(--neutral-100);
}
.author-aside-post {
  width: 100%;
}
.author-aside-post__heading {
  border-bottom: 1px solid var(--neutral-20);
  font-size: 28px;
  line-height: 30px;
  margin-bottom: 24px;
  padding-bottom: 8px;
}
.author-aside-poss__body {
  position: relative;
}
.author-aside-post__author {
  color: var(--neutral-40);
  margin-bottom: 8px;
}
.author-aside-post__author-photo {
  border-radius: 50%;
  height: 28px;
  margin: 0 7px;
  width: 28px;
}
.author-aside-post__image {
  background-color: var(--neutral-15);
  border-radius: 6px;
  margin-bottom: 32px;
  overflow: hidden;
  padding-bottom: 87.5%;
  position: relative;
  width: 100%;
}
.author-aside-post__image:after {
  border: 1px solid rgba(94, 114, 181, 0.15);
  border-radius: inherit;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .author-aside-post__image {
    flex: 1 0 100%;
    margin-bottom: 16px;
    margin-right: 0;
    padding-bottom: 87.5%;
    width: 100%;
  }
}
.author-aside-post__image-inner {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  position: absolute;
  width: 100%;
}
.author-aside-post__title {
  font-size: 32px;
  line-height: 34px;
}
.author-aside-post__title:after {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.example-post-hero {
  background-color: var(--neutral-10);
  position: relative;
}
@media (max-width: 1023px) {
  .example-post-hero {
    padding: 64px 44px 0;
  }
}
@media (max-width: 767px) {
  .example-post-hero {
    padding: 48px 20px 0;
  }
}
.example-post-hero__container {
  margin: 0 auto;
  max-width: var(--blog-desktop-container-width);
  padding: 0 var(--blog-desktop-gutter);
  width: 100%;
}
@media (max-width: 1199px) {
  .example-post-hero__container {
    padding: 0 var(--blog-tablet-gutter);
  }
}
@media (max-width: 767px) {
  .example-post-hero__container {
    max-width: 540px;
    padding: 0 var(--blog-phone-gutter);
  }
}
.example-post-hero__container {
  display: flex;
  flex-flow: row nowrap;
  overflow: hidden;
  padding-bottom: 48px;
  padding-top: 48px;
}
@media (max-width: 1199px) {
  .example-post-hero__container {
    padding-bottom: 44px;
    padding-top: 44px;
  }
}
@media (max-width: 1023px) {
  .example-post-hero__container {
    display: block;
    flex-flow: column nowrap;
    padding: 0;
    width: 100%;
  }
}
.blog-post--with-single-aside .example-post-hero__container {
  max-width: 1200px;
}
.example-post-hero__text {
  color: var(--neutral-100);
  display: flex;
  flex-flow: column nowrap;
  margin-right: var(--blog-column-1);
  width: var(--blog-column-6);
}
@media (max-width: 1199px) {
  .example-post-hero__text {
    width: auto;
  }
}
@media (max-width: 1023px) {
  .example-post-hero__text {
    margin-left: 0;
    margin-right: 0;
  }
}
.example-post-hero__text-inner {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
@media (max-width: 1023px) {
  .example-post-hero__text-inner {
    align-items: center;
  }
  .example-post-hero__text-inner .blog-post__hero-author {
    order: 2;
  }
}
ol.example-post-hero__breadcrumbs {
  color: var(--neutral-50);
  display: flex;
  margin: 0 0 16px;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
@media (max-width: 1199px) {
  ol.example-post-hero__breadcrumbs {
    margin-bottom: 8px;
  }
}
@media (max-width: 1023px) {
  ol.example-post-hero__breadcrumbs {
    display: flex;
    justify-content: center;
    left: 0;
    margin-bottom: 0;
    padding: 0 32px;
    position: absolute;
    top: 20px;
  }
}
@media (max-width: 767px) {
  ol.example-post-hero__breadcrumbs {
    padding: 0 20px;
    top: 12px;
  }
}
li.example-post-hero__breadcrumbs-item {
  display: block;
  flex: 0 0 auto;
  overflow: hidden;
  padding-right: 24px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  li.example-post-hero__breadcrumbs-item {
    font-size: 16px;
    line-height: 20px;
  }
}
li.example-post-hero__breadcrumbs-item:after {
  border-right: 1px solid var(--neutral-50);
  border-top: 1px solid var(--neutral-50);
  content: "";
  height: 6px;
  margin-top: -3px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}
li.example-post-hero__breadcrumbs-item:last-child {
  flex: 0 1 auto;
  padding-right: 0;
}
li.example-post-hero__breadcrumbs-item:last-child:after {
  display: none;
}
a.example-post-hero__breadcrumbs-link:hover {
  color: var(--neutral-90);
}
.example-post-hero__breadcrumbs-chevron {
  flex: 0 0 16px;
  height: 16px;
  margin: 0 4px;
  width: 16px;
}
.example-post-hero__title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-block: 16px;
}
@media (max-width: 1199px) {
  .example-post-hero__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-block: 16px;
  }
}
@media (max-width: 1023px) {
  .example-post-hero__title {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .example-post-hero__title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 8px;
  }
}
.example-post-hero__lead {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .example-post-hero__lead {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (max-width: 1023px) {
  .example-post-hero__lead {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .example-post-hero__lead {
    font-size: 19px;
    line-height: 24px;
  }
}
.example-post-hero__rating {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
@media (max-width: 1023px) {
  .example-post-hero__rating {
    justify-content: center;
    margin-block: 20px;
  }
}
.example-post-hero__image-container {
  background-color: var(--white);
  border-radius: 6px 6px 0 0;
  display: block;
  flex: 0 0 544px;
  height: 544px;
  margin-bottom: -48px;
  position: relative;
  width: 544px;
}
@media (max-width: 1199px) {
  .example-post-hero__image-container {
    flex: 0 0 448px;
    height: 448px;
    width: 448px;
  }
}
@media (max-width: 1023px) {
  .example-post-hero__image-container {
    height: 420px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .example-post-hero__image-container {
    height: 240px;
  }
}
.example-post-hero__image-container:after {
  background: var(--neutral-10);
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.example-post-hero__image {
  border-radius: 6px 6px 0 0;
  width: 100%;
}
.example-post-hero__image-cta {
  bottom: 48px;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 2;
}
.examples-rating {
  align-items: center;
  background-color: var(--white);
  border-radius: 6px;
  display: flex;
  margin: 0 auto 60px;
  max-width: 736px;
  padding: 32px;
}
@media (max-width: 1023px) {
  .examples-rating {
    justify-content: center;
  }
}
.examples-rating__score {
  align-items: center;
  background-color: var(--indigo-80);
  border-radius: 50%;
  color: var(--white);
  display: flex;
  font-size: 16px;
  font-weight: 700;
  height: 40px;
  justify-content: center;
  line-height: 20px;
  margin-right: 16px;
  width: 40px;
}
@media (max-width: 1199px) {
  .examples-rating__score {
    font-size: 14px;
    height: 32px;
    line-height: 16px;
    margin-right: 12px;
    width: 32px;
  }
}
@media (max-width: 1023px) {
  .examples-rating__score {
    background-color: initial;
    color: var(--orange-40);
    font-size: 19px;
    font-weight: 600;
    line-height: 24px;
    margin-right: 4px;
    padding: 0;
    width: auto;
  }
}
.examples-rating__text {
  flex: 1 1;
}
@media (max-width: 1023px) {
  .examples-rating__text {
    display: none;
  }
}
.examples-rating__title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  text-transform: uppercase;
}
.examples-rating__subtitle {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  font-size: 16px;
  line-height: 20px;
}
.examples-rating__stars {
  align-items: center;
  display: flex;
}
.examples-rating__stars:hover {
  color: var(--neutral-30);
}
.examples-rating__star {
  color: var(--orange-40);
  height: 40px;
  transition: transform 0.2s ease;
  width: 40px;
}
.examples-rating__star:active {
  transform: scale(1.5);
}
@media (max-width: 1199px) {
  .examples-rating__star {
    height: 32px;
    width: 32px;
  }
}
@media (max-width: 1023px) {
  .examples-rating__star {
    margin-right: -6px;
  }
}
.examples-rating__star--inactive {
  color: var(--neutral-30);
}
.examples-post {
  padding-bottom: 100px;
  padding-top: 772px;
}
@media (max-width: 767px) {
  .examples-post {
    padding-top: 212px;
  }
}
.examples-post__content {
  margin: 0 auto 60px;
  max-width: 736px;
}
@media (max-width: 767px) {
  .examples-post__content {
    overflow: hidden;
    padding: 0 24px;
    width: 100%;
  }
}
.examples-post__content h2 {
  font-size: 38px;
  font-weight: 700;
  font-weight: 600;
  line-height: 40px;
  margin-bottom: 8px;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .examples-post__content h2 {
    font-size: 28px;
    line-height: 30px;
  }
}
.examples-post__content h3 {
  font-size: 32px;
  font-weight: 600;
  line-height: 34px;
  margin-bottom: 8px;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .examples-post__content h3 {
    font-size: 26px;
    line-height: 28px;
  }
}
.examples-post__content h4 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
  margin-top: 32px;
}
.examples-post__content p {
  margin-bottom: 16px;
}
.examples-post__example {
  background-color: var(--white);
  border-radius: 4px;
  font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier,
    monospace;
  font-size: 15px;
  line-height: 22px;
  margin: 24px -48px 48px;
  padding: 40px 48px 64px;
  position: relative;
}
.examples-post__example code {
  font-family: inherit;
}
.examples-post__example ul {
  padding-left: 21px;
}
.examples-post__example li {
  margin-bottom: 4px;
}
.examples-post__example-label {
  bottom: 28px;
  color: var(--neutral-50);
  cursor: pointer;
  left: 48px;
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.examples-post__example-label:hover {
  color: var(--blue-50);
}
.examples-post__example-label svg {
  height: 20px;
  position: relative;
  top: -1px;
  width: 20px;
}
.examples-post__example-label-text {
  display: inline-block;
}
.examples-post__cta {
  margin-top: 48px;
  text-align: center;
}
.examples__divider {
  background-color: var(--neutral-20);
  height: 1px;
  margin: 0 auto 48px;
  max-width: 736px;
  width: 100%;
}
.examples-related {
  background-color: var(--indigo-80);
  border-bottom: 1px solid var(--neutral-100);
  padding: 32px;
  width: 100%;
}
@media (max-width: 767px) {
  .examples-related {
    padding: 24px 20px;
  }
}
.examples-related__container {
  display: flex;
  margin: 0 auto;
  max-width: 1120px;
}
@media (max-width: 767px) {
  .examples-related__container {
    align-items: flex-start;
  }
}
.examples-related__icon {
  background-size: contain;
  flex-shrink: 0;
  height: 56px;
  margin-right: 24px;
  margin-top: 4px;
  width: 56px;
}
@media (max-width: 767px) {
  .examples-related__icon {
    display: none;
  }
}
.examples-related__title {
  color: var(--orange-40);
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.examples-related__item {
  background-color: hsla(0, 0%, 100%, 0.05);
  border-radius: 6px;
  color: hsla(0, 0%, 100%, 0.5);
  display: inline-block;
  margin-bottom: 8px;
  padding: 6px 8px;
  transition: background-color 0.2s ease;
}
.examples-related__item:hover {
  background-color: hsla(0, 0%, 100%, 0.1);
}
.examples-related__item:not(:last-child) {
  margin-right: 8px;
}
.inner-cta {
  background-color: var(--white);
  border-radius: 10px;
  margin: 0 auto 60px;
  max-width: 832px;
  overflow: hidden;
  padding: 48px;
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .inner-cta {
    border-radius: 0;
    padding: 32px 24px;
  }
}
.inner-cta__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px;
  max-width: 310px;
  text-align: left;
}
@media (max-width: 767px) {
  .inner-cta__title {
    font-size: 22px;
    line-height: 28px;
    margin: 0 auto 16px;
    max-width: 400px;
    text-align: center;
  }
}
.inner-cta__title--highlighted {
  box-shadow: 0 3px 0 0 var(--blue-50);
  position: relative;
}
@media (max-width: 767px) {
  .inner-cta__button {
    display: flex;
    justify-content: center;
  }
}
.inner-cta__image {
  bottom: -126px;
  overflow: hidden;
  position: absolute;
  right: 58px;
}
@media (max-width: 767px) {
  .inner-cta__image {
    display: none;
  }
}
.inner-cta__circle {
  background-color: var(--blue-50);
  border-radius: 50%;
  height: 305px;
  width: 305px;
}
.inner-cta__template--left,
.inner-cta__template--right {
  background-position: 50% 0;
  background-size: cover;
  border-radius: 4px;
  position: absolute;
}
.inner-cta__template--left {
  background-image: url(../images/berlin1c59a926dd7c6365eef5.png);
  height: 245px;
  left: 39px;
  top: 23px;
  width: 180px;
}
.inner-cta__template--left,
.inner-cta__template--right {
  box-shadow: 0 16px 36px 0 rgba(186, 200, 227, 0.48),
    0 20px 60px 0 rgba(186, 200, 227, 0.2);
}
.inner-cta__template--right {
  background-image: url(../images/new_york0434309eb9c6c2bc5ba0.png);
  height: 212px;
  right: 31px;
  top: 72px;
  width: 156px;
}
.examples-author {
  align-items: flex-start;
  display: flex;
  margin: 0 auto 48px;
  max-width: 736px;
  padding: 0 24px;
}
@media (max-width: 767px) {
  .examples-author {
    align-items: center;
    flex-direction: column;
  }
}
.examples-author__person {
  align-items: flex-start;
  display: flex;
  margin-right: 56px;
}
@media (max-width: 767px) {
  .examples-author__person {
    align-items: center;
    flex-direction: column;
    margin: 0 0 12px;
  }
}
.examples-author__avatar {
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  flex-shrink: 0;
  height: 48px;
  margin-right: 12px;
  width: 48px;
}
@media (max-width: 767px) {
  .examples-author__avatar {
    margin: 0 0 8px;
  }
  .examples-author__data {
    text-align: center;
  }
}
.examples-author__name {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .examples-author__name {
    margin-bottom: 4px;
  }
}
.examples-author__position {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
}
.examples-author__description {
  font-size: 19px;
  line-height: 24px;
}
.example-templates__trustpilot {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .example-templates__trustpilot {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
  }
}
.example-templates__stars {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  margin-left: -2px;
}
.example-templates__star {
  background-image: url(../images/star-greenf488e0b79436f4103974.svg);
  background-size: contain;
  height: 32px;
  margin-right: 2px;
  width: 32px;
}
.example-templates__star:last-child {
  background-image: url(../images/star-half-grayf3dfb7819d0f3eca86f6.svg);
}
.example-templates__rating {
  color: var(--neutral-neutral-100);
}
.example-templates-trustpilot__text {
  color: var(--black);
  font-size: 14px;
  line-height: 16px;
}
.example-templates-trustpilot__text a {
  text-decoration: underline;
}
.examples-promo {
  border-bottom: 1px solid var(--neutral-10);
  padding: 0 44px;
}
@media (max-width: 1199px) {
  .examples-promo {
    border-bottom-color: var(--neutral-20);
  }
}
@media (max-width: 1023px) {
  .examples-promo {
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  .examples-promo {
    padding: 0 20px;
  }
}
.examples-promo__container {
  display: flex;
  margin: 0 auto;
  max-width: 1120px;
  padding-top: 80px;
}
@media (max-width: 1199px) {
  .examples-promo__container {
    padding-top: 64px;
  }
}
@media (max-width: 1023px) {
  .examples-promo__container {
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .examples-promo__container {
    padding-top: 32px;
  }
}
@media (min-width: 768px) {
  .examples-promo--has-no-categories {
    border-bottom: none;
  }
  .examples-promo--has-no-categories .examples-promo__container {
    border-bottom: 1px solid var(--neutral-20);
  }
}
.examples-promo__content {
  flex-grow: 1;
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  .examples-promo__content {
    max-width: 600px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .examples-promo__content {
    margin-bottom: 58px;
  }
}
.examples-promo__title {
  font-size: 46px;
  font-weight: 700;
  line-height: 48px;
  margin-bottom: 16px;
  max-width: 500px;
}
@media (max-width: 1023px) {
  .examples-promo__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .examples-promo__title {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 12px;
  }
}
.examples-promo__description {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 32px;
}
@media (max-width: 1199px) {
  .examples-promo__description {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .examples-promo__description {
    font-size: 19px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.examples-promo__description a {
  color: var(--blue-50);
}
.examples-promo__description a:hover {
  color: var(--blue-70);
}
.examples-promo__visual {
  align-self: flex-end;
  flex-shrink: 0;
  margin-left: 128px;
  position: relative;
  width: 544px;
}
@media (max-width: 1199px) {
  .examples-promo__visual {
    margin-left: 64px;
    width: 448px;
  }
}
@media (max-width: 1023px) {
  .examples-promo__visual {
    align-self: center;
    margin-left: 0;
    width: 420px;
  }
}
@media (max-width: 767px) {
  .examples-promo__visual {
    max-width: 420px;
    width: 100%;
  }
}
.examples-promo__visual-crop {
  background-color: var(--white);
  border-radius: 4px 4px 0 0;
  height: 480px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .examples-promo__visual-crop {
    height: 390px;
  }
}
@media (max-width: 1023px) {
  .examples-promo__visual-crop {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .examples-promo__visual-crop {
    height: 170px;
  }
}
.examples-promo__visual-image {
  display: block;
  height: auto;
  width: 100%;
}
.examples-promo__decor {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
}
.examples-promo__decor:before {
  content: "";
  display: block;
}
.examples-promo--resume .examples-promo__decor--left {
  bottom: 20px;
  margin-right: -16px;
  right: 100%;
  width: 227px;
}
.examples-promo--resume .examples-promo__decor--left:before {
  padding-bottom: 130.837%;
}
@media (max-width: 1199px) {
  .examples-promo--resume .examples-promo__decor--left {
    display: none;
  }
}
@media (max-width: 1023px) {
  .examples-promo--resume .examples-promo__decor--left {
    bottom: 16px;
    display: block;
    margin-right: -13px;
    width: 185px;
  }
}
@media (max-width: 767px) {
  .examples-promo--resume .examples-promo__decor--left {
    display: none;
  }
}
.examples-promo--resume .examples-promo__decor--right {
  right: 72px;
  top: -59px;
  width: 135px;
}
.examples-promo--resume .examples-promo__decor--right:before {
  padding-bottom: 48.8888%;
}
@media (max-width: 1199px) {
  .examples-promo--resume .examples-promo__decor--right {
    right: 59px;
    top: -48px;
    width: 110px;
  }
}
@media (max-width: 1023px) {
  .examples-promo--resume .examples-promo__decor--right {
    right: 15px;
  }
}
@media (max-width: 767px) {
  .examples-promo--resume .examples-promo__decor--right {
    right: 48px;
    top: -33px;
    width: 75px;
  }
}
.examples-promo--cover-letter .examples-promo__decor--left {
  bottom: -2px;
  left: -140px;
  width: 236px;
}
.examples-promo--cover-letter .examples-promo__decor--left:before {
  padding-bottom: 77.4468%;
}
@media (max-width: 1199px) {
  .examples-promo--cover-letter .examples-promo__decor--left {
    bottom: 0;
    left: -92px;
    width: 155px;
  }
}
@media (max-width: 1023px) {
  .examples-promo--cover-letter .examples-promo__decor--left {
    left: -86px;
    width: 145px;
  }
}
@media (max-width: 767px) {
  .examples-promo--cover-letter .examples-promo__decor--left {
    display: none;
  }
}
.examples-promo--cover-letter .examples-promo__decor--right {
  bottom: 0;
  right: -92px;
  width: 234px;
}
.examples-promo--cover-letter .examples-promo__decor--right:before {
  padding-bottom: 164.1025%;
}
@media (max-width: 1199px) {
  .examples-promo--cover-letter .examples-promo__decor--right {
    right: -38px;
    width: 152px;
  }
}
@media (max-width: 1023px) {
  .examples-promo--cover-letter .examples-promo__decor--right {
    right: -57px;
    width: 144px;
  }
}
@media (max-width: 767px) {
  .examples-promo--cover-letter .examples-promo__decor--right {
    right: 12px;
    width: 120px;
  }
}
.examples-root {
  padding: 80px 44px;
}
@media (max-width: 1199px) {
  .examples-root {
    overflow: hidden;
  }
}
@media (max-width: 1023px) {
  .examples-root {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .examples-root {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
  }
}
.examples-root--has-categories {
  background-color: var(--white);
  padding-top: 40px;
}
[data-design="new"].examples-root--has-categories {
  background-color: var(--white);
  overflow: visible;
  padding-top: 80px;
}
@media (max-width: 1199px) {
  [data-design="new"].examples-root--has-categories {
    padding-top: 40px;
  }
}
.examples-root__container {
  display: flex;
  margin: 0 auto;
  max-width: 1120px;
}
.examples-root__sidebar {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  margin-right: 32px;
  width: 256px;
}
@media (max-width: 1199px) {
  .examples-root__sidebar {
    display: none;
  }
}
.examples-root__sidebar-sticky-area {
  flex-grow: 1;
  position: relative;
}
.examples-root__sidebar-sticky-content {
  left: 0;
  position: sticky;
  top: 90px;
  width: 100%;
}
.examples-root__content {
  flex-grow: 1;
  width: 100%;
}
.examples-root__scroll-top {
  background-color: rgba(26, 145, 240, 0);
  border: 1px solid var(--blue-50);
  border-radius: 4px;
  color: var(--blue-50);
  cursor: pointer;
  display: flex;
  font-size: 18px;
  font-weight: 600;
  justify-content: space-between;
  line-height: 22px;
  margin-bottom: 24px;
  margin-top: -76px;
  opacity: 0;
  padding: 13px 24px;
  transition: opacity 0.2s, visibility 0.2s;
  visibility: hidden;
}
.examples-root__scroll-top:hover {
  background-color: rgba(26, 145, 240, 0.07);
}
.examples-root__scroll-top--visible {
  opacity: 1;
  visibility: visible;
}
.examples-root__scroll-top-arrow {
  margin-left: 16px;
  margin-right: -12px;
}
.examples-root__divider {
  background-color: var(--neutral-20);
  height: 1px;
  margin: 40px 0;
}
@media (max-width: 767px) {
  .examples-root__divider {
    margin: 32px 0;
  }
}
.examples-root__divider:last-child {
  display: none;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-root__divider {
    margin: 36px 0;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-root__divider {
    margin: 24px 0;
  }
}
.examples-categories-list {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 52px;
  padding-top: 8px;
  position: relative;
  z-index: 1;
}
.examples-categories-list__title {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.examples-categories-list__group,
.examples-categories-list__item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.examples-categories-list__group:not(:last-child):after {
  background-color: var(--neutral-20);
  content: "";
  display: block;
  height: 1px;
  margin: 18px 0 16px;
  width: 24px;
}
.examples-categories-list__item:not(:last-child) {
  margin-bottom: 8px;
}
.examples-categories-list__link {
  color: var(--neutral-60);
}
.examples-categories-list__link:hover {
  color: var(--blue-50);
}
.examples-categories {
  grid-gap: 10px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 0 68px;
}
@media (max-width: 767px) {
  .examples-categories {
    grid-template-columns: 1fr;
  }
}
.examples-categories {
  a.example-category-entry {
    transition: all 0.2s ease;
  }
  a.example-category-entry:nth-child(n + 12) {
    display: none;
  }
  @media (max-width: 767px) {
    a.example-category-entry:nth-child(n + 5) {
      display: none;
    }
  }
  a.example-category-entry.show-category {
    display: block !important;
  }
}
.examples-categories-button {
  align-items: center;
  color: var(--blue-50);
  cursor: pointer;
  display: inline-flex;
}
.examples-categories-button.is-open {
  .examples-category-card__collapse-arrow {
    transform: scaleY(-1);
  }
}
.examples-search {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .examples-search {
    margin-bottom: 40px;
  }
}
.examples-search--card {
  background-color: var(--neutral-10);
  border-radius: 4px;
  margin-bottom: 48px;
  padding: 24px 32px;
}
@media (max-width: 1199px) {
  .examples-search--card {
    border-radius: 0;
    margin: -40px -200px 48px;
    padding: 24px 200px;
  }
}
@media (max-width: 767px) {
  .examples-search--card {
    margin-bottom: 32px;
  }
}
.examples-search--sticky.examples-search--card {
  margin: 0 0 68px;
  padding: 0;
  position: sticky;
  top: 16px;
  z-index: var(--z-examples-search-sticky-panel);
}
@media (max-width: 1023px) {
  .examples-search--sticky.examples-search--card {
    margin: 0 0 40px;
    padding: 0;
  }
}
.examples-search--sticky.examples-search--card:before {
  background: var(--white);
  bottom: -16px;
  content: "";
  left: 50%;
  position: absolute;
  top: -16px;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100);
}
.examples-search--sticky .examples-search__input {
  border-radius: 6px;
  box-shadow: inset 0 0 0 2px var(--blue-50);
}
.examples-search--sticky .examples-search__dropdown {
  box-shadow: 0 4px 12px -4px rgba(15, 56, 113, 0.08),
    0 8px 24px -4px rgba(15, 56, 113, 0.08), 0 0 1px rgba(12, 38, 76, 0.32);
  margin-top: 6px;
}
.examples-search__title {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .examples-search__title {
    display: none;
  }
}
.examples-search__form {
  position: relative;
}
.examples-search__icon {
  color: var(--blue-50);
  left: 16px;
  margin-top: -12px;
  position: absolute;
  top: 50%;
}
.examples-search__input {
  background: var(--white);
  border: none;
  border-radius: 4px;
  caret-color: var(--blue-50);
  color: var(--neutral-90);
  display: block;
  outline: none;
  padding: 12px 16px 12px 52px;
  width: 100%;
}
@media (max-width: 767px) {
  .examples-search__input {
    padding-left: 48px;
  }
}
.examples-search__input::-moz-placeholder {
  color: var(--neutral-50);
}
.examples-search__input::placeholder {
  color: var(--neutral-50);
}
.examples-search__dropdown {
  background-color: var(--white);
  border-radius: 4px;
  box-shadow: 0 8px 16px 0 rgba(23, 68, 130, 0.08);
  display: none;
  margin-top: 8px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 2;
}
.examples-search__dropdown.is-active {
  display: block;
}
.examples-search__dropdown:after,
.examples-search__dropdown:before {
  background: linear-gradient(to bottom, var(--white), hsla(0, 0%, 100%, 0));
  content: "";
  height: 22px;
  left: 32px;
  pointer-events: none;
  position: absolute;
  right: 32px;
}
@media (max-width: 767px) {
  .examples-search__dropdown:after,
  .examples-search__dropdown:before {
    right: 20px;
  }
}
.examples-search__dropdown:before {
  top: 0;
}
.examples-search__dropdown:after {
  bottom: 0;
  transform: scaleY(-1);
}
.examples-search__content {
  max-height: 250px;
  overflow-y: auto;
}
.examples-search__content::-webkit-scrollbar {
  background-color: initial;
  width: 12px;
}
.examples-search__content::-webkit-scrollbar-thumb {
  background-color: var(--neutral-20);
  border: 4px solid var(--white);
  border-radius: 6px;
}
.examples-search__content::-webkit-scrollbar-thumb:hover {
  background-color: var(--neutral-30);
}
.examples-search__item {
  cursor: pointer;
  display: block;
  padding: 0 52px;
}
@media (max-width: 767px) {
  .examples-search__item {
    padding: 0 24px 0 48px;
  }
}
.examples-search__item:hover {
  color: var(--blue-50);
}
.examples-search__item:first-child {
  padding-top: 8px;
}
.examples-search__item:last-child {
  padding-bottom: 8px;
}
.examples-search__item:last-child .examples-search__item-name {
  border-bottom: none;
}
.examples-search__item-name {
  border-bottom: 1px solid var(--neutral-10);
  display: block;
  padding: 14px 0;
}
.examples-category-card--slider {
  overflow: hidden;
}
@media (max-width: 1199px) {
  .examples-category-card--slider {
    overflow: visible;
  }
}
.examples-category-card__header {
  margin-bottom: 28px;
}
@media (max-width: 767px) {
  .examples-category-card__header {
    margin-bottom: 20px;
  }
}
.examples-category-card__headline {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.examples-category-card__title {
  align-items: center;
  display: flex;
}
.examples-category-card__icon {
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  height: 40px;
  margin-right: 12px;
  width: 40px;
}
.examples-category-card__name {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  transition: color 0.15s;
}
a.examples-category-card__name:hover {
  color: var(--blue-50);
}
.examples-category-card__show-all {
  color: var(--neutral-60);
  margin-left: 24px;
  transition: color 0.15s;
}
.examples-category-card__show-all:hover {
  color: var(--blue-50);
}
@media (max-width: 767px) {
  .examples-category-card__show-all {
    display: none;
  }
}
.examples-category-card__description {
  color: var(--neutral-60);
  margin-top: 12px;
  max-width: 550px;
}
.examples-category-card__columns {
  display: flex;
  margin: 0 -16px;
}
@media (max-width: 767px) {
  .examples-category-card__columns {
    flex-direction: column;
    margin: 0;
  }
}
.examples-category-card__column {
  padding: 0 16px;
  width: 33.333%;
}
@media (max-width: 767px) {
  .examples-category-card__column {
    margin-bottom: 20px;
    padding: 0;
    width: 100%;
  }
  .examples-category-card__column:last-child {
    margin-bottom: 0;
  }
}
.examples-category-card__link {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  transition: color 0.15s;
}
.examples-category-card__link:hover {
  color: var(--blue-50);
}
.examples-category-card__link:last-child {
  margin-bottom: 0;
}
.examples-category-card__link:after {
  background-image: url(../images/chevron-spritecf1318871b8c662d1677.svg);
  content: "";
  flex-shrink: 0;
  height: 24px;
  margin-left: 12px;
  width: 24px;
}
@media (max-width: 767px) {
  .examples-category-card__link:after {
    background-position: 0 -24px;
  }
}
.examples-category-card__link:hover:after {
  background-position: 0 -24px;
}
.examples-root__content--cards .examples-category-card__header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__header {
    flex-direction: column;
    margin-bottom: 28px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__header {
    margin-bottom: 16px;
  }
}
.examples-root__content--cards
  .examples-category-card--slider
  .examples-category-card__header {
  align-items: center;
  border-bottom: 1px solid var(--neutral-15);
  flex-direction: row;
  margin-bottom: 24px;
  padding-bottom: 20px;
}
@media (max-width: 1023px) {
  .examples-root__content--cards
    .examples-category-card--slider
    .examples-category-card__header {
    margin-bottom: 16px;
    padding-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards
    .examples-category-card--slider
    .examples-category-card__header {
    border-bottom: 0;
    padding-bottom: 0;
  }
}
.examples-root__content--cards .examples-category-card__title {
  align-items: center;
  display: flex;
  margin-right: 120px;
  padding-top: 8px;
  position: relative;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__title {
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__title {
    margin-bottom: 0;
  }
}
.examples-root__content--cards
  .examples-category-card--slider
  .examples-category-card__title {
  margin: 0;
  padding: 0;
}
.examples-root__content--cards .examples-category-card__icon {
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  height: 40px;
  margin-right: 12px;
  width: 40px;
}
.examples-root__content--cards .examples-category-card__name {
  font-size: 38px;
  font-weight: 700;
  font-weight: 400;
  line-height: 40px;
  transition: color 0.15s;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__name {
    font-size: 28px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__name {
    font-size: 26px;
    line-height: 28px;
  }
}
.examples-root__content--cards .examples-category-card__counter {
  background-color: var(--neutral-10);
  border-radius: 100px;
  color: var(--neutral-60);
  left: calc(100% + 11px);
  padding: 4px 12px;
  position: absolute;
  top: 0;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__counter {
    font-size: 16px;
    line-height: 20px;
    padding: 6px 12px;
  }
}
.examples-root__content--cards .examples-category-card__description {
  color: var(--neutral-60);
  margin-top: 0;
  max-width: 604px;
  padding-top: 20px;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__description {
    padding-top: 0;
  }
}
.examples-root__content--cards .examples-category-card__collapse--contains-0,
.examples-root__content--cards .examples-category-card__collapse--contains-1 {
  display: none;
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__collapse--contains-1 {
    display: block;
  }
}
.examples-root__content--cards .examples-category-card__collapse--contains-2 {
  display: none;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__collapse--contains-2 {
    display: block;
  }
}
.examples-root__content--cards .examples-category-card__collapse-body {
  height: 0;
  margin-bottom: 16px;
  opacity: 0;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__collapse-body {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__collapse-body {
    margin-bottom: 8px;
  }
}
.examples-root__content--cards .examples-category-card__collapse-button {
  align-items: center;
  color: var(--blue-50);
  cursor: pointer;
  display: inline-flex;
}
.examples-root__content--cards .examples-category-card__list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px -24px;
}
.examples-root__content--cards .examples-category-card__list:not(:last-child) {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__list {
    margin: 0 -4px -16px;
  }
}
.examples-root__content--cards
  .examples-category-card__collapse-body
  .examples-category-card__list {
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .examples-root__content--cards
    .examples-category-card__list--first-group
    .examples-category-card__link:nth-child(4)
    .examples-category-card__link-image {
    display: none;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards
    .examples-category-card__list--first-group
    .examples-category-card__link:nth-child(4)
    .examples-category-card__link-image {
    display: block;
  }
}
.examples-root__content--cards
  .examples-category-card__collapse-body
  .examples-category-card__link:first-child,
.examples-root__content--cards
  .examples-category-card__collapse-body
  .examples-category-card__link:nth-child(2) {
  display: none;
}
@media (max-width: 1023px) {
  .examples-root__content--cards
    .examples-category-card__collapse-body
    .examples-category-card__link:nth-child(2) {
    display: flex;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards
    .examples-category-card__collapse-body
    .examples-category-card__link:first-child {
    display: flex;
  }
}
.examples-root__content--cards
  .examples-category-card__list
  .examples-category-card__link {
  margin: 0 8px 20px;
  width: calc(25% - 16px);
}
@media (max-width: 1023px) {
  .examples-root__content--cards
    .examples-category-card__list
    .examples-category-card__link {
    margin: 0 4px 16px;
    width: calc(33.3334% - 8px);
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards
    .examples-category-card__list
    .examples-category-card__link {
    width: calc(50% - 8px);
  }
}
.examples-root__content--cards
  .examples-category-card__slider
  .examples-category-card__link {
  height: 100%;
}
.examples-root__content--cards .examples-category-card__link {
  background-color: var(--neutral-5);
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 20px 20px;
  transition: background-color 0.125s;
}
.examples-root__content--cards .examples-category-card__link:hover {
  background-color: var(--neutral-10);
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__link {
    padding: 12px 16px 16px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__link {
    padding: 12px 8px 8px;
  }
}
.examples-root__content--cards .examples-category-card__link:after {
  display: none;
}
.examples-root__content--cards .examples-category-card__link-name {
  align-items: center;
  color: var(--neutral-100);
  display: flex;
  font-size: 22px;
  line-height: 22px;
  margin-bottom: 12px;
  min-height: 44px;
}
@media (max-width: 1023px) {
  .examples-root__content--cards .examples-category-card__link-name {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (max-width: 767px) {
  .examples-root__content--cards .examples-category-card__link-name {
    padding: 0 4px;
  }
}
.examples-root__content--cards .no-margin-bottom {
  margin-bottom: 0;
}
.examples-root__content--cards .examples-category-card__link-image {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 3px;
  box-shadow: 0 30px 50px rgba(24, 43, 132, 0.05);
  display: block;
  padding-bottom: 141.389%;
  position: relative;
  width: 100%;
}
.examples-root__content--cards .examples-category-card__link-image:after {
  border-radius: inherit;
  box-shadow: 0 8px 22px rgba(207, 214, 230, 0.6),
    0 20px 40px rgba(207, 214, 230, 0.12);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: visibility 0.2s, opacity 0.2s;
  visibility: hidden;
  width: 100%;
}
.examples-root__content--cards
  .examples-category-card__collapse.is-open
  .examples-category-card__collapse-arrow {
  transform: scaleY(-1);
}
.examples-category-card__slider {
  left: 50%;
  overflow: hidden;
  padding: 0 44px;
  position: relative;
  transform: translateX(-50%);
  width: calc(var(--vw) * 100);
}
@media (max-width: 1023px) {
  .examples-category-card__slider {
    padding: 0 32px;
  }
}
@media (max-width: 767px) {
  .examples-category-card__slider {
    padding: 0 20px;
  }
}
.examples-category-card__slider-container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 1120px;
  opacity: 0;
  position: relative;
  transition: opacity 0.3s ease;
}
.examples-category-card__slider-container.swiper-container-initialized {
  opacity: 1;
}
.examples-category-card__slider-inner {
  display: flex;
  flex-shrink: 0;
  margin-bottom: 40px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 1000%;
}
@media (max-width: 1023px) {
  .examples-category-card__slider-inner {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .examples-category-card__slider-inner {
    margin-bottom: 24px;
  }
}
.examples-category-card__slider-item {
  -webkit-tap-highlight-color: transparent;
  border-radius: 6px;
  flex-shrink: 0;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .examples-category-card__slider-item {
    width: 25vw;
  }
  .examples-category-card__slider-item:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 1023px) {
  .examples-category-card__slider-item {
    width: 32vw;
  }
  .examples-category-card__slider-item:not(:last-child) {
    margin-right: 12px;
  }
}
@media (max-width: 767px) {
  .examples-category-card__slider-item {
    width: 30vw;
  }
  .examples-category-card__slider-item:not(:last-child) {
    margin-right: 8px;
  }
}
@media (max-width: 560px) {
  .examples-category-card__slider-item {
    width: 40vw;
  }
}
.examples-category-card__nav-wrapper {
  display: flex;
}
@media (max-width: 767px) {
  .examples-category-card__nav-wrapper {
    display: none;
  }
}
.examples-category-card__nav {
  -webkit-tap-highlight-color: transparent;
  align-items: center;
  background-color: var(--neutral-10);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  height: 48px;
  justify-content: center;
  position: relative;
  transition: background-color 0.2s;
  width: 48px;
}
.examples-category-card__nav:hover {
  background-color: var(--neutral-15);
}
.examples-category-card__nav:not(:last-child) {
  margin-right: 12px;
}
.examples-category-card__nav:before {
  border: 1px solid #7a8599;
  border-width: 0 2px 2px 0;
  content: "";
  height: 12px;
  transform: translateX(2px) rotate(135deg);
  width: 12px;
}
.examples-category-card__nav--next {
  transform: scaleX(-1);
}
.examples-category-card__slider-pagination {
  display: flex;
  margin-bottom: 60px;
  min-height: 7px;
}
@media (max-width: 1023px) {
  .examples-category-card__slider-pagination {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .examples-category-card__slider-pagination {
    margin-bottom: 32px;
  }
}
.examples-category-card__slider-pagination .swiper-pagination-bullet {
  background-color: var(--neutral-20);
  border-radius: 50%;
  cursor: pointer;
  height: 7px;
  position: relative;
  transition: background-color 0.2s ease;
  width: 7px;
}
.examples-category-card__slider-pagination
  .swiper-pagination-bullet:not(:last-child) {
  margin-right: 12px;
}
@media (max-width: 767px) {
  .examples-category-card__slider-pagination
    .swiper-pagination-bullet:not(:last-child) {
    margin-right: 8px;
  }
}
.examples-category-card__slider-pagination .swiper-pagination-bullet:after {
  content: "";
  height: 250%;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 250%;
}
@media (max-width: 767px) {
  .examples-category-card__slider-pagination .swiper-pagination-bullet:after {
    height: 200%;
    width: 200%;
  }
}
.examples-category-card__slider-pagination .swiper-pagination-bullet-active {
  background-color: var(--blue-50);
  cursor: default;
}
.examples-roll__list {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px -56px;
}
@media (max-width: 1023px) {
  .examples-roll__list {
    margin-bottom: -40px;
  }
}
@media (max-width: 767px) {
  .examples-roll__list {
    justify-content: center;
  }
}
.examples-roll__item {
  display: inline-block;
  margin-bottom: 56px;
  padding: 0 16px;
  width: 25%;
}
@media (max-width: 1023px) {
  .examples-roll__item {
    margin-bottom: 40px;
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .examples-roll__item {
    min-width: 312px;
    width: 50%;
  }
}
.examples-roll__item-name {
  transition: color 0.2s;
}
.examples-roll__item:hover .examples-roll__item-name {
  color: var(--blue-50);
}
.examples-roll__item-rating {
  display: flex;
  margin-bottom: 12px;
}
.examples-roll__item-star {
  color: var(--neutral-20);
}
.examples-roll__item-star--selected {
  color: var(--orange-40);
}
.examples-roll__item-image {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 3px;
  display: block;
  padding-bottom: 141.389%;
  position: relative;
}
.examples-roll__item-image:after {
  border-radius: inherit;
  box-shadow: 0 8px 22px rgba(207, 214, 230, 0.6),
    0 20px 40px rgba(207, 214, 230, 0.12);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: visibility 0.2s, opacity 0.2s;
  visibility: hidden;
  width: 100%;
}
.examples-roll__item:hover .examples-roll__item-image:after {
  opacity: 1;
  visibility: visible;
}
.examples-category-root {
  overflow: hidden;
  padding: 64px 44px 60px;
  position: relative;
}
@media (max-width: 1023px) {
  .examples-category-root {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media (max-width: 767px) {
  .examples-category-root {
    padding: 44px 20px;
  }
}
.examples-category-root__container {
  margin: 0 auto;
  max-width: 1120px;
}
.examples-category-root__header {
  margin-bottom: 60px;
  text-align: center;
}
@media (max-width: 767px) {
  .examples-category-root__header {
    margin-bottom: 32px;
  }
}
.examples-category-root__icon {
  background-repeat: no-repeat;
  background-size: contain;
  height: 40px;
  margin: 0 auto 2px;
  width: 40px;
}
.examples-category-root__icon + .examples-category-root__title {
  padding-top: 0;
}
.examples-category-root__title {
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin: 0 auto;
  max-width: 17em;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .examples-category-root__title {
    font-size: 32px;
    line-height: 34px;
    padding-top: 20px;
  }
}
.examples-category-root__subtitle {
  margin: 8px auto 0;
  max-width: 38em;
}
.examples-category-root__breadcrumbs,
.examples-category-root__breadcrumbs-item {
  list-style: none;
  margin: 0;
  padding: 0;
}
.examples-category-root__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  left: 0;
  padding: 0 32px;
  position: absolute;
  top: 20px;
  width: 100%;
}
@media (max-width: 767px) {
  .examples-category-root__breadcrumbs {
    padding: 0 20px;
    top: 12px;
  }
}
.examples-category-root__breadcrumbs-item {
  color: var(--neutral-50);
  display: inline-block;
  margin-right: 24px;
  position: relative;
}
@media (max-width: 1199px) {
  .examples-category-root__breadcrumbs-item {
    font-size: 16px;
    line-height: 20px;
  }
}
.examples-category-root__breadcrumbs-item:after {
  border-right: 1px solid var(--neutral-50);
  border-top: 1px solid var(--neutral-50);
  content: "";
  height: 6px;
  margin-top: -3px;
  position: absolute;
  right: -15px;
  top: 50%;
  transform: rotate(45deg);
  width: 6px;
}
.examples-category-root__breadcrumbs-item:last-child {
  margin-right: 0;
}
.examples-category-root__breadcrumbs-item:last-child:after {
  display: none;
}
.examples-category-root__breadcrumbs-link {
  color: inherit;
  transition: color 0.2s;
}
.examples-category-root__breadcrumbs-link:hover {
  color: var(--blue-50);
}
.templates-root__container {
  margin: 0 auto;
  max-width: 1440px;
  padding: 24px 44px;
}
@media (max-width: 1023px) {
  .templates-root__container {
    padding-bottom: 16px;
    padding-top: 16px;
  }
}
@media (max-width: 767px) {
  .templates-root__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.templates-root__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto 48px;
  max-width: 670px;
  min-height: 262px;
  text-align: center;
  width: 100%;
}
@media (max-width: 1199px) {
  .templates-root__header {
    margin-bottom: 40px;
    min-height: 234px;
  }
}
@media (max-width: 1023px) {
  .templates-root__header {
    margin-bottom: 32px;
  }
}
@media (max-width: 767px) {
  .templates-root__header {
    min-height: 164px;
  }
}
.templates-root__header--without-create-resume-button {
  min-height: 0;
}
.templates-root__header-title {
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 12px;
}
@media (max-width: 1199px) {
  .templates-root__header-title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .templates-root__header-title {
    font-size: 28px;
    line-height: 30px;
  }
}
.templates-root__header-action {
  margin-top: 24px;
}
@media (max-width: 767px) {
  .templates-root__header-action {
    display: none;
  }
}
.templates-root__grids {
  overflow: hidden;
  position: relative;
}
.templates-root .trustpilot-overview {
  background-color: var(--neutral-10);
}
@media (max-width: 1023px) {
  .templates-root .blog-post__content-aside {
    display: none;
  }
}
.templates-filter {
  margin-bottom: 32px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .templates-filter {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .templates-filter {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.templates-filter__container {
  border-bottom: 1px solid var(--neutral-20);
}
.templates-filter__content {
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .templates-filter__content {
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start;
    margin-bottom: -30px;
    overflow-x: auto;
    padding-bottom: 30px;
    padding-left: 20px;
  }
}
.templates-filter__tabs {
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .templates-filter__tabs {
    padding-right: 20px;
  }
}
.templates-filter__tab-icon {
  color: var(--neutral-50);
  height: 32px;
  margin-right: 8px;
  pointer-events: none;
  width: 32px;
}
@media (max-width: 1023px) {
  .templates-filter__tab-icon {
    display: none;
  }
}
.templates-filter__tabs-selector {
  background-color: var(--blue-50);
  bottom: -1px;
  height: 2px;
  left: 0;
  position: absolute;
  transform-origin: 0 0;
  transition: transform 0.3s;
  width: 100px;
}
.templates-filter__tabs-selector--hidden {
  display: none;
}
.templates-filter__tab {
  align-items: center;
  color: var(--neutral-50);
  display: flex;
  font-weight: 600;
  letter-spacing: normal;
  margin-right: 64px;
  padding-bottom: 20px;
  text-transform: none;
  transition: color 0.15s;
  white-space: nowrap;
}
@media (max-width: 1023px) {
  .templates-filter__tab {
    color: var(--neutral-90);
    font-size: 14px;
    letter-spacing: 1.8px;
    line-height: 20px;
    margin-right: 20px;
    padding-bottom: 12px;
    text-transform: uppercase;
  }
}
.templates-filter__tab:last-child {
  margin-right: 0;
}
.templates-filter__tab--active,
.templates-filter__tab:hover {
  color: var(--neutral-90);
}
@media (max-width: 1023px) {
  .templates-filter__tab--active,
  .templates-filter__tab:hover {
    color: var(--blue-50);
  }
}
.templates-filter__tab--active .templates-filter__tab-icon,
.templates-filter__tab:hover .templates-filter__tab-icon {
  color: var(--blue-50);
}
.templates-filter__tab--active {
  pointer-events: none;
}
.templates-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  transform: translateY(0);
  transition: opacity 0.35s, transform 0.35s;
  will-change: transform;
}
.templates-grid--hidden {
  opacity: 0;
  pointer-events: none;
  transform: translateY(35px);
  transition: opacity 0.2s, transform 0.05s 0.2s;
}
.templates-grid__cell {
  margin-bottom: 32px;
  padding-left: 8px;
  padding-right: 8px;
  width: 33.333333%;
}
@media (max-width: 1023px) {
  .templates-grid__cell {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .templates-grid__cell {
    margin-bottom: 40px;
    width: 100%;
  }
}
.templates-grid__cell--hidden {
  display: none;
}
.templates-card {
  display: block;
  padding-bottom: 16px;
}
@media (max-width: 767px) {
  .templates-card {
    padding-bottom: 0;
  }
}
.templates-card__body {
  background-color: var(--neutral-10);
  padding: 32px;
}
@media (max-width: 767px) {
  .templates-card__body {
    padding: 20px;
  }
}
.templates-card__content {
  margin: 0 auto;
  max-width: 448px;
  text-align: center;
}
.templates-card__preview {
  border-radius: 4px;
  padding-bottom: 141.389%;
  position: relative;
}
@media (max-width: 767px) {
  .templates-card__preview {
    border-radius: 4px;
  }
}
.templates-card__preview:before {
  border-radius: inherit;
  box-shadow: 0 8px 36px rgba(152, 180, 234, 0.19),
    0 11px 33px rgba(122, 152, 210, 0.12);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: visibility 0.2s, opacity 0.2s;
  visibility: hidden;
  width: 100%;
}
@media (max-width: 1023px) {
  .templates-card__preview:before {
    display: none;
  }
}
.templates-card:hover .templates-card__preview:before {
  opacity: 1;
  visibility: visible;
}
.templates-card__preview-image {
  border-radius: inherit;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s, visibility 0.3s;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.templates-card__preview-image--default {
  background-color: var(--white);
  z-index: 0;
}
.templates-card__preview-image--active,
.templates-card__preview-image--default {
  opacity: 1;
  visibility: visible;
}
.templates-card__action {
  bottom: 50%;
  left: 0;
  margin-bottom: -25px;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: translateY(15px);
  transition: opacity 0.2s, transform 0.2s 0.2s;
  z-index: 1;
}
@media (max-width: 1023px) {
  .templates-card__action {
    bottom: 48px;
    margin-bottom: 0;
    opacity: 1;
    transform: translateY(0);
  }
}
.templates-card:hover .templates-card__action {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s, transform 0.2s;
}
.templates-card__options {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  padding: 0 4px;
}
@media (max-width: 767px) {
  .templates-card__options {
    margin-top: 16px;
  }
}
.templates-card__badges,
.templates-card__colors,
.templates-card__mono {
  align-items: center;
  display: flex;
}
.templates-card__colors-item {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  box-shadow: inset 0 0 0 4px transparent;
  display: inline-block;
  height: 16px;
  margin-right: 12px;
  position: relative;
  transition: transform 0.2s, box-shadow 0.2s;
  width: 16px;
}
.templates-card__colors-item:before {
  background-color: var(--white);
  border-radius: 50%;
  bottom: 2px;
  content: "";
  left: 2px;
  opacity: 0;
  position: absolute;
  right: 2px;
  top: 2px;
  transform: scale(0.5);
  transition: opacity 0.2s, transform 0.2s;
}
.templates-card__colors-item:after {
  bottom: -12px;
  content: "";
  left: -6px;
  position: absolute;
  right: -6px;
  top: -12px;
}
@media (hover) {
  .templates-card__colors-item--active {
    box-shadow: inset 0 0 0 4px rgba(0, 0, 0, 0.1);
    transform: scale(1.125);
  }
  .templates-card__colors-item--active:before {
    opacity: 1;
    transform: scale(1);
  }
}
.templates-card__badge {
  background-color: var(--neutral-40);
  border-radius: 2px;
  color: var(--white);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.3px;
  line-height: 1;
  margin-left: 6px;
  padding: 2px 4px;
  text-transform: uppercase;
}
.templates-card__badge--free {
  background-color: var(--indigo-60);
  position: absolute;
  right: 12px;
  top: 12px;
  z-index: 2;
}
.templates-card__mono-icon {
  border: 2px solid var(--neutral-90);
  border-radius: 50%;
  height: 16px;
  margin-right: 8px;
  padding: 2px;
  width: 16px;
}
.templates-card__mono-icon:after {
  background-color: var(--neutral-90);
  border-radius: 4px 0 0 4px;
  content: "";
  display: block;
  height: 8px;
  width: 4px;
}
.templates-card__mono-text {
  color: var(--neutral-50);
  font-size: 14px;
  line-height: 16px;
}
.templates-card__footer {
  margin-top: 12px;
}
.templates-card__name {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  transition: color 0.2s;
}
@media (max-width: 767px) {
  .templates-card__name {
    font-size: 19px;
    line-height: 24px;
  }
}
.templates-card:hover .templates-card__name {
  color: var(--blue-50);
}
.templates-card__caption {
  color: var(--neutral-50);
  font-size: 16px;
  line-height: 20px;
}
.builder-hero {
  background-color: var(--neutral-10);
  border-bottom: 1px solid var(--neutral-10);
  border-top: 1px solid var(--neutral-10);
  margin-bottom: -1px;
  overflow: hidden;
  position: relative;
}
.ai-builder-hero {
  background-color: var(--indigo-10);
}
.builder-hero__container {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .builder-hero__container {
    flex-direction: column;
  }
}
.builder-hero__content {
  padding-bottom: 120px;
  padding-top: 104px;
  width: 42.857%;
}
@media (max-width: 1023px) {
  .builder-hero__content {
    flex-grow: 1;
    margin-right: 96px;
    max-width: 480px;
    padding-bottom: 64px;
    padding-top: 64px;
    width: auto;
  }
}
@media (max-width: 767px) {
  .builder-hero__content {
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 32px;
    text-align: center;
  }
}
.builder-hero__title {
  font-size: 54px;
  font-weight: 700;
  line-height: 52px;
  margin-bottom: 24px;
  max-width: 8.5em;
}
@media (max-width: 1023px) {
  .builder-hero__title {
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 8px;
  }
}
@media (max-width: 767px) {
  .builder-hero__title {
    font-size: 32px;
    line-height: 34px;
    margin-left: auto;
    margin-right: auto;
  }
}
.builder-hero__description {
  font-size: 22px;
  line-height: 28px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .builder-hero__description {
    font-size: 19px;
    line-height: 24px;
  }
}
@media (min-width: 1024px) {
  .builder-hero__button {
    font-size: 22px;
    line-height: 28px;
    padding: 18px 40px;
  }
}
.builder-hero__visual {
  flex-shrink: 0;
  position: relative;
  width: 48.571%;
}
@media (max-width: 1023px) {
  .builder-hero__visual {
    width: 38%;
  }
}
@media (max-width: 767px) {
  .builder-hero__visual {
    height: 140px;
    width: 100%;
  }
}
.builder-hero__visual__europass {
  flex-shrink: 0;
  position: relative;
  width: 48.571%;
}
@media (max-width: 1023px) {
  .builder-hero__visual__europass {
    width: 38%;
  }
}
@media (max-width: 767px) {
  .builder-hero__visual__europass {
    width: 100%;
  }
}
.builder-hero__visual--cover-letter {
  margin-top: 104px;
}
@media (max-width: 1023px) {
  .builder-hero__visual--cover-letter {
    margin-top: 64px;
  }
}
@media (max-width: 767px) {
  .builder-hero__visual--cover-letter {
    height: 180px;
    margin: 24px auto 0;
    max-width: 420px;
  }
}
.builder-hero__resumes {
  align-items: flex-start;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  position: absolute;
  right: 0;
  top: -48px;
  transform: translateZ(0);
}
@media (max-width: 1023px) {
  .builder-hero__resumes {
    top: -200px;
  }
}
@media (max-width: 767px) {
  .builder-hero__resumes {
    justify-content: center;
    left: -100%;
    right: -100%;
    top: 0;
  }
}
.builder-hero__europass_image {
  background-size: cover;
  display: block;
  padding-bottom: 116%;
  padding-right: 108%;
  position: relative;
}
.builder-hero__europass_mobile_image {
  background-size: 100vw;
  display: none;
  margin-left: -5%;
  margin-right: -5%;
  padding-bottom: 64%;
}
@media (max-width: 767px) {
  .builder-hero__europass_image {
    display: none;
  }
  .builder-hero__europass_mobile_image {
    display: block;
  }
}
.italian_logo__informa_giovanni {
  background-size: 120px;
}
@keyframes movePreviews {
  0% {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}
.builder-hero__resumes-list {
  animation: movePreviews 55s linear infinite;
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(50% - 16px);
  will-change: transform;
}
@media (max-width: 1023px) {
  .builder-hero__resumes-list {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .builder-hero__resumes-list {
    animation: none;
    flex-direction: row;
    justify-content: center;
  }
}
.builder-hero__resumes-list--2 {
  animation-duration: 52s;
  top: -88px;
}
@media (max-width: 1023px) {
  .builder-hero__resumes-list--2 {
    display: none;
  }
}
.builder-hero__resume {
  border-radius: 4px;
  display: block;
  margin-bottom: 32px;
  position: relative;
  width: 100%;
}
@media (max-width: 1023px) {
  .builder-hero__resume {
    margin-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .builder-hero__resume {
    display: none;
    margin: 0 10px;
    width: 180px;
  }
  .builder-hero__resume:first-child,
  .builder-hero__resume:nth-child(2),
  .builder-hero__resume:nth-child(3) {
    display: block;
  }
  .builder-hero__resume:first-child,
  .builder-hero__resume:nth-child(3) {
    top: 20px;
  }
}
.builder-hero__resume:before {
  background-color: var(--neutral-15);
  border-radius: inherit;
  content: "";
  display: block;
  padding-bottom: 141.389%;
  transition: opacity 0.3s;
  transition-delay: inherit;
  will-change: opacity;
}
.builder-hero__resumes--loaded .builder-hero__resume:before {
  opacity: 0;
}
.builder-hero__resume-image {
  border-radius: inherit;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.95) translateZ(0);
  transition: opacity 0.4s, transform 0.5s;
  width: 100%;
}
.builder-hero__resumes--loaded .builder-hero__resume-image {
  opacity: 1;
  transform: scale(1) translateZ(0);
}
.builder-hero__cover-letter {
  background-color: var(--white);
  background-position: 50% 0;
  background-size: cover;
  border-radius: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.builder-hero__cover-letter:before {
  content: "";
  display: block;
  padding-bottom: 141.389%;
}
.builder-hero__cover-letter-decor {
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
}
.builder-hero__cover-letter-decor:before {
  content: "";
  display: block;
}
.builder-hero__cover-letter-decor--left {
  bottom: 0;
  left: -21.5%;
  transform: translateY(3.263%);
  width: 48.713%;
}
@media (max-width: 767px) {
  .builder-hero__cover-letter-decor--left {
    display: none;
  }
}
.builder-hero__cover-letter-decor--left:before {
  padding-bottom: 98.116%;
}
.builder-hero__cover-letter-decor--right {
  right: 4.411%;
  top: 0;
  transform: translateY(-40%);
  width: 44.853%;
}
@media (max-width: 767px) {
  .builder-hero__cover-letter-decor--right {
    right: 11%;
    width: 35.82%;
  }
}
.builder-hero__cover-letter-decor--right:before {
  padding-bottom: 75%;
}
.builder-promo {
  background-color: var(--white);
}
.builder-promo__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  .builder-promo__header {
    flex-direction: column;
    margin: 0 auto;
    max-width: 504px;
  }
}
.builder-promo__header-visual {
  background-color: var(--neutral-10);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 48.571%;
}
.builder-promo__header-visual.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-promo__header-visual {
    width: 100%;
  }
}
.builder-promo__header-visual:before {
  content: "";
  display: block;
  padding-bottom: 65.4411%;
}
.builder-promo__header-content {
  width: 40%;
}
@media (max-width: 1023px) {
  .builder-promo__header-content {
    margin-bottom: 24px;
    order: -1;
    text-align: center;
    width: 100%;
  }
}
.builder-promo__header-description {
  margin-bottom: 24px;
}
.builder-promo__features {
  display: flex;
  margin: 80px -16px 0;
}
@media (max-width: 1023px) {
  .builder-promo__features {
    flex-direction: column;
    margin: 48px 0 0;
  }
}
@media (max-width: 767px) {
  .builder-promo__features {
    margin-top: 32px;
  }
}
.builder-promo__feature {
  padding: 0 16px;
  width: 33.333%;
}
@media (max-width: 1023px) {
  .builder-promo__feature {
    border-bottom: 1px solid var(--neutral-15);
    margin-bottom: 24px;
    padding: 0 0 24px 88px;
    position: relative;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .builder-promo__feature {
    border-bottom: none;
    margin-bottom: 32px;
    padding: 0;
    text-align: center;
  }
}
.builder-promo__feature:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.builder-promo__feature-description a,
.builder-promo__header-description a {
  color: var(--blue-50);
}
.builder-promo__feature-description a:hover,
.builder-promo__header-description a:hover {
  color: var(--blue-70);
}
.builder-promo__feature-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 56px;
  margin-bottom: 8px;
  width: 56px;
}
.builder-promo__feature-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-promo__feature-icon {
    left: 0;
    position: absolute;
    top: 2px;
  }
}
@media (max-width: 767px) {
  .builder-promo__feature-icon {
    margin: 0 auto 8px;
    position: relative;
    top: 0;
  }
}
.builder-promo__feature-title {
  color: var(--indigo-90);
  display: block;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 4px;
}
@media (max-width: 1023px) {
  .builder-promo__feature-title {
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 12px;
  }
}
@media (max-width: 767px) {
  .builder-promo__feature-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.builder-benefits {
  background-color: var(--white);
}
.builder-benefits__header {
  margin: 0 auto;
  max-width: 550px;
  text-align: center;
}
.builder-benefits__header-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto 16px;
  width: 80px;
}
.builder-benefits__header-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-benefits__header-icon {
    margin-bottom: 12px;
  }
}
.builder-benefits__header-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 11.5em;
}
.builder-benefits__header-description {
  margin-bottom: 24px;
}
.builder-benefits__item {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-top: 120px;
}
@media (max-width: 1023px) {
  .builder-benefits__item {
    flex-direction: column;
    margin-top: 64px;
    margin-top: 56px;
  }
}
.builder-benefits__item-content {
  margin-top: 48px;
  padding-left: 80px;
  position: relative;
  width: 40%;
}
@media (max-width: 1023px) {
  .builder-benefits__item-content {
    margin-top: 32px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .builder-benefits__item-content {
    margin-top: 24px;
    padding-left: 0;
    padding-top: 64px;
  }
}
@media (min-width: 1024px) {
  .builder-benefits__item:nth-child(odd) .builder-benefits__item-content {
    order: -1;
  }
}
.builder-benefits__item-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 56px;
  left: 0;
  position: absolute;
  top: 0;
  width: 56px;
}
.builder-benefits__item-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
.builder-benefits__item-title {
  color: var(--indigo-90);
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .builder-benefits__item-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 8px;
  }
}
.builder-benefits__item-description a {
  color: var(--blue-50);
}
.builder-benefits__item-description a:hover {
  color: var(--blue-70);
}
.builder-benefits__item-visual {
  background-color: #f7f7fb;
  border: 1px solid #f7f7fb;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  width: 51.428%;
}
@media (max-width: 1023px) {
  .builder-benefits__item-visual {
    max-height: 480px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .builder-benefits__item-visual {
    max-height: 320px;
  }
}
.builder-benefits__item-visual:before {
  content: "";
  display: block;
  padding-bottom: 75%;
}
.builder-benefits__item-image-visual {
  background-color: var(--neutral-10);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  width: 48.571%;
}
.builder-benefits__item-image-visual.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-benefits__item-image-visual {
    width: 100%;
  }
}
.builder-benefits__item-image-visual:before {
  content: "";
  display: block;
  padding-bottom: 65.4411%;
}
.builder-benefits__item-video {
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.2s;
  width: 100%;
}
.builder-benefits__item-video--ready {
  opacity: 1;
}
.builder-animation {
  height: 562px;
  pointer-events: none;
  position: relative;
  transform: translateZ(0);
  width: 384px;
}
.builder-animation__document {
  height: 536px;
  position: absolute;
  transform: scale(0.4583);
  width: 100%;
}
.builder-animation__document-content {
  background-color: var(--white);
  border-radius: 8px;
  box-shadow: 0 16px 36px rgba(186, 200, 227, 0.25),
    0 24px 60px rgba(186, 200, 227, 0.2);
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 50% 100%;
  width: 100%;
}
.builder-animation__document--1 {
  left: 0;
  top: 40px;
  transform-origin: 0 0;
  z-index: 2;
}
.builder-animation__document--back {
  left: 0;
  opacity: 0;
  top: 12px;
  transform: scale(1);
}
.builder-animation__document--2 {
  right: 0;
  top: 0;
  transform-origin: 100% 0;
}
.builder-animation__document--3 {
  bottom: 0;
  left: 0;
  transform-origin: 0 100%;
}
.builder-animation__document--4 {
  bottom: 40px;
  right: 0;
  transform-origin: 100% 100%;
}
.builder-animation__highlight,
.builder-animation__placeholder,
.builder-animation__preview {
  border-radius: inherit;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.builder-animation__placeholder,
.builder-animation__preview {
  background-color: var(--white);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.builder-animation__preview {
  background-size: cover;
  opacity: 0;
}
.builder-animation__highlight {
  border: 6px solid var(--indigo-60);
  opacity: 0;
}
.builder-animation__mark {
  align-items: center;
  background-color: var(--indigo-60);
  border-radius: 50%;
  color: var(--white);
  display: flex;
  height: 104px;
  justify-content: center;
  left: calc(50% - 52px);
  opacity: 0;
  position: absolute;
  top: calc(50% - 52px);
  width: 104px;
}
.builder-animation__format {
  background-repeat: no-repeat;
  background-size: contain;
  height: 120px;
  opacity: 0;
  position: absolute;
  width: 96px;
}
.builder-animation__format--pdf {
  right: -48px;
  top: 64px;
}
.builder-animation__format--doc {
  bottom: 64px;
  left: -48px;
}
.builder-how {
  background-color: var(--white);
}
@media (max-width: 767px) {
  .builder-how {
    overflow: hidden;
  }
}
.builder-how__header {
  margin: 0 auto 120px;
  max-width: 540px;
  text-align: center;
}
@media (max-width: 1023px) {
  .builder-how__header {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .builder-how__header {
    margin-bottom: 40px;
  }
}
.builder-how__header-icon {
  background-color: var(--neutral-10);
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 50%;
  height: 80px;
  margin: 0 auto 16px;
  width: 80px;
}
.builder-how__header-icon.is-image-loaded {
  background-color: initial;
  border-radius: 0;
}
@media (max-width: 1023px) {
  .builder-how__header-icon {
    margin-bottom: 12px;
  }
}
.builder-how__header-description {
  margin-bottom: 24px;
}
.builder-how__header-description a {
  color: var(--blue-50);
}
.builder-how__header-description a:hover {
  color: var(--blue-70);
}
.builder-how__content {
  padding: 0 64px 0 96px;
}
@media (min-width: 768px) {
  .builder-how__content {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1023px) {
  .builder-how__content {
    padding: 0 0 0 32px;
  }
}
@media (max-width: 767px) {
  .builder-how__content {
    padding: 0;
  }
}
.builder-how__visual {
  position: relative;
  width: 32.25806452%;
}
@media (max-width: 767px) {
  .builder-how__visual {
    margin: 0 auto 40px;
    width: 160px;
  }
}
.builder-how__visual-inner {
  left: 0;
  position: absolute;
  position: sticky;
  top: calc(50% - 260px);
  width: 100%;
}
.builder-how__visual-inner:before {
  content: "";
  display: block;
  padding-bottom: 146.354%;
}
@media (max-width: 767px) {
  .builder-how__visual-inner {
    position: relative;
    top: 0 !important;
  }
}
.builder-how__animation {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0;
}
.builder-how__animation--ready {
  opacity: 1;
}
.builder-how__steps {
  position: relative;
  transform: translateZ(0);
  width: 51.612%;
}
@media (max-width: 1023px) {
  .builder-how__steps {
    width: 55%;
  }
}
@media (max-width: 767px) {
  .builder-how__steps {
    margin: 0 -20px;
    overflow: hidden;
    position: relative;
    width: auto;
  }
  .builder-how__steps-list {
    display: flex;
    width: 10000%;
  }
}
.builder-how__step {
  margin-bottom: 96px;
  padding-left: 64px;
  padding-top: 5px;
  position: relative;
}
@media (max-width: 1023px) {
  .builder-how__step {
    margin-bottom: 64px;
    padding-left: 0;
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .builder-how__step {
    margin: 0;
    padding: 0 20px;
    width: 1%;
  }
}
.builder-how__step:last-child {
  margin-bottom: 0;
}
.builder-how__step-title {
  color: var(--indigo-90);
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 12px;
}
@media (max-width: 1023px) {
  .builder-how__step-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
@media (min-width: 1024px) {
  .builder-how__step-index {
    align-items: center;
    background-color: var(--indigo-10);
    border-radius: 50%;
    display: flex;
    font-size: 22px;
    height: 40px;
    justify-content: center;
    left: 0;
    line-height: 28px;
    padding-top: 2px;
    position: absolute;
    top: 0;
    width: 40px;
  }
}
@media (max-width: 1023px) {
  .builder-how__step-index:after {
    content: ". ";
  }
}
.builder-how__step-description strong {
  background-color: rgba(255, 242, 204, 0.64);
  border-radius: 2px;
  font-weight: inherit;
  padding: 0 2px;
}
.builder-how__step-description a {
  color: var(--blue-50);
}
.builder-how__step-description a:hover {
  color: var(--blue-70);
}
.builder-how__step-note {
  background-color: var(--beige-10);
  border-radius: 6px;
  font-size: 16px;
  line-height: 20px;
  margin-top: 32px;
  padding: 12px 12px 12px 40px;
  position: relative;
}
@media (max-width: 1023px) {
  .builder-how__step-note {
    margin-top: 24px;
  }
}
.builder-how__step-note-icon {
  color: var(--amber-40);
  left: 12px;
  position: absolute;
  top: 12px;
}
.builder-how__step-note--protection {
  background-color: var(--indigo-10);
}
.builder-how__step-note--protection .builder-how__step-note-icon {
  color: var(--indigo-70);
}
.builder-how__bullets {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
@media (min-width: 768px) {
  .builder-how__bullets {
    display: none;
  }
}
.builder-how__bullet {
  background-color: var(--neutral-20);
  border-radius: 50%;
  height: 8px;
  margin: 0 6px;
  transition: background-color 0.2s;
  width: 8px;
}
.builder-how__bullet--active {
  background-color: var(--blue-50);
}
.builder-resources {
  background-color: var(--white);
  padding-bottom: 0;
  position: relative;
}
@media (max-width: 767px) {
  .builder-resources {
    padding-bottom: 48px;
  }
}
.builder-resources:before {
  background-color: var(--indigo-80);
  bottom: 0;
  content: "";
  height: 120px;
  left: 0;
  position: absolute;
  right: 0;
}
@media (max-width: 1023px) {
  .builder-resources:before {
    height: 80px;
  }
}
@media (max-width: 767px) {
  .builder-resources:before {
    display: none;
  }
}
.builder-resources__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0 auto 80px;
  max-width: 540px;
  text-align: center;
}
@media (max-width: 1023px) {
  .builder-resources__header {
    margin-bottom: 48px;
  }
}
@media (max-width: 767px) {
  .builder-resources__header {
    margin-bottom: 40px;
  }
}
.builder-resources__header-description {
  margin-bottom: 24px;
}
.builder-resources__header-action {
  align-items: center;
  color: var(--blue-50);
  display: flex;
  transition: color 0.15s;
}
.builder-resources__header-action:hover {
  color: var(--blue-70);
}
.builder-resources__guides {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 960px;
}
@media (max-width: 1023px) {
  .builder-resources__guides {
    margin: 0 -12px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .builder-resources__guides {
    flex-direction: column;
    margin: 0;
  }
}
.builder-resources__guide {
  align-items: flex-start;
  background-color: #493995;
  border-radius: 12px;
  color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 16px;
  min-height: 392px;
  overflow: hidden;
  padding: 32px;
  position: relative;
  transform: translateZ(0);
  width: 50%;
  z-index: 1;
}
@media (max-width: 1023px) {
  .builder-resources__guide {
    margin: 0 12px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .builder-resources__guide {
    margin: 0 0 24px;
    min-height: 294px;
    width: 100%;
  }
  .builder-resources__guide:last-child {
    margin-bottom: 0;
  }
}
.builder-resources__guide-image {
  background-position: 50% 50%;
  background-size: cover;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
  width: 100%;
  will-change: opacity;
}
.builder-resources__guide-image:after {
  background-image: linear-gradient(
    0deg,
    #493995 28%,
    rgba(73, 57, 149, 0) 80%
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.builder-resources__guide-label {
  background-color: var(--orange-40);
  border-radius: 4px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1.8px;
  line-height: 20px;
  margin-bottom: 12px;
  padding: 2px 8px;
  position: relative;
  text-transform: uppercase;
}
.builder-resources__guide-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
  will-change: transform;
}
.builder-resources__guide-title {
  display: block;
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  .builder-resources__guide-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 4px;
  }
}
.builder-resources__guide-note {
  font-size: 14px;
  letter-spacing: 1.8px;
  line-height: 20px;
  opacity: 0.64;
  text-transform: uppercase;
}
@media (max-width: 1023px) {
  .builder-resources__guide-note {
    font-weight: 600;
  }
}
.builder-resources__guide-secondary {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  transition: opacity 0.3s;
  will-change: opacity;
}
.builder-resources__guide--ready .builder-resources__guide-secondary {
  opacity: 0;
}
.builder-resources__guide-description {
  flex-grow: 1;
  padding-top: 16px;
  width: 100%;
}
@media (max-width: 767px) {
  .builder-resources__guide-description {
    display: none;
  }
}
.builder-resources__guide-action {
  align-items: center;
  display: flex;
  margin-top: 16px;
}
@media (hover) {
  .builder-resources__guide:hover .builder-resources__guide-image {
    opacity: 0;
  }
  .builder-resources__guide:hover .builder-resources__guide-secondary {
    opacity: 1;
  }
  .builder-resources__guide:hover .builder-resources__guide-content {
    transform: translateY(0) !important;
  }
}
.builder-resources__guide--cover-letter {
  background-color: #338699;
}
.builder-resources__guide--cover-letter .builder-resources__guide-image:after {
  background-image: linear-gradient(
    0deg,
    #338699 28%,
    rgba(51, 134, 153, 0) 80%
  );
}
.builder-resources__guide--cover-letter .builder-resources__guide-label {
  background-color: var(--blue-50);
}