@import url(https://fonts.googleapis.com/css?family=Open+Sans:500&subset=latin,cyrillic);
/* HERO */
#content .hero.content {
  width: 100%;
  background-color: #fcfcfc;
  background: linear-gradient(to bottom right, #fcfcfc 0%, #dfedf7 100%);
  padding-top: 140px;
  padding-bottom: 240px;
  position: relative;
  overflow: hidden;
}

#content .hero.content::after {
  content: "";
  position: absolute;
  width: 120%;
  height: 980px;
  left: -10%;
  right: -10%;
  top: 70%;
  background-image: url("/dev/wp-content/themes/theme/inc/img/hero-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
  z-index: 1;
  transform: rotate(-7.33deg);
}

#content .hero.content .split {
  position: relative;
  z-index: 10;
  max-width: 1920px;
  padding: 0 max(20px, calc((100% - 1390px) / 2));
}

#content .hero.content .split {
  grid-template-columns: repeat(5, 1fr)
}

#content .hero.content .split div:nth-child(1) {
  grid-column: 1 / span 2;
}

#content .hero.content .split div:nth-child(2) {
  grid-column: 3 / span 3;
}

#content .hero.content .video-container {
  width: 100%;
  height: 450px;
  background-color: #000;
  position: relative;
}

#content .hero.content .video-container video {
  display: block;     /* removes inline-gap */
  width: 100%;        /* grow to column width */
  height: 100%;       /* grow to column height */
  object-fit: cover;
  filter: brightness(0.8); 
  transition: filter ease 0.3s;
}

#content .hero.content .video-container.is-playing video {
  filter: none;
}

#content .hero.content .video-container button {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  background-color: #D3E7F6;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  border-radius: 100vw;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 6L18 12L8 18V6Z' fill='%2309334E' stroke='%2309334E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  opacity: 1;
  transition: opacity ease .3s;
}

#content .hero.content .video-container.is-playing .video-play {
  opacity: 0;
  pointer-events: none; /* prevents stray clicks while hidden */
}

#content .hero.content .video-container button:hover {
  opacity: 0.8;
}

#content .hero.content .video-container button .sr-only {
  width: 1px;
  height: 1px;
  opacity: 0;
}

#content .hero.content .image-container {
  width: 100%;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#content .hero.content h2, #content .hero.content h1 {
  font-size: 54px;
  line-height: 1.2;
  color: #09314e;
  margin: 0;
  font-weight: 400;
}

#content .hero.content h2 span, #content .hero.content h1 span {
  color: #3289c7;
}

#content .hero.content p {
  color: #012c54;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 40px;
}

#content .hero.content .buttons-container {
  margin-bottom: 32px;
}

@media (max-width: 1200px) {
  #content .hero.content .split {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  #content .hero.content .split div:nth-child(1) {
    grid-column: span 1;
  }

  #content .hero.content .split div:nth-child(2) {
    grid-column: span 1;
  }

  #content .hero.content .video-container {
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    aspect-ratio: 16/11;
  }

  #content .hero.content::after {
    content: none;
  }

  #content .hero.content {
    padding-top: 80px;
    padding-bottom: 60px;
  }

  #content .hero.content h2, #content .hero.content h1 {
    font-size: 42px;
  }

  #content .hero.content p {
    font-size: 16px;
  }
}

/* #content .hero.content .top-bar.top-bar.align-right {
  max-width: 1920px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
} */

#content .hero.content .top-bar.top-bar.align-right .bar-link {
  position: relative;
  padding: 16px 88px 16px 88px;
  clip-path: polygon(0 0, 85% 0, 100% 100%, 15% 100%);
  margin-right: max(-68px, calc((100% - 2092px) / 2));
}
/* LAYOUT */

body {
  position: relative;
  z-index: -20;
}

#content {
  margin: 0;
  position: relative;
  z-index: -10;
}

/* COMPONENTS */

#content .top-bar {
  width: 100%;
  display: flex;
  position: absolute;
  top: 0;
}

#content .top-bar.align-right {
  justify-content: end;
}

#content .bar-link {
  background-color: #0177c1;
  background: linear-gradient(to right, #0177c1 0%, #012c54 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  padding: 16px 78px 16px 88px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  opacity: 1;
  transition: opacity ease 0.3s;
}

#content .bar-link:hover {
  opacity: 0.8;
}

#content .bar-link:hover {
  text-decoration: none;
}

#content .button {
  font-size: 16px;
  line-height: 1;
  border: none;
  border-radius: 50px;
  padding: 16px 32px;
  box-shadow: none;
  font-weight: 500;
  /* if no primary or secondary class */
  background-color: #fff;
  color: #000;
  opacity: 1;
  transition: opacity ease 0.3s;
}

#content .button:hover {
  opacity: 0.8;
}

#content .button.primary {
  /* background-color: #0c4a76; */
  background: linear-gradient(to right, #0177c1 0%, #012c54 100%);
  color: #fff;
}

#content .button.secondary {
  background-color: #e1eef8;
  color: #09314e;
  display: inline-flex;
  align-content: center;
}

#content .button.secondary i {
  margin-left: 10px;
  display: inline-block;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.83276 11.1534L11.5 3.5M11.5 3.5V11.5M11.5 3.5H3.5' stroke='%2309314E' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center center;
  padding: 8px;
  font-style: normal;
  background-repeat: no-repeat;
}

#content .buttons-container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 10px;
}

#content .split {
  margin: 0 auto;
  max-width: 1390px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  padding: 0 20px;
  row-gap: 60px;
}

@media (max-width: 900px) {
  #content .split {
    grid-template-columns: 1fr;
  }
}

/* RÕDUKLAASID */
#content .roduklaasid.content {
  width: 100%;
  background-color: #fff;
  padding: 80px 0;
  position: relative;
}

#content .roduklaasid.content .split .left {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#content .roduklaasid.content .split .left .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#content .roduklaasid.content h2,
#content .roduklaasid.content h3,
#content .roduklaasid.content h4,
#content .roduklaasid.content h5,
#content .roduklaasid.content h6,
#content .roduklaasid.content p {
  margin: 0;
}

#content .roduklaasid.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
}

#content .roduklaasid.content h2 span {
  color: #3289c7;
}

#content .roduklaasid.content p {
  color: #012c54;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .roduklaasid.content .image-container {
  width: 100%;
  height: 100%;
  background-image: url("/dev/wp-content/themes/theme/inc/img/roduklaasid-kampaania-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#content .roduklaasid.content .cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

#content .roduklaasid.content .cards .card {
  background-color: #edf4fa;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
}

#content .roduklaasid.content .cards .card p {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7;
}

#content .roduklaasid.content .cards .card i.icon {
  padding: 8px;
  border-radius: 50px;
  background-color: #d3e7f6;
  margin: 0 auto;
}

@media (max-width: 900px) {
  #content .roduklaasid.content {
    width: 100%;
    background-color: #fff;
    padding: 60px 0;
    position: relative;
  }

  #content .roduklaasid.content .image-container {
    display: none;
    padding: 20px;
  }

  #content .roduklaasid.content h2 {
    font-size: 28px;
  }

  #content .roduklaasid.content .cards .card p {
    font-size: 16px;
  }
}

/* TALVEAED */
#content .talveaed.content {
  width: 100%;
  background-color: #f1f7fd;
  padding: 80px 0;
  position: relative;
}

#content .talveaed.content .split .left {
  display: flex;
  flex-direction: column;
  gap: 40px;
  justify-content: center;
}

#content .talveaed.content .split .left .text {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#content .talveaed.content h2,
#content .talveaed.content h3,
#content .talveaed.content h4,
#content .talveaed.content h5,
#content .talveaed.content h6,
#content .talveaed.content p {
  margin: 0;
}

#content .talveaed.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
}

#content .talveaed.content h2 span {
  color: #3289c7;
}

#content .talveaed.content p {
  color: #012c54;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .talveaed.content .image-container {
  /* width: 100%; */
  padding: 60px 40px;
  background-image: url("/dev/wp-content/themes/theme/inc/img/talveaed-kampaania-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

#content .talveaed.content .image-container .image-cards {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#content .talveaed.content .image-container .image-cards .card {
  display: flex;
  flex-direction: row;
  background-color: #fff;
  border: 1px solid #f4fbffbb;
}

#content .talveaed.content .image-container .image-cards .card .card-content {
  padding: 40px 24px;
  display: flex;
  flex-direction: column;
}

#content .talveaed.content .image-container .image-cards .card img {
  width: 40%;
  /* height: 100%; */
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  object-fit: cover;
}

#content .talveaed.content .image-container .image-cards .card h3 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 12px;
  color: #09314e;
}

@media (max-width: 1200px) {
  #content .talveaed.content h2 {
    font-size: 28px;
  }
}

@media (max-width: 900px) {
  #content .talveaed.content {
    padding: 60px 0 90px 0;
  }
  #content .talveaed.content .image-container {
    /* width: 100%; */
    padding: 20px;
  }
}

@media (max-width: 600px) {
  #content .talveaed.content .image-container .image-cards {
    align-items: center;
  }
  #content .talveaed.content .image-container .image-cards .card {
    flex-direction: column;
    max-width: 360px;
  }
  #content .talveaed.content .image-container .image-cards .card img {
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
  }
}

@media (max-width: 1310px) and (min-width: 900px) {
  #content .talveaed.content .image-container .image-cards .card .card-content {
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    font-size: 14px;
  }
  #content .talveaed.content .image-container .image-cards .card .card-content p {
    font-size: 14px;
  }
  #content .talveaed.content .image-container .image-cards .card h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 12px;
    color: #09314e;
  }
}

/* TERASSIKLAASID */
#content .terrassiklaasid.content {
  width: 100%;
  background-color: #e1eef8;
  padding: 80px 0;
  position: relative;
}

#content .terrassiklaasid.content .content-box {
  margin: 0 auto;
  max-width: 1390px;
  padding: 0 20px;
}

#content .terrassiklaasid.content h2,
#content .terrassiklaasid.content h3,
#content .terrassiklaasid.content h4,
#content .terrassiklaasid.content h5,
#content .terrassiklaasid.content h6,
#content .terrassiklaasid.content p {
  margin: 0;
}

#content .terrassiklaasid.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .terrassiklaasid.content h2 {
    font-size: 28px;
  }
}

#content .terrassiklaasid.content h2 span {
  color: #3289c7;
}

#content .terrassiklaasid.content p {
  color: #012c54;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .terrassiklaasid.content .cards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
}

#content .terrassiklaasid.content .cards .card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  max-width: 360px;
}

#content .terrassiklaasid.content .cards .card img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

#content .terrassiklaasid.content .cards .card .card-content {
  padding: 10px 24px 24px 24px;
  text-align: center;
}

#content .terrassiklaasid.content .cards .card .card-content i.icon {
  padding: 8px;
  border-radius: 50px;
  background-color: #e1eef8;
  margin-bottom: 8px;
}

#content .terrassiklaasid.content .cards .card .card-content h3 {
  color: #09314e;
  line-height: 1.4;
  font-size: 18px;
  margin-bottom: 16px;
}

#content .terrassiklaasid.content .top-bar {
  top: -71px;
}

#content .terrassiklaasid.content .top-bar.boxed-width {
  max-width: 1300px;
  margin: 0 auto;
}

@media (max-width: 1390px) {
  #content .terrassiklaasid.content .top-bar.boxed-width {
    width: 90%;
  }
}

@media (max-width: 1200px) {
  #content .terrassiklaasid.content h2 {
    font-size: 28px;
  }
}

@media (max-width: 880px) {
  #content .terrassiklaasid.content h2 {
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* MIKS VALIDA */
#content .miks-valida.content {
  width: 100%;
  background-color: #e1eef8;
  padding: 80px 0;
  position: relative;
}

#content .miks-valida.content .content-box {
  margin: 0 auto;
  max-width: 1390px;
  padding: 0 20px;
}

#content .miks-valida.content h2,
#content .miks-valida.content h3,
#content .miks-valida.content h4,
#content .miks-valida.content h5,
#content .miks-valida.content h6,
#content .miks-valida.content p {
  margin: 0;
}

#content .miks-valida.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .miks-valida.content h2 {
    font-size: 28px;
  }
}

#content .miks-valida.content h2 span {
  color: #3289c7;
}

#content .miks-valida.content h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #09314e;
  margin: 0;
  font-weight: 500;
  margin-bottom: 12px;
}

#content .miks-valida.content p {
  color: #0c4a76;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .miks-valida.content .split {
  margin: 0 auto;
  max-width: 1390px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  padding: 0 0 0 20px;
  background-color: #fff;
}

#content .miks-valida.content .split .right {
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}

#content .miks-valida.content ul {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 32px;
}

#content .miks-valida.content ul li {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

#content .miks-valida.content ul li i {
  display: block;
  font-style: normal;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  font-weight: 500;
  background-color: #e1eef8;
  color: #09314e;
  text-align: center;
  border-radius: 40px;
}

#content .miks-valida.content .left {
  align-self: center;
  padding: 80px 60px;
}

@media (max-width: 1200px) {
  #content .miks-valida.content h2 {
    font-size: 28px;
    text-align: center;
  }
  #content .miks-valida.content .split {
    grid-template-columns: 1fr;
  }
  #content .miks-valida.content .split .right {
    display: none;
  }
  #content .miks-valida.content .left {
    align-self: center;
    padding: 60px 20px;
  }
}

/* TAGASISIDE */

#content .tagasiside.content {
  width: 100%;
  background-color: #fff;
  padding: 80px 0;
  position: relative;
  text-align: center;
}

#content .tagasiside.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .tagasiside.content h2 {
    font-size: 28px;
  }
}

#content .tagasiside.content h2 span {
  color: #3289c7;
}

#content .tagasiside.content .content-container {
  margin: 0 auto;
  max-width: 1390px;
}

#content .tagasiside.content .slider {
  max-width: 656px;
  margin: 0 auto 30px auto;
}

#content .tagasiside.content .slide {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
  height: inherit !important;
  color: #0c4a76;
}

#content .tagasiside.content .slide .slide-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: #edf4fa;
  padding: 40px;
}

#content .tagasiside.content .slide .slide-content .quote {
  font-style: italic;
  font-size: 20px;
  line-height: 1.7;
  margin: 0;
}

#content .tagasiside.content .slide .slide-content .author {
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
}

#content .tagasiside.content .slider {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-image: url("/dev/wp-content/themes/theme/inc/img/tagasiside-kampaania-bg.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

#content .tagasiside.content .slider button i.icon {
  padding: 8px;
  border-radius: 50px;
  background-color: #e1eef8;
}

#content .tagasiside.content .slider .slick-prev:before,
#content .tagasiside.content .slider .slick-next:before {
  content: none;
}

#content .tagasiside.content .slider .slick-next i {
  transform: rotate(180deg);
}

#content .tagasiside.content .slider .slick-prev,
#content .tagasiside.content .slider .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#content .tagasiside.content .slider .slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: calc(100% - 80px);
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

#content .tagasiside.content .slider .slick-dots li button:before {
  font-family: "slick";
  font-size: none;
  line-height: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  text-align: center;
  opacity: 1;
  color: black;
  background-color: #e1eef8;
  border-radius: 8px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#content .tagasiside.content .slider .slick-dots li.slick-active button:before {
  opacity: 1;
  background-color: #3289c7;
}

#content .tagasiside.content .slider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 8px;
  height: 8px;
  padding: 8px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

#content .tagasiside.content .slider .slick-dots li {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 6px;
  padding: 0;
  cursor: pointer;
}

#content .tagasiside.content .slider .slick-next {
  right: -60px;
}

#content .tagasiside.content .slider .slick-prev {
  left: -60px;
}

@media (max-width: 845px) {
  .slider button.slick-arrow {
    display: none !important;
  }
  #content .tagasiside.content .slider {
    padding: 20px;
    max-width: 100%;
  }
  #content .tagasiside.content .slide .slide-content {
    padding: 20px;
  }
  #content .tagasiside.content .slider .slick-dots {
    width: calc(100% - 36px);
  }
  #content .tagasiside.content .slide .slide-content .quote {
    font-style: italic;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
  }
}

/* KUIDAS TELLIDA */
#content .kuidas-tellida.content {
  width: 100%;
  background-color: #e1eef8;
  padding: 80px 0;
  position: relative;
}

#content .kuidas-tellida.content .content-box {
  margin: 0 auto;
  max-width: 1390px;
  padding: 0 20px;
}

#content .kuidas-tellida.content h2,
#content .kuidas-tellida.content h3,
#content .kuidas-tellida.content h4,
#content .kuidas-tellida.content h5,
#content .kuidas-tellida.content h6,
#content .kuidas-tellida.content p {
  margin: 0;
}

#content .kuidas-tellida.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .kuidas-tellida.content h2 {
    font-size: 28px;
  }
}

#content .kuidas-tellida.content h2 span {
  color: #3289c7;
}

#content .kuidas-tellida.content p {
  color: #012c54;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .kuidas-tellida.content .cards {
  display: flex;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
  flex-wrap: wrap;
}

#content .kuidas-tellida.content .cards .card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  max-width: 360px;
}

#content .kuidas-tellida.content .cards .card img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 90%);
}

#content .kuidas-tellida.content .cards .card .card-content {
  padding: 10px 24px 24px 24px;
  text-align: center;
}

#content .kuidas-tellida.content .cards .card .card-content i {
  display: block;
  font-style: normal;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  line-height: 40px;
  font-weight: 500;
  background-color: #e1eef8;
  color: #09314e;
  text-align: center;
  border-radius: 40px;
  margin: 0 auto 8px auto;
}

#content .kuidas-tellida.content .cards .card .card-content h3 {
  color: #09314e;
  line-height: 1.4;
  font-size: 18px;
  margin-bottom: 16px;
}

#content .kuidas-tellida.content .top-bar {
  top: -71px;
}

#content .kuidas-tellida.content .top-bar.boxed-width {
  max-width: 1390px;
  margin: 0 auto;
}

@media (max-width: 1310px) and (min-width: 900px) {
  #content .kuidas-tellida.content .image-container .image-cards .card {
    flex-direction: column;
  }
  #content .kuidas-tellida.content .image-container .image-cards .card img {
    display: none;
  }
}

/* ERIPAKKUMINE */
#content .eripakkumine.content {
  width: 100%;
  background-color: #fcfcfc;
  padding: 80px 0;
  position: relative;
}

#content .eripakkumine.content .content-box {
  margin: 0 auto;
  max-width: 1390px;
  padding: 0 20px;
}

#content .eripakkumine.content h2,
#content .eripakkumine.content h3,
#content .eripakkumine.content h4,
#content .eripakkumine.content h5,
#content .eripakkumine.content h6,
#content .eripakkumine.content p {
  margin: 0;
}

#content .eripakkumine.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .eripakkumine.content h2 {
    font-size: 28px;
  }
  #content .kuidas-tellida.content {
    padding: 60px 0;
  }
}

#content .eripakkumine.content h2 span {
  color: #3289c7;
}

#content .eripakkumine.content h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #09314e;
  margin: 0;
  font-weight: 500;
  margin-bottom: 12px;
}

#content .eripakkumine.content p {
  color: #0c4a76;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .eripakkumine.content .split {
  margin: 0 auto;
  max-width: 1390px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  padding: 0 0 0 20px;
  background-color: #fff;
  position: relative;
  background: linear-gradient(
    105deg,
    #edf4fa 0%,
    #edf4fa 55%,
    #d3e7f6 55%,
    #d3e7f6 100%
  );
}

#content .eripakkumine.content .split .top-bar.align-left {
  justify-content: start;
}

#content .eripakkumine.content .split .bar-span {
  background-color: #0177c1;
  background: linear-gradient(to left, #0177c1 0%, #012c54 100%);
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0 100%);
  padding: 16px 78px 16px 24px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
}

#content .eripakkumine.content .split .right {
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
  clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
}

#content .eripakkumine.content ul {
  background-color: #fcfcfd;
  color: #0c4a76;
  padding: 24px;
  list-style: disc;
  line-height: 1.7;
  font-weight: 500;
  font-size: 16px;
  list-style-position: inside;
}

#content .eripakkumine.content ul li:not(:last-child) {
  margin-bottom: 0.7em;
}

#content .eripakkumine.content .buttons-container {
  margin-top: 36px;
}

#content .eripakkumine.content .left {
  align-self: center;
  padding: 80px 20px 80px 60px;
}

#content .eripakkumine.content .image {
  background-size: contain;
  background-position: 90% center;
  background-repeat: no-repeat;
  position: absolute;
  background-size: 700px 400px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
}

@media (max-width: 900px) {
  #content .eripakkumine.content .split {
    grid-template-columns: 1fr;
  }
  #content .eripakkumine.content .split .right {
    display: none;
  }
  #content .eripakkumine.content .split .image {
    display: none;
  }
  #content .eripakkumine.content .left {
    align-self: center;
    padding: 80px 20px 20px 0;
  }
  #content .eripakkumine.content {
    padding: 60px 0;
  }
}

@media (max-width: 1300px) {
  #content .eripakkumine.content .image {
    background-position: calc(100% + 10vw) center;
  }
}
/* CTA */
#content .cta.content {
  width: 100%;
  background-color: #fcfcfc;
  padding: 80px 0;
  position: relative;
}

#content .cta.content .content-box {
  margin: 0 auto;
  max-width: 1390px;
  padding: 0 20px;
}

#content .cta.content h2,
#content .cta.content h3,
#content .cta.content h4,
#content .cta.content h5,
#content .cta.content h6,
#content .cta.content p {
  margin: 0;
}

#content .cta.content h2 {
  font-size: 36px;
  line-height: 1.25;
  color: #09314e;
  margin: 0;
  font-weight: 400;
  margin-bottom: 40px;
}

@media (max-width: 900px) {
  #content .cta.content h2 {
    font-size: 28px;
  }
}

#content .cta.content h2 span {
  color: #3289c7;
}

#content .cta.content h3 {
  font-size: 18px;
  line-height: 1.4;
  color: #09314e;
  margin: 0;
  font-weight: 500;
  margin-bottom: 12px;
}

#content .cta.content p {
  color: #0c4a76;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;
}

#content .cta.content .split {
  margin: 0 auto;
  max-width: 1390px;
  display: grid;
  grid-template-columns: 2fr 1fr;
  padding: 0 20px 0 0;
  background-color: #fcfcfc;
  position: relative;
}

#content .cta.content .split .top-bar.align-right {
  justify-content: end;
  right: -20px;
}

#content .cta.content .split .top-bar.icon {
  width: 24px;
  height: 24px;
}

#content .cta.content .split .bar-span {
  background-color: #0177c1;
  background: linear-gradient(to right, #0177c1 0%, #012c54 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  padding: 14px 36px 14px 64px;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

#content .cta.content .split .left {
  flex-basis: 70%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}

#content .cta.content ul {
  background-color: #fcfcfd;
  color: #0c4a76;
  padding: 24px;
  list-style: disc;
  line-height: 1.7;
  font-weight: 500;
  font-size: 16px;
  list-style-position: inside;
}

#content .cta.content ul li:not(:last-child) {
  margin-bottom: 0.7em;
}

#content .cta.content .buttons-container {
  margin-top: 36px;
}

#content .cta.content .right {
  align-self: center;
  padding: 120px 48px 120px 0;
  min-width: 420px;
  position: relative;
}
#content .cta.content .right::before {
  content: "";
  position: absolute;
  background-color: #fcfcfc;
  height: 100%;
  width: calc(60px + 200px);
  left: calc((60px + 200px) * -1);
  top: 0;
  clip-path: polygon(60% 0, 100% 0, 100% 100%, 10% 100%);
}

@media (max-width: 900px) {
  #content .cta.content {
    padding: 60px 0;
  }
  #content .cta.content .split {
    margin: 0 auto;
    max-width: 1390px;
    display: grid;
    grid-template-columns: 1fr;
    padding: 0 20px 0 0;
    background-color: #fcfcfc;
    position: relative;
  }
  #content .cta.content .split .left {
    display: none;
  }
  #content .cta.content .right {
    align-self: center;
    padding: 80px 20px 40px 20px;
    min-width: unset;
    position: relative;
  }
}

/* IKOONID */
i.icon {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
}

i.icon.language {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12Z' stroke='%2309334E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 2.05C13 2.05 16 6 16 12C16 18 13 21.95 13 21.95M11 21.95C11 21.95 8 18 8 12C8 6 11 2.05 11 2.05M2.63 15.5H21.37M2.63 8.5H21.37' stroke='%2309334E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.icon.bulb {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.64302 14C4.89267 12.7712 4.49707 11.3588 4.50002 9.919C4.50002 5.545 8.08202 2 12.5 2C16.918 2 20.5 5.545 20.5 9.919C20.503 11.3588 20.1074 12.7712 19.357 14' stroke='%2309334E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M14.5 10C13.887 10.643 13.211 11 12.5 11C11.789 11 11.113 10.643 10.5 10' stroke='%2309334E' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M15.5004 19.0001L15.3704 19.6471C15.2304 20.3541 15.1594 20.7071 15.0004 20.9871C14.7554 21.4187 14.3587 21.7437 13.8874 21.8991C13.5824 22.0001 13.2204 22.0001 12.5004 22.0001C11.7804 22.0001 11.4184 22.0001 11.1134 21.9001C10.6419 21.7445 10.2452 21.4191 10.0004 20.9871C9.84137 20.7071 9.77037 20.3541 9.63037 19.6471L9.50037 19.0001M7.88337 17.0981C7.79137 16.8221 7.74537 16.6831 7.75037 16.5711C7.75603 16.4553 7.79511 16.3436 7.86291 16.2496C7.9307 16.1555 8.02429 16.0831 8.13237 16.0411C8.23637 16.0001 8.38237 16.0001 8.67237 16.0001H16.3284C16.6194 16.0001 16.7644 16.0001 16.8684 16.0401C16.9766 16.0822 17.0703 16.1547 17.1381 16.249C17.2059 16.3432 17.2449 16.4551 17.2504 16.5711C17.2554 16.6831 17.2094 16.8211 17.1174 17.0981C16.9474 17.6091 16.8624 17.8651 16.7314 18.0721C16.4574 18.5047 16.0279 18.8158 15.5314 18.9411C15.2934 19.0001 15.0254 19.0001 14.4884 19.0001H10.5124C9.97537 19.0001 9.70637 19.0001 9.46937 18.9401C8.97303 18.815 8.54356 18.5044 8.26937 18.0721C8.13837 17.8651 8.05337 17.6091 7.88337 17.0981Z' stroke='%2309334E' stroke-width='1.25'/%3E%3Cpath d='M12.5 15.5001V11.0001' stroke='%2309334E' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.icon.storm {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17.3V19.197C12 19.538 12 19.84 12.027 20.062C12.04 20.175 12.066 20.315 12.128 20.444C12.198 20.588 12.331 20.745 12.553 20.806C12.6463 20.8303 12.7437 20.8342 12.8386 20.8175C12.9335 20.8008 13.0237 20.7637 13.103 20.709C13.2111 20.6324 13.3057 20.5384 13.383 20.431C13.5501 20.1955 13.7043 19.9511 13.845 19.699L13.862 19.671L15.158 17.468L15.179 17.431C15.555 16.793 15.865 16.265 16.04 15.833C16.22 15.389 16.313 14.909 16.054 14.455C15.794 14.001 15.332 13.839 14.858 13.768C14.397 13.7 13.784 13.7 13.042 13.7H13V11.803C13 11.462 13 11.16 12.973 10.938C12.9607 10.8059 12.9266 10.6768 12.872 10.556C12.8314 10.4686 12.7724 10.3911 12.699 10.3286C12.6257 10.2661 12.5397 10.2202 12.447 10.194C12.3538 10.1696 12.2564 10.1657 12.1614 10.1824C12.0665 10.1992 11.9763 10.2362 11.897 10.291C11.789 10.3675 11.6944 10.4615 11.617 10.569C11.4499 10.8044 11.2957 11.0488 11.155 11.301L11.138 11.329L9.84202 13.532L9.82102 13.569C9.44502 14.207 9.13502 14.735 8.96002 15.167C8.78002 15.611 8.68702 16.091 8.94602 16.545C9.20602 16.999 9.66802 17.161 10.142 17.232C10.603 17.3 11.216 17.3 11.958 17.3H12Z' stroke='%2309334E' stroke-width='1.25'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 2.5C11.4389 2.49975 10.4004 2.80645 9.50969 3.3831C8.61897 3.95976 7.91408 4.78176 7.48 5.75C7.271 6.214 6.885 6.5 6.5 6.5C5.65279 6.49919 4.83405 6.8057 4.19566 7.36268C3.55728 7.91965 3.14258 8.68928 3.02852 9.52877C2.91445 10.3683 3.10876 11.2206 3.57539 11.9277C4.04202 12.6349 4.74929 13.1487 5.566 13.374C5.638 13.037 5.766 12.721 5.939 12.437C5.34147 12.2981 4.81585 11.9443 4.46211 11.4431C4.10837 10.9419 3.95119 10.3282 4.02045 9.71862C4.08971 9.10907 4.3806 8.54624 4.83777 8.13717C5.29495 7.72811 5.88653 7.50134 6.5 7.5C7.395 7.5 8.077 6.863 8.392 6.16C8.74694 5.3673 9.32364 4.69422 10.0526 4.22195C10.7815 3.74968 11.6315 3.49839 12.5 3.49839C13.3685 3.49839 14.2185 3.74968 14.9474 4.22195C15.6764 4.69422 16.2531 5.3673 16.608 6.16C16.924 6.863 17.605 7.5 18.5 7.5C19.1146 7.49943 19.708 7.72532 20.1666 8.13451C20.6253 8.54369 20.9171 9.1075 20.9864 9.71823C21.0556 10.329 20.8975 10.9438 20.5422 11.4453C20.1868 11.9469 19.6592 12.2999 19.06 12.437C19.235 12.721 19.362 13.037 19.434 13.374C20.2478 13.1459 20.9517 12.6311 21.4157 11.9247C21.8797 11.2183 22.0727 10.368 21.9589 9.53048C21.8451 8.693 21.4322 7.92493 20.7965 7.36796C20.1608 6.81099 19.3452 6.50272 18.5 6.5C18.115 6.5 17.729 6.214 17.52 5.75C17.0859 4.78176 16.381 3.95976 15.4903 3.3831C14.5996 2.80645 13.5611 2.49975 12.5 2.5Z' fill='%2309334E'/%3E%3C/svg%3E%0A");
}

i.icon.check {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_144_97)'%3E%3Cpath d='M16.25 9.74902L12.269 15.057C12.2045 15.1429 12.1223 15.2139 12.028 15.2653C11.9336 15.3167 11.8294 15.3472 11.7222 15.3548C11.6151 15.3624 11.5076 15.3468 11.407 15.3093C11.3063 15.2717 11.215 15.213 11.139 15.137L8.75 12.749' stroke='%2309334E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.23 1.35702C11.3828 1.16715 11.5761 1.01394 11.7959 0.908682C12.0157 0.80342 12.2563 0.748779 12.5 0.748779C12.7437 0.748779 12.9843 0.80342 13.2041 0.908682C13.4239 1.01394 13.6172 1.16715 13.77 1.35702L15.282 3.23802C15.4533 3.45135 15.6756 3.61812 15.9283 3.72298C16.181 3.82784 16.456 3.8674 16.728 3.83802L19.128 3.57702C19.371 3.55003 19.6169 3.57803 19.8475 3.65894C20.0782 3.73986 20.2877 3.87162 20.4606 4.04447C20.6334 4.21732 20.7652 4.42683 20.8461 4.65749C20.927 4.88816 20.955 5.13407 20.928 5.37702L20.667 7.77702C20.6376 8.04903 20.6772 8.32406 20.782 8.57677C20.8869 8.82947 21.0537 9.05171 21.267 9.22302L23.148 10.735C23.3379 10.8878 23.4911 11.0812 23.5963 11.3009C23.7016 11.5207 23.7562 11.7613 23.7562 12.005C23.7562 12.2487 23.7016 12.4893 23.5963 12.7091C23.4911 12.9289 23.3379 13.1223 23.148 13.275L21.261 14.78C21.0475 14.9514 20.8807 15.1738 20.7758 15.4267C20.6709 15.6796 20.6314 15.9548 20.661 16.227L20.922 18.627C20.949 18.87 20.921 19.1159 20.8401 19.3465C20.7592 19.5772 20.6274 19.7867 20.4546 19.9596C20.2817 20.1324 20.0722 20.2642 19.8415 20.3451C19.6109 20.426 19.365 20.454 19.122 20.427L16.722 20.166C16.45 20.1366 16.175 20.1762 15.9223 20.2811C15.6696 20.3859 15.4473 20.5527 15.276 20.766L13.77 22.64C13.6172 22.8299 13.4239 22.9831 13.2041 23.0884C12.9843 23.1936 12.7437 23.2483 12.5 23.2483C12.2563 23.2483 12.0157 23.1936 11.7959 23.0884C11.5761 22.9831 11.3828 22.8299 11.23 22.64L9.719 20.76C9.5476 20.5465 9.3252 20.3797 9.0723 20.2748C8.81941 20.1699 8.54418 20.1305 8.272 20.16L5.872 20.421C5.62893 20.4486 5.38277 20.421 5.15184 20.3403C4.92091 20.2596 4.71115 20.1278 4.53817 19.9548C4.3652 19.7819 4.23345 19.5721 4.15274 19.3412C4.07203 19.1102 4.04443 18.8641 4.072 18.621L4.333 16.221C4.36256 15.9488 4.32308 15.6736 4.21822 15.4207C4.11336 15.1678 3.94648 14.9454 3.733 14.774L1.853 13.263C1.66313 13.1103 1.50993 12.9169 1.40467 12.6971C1.29941 12.4773 1.24477 12.2367 1.24477 11.993C1.24477 11.7493 1.29941 11.5087 1.40467 11.2889C1.50993 11.0692 1.66313 10.8758 1.853 10.723L3.733 9.21102C3.94633 9.03971 4.11311 8.81747 4.21797 8.56476C4.32282 8.31206 4.36238 8.03703 4.333 7.76502L4.072 5.36502C4.04501 5.12207 4.07301 4.87616 4.15393 4.64549C4.23485 4.41483 4.36661 4.20532 4.53945 4.03247C4.7123 3.85962 4.92181 3.72786 5.15248 3.64694C5.38314 3.56603 5.62905 3.53803 5.872 3.56502L8.272 3.82602C8.54418 3.85557 8.81941 3.8161 9.0723 3.71123C9.3252 3.60637 9.5476 3.4395 9.719 3.22602L11.23 1.35702Z' stroke='%2309334E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_144_97'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

i.icon.wrench {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.752 14.407C18.912 15.2459 17.8675 15.8511 16.7219 16.1626C15.5763 16.474 14.3692 16.4811 13.22 16.183C12.8807 16.0869 12.5222 16.0813 12.1801 16.1667C11.838 16.2521 11.5242 16.4256 11.27 16.67L6.98999 20.964C6.89941 21.0555 6.79157 21.1282 6.6727 21.1779C6.55383 21.2275 6.4263 21.253 6.29749 21.253C6.16868 21.253 6.04115 21.2275 5.92228 21.1779C5.80342 21.1282 5.69557 21.0555 5.60499 20.964L3.53799 18.895C3.44665 18.8042 3.37416 18.6963 3.32469 18.5775C3.27522 18.4586 3.24976 18.3312 3.24976 18.2025C3.24976 18.0737 3.27522 17.9463 3.32469 17.8274C3.37416 17.7086 3.44665 17.6007 3.53799 17.51L7.81799 13.226C8.06891 12.9758 8.24693 12.662 8.33291 12.3182C8.41889 11.9745 8.40958 11.6138 8.30599 11.275C8.00468 10.0966 8.023 8.85924 8.35908 7.69035C8.69516 6.52145 9.33684 5.46331 10.218 4.62495C11.0992 3.78715 12.1884 3.20018 13.3728 2.92483C14.5571 2.64949 15.7936 2.6958 16.954 3.05895L14.029 5.98595C13.279 6.73795 12.917 8.32795 13.688 9.08895L15.403 10.816C16.163 11.577 17.753 11.226 18.513 10.465L21.438 7.53795C21.8096 8.72785 21.8489 9.99666 21.5518 11.2073C21.2546 12.4179 20.6323 13.5243 19.752 14.407Z' stroke='%2309334E' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

i.icon.sun {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 1.25C12.1989 1.25 12.3897 1.32902 12.5303 1.46967C12.671 1.61032 12.75 1.80109 12.75 2V3C12.75 3.19891 12.671 3.38968 12.5303 3.53033C12.3897 3.67098 12.1989 3.75 12 3.75C11.8011 3.75 11.6103 3.67098 11.4697 3.53033C11.329 3.38968 11.25 3.19891 11.25 3V2C11.25 1.80109 11.329 1.61032 11.4697 1.46967C11.6103 1.32902 11.8011 1.25 12 1.25Z' fill='%2309334E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.25 12C6.25 10.475 6.8558 9.01247 7.93414 7.93414C9.01247 6.8558 10.475 6.25 12 6.25C13.525 6.25 14.9875 6.8558 16.0659 7.93414C17.1442 9.01247 17.75 10.475 17.75 12C17.75 13.525 17.1442 14.9875 16.0659 16.0659C14.9875 17.1442 13.525 17.75 12 17.75C10.475 17.75 9.01247 17.1442 7.93414 16.0659C6.8558 14.9875 6.25 13.525 6.25 12ZM12 7.75C11.4419 7.75 10.8892 7.85993 10.3736 8.07351C9.85796 8.28709 9.38944 8.60015 8.9948 8.9948C8.60015 9.38944 8.28709 9.85796 8.07351 10.3736C7.85993 10.8892 7.75 11.4419 7.75 12C7.75 12.5581 7.85993 13.1108 8.07351 13.6264C8.28709 14.142 8.60015 14.6106 8.9948 15.0052C9.38944 15.3999 9.85796 15.7129 10.3736 15.9265C10.8892 16.1401 11.4419 16.25 12 16.25C13.1272 16.25 14.2082 15.8022 15.0052 15.0052C15.8022 14.2082 16.25 13.1272 16.25 12C16.25 10.8728 15.8022 9.79183 15.0052 8.9948C14.2082 8.19777 13.1272 7.75 12 7.75Z' fill='%2309334E'/%3E%3Cpath d='M5.46 4.39912C5.31861 4.26243 5.1292 4.18675 4.93255 4.18836C4.7359 4.18998 4.54775 4.26876 4.40863 4.40776C4.26951 4.54675 4.19054 4.73482 4.18874 4.93147C4.18694 5.12812 4.26245 5.3176 4.399 5.45912L5.106 6.16612C5.17466 6.23981 5.25746 6.29891 5.34946 6.3399C5.44146 6.38089 5.54077 6.40293 5.64148 6.40471C5.74218 6.40649 5.84221 6.38796 5.9356 6.35024C6.02899 6.31252 6.11382 6.25638 6.18504 6.18516C6.25626 6.11394 6.3124 6.0291 6.35012 5.93572C6.38784 5.84233 6.40637 5.7423 6.40459 5.6416C6.40281 5.54089 6.38077 5.44158 6.33978 5.34958C6.29879 5.25758 6.23969 5.17478 6.166 5.10612L5.46 4.39912ZM22.75 12.0001C22.75 12.199 22.671 12.3898 22.5303 12.5304C22.3897 12.6711 22.1989 12.7501 22 12.7501H21C20.8011 12.7501 20.6103 12.6711 20.4697 12.5304C20.329 12.3898 20.25 12.199 20.25 12.0001C20.25 11.8012 20.329 11.6104 20.4697 11.4698C20.6103 11.3291 20.8011 11.2501 21 11.2501H22C22.1989 11.2501 22.3897 11.3291 22.5303 11.4698C22.671 11.6104 22.75 11.8012 22.75 12.0001ZM19.601 5.46012C19.6727 5.39097 19.7298 5.30824 19.7692 5.21675C19.8085 5.12527 19.8293 5.02686 19.8302 4.92728C19.8311 4.82769 19.8122 4.72893 19.7745 4.63674C19.7368 4.54455 19.6812 4.46078 19.6108 4.39033C19.5404 4.31988 19.4567 4.26415 19.3645 4.22639C19.2724 4.18864 19.1736 4.16962 19.0741 4.17044C18.9745 4.17125 18.876 4.1919 18.7845 4.23116C18.693 4.27042 18.6102 4.32752 18.541 4.39912L17.834 5.10612C17.7603 5.17478 17.7012 5.25758 17.6602 5.34958C17.6192 5.44158 17.5972 5.54089 17.5954 5.6416C17.5936 5.7423 17.6122 5.84233 17.6499 5.93572C17.6876 6.0291 17.7437 6.11394 17.815 6.18516C17.8862 6.25638 17.971 6.31252 18.0644 6.35024C18.1578 6.38796 18.2578 6.40649 18.3585 6.40471C18.4592 6.40293 18.5585 6.38089 18.6505 6.3399C18.7425 6.29891 18.8253 6.23981 18.894 6.16612L19.601 5.46012ZM12 20.2501C12.1989 20.2501 12.3897 20.3291 12.5303 20.4698C12.671 20.6104 12.75 20.8012 12.75 21.0001V22.0001C12.75 22.199 12.671 22.3898 12.5303 22.5304C12.3897 22.6711 12.1989 22.7501 12 22.7501C11.8011 22.7501 11.6103 22.6711 11.4697 22.5304C11.329 22.3898 11.25 22.199 11.25 22.0001V21.0001C11.25 20.8012 11.329 20.6104 11.4697 20.4698C11.6103 20.3291 11.8011 20.2501 12 20.2501ZM18.894 17.8341C18.8253 17.7604 18.7425 17.7013 18.6505 17.6603C18.5585 17.6193 18.4592 17.5973 18.3585 17.5955C18.2578 17.5938 18.1578 17.6123 18.0644 17.65C17.971 17.6877 17.8862 17.7439 17.815 17.8151C17.7437 17.8863 17.6876 17.9711 17.6499 18.0645C17.6122 18.1579 17.5936 18.2579 17.5954 18.3586C17.5972 18.4593 17.6192 18.5587 17.6602 18.6507C17.7012 18.7427 17.7603 18.8255 17.834 18.8941L18.541 19.6011C18.6097 19.6748 18.6925 19.7339 18.7845 19.7749C18.8765 19.8159 18.9758 19.8379 19.0765 19.8397C19.1772 19.8415 19.2772 19.823 19.3706 19.7852C19.464 19.7475 19.5488 19.6914 19.62 19.6202C19.6913 19.5489 19.7474 19.4641 19.7851 19.3707C19.8228 19.2773 19.8414 19.1773 19.8396 19.0766C19.8378 18.9759 19.8158 18.8766 19.7748 18.7846C19.7338 18.6926 19.6747 18.6098 19.601 18.5411L18.894 17.8341ZM3.75 12.0001C3.75 12.199 3.67098 12.3898 3.53033 12.5304C3.38968 12.6711 3.19891 12.7501 3 12.7501H2C1.80109 12.7501 1.61032 12.6711 1.46967 12.5304C1.32902 12.3898 1.25 12.199 1.25 12.0001C1.25 11.8012 1.32902 11.6104 1.46967 11.4698C1.61032 11.3291 1.80109 11.2501 2 11.2501H3C3.19891 11.2501 3.38968 11.3291 3.53033 11.4698C3.67098 11.6104 3.75 11.8012 3.75 12.0001ZM6.166 18.8941C6.29848 18.7519 6.3706 18.5639 6.36718 18.3696C6.36375 18.1753 6.28503 17.9899 6.14762 17.8525C6.01021 17.7151 5.82482 17.6364 5.63052 17.6329C5.43622 17.6295 5.24817 17.7016 5.106 17.8341L4.399 18.5411C4.26652 18.6833 4.1944 18.8713 4.19782 19.0656C4.20125 19.2599 4.27997 19.4453 4.41738 19.5827C4.55479 19.7202 4.74018 19.7989 4.93448 19.8023C5.12878 19.8057 5.31682 19.7336 5.459 19.6011L6.166 18.8941Z' fill='%2309334E'/%3E%3C/svg%3E%0A");
}

i.icon.arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_144_217)'%3E%3Cpath d='M12.6765 7.00968L1.84315 6.99988M1.84315 6.99988L7.5 1.34303M1.84315 6.99988L7.5 12.6567' stroke='%230C4A76' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_144_217'%3E%3Crect width='14' height='14' fill='white' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

i.icon.house {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.20003 12H2.86683V20.4C2.86683 20.5592 2.93004 20.7118 3.04257 20.8243C3.15509 20.9368 3.3077 21 3.46683 21H19.332C19.4912 21 19.6438 20.9368 19.7563 20.8243C19.8688 20.7118 19.932 20.5592 19.932 20.4V12H21.6C21.7218 11.9998 21.8407 11.9626 21.9408 11.8933C22.0409 11.8239 22.1176 11.7257 22.1606 11.6118C22.2035 11.4978 22.2108 11.3734 22.1814 11.2552C22.152 11.137 22.0874 11.0306 21.996 10.95L11.796 1.95002C11.6865 1.85383 11.5458 1.80078 11.4 1.80078C11.2543 1.80078 11.1135 1.85383 11.004 1.95002L0.804029 10.95C0.71268 11.0306 0.648012 11.137 0.618621 11.2552C0.589231 11.3734 0.59651 11.4978 0.63949 11.6118C0.682471 11.7257 0.759118 11.8239 0.859243 11.8933C0.959368 11.9626 1.07823 11.9998 1.20003 12ZM3.46683 10.8H2.78643L11.4 3.20042L20.0136 10.8H19.3332C19.1741 10.8 19.0215 10.8632 18.909 10.9758C18.7964 11.0883 18.7332 11.2409 18.7332 11.4V19.8H4.06803V11.4C4.06803 11.2409 4.00482 11.0883 3.89229 10.9758C3.77977 10.8632 3.62716 10.8 3.46803 10.8' fill='%2309334E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8497 13.8H9.84966C9.5314 13.8 9.22617 13.9265 9.00113 14.1515C8.77609 14.3766 8.64966 14.6818 8.64966 15V19.8C8.64966 20.1183 8.77609 20.4235 9.00113 20.6486C9.22617 20.8736 9.5314 21 9.84966 21H12.8497C13.1679 21 13.4731 20.8736 13.6982 20.6486C13.9232 20.4235 14.0497 20.1183 14.0497 19.8V15C14.0497 14.6818 13.9232 14.3766 13.6982 14.1515C13.4731 13.9265 13.1679 13.8 12.8497 13.8ZM9.84966 19.8V15H12.8497V19.8H9.84966Z' fill='%2309334E'/%3E%3C/svg%3E%0A");
}

i.icon.time {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2ZM12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4ZM12 6C12.2449 6.00003 12.4813 6.08996 12.6644 6.25272C12.8474 6.41547 12.9643 6.63975 12.993 6.883L13 7V11.586L15.707 14.293C15.8863 14.473 15.9905 14.7144 15.9982 14.9684C16.006 15.2223 15.9168 15.4697 15.7488 15.6603C15.5807 15.8508 15.3464 15.9703 15.0935 15.9944C14.8406 16.0185 14.588 15.9454 14.387 15.79L14.293 15.707L11.293 12.707C11.1376 12.5514 11.0378 12.349 11.009 12.131L11 12V7C11 6.73478 11.1054 6.48043 11.2929 6.29289C11.4804 6.10536 11.7348 6 12 6Z' fill='%23D3E7F6'/%3E%3C/svg%3E%0A");
}

/* HEADER */

body > header {
  position: relative;
  background-color: #fcfcfd;
  z-index: 10;
}

.header-container {
  max-width: 1920px;
  margin: 0 auto;
  padding: 8px 20px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.header-container .lang {
  margin-top: 0;
}

.header-container .menu a {
  font-size: 16px;
  padding: 16px 20px;
}

body > header .poly-1,
body > header .poly-2 {
  position: absolute;
  top: 0;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(1390px + 40px);
  max-width: calc(100% - 0px);
  pointer-events: none;
}

body > header .poly-2::before {
  content: "";
  z-index: 1;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #e1eef8;
  right: calc(1390px + 36px);
}

@media (max-width: 1390px) {
  body > header .poly-2::before {
    right: 99%;
  }
}

@media (max-width: 1390px) {
  body > header .poly-1,
  body > header .poly-2 {
    width: calc(100% - 40px);
  }
}

body > header .poly-1 {
  z-index: 1;
  background: #edf4fa;
  clip-path: polygon(0 0, 10% 0, 20% 100%, 0 100%);
}
body > header .poly-2 {
  z-index: 1;
  background: #e1eef8;
  clip-path: polygon(-100% 0, 5% 0, 15% 100%, -100% 100%);
}

.logo-container {
  align-self: end;
  margin-bottom: 8px;
  z-index: 10;
  max-width: 50%;
}

.logo-container a {
  max-width: 100%;
  display: block;
}

.logo-container a img {
  max-width: 100%;
}

.nav-menu-wrapper {
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: end;
  float: none;
  position: relative;
}

.main-menu {
  height: fit-content;
}

.main-menu ul {
  display: flex;
  flex-direction: row;
  justify-content: end;
  flex-wrap: wrap;
}

.main-menu ul li {
  display: block;
  margin: 0;
}

.main-menu ul li.menu-item {
  margin-left: 0 !important;
}

.main-menu ul a {
  padding: 12px;
  display: block;
  color: #09334e;
  text-decoration: none;
  font-weight: 500;
  opacity: 1;
  transition: opacity ease 0.3s;
}

.main-menu ul a:hover {
  text-decoration: none;
  opacity: 0.8;
}

@media (max-width: 979px) {
  .logo-container {
    /* margin-bottom: 8px; */
    margin-bottom: 0;
  }
  .main-menu ul {
    display: none;
  }
  .nav-menu-wrapper {
    cursor: pointer;
    height: 30px;
    width: 54px;
    background: url(img/menu.svg) no-repeat center #0077c0;
    border-color: #0077c0;
    float: none;
    flex-direction: row;
  }
  .nav-menu-wrapper .lang {
    display: block;
    margin-left: 0;
    height: auto;
    width: auto;
    margin-top: 0;
    float: none;
  }
  .nav-menu-wrapper .lang ul {
    top: -55px;
    right: 24px;
  }
  .nav-menu-wrapper .lang a:first {
    margin: 0;
  }

  .main-menu ul {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 101;
    padding: 70px 15% 15%;
    background: rgba(1, 24, 42, 0.95);
    overflow: auto;
    transition: all 0.3s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

      .main-menu.open ul {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

/* FOOTER */

body > footer {
  position: relative;
  background-color: #09314e;
  margin: 0;
}

body > footer::before {
  content: none;
}

.otgs-development-site-front-end {
  display: none;
}

.footer-wrapper {
  max-width: 1390px;
  margin: 0 auto;
  padding: 60px 20px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /* flex-wrap: wrap; */
  gap: 60px;
}

.footer-links {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
}

.footer-links img {
  align-self: flex-end;
}

.footer-links ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  list-style-type: none;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 12px;
  margin-bottom: 24px;
}

@media (max-width: 500px) {
  .footer-links ul {
    flex-direction: column;
    margin: 0 24px;
  }
  .footer-links img {
    flex-direction: column;
    margin: 0 24px;
    margin-top: 24px;
  }
  .footer-wrapper {
    gap: 36px;
  }
}

.footer-links ul li a {
  color: #a4d0ef;
  text-decoration: none;
}

.footer-contact {
  align-self: baseline;
}

.footer-contact,
.footer-contact a {
  color: #fcfcfd;
}

.footer-contact a {
  text-decoration: none;
  opacity: 1;
  transition: opacity ease 0.3s;
}

.footer-contact a:hover {
  opacity: 0.8;
}

.footer-contact h3 {
  white-space: nowrap;
  font-weight: 500;
  margin: 0;
  margin-bottom: 32px;
}

.footer-contact p {
  margin: 0;
  margin-bottom: 32px;
}


@media (max-width: 512px) {
  .logo-container {
    margin-top: 8px;
  }
}