/* Hide Weglot default country selector */
.wg-drop.country-selector .wgcurrent a {
  display: none !important;
}

:root {
  --color--royal-sapphire: #013487;
  --color--greyscale-200: #d4d4d4;
  --color--white: white;
  --color--dark: #0d0d12;
  --color--greyscale-50: whitesmoke;
  --color--midnight-abyss: #02133f;
  --color--golden-dune: #c3b27f;
  --color--greyscale-500: #525252;
  --color--greyscale-400: #737373;
  --color--greyscale-100: #e5e5e5;
}

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

.body {
  background-color: #fff;
  font-family: Inter, sans-serif;
}

.navbar {
  background-color: #ddd0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 80px;
  position: static;
}

.conteiner-navbar {
  justify-content: space-between;
  align-items: center;
  padding: 12px 80px;
  display: flex;
}

.nav-menu {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.buttons-navbar {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: flex;
}

.brand {
  margin-right: 0;
}

.nav-link {
  color: var(--color--royal-sapphire);
  border-radius: 12px;
  padding: 6px 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  transition: all .2s;
  white-space: nowrap;
}

.nav-link:hover {
  color: var(--color--royal-sapphire);
  background-color: #eff9ff;
}

.nav-link.w--current {
  color: var(--color--royal-sapphire);
  letter-spacing: -.2px;
  font-weight: 600;
}

.nav-link.hide {
  display: none;
}

.button-border {
  border: 1px solid var(--color--greyscale-200);
  background-color: var(--color--white);
  color: var(--color--dark);
  letter-spacing: .5px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
}

.button-border:hover {
  background-color: var(--color--greyscale-50);
}

.button-border.hide {
  display: none;
}

.button-blue {
  border: 1px none var(--color--greyscale-200);
  background-color: var(--color--royal-sapphire);
  color: var(--color--white);
  letter-spacing: .5px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 24px;
  padding-right: 24px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
  white-space: nowrap;
}

.button-blue:hover {
  background-color: var(--color--midnight-abyss);
}

.button-blue.hide {
  display: none;
}

.subscription {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--color--golden-dune);
  background-color: #fff4e4;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  transition: all .2s;
  display: flex;
  white-space: nowrap;
}

.subscription:hover {
  background-color: #ffedd3;
}

.text-14m {
  font-weight: 500;
  line-height: 24px;
}

.text-14m.golden {
  color: #7d6d3d;
}

.text-14m.golden.hide {
  display: none;
}

.text-14m.white {
  color: var(--color--white);
}

.buttons-navbar-mob {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  display: none;
}

.section {
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.section.slider {
  padding-right: 0;
  overflow: hidden;
}

.section.slider.hide, .section.hide {
  display: none;
}

.grid {
  grid-template-rows: auto;
  margin-top: 50px;
}

.grid.margin_30px {
  margin-top: 80px;
}

.heading {
  color: var(--color--midnight-abyss);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
}

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

.text-18r {
  color: var(--color--dark);
  font-size: 18px;
  line-height: 140%;
}

.text-18r.grey {
  color: var(--color--greyscale-500);
  font-weight: 400;
}

.text-18r.grey.center {
  text-align: center;
}

.text-18r.white {
  color: var(--color--white);
}

.text-18r.white.center, .text-18r.center {
  text-align: center;
}

.hero-title {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.hero-image {
  height: auto;
  position: relative;
}

.hero-image.center.top-48px {
  margin-top: 48px;
}

.vector-absolutly {
  border-radius: 12px;
  position: absolute;
  inset: 60px -62px auto auto;
  box-shadow: 0 20px 20px #00000040;
}

.tag {
  border: 1px solid var(--color--greyscale-200);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  width: 33%;
}

.tag._w-auto {
  width: auto;
}

.text-18m {
  color: var(--color--midnight-abyss);
  white-space: nowrap;
}

.text-field {
  color: var(--color--midnight-abyss);
  cursor: auto;
  border-radius: 125px;
  height: 64px;
  padding-left: 29px;
  padding-right: 29px;
  font-size: 16px;
  line-height: 120%;
  position: relative;
}

.submit-button {
  background-color: var(--color--royal-sapphire);
  cursor: pointer;
  background-image: url('../images/search-circle.svg'), url('../images/search-circle-hover.svg');
  background-position: 50%, 50%;
  background-size: cover, cover;
  border-radius: 100px;
  width: 56px;
  height: 56px;
  transition: all .2s;
  position: absolute;
  bottom: 4px;
  right: 6px;
}

.submit-button:hover {
  background-image: url('../images/search-circle-hover.svg');
  background-position: 50%;
  background-size: cover;
}

.form {
  position: relative;
}

.form-block {
  border-radius: 125px;
  width: 500px;
  margin-top: 40px;
  margin-bottom: 0;
  box-shadow: 0 9px 11px #0000000f;
}

.form-block.hide {
  display: none;
}

.animation-text {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  padding-top: 127px;
  padding-bottom: 127px;
  display: flex;
}

.animation-text.p-top-0px {
  padding-top: 0;
  padding-bottom: 80px;
}

.animation-text.padding-b-60px {
  padding-top: 120px;
  padding-bottom: 60px;
}

.animation-text.padding-b-60px.top-60px {
  padding-top: 60px;
}

.text-36r {
  font-size: 36px;
  line-height: 137%;
}

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

.text-36r.center.blue {
  color: var(--color--royal-sapphire);
}

.text-36r.center.white {
  color: var(--color--white);
}

.fixed-animation-text {
  width: 700px;
}

.fixed-animation-text.p-top-32px {
  padding-top: 32px;
}

.footer {
  background-color: var(--color--midnight-abyss);
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 80px;
}

.grid-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto auto;
  padding-top: 38px;
  padding-bottom: 40px;
}

.text-16r {
  color: var(--color--midnight-abyss);
  letter-spacing: .3px;
  font-size: 16px;
  line-height: 150%;
}

.text-16r.white {
  color: var(--color--white);
}

.text-16r.white.hover {
  transition: all .2s;
}

.text-16r.white.hover:hover {
  color: #ffd49b;
}

.text-16r.grey {
  color: var(--color--greyscale-400);
}

.footer-menu {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-icons {
  border-bottom: 1px solid #364469;
  padding-bottom: 24px;
}

.icon-socials-footer {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-social {
  width: 24px;
  height: 24px;
}

.link-social.instagram {
  background-image: url('../images/instagram-1.svg');
  background-position: 50%;
  background-size: cover;
  transition: all .2s;
}

.link-social.instagram:hover {
  transform: scale(1.2);
}

.link-social.facebook {
  background-image: url('../images/facebook-1.svg');
  background-position: 50%;
  background-size: cover;
  transition: all .2s;
}

.link-social.facebook:hover {
  transform: scale(1.2);
}

.link-social.youtube {
  background-image: url('../images/youtube-1.svg');
  background-position: 50%;
  background-size: cover;
  transition: all .2s;
  display: none;
}

.link-social.youtube:hover {
  transform: scale(1.2);
}

.link-social.linkedin {
  background-image: url('../images/LinkedIn.svg');
  background-position: 50%;
  background-size: cover;
  transition: all .2s;
}

.link-social.linkedin:hover {
  transform: scale(1.2);
}

.link-social.twitter {
  background-image: url('../images/Social-Icons.svg');
  background-position: 50%;
  background-size: cover;
  transition: all .2s;
}

.link-social.twitter:hover {
  transform: scale(1.2);
}

.text-12r.grey {
  color: #999;
}

.footer-links {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-links.hide {
  display: none;
}

.link-block {
  color: #999;
  text-decoration-color: #999;
  transition: all .2s;
}

.link-block:hover {
  color: var(--color--white);
  -webkit-text-decoration-color: var(--color--white);
  text-decoration-color: var(--color--white);
}

.menu-mob-footer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-footer-menu {
  text-decoration: none;
}

.bg-footer {
  background-color: var(--color--midnight-abyss);
}

.tabs-menu {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: var(--color--greyscale-50);
  border-radius: 52px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 3px;
  padding-right: 3px;
  display: flex;
}

.heading-1 {
  color: var(--color--midnight-abyss);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 48px;
  font-weight: 400;
  line-height: 120%;
}

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

.fexed-text {
  width: 620px;
}

.title-tabs {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 32px;
  display: flex;
}

.tab-link-tab-2 {
  border: 1.25px solid var(--color--greyscale-50);
  background-color: var(--color--greyscale-50);
  color: var(--color--midnight-abyss);
  border-radius: 50px;
  height: 45px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
  font-weight: 500;
  line-height: 130%;
  transition: all .2s;
}

.tab-link-tab-2:hover {
  background-color: var(--color--greyscale-50);
  color: var(--color--midnight-abyss);
}

.tab-link-tab-2.w--current {
  border: 1.25px solid var(--color--greyscale-100);
  background-color: var(--color--white);
  box-shadow: 0 9px 11px #00000008;
}

.tabs {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.content-tab1 {
  border: 1px solid var(--color--greyscale-100);
  background-image: url('../images/bg-home1-1_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 500px;
  margin-top: 32px;
}

.content-tab1.height-622px {
  height: 622px;
  padding-top: 0;
  padding-bottom: 0;
}

.content-tab1.height-622px.photo-providers1 {
  background-image: url('../images/bg--providers-1-1_1.webp');
}

.text-tab1 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding-left: 40px;
  display: flex;
}

.item-list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.item-list.fixed-item {
  width: 500px;
}

.list {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 24px;
  padding-bottom: 48px;
  display: flex;
}

.list.fixed-w {
  width: 500px;
}

.list.padding-b-0px {
  padding-bottom: 0;
}

.list.padding-b-0px.gap-16px {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding-top: 16px;
}

.list.fixed-w2 {
  width: 700px;
}

.big-button-blue {
  border: 1px none var(--color--greyscale-200);
  background-color: var(--color--royal-sapphire);
  color: var(--color--white);
  letter-spacing: .5px;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
}

.big-button-blue:hover {
  background-color: var(--color--midnight-abyss);
}

.content-tab2 {
  border: 1px solid var(--color--greyscale-100);
  background-image: url('../images/bg-home2-1_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 501px;
  margin-top: 32px;
}

.content-tab2.height-622px {
  height: 622px;
}

.content-tab2.height-622px.photo-providers2 {
  background-image: url('../images/bg--providers-2-1_1.webp');
}

.content-tab2.height-622px.photo-providers3 {
  background-image: url('../images/bg--providers-3-1_1.webp');
}

.tabs-content {
  width: 100%;
}

.area-tabs {
  padding-top: 80px;
  padding-bottom: 96px;
}

.area-tabs.p-bottom-0px {
  padding-bottom: 0;
}

.area-tabs.p-bottom-0px.p-top-40px {
  padding-top: 0;
}

.bg-image {
  background-image: url('../images/Frame-1000008833-1_1.webp');
  background-position: 50%;
  background-size: cover;
  height: 630px;
}

.bg-image._2photo {
  background-image: url('../images/photo1_1.webp');
}

.bg-image._3photo {
  background-image: url('../images/Frame-1000008864_1.webp');
}

.position-right {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 80px;
  padding-right: 184px;
  display: flex;
}

.position-right.mw-1440 {
  padding-right: 80px;
}

.position-right.mw-1440.center {
  justify-content: center;
  align-items: center;
  padding-right: 80px;
}

.benefits-card {
  background-color: var(--color--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 518px;
  height: auto;
  padding: 32px;
  display: flex;
}

.benefits-card.width-620 {
  width: 700px;
  padding-right: 32px;
}

.big-button-gold {
  border: 1px none var(--color--greyscale-200);
  color: var(--color--midnight-abyss);
  letter-spacing: .5px;
  background-color: #eac18d;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 500;
  line-height: 150%;
  transition: all .2s;
  display: flex;
}

.big-button-gold:hover {
  background-color: var(--color--royal-sapphire);
  color: var(--color--white);
}

.big-button-gold.hover-white:hover {
  background-color: var(--color--greyscale-50);
  color: var(--color--royal-sapphire);
}

.area-cards {
  padding-top: 109px;
  padding-bottom: 109px;
}

.title-cards {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 56px;
  display: flex;
}

.grid-card {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.card-white {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px solid var(--color--greyscale-100);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 24px 24px 42px;
  display: flex;
}

.card-white.not-fixed {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.heading-3 {
  color: var(--color--midnight-abyss);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 125%;
}

.areatext-whitecart {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.image-2 {
  height: 110px;
}

.picture {
  background-image: url('../images/image-1_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 474px;
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.picture.bg2 {
  background-image: url('../images/image-bg_1.webp');
}

.picture.bg3 {
  background-image: url('../images/bg_1.webp');
}

.div-block-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 564px;
  display: flex;
}

.subscription-blue {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px none var(--color--golden-dune);
  background-color: var(--color--royal-sapphire);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.area-btn {
  padding-top: 48px;
}

.area-slider {
  padding-top: 109px;
  padding-bottom: 160px;
  overflow: visible;
}

.heading-2 {
  color: var(--color--midnight-abyss);
  letter-spacing: -.8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 40px;
  font-weight: 400;
  line-height: 110%;
}

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

.left-arrow {
  border: 1px solid var(--color--greyscale-100);
  background-color: var(--color--white);
  background-image: url('../images/Slider-Arrow.png'), url('../images/Slider-Arrow-hover.png');
  background-position: 50%, 0 0;
  background-size: cover, cover;
  border-radius: 1000px;
  justify-content: space-between;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .2s;
  display: flex;
  inset: auto 136px -25% auto;
  box-shadow: 0 9px 11px #00000008;
}

.left-arrow:hover {
  background-image: url('../images/Slider-Arrow-hover.png');
  background-position: 0 0;
  background-size: cover;
}

.right-arrow {
  border: 1px solid var(--color--greyscale-100);
  background-color: var(--color--white);
  background-image: url('../images/Slider-Arrow-1.png'), url('../images/Slider-Arrow-hover-1.png');
  background-position: 50%, 50%;
  background-size: cover, cover;
  border-radius: 100px;
  width: 48px;
  height: 48px;
  transition: all .2s;
  inset: auto 80px -25% auto;
  box-shadow: 0 9px 11px #00000008;
}

.right-arrow:hover {
  background-image: url('../images/Slider-Arrow-hover-1.png');
  background-position: 50%;
  background-size: cover;
}

.icon {
  color: var(--color--midnight-abyss);
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  display: none;
}

.icon-2 {
  color: var(--color--midnight-abyss);
  display: none;
}

.slide-nav {
  inset: auto auto -25% 0%;
}

.slider {
  background-color: #ddd0;
  height: 100%;
}

.card-review {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 1px solid var(--color--greyscale-100);
  background-color: var(--color--white);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 608px;
  padding: 24px;
  display: flex;
}

.text-20r {
  color: var(--color--midnight-abyss);
  font-size: 20px;
  line-height: 150%;
}

.text-20r.grey {
  color: var(--color--greyscale-500);
}

.text-20r.grey.center, .text-20r.center {
  text-align: center;
}

.text-20r.center.blue {
  color: var(--color--royal-sapphire);
}

.text-20m {
  color: var(--color--midnight-abyss);
  letter-spacing: -.6px;
  font-size: 20px;
  line-height: 150%;
}

.name-person {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.avatar-slider {
  width: 48px;
  height: 48px;
}

.mask {
  width: 608px;
  overflow: visible;
}

.slide-review {
  margin-right: 10px;
}

.text-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 564px;
  display: flex;
}

.content-forsailors {
  border: 1px solid var(--color--greyscale-100);
  background-image: url('../images/bg-sailors-1_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 500px;
  margin-top: 32px;
}

.tag-short {
  border: 1px solid var(--color--greyscale-200);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 40px;
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  width: 20%;
}

.hero-title-sailors {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-3 {
  margin-top: 16px;
}

.tag-midel {
  border: 1px solid var(--color--greyscale-200);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
  width: 37%;
}

.fixed-title-tab {
  width: 400px;
}

.fixed-title-tab2 {
  width: 440px;
}

.tag-long {
  border: 1px solid var(--color--greyscale-200);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 268px;
  height: 40px;
  margin-bottom: 12px;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.grid-four-cards {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.card-white2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px solid var(--color--greyscale-100);
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 357px;
  padding: 24px 24px 42px;
  display: flex;
}

.card-white2.not-fixed {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
}

.fexed-text-ambas {
  width: 400px;
}

.list-support {
  justify-content: center;
  align-items: flex-start;
  padding-top: 52px;
  padding-bottom: 52px;
  display: flex;
}

.image-3 {
  height: 110px;
}

.title-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.link {
  color: var(--color--royal-sapphire);
}

.list-tools {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 540px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.list-tools.fixed-w {
  width: 500px;
}

.list-tools.center {
  justify-content: flex-start;
  align-items: center;
}

.hero-contact {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 92px;
  display: flex;
}

.hero-contact.bottom60px {
  padding-bottom: 60px;
}

.hero-title-contact {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 700px;
  display: flex;
}

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

.image-4 {
  height: 110px;
}

.contact-form {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 127px;
  display: flex;
}

.hero-pp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.hero-pp.m-top-26px {
  margin-top: 26px;
}

.title-pp {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 120px;
  padding-bottom: 48px;
  display: flex;
}

.grid-pp {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
}

.text-pp {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 60%;
  display: flex;
}

.heading-4 {
  color: var(--color--midnight-abyss);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 130%;
}

.content-pp {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 92px;
  display: flex;
}

.list-item {
  padding-top: 4px;
}

.center-content-pp {
  flex-flow: column;
  display: flex;
}

.paragraph-pp {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 22px;
  display: flex;
}

.paragraph-pp.m-top-26px {
  margin-top: 26px;
}

.content-ambassador {
  border: 1px solid var(--color--greyscale-100);
  background-image: url('../images/bg-home1-1_1.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 24px;
  height: 500px;
  margin-top: 32px;
}

.image-sailor-hero, .image-providers-hero, .image-ambassador {
  border-radius: 24px;
}

.code-embed {
  width: 683px;
}

.image-about {
  border-radius: 24px;
  width: 360px;
  height: auto;
}

.image-hand {
  height: 100px;
  margin-bottom: 40px;
}

.image-hand.hide {
  display: none;
}

.title-list-about {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 620px;
  height: 100%;
  padding-left: 0;
  display: flex;
}

.list-about-page {
  justify-content: center;
  align-items: flex-start;
  padding-top: 62px;
  padding-bottom: 80px;
  display: flex;
}

.list-about-page.spacing-80px {
  padding-top: 80px;
  padding-bottom: 80px;
}

.text-about-why {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 540px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.text-about-why.fixed-w {
  width: 500px;
}

.block-blue {
  background-color: #eff9ff;
  border-radius: 12px;
  width: 600px;
  padding: 24px;
}

.block-blue.hide {
  display: none;
}

.highlight-text-h {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3em;
  font-weight: 500;
  line-height: 1.2;
}

.fix-title-tab1 {
  width: 260px;
}

.fix-title-tab2 {
  width: 263px;
}

.fix-title-benefits {
  width: 240px;
}

.fix-ttl {
  width: 260px;
}

.fix-ttl-amdassador {
  width: 300px;
}

.benefits-card-short {
  background-color: var(--color--white);
  border-radius: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  padding: 32px;
  display: flex;
}

.benefits-card-short.width-620 {
  width: 700px;
  padding-right: 32px;
}

.separetion72px {
  height: 72px;
}

.hero-about-center {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 128px;
  padding-bottom: 0;
  display: flex;
}

.hero-title-about-center {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 500px;
  display: flex;
}

.logo-hero {
  height: 40px;
}

.navbar-sticky {
  z-index: 99;
  background-color: #fff;
  padding-top: 12px;
  padding-bottom: 12px;
  position: fixed;
  inset: 0 0% auto;
}

.min-h-text {
  min-height: 80px;
}

.shadows-nav {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0;
  box-shadow: 0 4px 16px #0000000d;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

@media screen and (min-width: 1440px) {
  .conteiner-navbar {
    align-items: flex-start;
  }

  .buttons-navbar {
    margin-left: 98px;
  }

  .brand {
    margin-right: 98px;
  }

  .nav-link {
    display: block;
  }

  .nav-link.view {
    display: none;
  }

  .nav-link.hide {
    display: block;
  }

  .text-14m.golden {
    display: none;
  }

  .text-14m.golden.hide {
    display: block;
  }

  .text-14m.white {
    color: var(--color--white);
  }

  .buttons-navbar-mob {
    margin-left: 98px;
  }

  .section.mw-1440 {
    max-width: 1440px;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .hero-title {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 640px;
  }

  .image {
    height: auto;
  }

  .form-block {
    margin-top: 48px;
  }

  .text-36r.center.white {
    color: var(--color--white);
    letter-spacing: -.8px;
  }

  .tabs {
    justify-content: flex-start;
    align-items: center;
  }

  .list.padding-b-0px {
    padding-bottom: 0;
  }

  .tabs-content {
    width: 100%;
  }

  .position-right.mw-1440 {
    max-width: 1440px;
  }

  .card-white {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
    width: auto;
  }

  .card-white.not-fixed {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .picture {
    margin-bottom: 32px;
  }

  .div-block-2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 564px;
    display: flex;
  }

  .subscription-blue {
    background-color: var(--color--royal-sapphire);
    border-style: none;
    width: auto;
  }

  .card-review {
    padding: 32px 32px 24px;
  }

  .text-cta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 564px;
    display: flex;
  }

  .hero-title-sailors {
    width: 560px;
  }

  .grid-four-cards {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .card-white2 {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
  }

  .card-white2.not-fixed {
    grid-column-gap: 54px;
    grid-row-gap: 54px;
  }

  .hero-title-contact {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 640px;
  }

  .hero-pp {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
  }

  .text-pp {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 60%;
  }

  .paragraph-pp {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%;
  }

  .image-sailor-hero, .image-providers-hero, .image-ambassador {
    height: auto;
  }

  .image-about {
    width: 360px;
    height: auto;
  }

  .fix-title-tab2 {
    width: 264px;
  }

  .hero-title-about-center {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 500px;
  }

  .min-h-text {
    min-height: 56px;
  }
}

@media screen and (min-width: 1920px) {
  .navbar {
    max-width: 1920px;
  }

  .conteiner-navbar {
    margin-left: auto;
    margin-right: auto;
    padding-left: 80px;
    padding-right: 80px;
  }

  .buttons-navbar {
    justify-content: flex-end;
    align-items: center;
    width: 445px;
  }

  .brand {
    width: 445px;
  }

  .section {
    max-width: 1920px;
  }

  .section.slider {
    max-width: 2200px;
  }

  .section.mw-1440 {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.center {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .image {
    height: auto;
  }

  .footer {
    max-width: 1920px;
  }

  .tabs-content {
    width: 100%;
    max-width: 1920px;
  }

  .position-right {
    max-width: 1920px;
  }

  .position-right.mw-1440 {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
  }

  .position-right.mw-1440.center {
    padding-left: 80px;
  }

  .grid-card {
    grid-template-columns: auto auto auto;
    place-items: center;
  }

  .card-white {
    width: auto;
  }

  .card-white.not-fixed {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 378px;
  }

  .grid-four-cards {
    grid-template-columns: auto auto auto auto;
    place-items: center;
  }

  .card-white2 {
    grid-column-gap: 36px;
    grid-row-gap: 36px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: 378px;
  }

  .title-pp {
    max-width: 1440px;
  }

  .text-pp {
    width: 70%;
  }

  .content-pp {
    justify-content: flex-start;
    align-items: stretch;
    max-width: 1440px;
    display: flex;
  }

  .image-sailor-hero, .image-providers-hero, .image-ambassador, .image-about {
    height: auto;
  }
}

@media screen and (max-width: 1200px) {
  #ambassador-button-landing{
    .text-14m {
      font-weight: 500;
      line-height: 14px;
    }
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    margin-top: 0;
    padding: 0;
    position: relative;
  }

  .conteiner-navbar {
    padding-left: 40px;
    padding-right: 40px;
  }

  .nav-menu {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-left: 24px;
  }

  .buttons-navbar {
    display: none;
  }

  .nav-link {
    padding-top: 12px;
  }

  .button-blue {
    display: flex;
  }

  .buttons-navbar-mob {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 40px;
    margin-left: 12px;
    display: flex;
  }

  .div-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .menu-button {
    color: var(--color--royal-sapphire);
    background-color: #c8c8c800;
    overflow: visible;
  }

  .menu-button.w--open {
    color: var(--color--royal-sapphire);
    background-color: #c8c8c800;
  }

  .section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid.margin_30px {
    margin-top: 60px;
  }

  .heading {
    font-size: 54px;
  }

  .hero-title {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .vector-absolutly {
    right: -18px;
  }

  .form-block {
    width: auto;
  }

  .text-36r.center.blue {
    font-size: 32px;
  }

  .fixed-animation-text {
    width: auto;
  }

  .footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-menu {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .menu-mob-footer {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .tabs-menu {
    width: 320px;
  }

  .tabs-menu.position-vertical {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    background-color: #f5f5f500;
    flex-flow: column;
    width: auto;
    height: auto;
  }

  .heading-1 {
    font-size: 48px;
  }

  .tabs {
    justify-content: flex-start;
    align-items: center;
  }

  .tabs-content {
    width: 100%;
  }

  .position-right {
    padding-left: 40px;
    padding-right: 40px;
  }

  .position-right.mw-1440 {
    justify-content: center;
    align-items: center;
    padding-left: 80px;
  }

  .position-right.mw-1440.center {
    padding-right: 40px;
  }

  .grid-card {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-white {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    justify-content: flex-start;
    align-items: flex-start;
    height: auto;
  }

  .heading-3 {
    font-size: 32px;
  }

  .areatext-whitecart {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-2 {
    font-size: 48px;
  }

  .left-arrow {
    bottom: -20%;
    right: 96px;
  }

  .right-arrow {
    bottom: -20%;
    right: 40px;
  }

  .slide-nav {
    bottom: -20%;
  }

  .card-review {
    width: 400px;
  }

  .slide-review {
    width: auto;
  }

  .hero-title-sailors {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .fixed-title-tab {
    width: 400px;
  }

  .grid-four-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .card-white2 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .hero-contact {
    padding-top: 92px;
  }

  .hero-title-contact {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 500px;
  }

  .hero-pp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
  }

  .title-pp {
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 92px;
  }

  .grid-pp {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-pp {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: auto;
  }

  .heading-4 {
    font-size: 24px;
  }

  .content-pp {
    padding-top: 0;
  }

  .paragraph-pp {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 500px;
  }

  .code-embed {
    width: 100%;
  }

  .image-about {
    height: 100%;
  }

  .title-list-about {
    width: auto;
  }

  .close-burger {
    width: 24px;
    height: 24px;
    padding-bottom: 0;
    padding-right: 0;
    position: static;
    inset: auto;
  }

  .close {
    display: none;
    overflow: clip;
  }

  .burger {
    padding-bottom: 0;
    padding-right: 0;
    display: block;
    position: absolute;
    inset: auto;
    overflow: clip;
  }

  .hero-about-center {
    padding-top: 92px;
  }

  .hero-title-about-center {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 500px;
  }

  .navbar-sticky {
    position: relative;
  }

  .min-h-text {
    min-height: auto;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    margin-top: 0;
    padding-left: 24px;
    padding-right: 24px;
    position: relative;
  }

  .conteiner-navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    padding-left: 12px;
  }

  .section {
    padding-left: 24px;
    padding-right: 24px;
  }

  .grid {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-top: 40px;
  }

  .grid.margin_30px {
    margin-top: 40px;
  }

  .heading {
    font-size: 48px;
  }

  .hero-title {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-image {
    height: auto;
  }

  .vector-absolutly {
    right: -16px;
  }

  .image {
    height: 100%;
  }

  .form-block {
    margin-top: 32px;
  }

  .footer {
    padding-left: 24px;
    padding-right: 24px;
  }

  .heading-1 {
    font-size: 36px;
  }

  .fexed-text, .list.fixed-w, .list.fixed-w2 {
    width: auto;
  }

  .area-tabs.p-bottom-0px.p-top-40px, .area-tabs.ptop-mob-40px {
    padding-top: 40px;
  }

  .position-right {
    padding-left: 24px;
    padding-right: 24px;
  }

  .position-right.mw-1440.center {
    padding-right: 24px;
  }

  .benefits-card.width-620 {
    width: auto;
  }

  .area-cards.top-109px {
    padding-top: 109px;
  }

  .title-cards {
    margin-bottom: 32px;
  }

  .grid-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .heading-3 {
    font-size: 32px;
  }

  .div-block-2 {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .area-btn {
    padding-top: 32px;
  }

  .heading-2 {
    font-size: 36px;
  }

  .left-arrow {
    right: 80px;
  }

  .right-arrow {
    right: 24px;
  }

  .text-cta {
    width: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-title-sailors {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .fixed-title-tab, .fixed-title-tab2 {
    width: auto;
  }

  .grid-four-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .card-white2 {
    height: auto;
    padding-bottom: 32px;
  }

  .fexed-text-ambas {
    width: auto;
  }

  .list-tools {
    width: 100%;
  }

  .list-tools.fixed-w {
    width: auto;
  }

  .hero-title-contact, .hero-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .hero-pp.m-top-26px {
    margin-top: 26px;
  }

  .title-pp {
    padding-bottom: 32px;
  }

  .text-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .heading-4 {
    font-size: 24px;
  }

  .paragraph-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }

  .image-sailor-hero, .image-providers-hero, .image-ambassador, .image-about {
    height: 100%;
  }

  .title-list-about, .text-about-why, .text-about-why.fixed-w, .block-blue, .fix-title-tab1, .fix-title-tab2, .fix-title-benefits, .fix-ttl, .fix-ttl-amdassador, .benefits-card-short.width-620 {
    width: auto;
  }

  .hero-title-about-center {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
  }
}

@media screen and (max-width: 479px) {
  .navbar {
    height: auto;
    margin-top: 0;
    padding: 0;
    position: relative;
  }

  .conteiner-navbar {
    z-index: 999;
    padding-left: 12px;
    padding-right: 12px;
    position: static;
  }

  .nav-menu {
    padding-left: 4px;
  }

  .menu-button {
    z-index: 999;
    padding-right: 0;
  }

  .menu-button.w--open {
    padding-right: 0;
    position: relative;
  }

  .section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .heading {
    font-size: 40px;
  }

  .hero-title {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .hero-image {
    height: auto;
  }

  .vector-absolutly {
    right: -9px;
  }

  .form-block.hide {
    display: none;
  }

  .animation-text {
    padding: 80px 10px;
  }

  .animation-text.p-top-0px {
    padding-bottom: 80px;
  }

  .animation-text.padding-b-60px {
    padding-top: 80px;
  }

  .text-36r.center.blue {
    font-size: 24px;
  }

  .text-36r.center.white.mob-26px {
    font-size: 26px;
  }

  .fixed-animation-text.p-top-32px {
    padding-top: 32px;
  }

  .footer {
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-2 {
    grid-column-gap: 32px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
    grid-auto-columns: .25fr;
    overflow: hidden;
  }

  .footer-menu {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  .footer-icons {
    width: auto;
  }

  .icon-socials-footer, .menu-mob-footer {
    width: 100%;
  }

  .logo-footer {
    width: 194px;
  }

  .tabs-menu {
    justify-content: center;
    align-items: center;
  }

  .heading-1 {
    font-size: 32px;
  }

  .fexed-text {
    width: auto;
  }

  .tab-link-tab-2.mob-h {
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
  }

  .text-tab1 {
    padding-left: 24px;
  }

  .item-list.fixed-item {
    width: auto;
  }

  .list {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .area-tabs {
    padding-bottom: 80px;
  }

  .area-tabs.p-bottom-0px.p-top-40px, .area-tabs.ptop-mob-40px {
    padding-top: 40px;
  }

  .bg-image._3photo.mobh-auto {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .position-right, .position-right.mw-1440 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .position-right.mw-1440.center {
    padding-right: 16px;
  }

  .benefits-card {
    width: 100%;
    padding: 24px;
  }

  .area-cards {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .area-cards.top-109px {
    padding-top: 109px;
  }

  .title-cards {
    margin-bottom: 24px;
  }

  .grid-card {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-3 {
    font-size: 24px;
  }

  .picture {
    margin-top: 0;
    margin-bottom: 0;
  }

  .area-slider {
    padding-top: 80px;
    padding-bottom: 160px;
  }

  .heading-2 {
    font-size: 32px;
  }

  .left-arrow {
    bottom: -18%;
    right: 72px;
  }

  .right-arrow {
    bottom: -18%;
    right: 16px;
  }

  .slide-nav {
    bottom: -18%;
  }

  .card-review, .mask {
    width: 300px;
  }

  .hero-title-sailors, .grid-four-cards {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .fexed-text-ambas {
    width: auto;
  }

  .title-list {
    padding-left: 0;
  }

  .list-tools {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .list-tools.center {
    width: auto;
  }

  .hero-contact {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .hero-title-contact {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .contact-form {
    margin-bottom: 80px;
  }

  .hero-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .title-pp {
    padding-top: 80px;
    padding-bottom: 32px;
  }

  .grid-pp, .text-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .heading-4 {
    font-size: 20px;
  }

  .content-pp {
    padding-top: 0;
    padding-bottom: 80px;
  }

  .paragraph-pp {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .paragraph-pp.m-top-26px {
    margin-top: 10px;
  }

  .image-hand {
    height: 80px;
  }

  .title-list-about {
    justify-content: flex-start;
    align-items: center;
    padding-left: 0;
  }

  .text-about-why {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .fix-title-tab1 {
    width: auto;
  }

  .burger {
    z-index: 999;
  }

  .benefits-card-short {
    width: 100%;
    padding: 24px;
  }

  .hero-about-center {
    padding-top: 40px;
    padding-bottom: 0;
  }

  .hero-title-about-center {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .navbar-sticky {
    padding-bottom: 0;
    position: relative;
  }
}

#w-node-acbd40f6-dabc-bb2f-dbef-e5685640eb0b-1661ce19 {
  place-self: center start;
}

#w-node-_7cf4e18c-0f33-4f41-2f5a-1f15fa2d1a09-1661ce19 {
  place-self: center end;
}

#w-node-_131ec487-a5d3-aba9-3884-8a75e9228b2b-e9228b26 {
  justify-self: end;
}


#w-node-_131ec487-a5d3-aba9-3884-8a75e9228b3a-e9228b26 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_131ec487-a5d3-aba9-3884-8a75e9228b42-e9228b26 {
  justify-self: end;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-05aa348a {
  place-self: center start;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-05aa348a {
  place-self: center end;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-47859051 {
  place-self: center start;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-47859051 {
  place-self: center end;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-3c7bad8b {
  place-self: center start;
}

#w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-3c7bad8b {
  place-self: center end;
}

#w-node-_1de79480-f54d-c7c7-eda1-c3fdb8818907-5336b131 {
  place-self: center start;
}

#w-node-_1de79480-f54d-c7c7-eda1-c3fdb881891a-5336b131 {
  place-self: center;
}

#w-node-f4649e3f-6a8b-025a-639a-e263e9f9e241-5336b131, #w-node-_486bacd3-0f9a-f8c5-7211-cf1cc30b8a9c-ad3fb729 {
  place-self: center start;
}

#w-node-_49d8ca22-44f3-eaa7-8eb2-309c44efa9b5-fa2fc524, #w-node-_49d8ca22-44f3-eaa7-8eb2-309c44efa9b5-5a38a8b8 {
  place-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_7cf4e18c-0f33-4f41-2f5a-1f15fa2d1a09-1661ce19, #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-05aa348a, #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-47859051, #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-3c7bad8b, #w-node-_1de79480-f54d-c7c7-eda1-c3fdb881891a-5336b131 {
    align-self: center;
  }
}

@media screen and (max-width: 767px) {
  #w-node-acbd40f6-dabc-bb2f-dbef-e5685640eb0b-1661ce19 {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_7cf4e18c-0f33-4f41-2f5a-1f15fa2d1a09-1661ce19 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-05aa348a {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-05aa348a {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-47859051 {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-47859051 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd3157489995-3c7bad8b {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_407e59d9-4a56-aae0-2aae-cd31574899a8-3c7bad8b {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: center;
  }

  #w-node-_1de79480-f54d-c7c7-eda1-c3fdb8818907-5336b131 {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }

  #w-node-_1de79480-f54d-c7c7-eda1-c3fdb881891a-5336b131 {
    grid-area: 1 / 1 / 2 / 2;
    justify-self: start;
  }

  #w-node-f4649e3f-6a8b-025a-639a-e263e9f9e241-5336b131, #w-node-_486bacd3-0f9a-f8c5-7211-cf1cc30b8a9c-ad3fb729 {
    grid-area: 2 / 1 / 2 / 2;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_131ec487-a5d3-aba9-3884-8a75e9228b29-e9228b26 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_131ec487-a5d3-aba9-3884-8a75e9228b2b-e9228b26 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }

  #w-node-_131ec487-a5d3-aba9-3884-8a75e9228b3a-e9228b26 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_131ec487-a5d3-aba9-3884-8a75e9228b3f-e9228b26 {
    grid-area: 4 / 1 / 5 / 2;
  }

  #w-node-_131ec487-a5d3-aba9-3884-8a75e9228b42-e9228b26 {
    grid-area: 5 / 1 / 6 / 2;
    justify-self: start;
  }
}

/* Language Switcher Styles */
#language-select {
  padding: 10px 37px 10px 22px;
  border: 1px solid var(--color--royal-sapphire);
  border-radius: 8px;
  background: var(--color--white);
  color: var(--color--royal-sapphire);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 12px;
  min-width: 95px;
  height: 42px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  text-align: left;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23013487' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 14px 14px;
  transition: all 0.2s ease;
  font-family: Inter, sans-serif;
  letter-spacing: 0.5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

#language-select:hover {
  background-color: #f8f9ff;
  border-color: var(--color--midnight-abyss);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(1, 52, 135, 0.15);
  cursor: pointer;
}

#language-select:focus {
  outline: none;
  border-color: var(--color--midnight-abyss);
  box-shadow: 0 0 0 3px rgba(1, 52, 135, 0.1);
  cursor: pointer;
}

#language-select option {
  padding: 10px 14px;
  background: white;
  color: var(--color--royal-sapphire);
  font-weight: 500;
  cursor: pointer;
}

#language-select option:hover {
  background: #f0f4ff;
  cursor: pointer;
}

/* Language switcher responsive */
@media screen and (max-width: 991px) {
  #language-select {
    margin-left: 8px;
    min-width: 85px;
    height: 38px;
    font-size: 13px;
    padding: 8px 28px 8px 12px;
    background-size: 12px 12px;
    background-position: right 8px center;
    letter-spacing: 0.3px;
  }
}

@media screen and (max-width: 767px) {
  #language-select {
    margin-left: 6px;
    margin-top: 0;
    min-width: 80px;
    height: 36px;
    font-size: 13px;
    padding: 7px 26px 7px 10px;
    background-size: 11px 11px;
    background-position: right 7px center;
    letter-spacing: 0.2px;
  }
}

@media screen and (max-width: 479px) {
  #language-select {
    margin-left: 4px;
    min-width: 75px;
    height: 34px;
    font-size: 12px;
    padding: 6px 24px 6px 8px;
    background-size: 10px 10px;
    background-position: right 6px center;
    letter-spacing: 0.1px;
  }
}

/* Mobile menu language switcher */
#language-select-mobile {
  padding: 7px 24px 7px 10px;
  border: 1px solid var(--color--royal-sapphire);
  border-radius: 5px;
  background: var(--color--white);
  color: var(--color--royal-sapphire);
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  margin: 0 0 16px 0;
  width: 95px;
  height: 36px;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' stroke='%23013487' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 7px center;
  background-size: 10px 10px;
  transition: all 0.2s ease;
  font-family: Inter, sans-serif;
  letter-spacing: 0.2px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

#language-select-mobile:hover {
  background-color: #f8f9ff;
  border-color: var(--color--midnight-abyss);
  box-shadow: 0 4px 16px rgba(1, 52, 135, 0.15);
  cursor: pointer;
}

#language-select-mobile:focus {
  outline: none;
  border-color: var(--color--midnight-abyss);
  box-shadow: 0 0 0 3px rgba(1, 52, 135, 0.1);
  cursor: pointer;
}

#language-select-mobile option {
  padding: 10px 14px;
  background: white;
  color: var(--color--royal-sapphire);
  font-weight: 500;
  cursor: pointer;
}

#language-select-mobile option:hover {
  background: #f0f4ff;
  cursor: pointer;
}

/* Mobile language switcher responsive media queries */
/* Hide on desktop - only show on mobile/tablet */
@media screen and (min-width: 992px) {
  #language-select-mobile {
    display: none !important;
  }
}

/* Tablet styles */
@media screen and (max-width: 991px) and (min-width: 768px) {
  #language-select-mobile {
    width: 100px;
    height: 38px;
    font-size: 13px;
    padding: 8px 26px 8px 11px;
    background-size: 11px 11px;
    background-position: right 8px center;
    margin: 0 0 14px 0;
    letter-spacing: 0.25px;
  }
}

/* Mobile landscape */
@media screen and (max-width: 767px) and (min-width: 480px) {
  #language-select-mobile {
    width: 90px;
    height: 34px;
    font-size: 12px;
    padding: 6px 22px 6px 9px;
    background-size: 9px 9px;
    background-position: right 6px center;
    margin: 0 0 12px 0;
    letter-spacing: 0.15px;
    border-radius: 4px;
  }
}

/* Small mobile portrait */
@media screen and (max-width: 479px) {
  #language-select-mobile {
    width: 85px;
    height: 32px;
    font-size: 11px;
    padding: 5px 20px 5px 8px;
    background-size: 8px 8px;
    background-position: right 5px center;
    margin: 0 0 10px 0;
    letter-spacing: 0.1px;
    border-radius: 4px;
  }
}

/* Extra small screens */
@media screen and (max-width: 360px) {
  #language-select-mobile {
    width: 80px;
    height: 30px;
    font-size: 10px;
    padding: 4px 18px 4px 7px;
    background-size: 7px 7px;
    background-position: right 4px center;
    margin: 0 0 8px 0;
    letter-spacing: 0.05px;
  }
}