/*------------------------------------*\
    MAIN
\*------------------------------------*/
/* global box-sizing */
*,
*:after,
*:before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box; }

/* html element 62.5% font-size for REM use */
html {
  padding: 0;
  margin: 0;
  scroll-behavior: smooth; }

body {
  font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1920 - 375)));
  line-height: 1.6;
  color: #101010;
  background-color: #FFFFFF;
  overflow-x: hidden;
  font-family: 'Prompt', sans-serif; }
  @media screen and (max-width: 1800px) {
    body {
      line-height: 1.3; } }

/* clear */
.clear:before,
.clear:after {
  content: ' ';
  display: table; }

.clear:after {
  clear: both; }

.clear {
  *zoom: 1; }

img {
  max-width: 100%;
  vertical-align: bottom; }

a {
  color: #101010;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

a:focus {
  outline: 0; }

a:hover,
a:active {
  outline: 0; }

:focus {
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

:hover {
  transition: all 0.3s ease-in-out; }

input {
  outline: 0;
  -moz-appearance: none;
  -webkit-appearance: none; }

hr {
  box-sizing: border-box; }

.blue {
  color: #00B6ED; }

/*------------------------------------*\
    MISC
\*------------------------------------*/
::selection {
  background: #00B6ED;
  color: #FFF;
  text-shadow: none; }

::-webkit-selection {
  background: #00B6ED;
  color: #FFF;
  text-shadow: none; }

::-moz-selection {
  background: #00B6ED;
  color: #FFF;
  text-shadow: none; }

/*------------------------------------*\
    ANIMATION
\*------------------------------------*/
.section {
  z-index: 999;
  will-change: opacity; }

@keyframes goDown {
  0% {
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    transform: translateY(0);
    opacity: 1; } }

#header {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.7s both; }

.active .three__row:first-child {
  will-change: transform, opacity;
  animation: goDown 0.5s both; }

.active .three__row:nth-child(2) {
  will-change: transform, opacity;
  animation: goDown 1.5s both; }

.active .two__first {
  will-change: transform, opacity;
  animation: goDown 1.5s both; }

.active .two__second {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.5s both; }

.active .four__row__rotator__box {
  will-change: transform, opacity;
  animation: goDown 1.5s both; }
  .active .four__row__rotator__box:nth-child(2) {
    animation: goDown 1.5s 0.5s both; }

.active .four__row__info {
  will-change: transform, opacity;
  animation: goDown 1.5s 1s both; }

.active .five__first {
  will-change: transform, opacity;
  animation: goDown 1.5s both; }

.active .five__second {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.5s both; }

.active .six__reviews {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.3s both; }

.active .seven__know {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.3s both; }

.active .eight__left {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.3s both; }

.active .eight__right {
  will-change: transform, opacity;
  animation: goDown 1.5s 0.7s both; }

.active .one__scroll,
.active .two__scroll,
.active .three__scroll,
.active .four__scroll,
.active .five__scroll,
.active .six__scroll,
.active .seven_scroll {
  will-change: transform, opacity;
  animation: goDown 1.5s 1s both; }

@media screen and (min-width: 1200px) {
  .active .six__partners {
    will-change: transform, opacity;
    animation: goDown 1.5s 0.7s both; }
  .active .seven__question {
    will-change: transform, opacity;
    animation: goDown 1.5s 0.7s both; } }

.grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  column-gap: 24px;
  padding: 0 48px;
  width: 100%; }
  @media screen and (max-width: 1800px) {
    .grid {
      column-gap: 12px;
      padding: 0 24px; } }
  @media screen and (max-width: 1200px) {
    .grid {
      grid-template-columns: repeat(8, 1fr);
      column-gap: 12px;
      padding: 0 24px; } }
  @media screen and (max-width: 600px) {
    .grid {
      grid-template-columns: repeat(4, 1fr);
      column-gap: 16px;
      padding: 0 16px; } }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 900; }
  .header__row {
    padding: 0 24px;
    height: 6vh;
    margin: 4vh 0;
    grid-column: 1/13;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center; }
    .header__row img {
      display: block;
      height: 6vh; }
    .header__row__logo {
      margin-right: auto; }
    @media screen and (max-width: 1800px) {
      .header__row {
        padding: 0 12px; } }
    @media screen and (max-width: 1200px) {
      .header__row {
        margin: 24px 0 4vh; } }
    @media screen and (max-width: 600px) {
      .header__row {
        padding: 0 0 0 16px; } }
  .header__nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center; }
    .header__nav > ul li {
      position: relative; }
      .header__nav > ul li a {
        font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
        color: #101010;
        margin: 0 24px; }
        .header__nav > ul li a:hover {
          color: #00B6ED;
          text-decoration: none; }
      .header__nav > ul li:last-child a {
        height: 40px;
        padding: 0 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 25px;
        border: 1px solid #00B6ED;
        margin-right: 0px; }
        .header__nav > ul li:last-child a:hover {
          background-color: #00B6ED;
          text-decoration: none;
          color: #FFFFFF; }
      .header__nav > ul li .sub-menu {
        display: none;
        width: 300px;
        padding: 24px 12px;
        
left: 50%;
transform: translateX(-50%);
		  margin-top: 10px;
        border-top: 2px solid #00B6ED;
        background-image: linear-gradient(to top, #ffffff, #f5f8ff, #e4f4ff, #cdf0ff, #b3eeff);
        background-size: 150%;
        box-shadow: initial;
        list-style: none;
        position: absolute;
        top: 90%;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.16); }
        .header__nav > ul li .sub-menu:after {
          position: absolute;
          content: '';
          top: -7px;
          width: 0;
          height: 0;
          left: 0;
          right: 0;
          margin: auto;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 5px solid #00B6ED; }
        .header__nav > ul li .sub-menu li {
          text-align: center;
          margin-bottom: 24px; }
          .header__nav > ul li .sub-menu li:last-child {
            margin-bottom: 0px; }
          .header__nav > ul li .sub-menu li a {
            margin: 0 auto;
            border-radius: 0;
            border: initial;
            padding: 8px 0; }
            .header__nav > ul li .sub-menu li a:hover {
              background-color: transparent;
              color: #00B6ED; }
      .header__nav > ul li:hover .sub-menu {
        display: block; }
  @media screen and (max-width: 1200px) {
    .header__nav {
      display: none; } }

.nav__line {
  width: 2px;
  height: 0px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #00B6ED;
  z-index: 15; }

.footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  height: 6vh;
  background-color: #F4F4F4;
  padding: 0 48px;
  font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))); }
  .footer__relative {
    position: relative; }
  .footer a {
    font-weight: 700; }
  @media screen and (max-width: 600px) {
    .footer {
      flex-direction: column;
      justify-content: center;
      min-height: 8vh;
      padding: 12px; }
      .footer div:first-child {
        margin-bottom: 8px; } }

.nav__hamburger {
  width: 40px;
  height: 30px;
  display: none;
  position: absolute;
  top: 4vh;
  right: 36px;
  z-index: 999; }
  @media screen and (max-width: 1200px) {
    .nav__hamburger {
      display: block; } }
  .nav__hamburger:before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #101010;
    position: absolute;
    top: 9px;
    left: 0;
    transition: all 0.3s ease-in-out; }
  .nav__hamburger:after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #101010;
    position: absolute;
    bottom: 9px;
    left: 0;
    transition: all 0.3s ease-in-out; }
  .nav__hamburger__active:after {
    transform: rotate(45deg);
    top: 15px; }
  .nav__hamburger__active:before {
    transform: rotate(-45deg);
    top: 15px; }

.nav__main {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: flex-start;
  padding-top: 10vh;
  transform: translateX(100%);
  transition: all 0.3s ease-in-out;
  position: fixed;
  z-index: 890;
  top: 0;
  background-color: rgba(255, 255, 255, 0.08);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px); }
  .nav__main .menu {
    grid-column: 4/9;
    padding: 10vh 0;
    background-color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.26);
    margin-right: -12px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 600px) {
      .nav__main .menu {
        grid-column: 1/5;
        margin-right: initial; } }
    .nav__main .menu ul {
      width: 100%;
      padding: 0;
      margin: 0;
      list-style: none; }
      .nav__main .menu ul li {
        width: 100%; }
        .nav__main .menu ul li a {
          width: 100%;
          margin-bottom: 0;
          text-align: center;
          display: block;
          color: #101010;
          transition: all 0s ease-in-out; }
          .nav__main .menu ul li a:hover {
            color: #00B6ED;
            text-decoration: none; }
        .nav__main .menu ul li:last-child {
          margin-bottom: 0; }
          .nav__main .menu ul li:last-child a {
            max-width: 200px;
            height: 38px;
            border-radius: 25px;
            padding: 0 24px;
            display: block;
            border: 2px solid #00B6ED;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
            color: #101010; }
            .nav__main .menu ul li:last-child a:hover {
              background-color: #00B6ED;
              color: #FFFFFF; }
  .nav__main ul {
    grid-column: 3/9;
    width: 100%;
    background-color: #FFFFFF;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.26);
    padding: 10vh 0;
    list-style: none;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 600px) {
      .nav__main ul {
        grid-column: 2/5; } }
    .nav__main ul li {
      padding: 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 32px; }
      @media screen and (max-width: 600px) {
        .nav__main ul li {
          margin-bottom: 16px; } }
      .nav__main ul li:last-child {
        margin-bottom: 0; }
        .nav__main ul li:last-child a {
          padding: 10px 22px;
          border-radius: 25px;
          border: 2px solid #00B6ED; }
          .nav__main ul li:last-child a:hover {
            background-color: #00B6ED;
            color: #FFFFFF; }
      .nav__main ul li a {
        color: #101010;
        padding: 8px 0; }
        .nav__main ul li a:hover {
          color: #00B6ED;
          text-decoration: none; }
      .nav__main ul li .sub-menu {
        width: 100%;
        padding: 24px 0;
        background-image: linear-gradient(to bottom, #ffffff, #f5f8ff, #e4f4ff, #cdf0ff, #b3eeff);
        background-size: 150%;
        box-shadow: initial;
        display: none; }
        @media screen and (max-width: 600px) {
          .nav__main ul li .sub-menu {
            padding: 12px 0; } }
        .nav__main ul li .sub-menu:last-child {
          margin-bottom: 0; }
          .nav__main ul li .sub-menu:last-child a {
            padding: 0;
            border-radius: 25px;
            border: initial;
            border-radius: initial; }
            .nav__main ul li .sub-menu:last-child a:hover {
              text-decoration: none;
              background-color: transparent;
              color: #00B6ED; }
    .nav__main ul .active__menu > a {
      width: 100%;
      text-align: center;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.06);
      z-index: 1; }
  .nav__main__active {
    transform: translateX(0%);
    display: block; }

.one {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/mainBg.jpg") #13002C center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  border-left: 10vw solid #13002C; }
  @media screen and (max-width: 1200px) {
    .one {
      border-left-width: 60px;
      background-position: center center; } }
  @media screen and (max-width: 600px) {
    .one {
      border-left-width: 36px; } }
  .one:after {
    content: '';
    height: 50vh;
    position: absolute;
    top: 0;
    left: -1px;
    border-top: 51vh solid #13002C;
    border-right: 50vh solid transparent; }
    @media screen and (max-width: 1200px) {
      .one:after {
        height: 40vh;
        border-top-width: 41vh;
        border-right-width: 40vh; } }
  .one:before {
    content: '';
    height: 50vh;
    position: absolute;
    left: -1px;
    bottom: 0;
    border-bottom: 51vh solid #13002C;
    border-right: 50vh solid transparent; }
    @media screen and (max-width: 1200px) {
      .one:before {
        height: 60vh;
        border-bottom-width: 60.5vh;
        border-right-width: 60vh; } }
  .one .grid {
    height: 100vh; }
  .one__gradient {
    width: 100%;
    height: 100%;
    background: url("../../assets/img/gradient.png") center left no-repeat;
    position: absolute;
    left: 0;
    z-index: -1;
    animation: opacityChange 4s ease-in-out infinite; }
    @media screen and (max-width: 1200px) {
      .one__gradient {
        height: 80vh; } }

@keyframes opacityChange {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.5; }
  100% {
    opacity: 1; } }
  .one__brand {
    grid-column: 2/6;
    position: absolute;
    top: calc(50% + 4px);
    transform: translateY(-50%);
    left: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    z-index: 2; }
    @media screen and (max-width: 1200px) {
      .one__brand {
        top: calc(40% + 50px);
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; } }
    @media screen and (max-width: 600px) {
      .one__brand {
        top: calc(50% - 20px); } }
    .one__brand h1 {
      font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
      margin: 0;
      padding: 0;
      color: #FFFFFF;
      margin-left: 58px;
      font-weight: 400; }
      @media screen and (max-width: 1200px) {
        .one__brand h1 {
          margin: 6vh 0 12px 0;
          text-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); } }
    .one__brand img {
      height: 35px; }
      @media screen and (max-width: 600px) {
        .one__brand img {
          height: 30px; } }
  .one__desc {
    width: calc((100vw/12)*3.5);
    position: absolute;
    top: 60%;
    left: 0;
    transform: translateY(-50%); }
    @media screen and (max-width: 1200px) {
      .one__desc {
        width: calc((100vw/8)*4);
        top: calc(50% + 36px); } }
    @media screen and (max-width: 600px) {
      .one__desc {
        width: 100%;
        top: calc(50% + 64px);
        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.16); } }
    .one__desc p {
      font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
      margin: 0;
      padding: 0;
      color: #FFFFFF; }
  .one__scroll {
    width: 10vh;
    height: 10vh;
    display: block;
    background-color: #FFFFFF;
    border-radius: 50%;
    position: absolute;
    bottom: 4vh;
    left: -10vw;
    right: 0;
    margin: auto;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.26);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    @media screen and (max-width: 1200px) {
      .one__scroll {
        bottom: 10vh;
        width: 77px;
        height: 77px;
        left: 0; }
        .one__scroll img {
          max-width: 35%; } }
    @media screen and (max-width: 600px) {
      .one__scroll {
        bottom: 24px;
        width: 48px;
        height: 48px; } }

.two {
  width: 100%;
  height: 100vh;
  position: relative;
  padding-top: 30vh; }
  @media screen and (max-width: 1200px) {
    .two {
      padding-top: calc(20vh + 24px); } }
  .two:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../assets/img/bg-2.png") #FFFFFF;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1; }
    @media screen and (max-width: 1200px) {
      .two:before {
        background: url("../../assets/img/bg-2-tablet.png") #FFFFFF;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover; } }
    @media screen and (max-width: 600px) {
      .two:before {
        background: url("../../assets/img/bg-2-mobile.png") #FFFFFF;
        background-position: top right;
        background-repeat: no-repeat;
        background-size: cover; } }
  .two:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url("../../assets/img/blue-right.png");
    background-position: bottom right;
    background-repeat: no-repeat; }
  .two .grid {
    grid-template-rows: 2; }
  .two__first {
    grid-column: 2/6; }
    @media screen and (max-width: 1800px) {
      .two__first {
        grid-column: 2/7; } }
    @media screen and (max-width: 600px) {
      .two__first {
        grid-column: 1/5; } }
    .two__first h3 {
      font-size: calc(20px + (28 - 20) * ((100vw - 375px) / (1920 - 375)));
      margin: 0;
      padding: 0;
      font-weight: 400; }
      @media screen and (max-width: 600px) {
        .two__first h3 {
          padding-right: 20px;
          padding-left: 6px; } }
      .two__first h3 span {
        display: inline-block;
        background-color: #01c4ff;
        word-wrap: break-word;
        padding: 0 4px;
        z-index: 10; }
        .two__first h3 span:hover {
          background-color: #01c4ff; }
  .two__second {
    grid-column: 6/12;
    grid-row: 2;
    margin-top: 10vh; }
    @media screen and (max-width: 1200px) {
      .two__second {
        grid-column: 4/9;
        margin-top: 22vh; } }
    @media screen and (max-width: 600px) {
      .two__second {
        margin-top: 10vh;
        grid-column: 1/5;
        padding-left: 56px; } }
    .two__second p {
      font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375)));
      margin: 0;
      padding: 0; }
  .two__scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 10vh;
    z-index: 1; }
    @media screen and (max-width: 1800px) {
      .two__scroll {
        bottom: 6vh; } }
    @media screen and (max-width: 600px) {
      .two__scroll {
        bottom: 24px; } }
    .two__scroll__cta {
      min-width: 320px;
      height: 48px;
      background-color: transparent;
      color: #101010;
      border-radius: 32px;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #13002C; }
      @media screen and (max-width: 1800px) {
        .two__scroll__cta {
          min-width: 280px;
          height: 40px; } }
      @media screen and (max-width: 600px) {
        .two__scroll__cta {
          min-width: 240px;
          height: 32px; } }
      .two__scroll__cta:hover {
        background-color: #13002C;
        color: #FFFFFF;
        text-decoration: none; }

.three {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/blue.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
  padding-top: 20vh; }
  @media screen and (max-width: 1200px) {
    .three {
      padding-top: calc(10vh + 24px);
      display: flex;
      align-items: center;
      padding-bottom: calc(6vh + 40px); } }
  @media screen and (max-width: 1200px) {
    .three {
      padding-top: 84px; } }
  .three .dark {
    background-color: #13002C;
    color: #FFFFFF; }
  .three .only-mobile {
    display: none; }
    @media screen and (max-width: 600px) {
      .three .only-mobile {
        display: flex; } }
  .three .owl-stage {
    padding: 20px 0; }
    @media screen and (max-width: 600px) {
      .three .owl-stage {
        padding: 40px 0; } }
  .three__row {
    grid-column: 2/12;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1200px) {
      .three__row {
        grid-column: 1/9;
        margin-left: -24px;
        width: 100vw; } }
    @media screen and (max-width: 600px) {
      .three__row {
        grid-column: 1/5;
        width: 100vw;
        margin-left: -16px; } }
    .three__row:first-child {
      margin-bottom: 4vh; }
      @media screen and (max-width: 1200px) {
        .three__row:first-child {
          margin-bottom: calc(4vh - 40px); } }
    .three__row .center {
      transform: scale(1.1); }
    .three__row__box {
      width: calc(((100vw - 144px)/12)*2);
      height: calc(((100vw - 144px)/12)*2);
      box-shadow: 0 4px 24px rgba(150, 143, 143, 0.16);
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;
      padding: 12px;
      position: relative;
      background-color: #FFFFFF;
      cursor: pointer; }
      @media screen and (max-width: 1200px) {
        .three__row__box {
          width: 100%;
          height: 23vh; } }
      @media screen and (max-width: 600px) {
        .three__row__box {
          width: 100%;
          height: 35vh; } }
      .three__row__box a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; }
      .three__row__box .hover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        opacity: 0;
        transition: all 0.3s ease-in-out; }
      .three__row__box:hover .hover {
        opacity: 1; }
      .three__row__box h4 {
        font-weight: 400;
        text-align: center;
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))); }
      .three__row__box > img {
        height: 100px; }
  .three__scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 10vh; }
    @media screen and (max-width: 1800px) {
      .three__scroll {
        bottom: 6vh; } }
    @media screen and (max-width: 600px) {
      .three__scroll {
        bottom: 24px; } }
    .three__scroll__cta {
      min-width: 320px;
      height: 48px;
      background-color: transparent;
      color: #101010;
      border-radius: 32px;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #13002C; }
      @media screen and (max-width: 1800px) {
        .three__scroll__cta {
          min-width: 280px;
          height: 40px; } }
      @media screen and (max-width: 600px) {
        .three__scroll__cta {
          min-width: 240px;
          height: 32px; } }
      .three__scroll__cta:hover {
        background-color: #13002C;
        color: #FFFFFF;
        text-decoration: none; }

.four {
  width: 100%;
  height: 100vh;
  padding-top: 20vh;
  background: url("../../assets/img/blue-right.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom right; }
  @media screen and (max-width: 1800px) {
    .four {
      padding-top: 20vh; } }
  @media screen and (max-width: 1200px) {
    .four {
      padding-top: calc(14vh + 24px); } }
  @media screen and (max-width: 600px) {
    .four {
      padding-top: 88px;
      background-size: contain; } }
  .four .owl-stage {
    padding: 20px 0; }
    @media screen and (max-width: 1200px) {
      .four .owl-stage {
        padding: 40px 0; } }
    @media screen and (max-width: 600px) {
      .four .owl-stage {
        padding: 32px 0; } }
  .four__row {
    grid-column: 2/12;
    padding: 0 65px;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1800px) {
      .four__row {
        padding: 0; } }
    @media screen and (max-width: 1200px) {
      .four__row {
        grid-column: 1/9;
        width: 100vw;
        margin-left: -24px;
        padding: 0; } }
    @media screen and (max-width: 600px) {
      .four__row {
        grid-column: 1/5;
        margin-left: -16px; } }
    .four__row .center {
      transform: scale(1.1); }
      @media screen and (max-width: 1200px) {
        .four__row .center {
          transform: scale(1.06); } }
    .four__row__rotator {
      display: flex;
      justify-content: space-between;
      margin-bottom: 24px; }
      @media screen and (max-width: 1800px) {
        .four__row__rotator {
          margin-bottom: 20px; } }
      @media screen and (max-width: 1200px) {
        .four__row__rotator {
          margin-bottom: 16px; } }
      @media screen and (max-width: 600px) {
        .four__row__rotator {
          margin-bottom: 0px; } }
      .four__row__rotator__box {
        width: calc((100% / 3) - 16px);
        height: 60vh;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        display: flex;
        flex-direction: column;
        padding: 24px 20px;
        background-color: #FFFFFF;
        border-radius: 4px; }
        @media screen and (max-width: 1200px) {
          .four__row__rotator__box {
            width: 100%;
            height: 50vh;
            padding: 12px 16px; } }
        @media screen and (max-width: 600px) {
          .four__row__rotator__box {
            height: 60vh;
            padding: 12px; } }
        .four__row__rotator__box__header {
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
          align-items: center;
          border-bottom: 1px solid #F4F4F4;
          margin-bottom: 24px;
          height: 74px; }
          .four__row__rotator__box__header small {
            display: block;
            text-transform: uppercase;
            margin: 0 0 4px;
            font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375))); }
          .four__row__rotator__box__header h3 {
            font-size: calc(18px + (22 - 18) * ((100vw - 375px) / (1920 - 375)));
            margin: 0 0 4px;
            color: #101010;
            font-weight: 500; }
          .four__row__rotator__box__header span {
            color: #00B6ED;
            text-transform: uppercase;
            margin: 0 0 4px;
            font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375))); }
          @media screen and (max-width: 600px) {
            .four__row__rotator__box__header {
              height: 70px; } }
        .four__row__rotator__box__content {
          display: flex;
          flex-direction: column;
          list-style: none;
          padding: 0;
          margin: 0; }
          .four__row__rotator__box__content li {
            padding-left: 28px;
            position: relative;
            font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
            margin-bottom: 12px;
            position: relative; }
            @media screen and (max-width: 600px) {
              .four__row__rotator__box__content li {
                margin-bottom: 8px; } }
            .four__row__rotator__box__content li:after {
              content: '';
              background: url("../../assets/img/check.png");
              background-repeat: no-repeat;
              width: 11px;
              height: 17px;
              position: absolute;
              top: 0;
              left: 4px; }
        .four__row__rotator__box__footer {
          border-top: 1px solid #F4F4F4;
          margin-top: auto;
          padding: 16px 0; }
          @media screen and (max-width: 600px) {
            .four__row__rotator__box__footer {
              padding: 16px 0 8px; } }
          .four__row__rotator__box__footer h3 {
            font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
            margin: 0 0 8px;
            padding: 0;
            text-align: center;
            font-weight: 400; }
            .four__row__rotator__box__footer h3 > small {
              display: inline-block;
              margin-right: 6px;
              text-transform: uppercase;
              color: #101010;
              margin-bottom: 0; }
          .four__row__rotator__box__footer small {
            color: #666;
            text-transform: uppercase;
            display: block;
            text-align: center;
            margin-bottom: 18px;
            font-size: calc(7px + (12 - 7) * ((100vw - 375px) / (1920 - 375))); }
          .four__row__rotator__box__footer a {
            max-width: 320px;
            height: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 0 auto;
            border: 1px solid #13002C;
            color: #101010;
            text-decoration: none;
            border-radius: 25px;
            text-align: center;
            transition: all 0.3s ease-in-out;
            font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))); }
            .four__row__rotator__box__footer a:hover {
              background-color: #13002C;
              color: #FFFFFF; }
            @media screen and (max-width: 1200px) {
              .four__row__rotator__box__footer a {
                height: 40px; } }
            @media screen and (max-width: 600px) {
              .four__row__rotator__box__footer a {
                height: 32px; } }
            @media screen and (max-width: 1366px) {
              .four__row__rotator__box__footer a {
                max-width: 100%; } }
        .four__row__rotator__box:nth-child(2) .four__row__rotator__box__footer a {
          border-width: 2px;
          border-color: #00B6ED; }
          .four__row__rotator__box:nth-child(2) .four__row__rotator__box__footer a:hover {
            background-color: #00B6ED; }
    .four__row__info {
      width: 100%;
      height: 60px;
      background-color: #13002C;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #FFFFFF;
      font-size: 14px;
      border-radius: 4px; }
      @media screen and (max-width: 1200px) {
        .four__row__info {
          width: calc(100% - 72px);
          margin: 0 auto; } }
      @media screen and (max-width: 600px) {
        .four__row__info {
          width: calc(100% - 32px);
          margin: 0 auto;
          height: 36px;
          font-size: 12px; } }
  .four__scroll {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px; }
    @media screen and (max-width: 1800px) {
      .four__scroll {
        margin-top: 16px; } }
    @media screen and (max-width: 600px) {
      .four__scroll {
        margin-top: 12px; } }
    .four__scroll a {
      color: #101010;
      text-decoration: underline;
      font-size: 14px; }
      .four__scroll a:hover {
        color: #00B6ED; }

.four__row__rotator .owl-item:nth-child(2) .four__row__rotator__box__footer a {
  border-width: 2px;
  border-color: #00B6ED; }
  .four__row__rotator .owl-item:nth-child(2) .four__row__rotator__box__footer a:hover {
    background-color: #00B6ED; }

.five {
  width: 100%;
  height: 100vh;
  background: url("../../assets/img/blue.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom left;
  position: relative;
  padding-top: 20vh;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media screen and (max-width: 1200px) {
    .five {
      padding-top: calc(10vh + 24px);
      display: flex;
      align-items: center;
      justify-content: center;
      padding-bottom: 24vh; } }
  @media screen and (max-width: 600px) {
    .five {
      padding-top: 84px;
      align-items: flex-start;
      padding-bottom: initial; } }
  .five ::-webkit-scrollbar {
    width: 3px; }
  .five ::-webkit-scrollbar-track {
    background: #ddd; }
  .five ::-webkit-scrollbar-thumb {
    background: #888; }
  .five ::-webkit-scrollbar-thumb:hover {
    background: #00B6ED; }
  .five__first {
    grid-column: 2/5;
    width: 100%;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1200px) {
      .five__first {
        grid-column: 2/8;
        flex-direction: row;
        align-items: center;
        margin-bottom: 30px; } }
    @media screen and (max-width: 600px) {
      .five__first {
        align-items: flex-start;
        grid-column: 1/5; } }
    .five__first__photo {
      width: 100%;
      padding-top: 100%;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
      margin-bottom: 30px; }
      @media screen and (max-width: 1200px) {
        .five__first__photo {
          width: calc((100vw/8)*2.2);
          height: calc((100vw/8)*2.2);
          padding-top: 0;
          margin-bottom: 0; } }
      .five__first__photo img {
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        width: 100%;
        height: 100%; }
    @media screen and (max-width: 1200px) {
      .five__first__sign {
        padding-left: calc((100vw/8)/2); } }
    .five__first h3 {
      font-weight: 400;
      color: #101010;
      text-align: center;
      margin: 0 0 4px;
      padding: 0;
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))); }
      @media screen and (max-width: 1200px) {
        .five__first h3 {
          text-align: left; } }
    .five__first span {
      font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
      width: 100%;
      color: #00B6ED;
      text-align: center;
      text-transform: uppercase;
      display: block; }
      @media screen and (max-width: 1200px) {
        .five__first span {
          text-align: left; } }
  .five__second {
    grid-column: 6/11;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 6vh; }
    @media screen and (max-width: 1200px) {
      .five__second {
        grid-column: 2/8; } }
    @media screen and (max-width: 600px) {
      .five__second {
        grid-column: 1/5;
        padding-left: 36px; } }
    .five__second p {
      font-size: calc(14px + (20 - 14) * ((100vw - 375px) / (1920 - 375)));
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 600px) {
        .five__second p {
          max-height: 35vh;
          overflow: hidden;
          overflow-y: scroll; } }
  .five__scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 10vh; }
    @media screen and (max-width: 600px) {
      .five__scroll {
        bottom: 24px; } }
    .five__scroll__cta {
      min-width: 320px;
      height: 64px;
      background-color: #13002C;
      color: #FFFFFF;
      border-radius: 32px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      margin-bottom: 32px;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 1800px) {
        .five__scroll__cta {
          min-width: 280px;
          height: 56px; } }
      @media screen and (max-width: 600px) {
        .five__scroll__cta {
          min-width: 240px;
          height: 48px; } }
      .five__scroll__cta:hover {
        background-color: #00B6ED;
        text-decoration: none; }
    .five__scroll p {
      margin: 0;
      padding: 0;
      font-size: 14px; }
    .five__scroll__link {
      text-decoration: underline;
      color: #101010; }
      .five__scroll__link:hover {
        text-decoration: none; }

.six {
  width: 100%;
  height: 100vh;
  padding-top: 30vh;
  background: url("../../assets/img/blue-right.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom right; }
  @media screen and (max-width: 1800px) {
    .six {
      padding-top: 26vh; } }
  @media screen and (max-width: 1200px) {
    .six {
      padding-top: calc(16vh + 24px);
      background-size: 50vh; } }
  @media screen and (max-width: 600px) {
    .six {
      padding-top: 88px;
      background-size: contain; } }
  .six__menu {
    grid-column: 1/5;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10vh; }
    @media screen and (max-width: 600px) {
      .six__menu {
        display: flex; } }
    .six__menu__item {
      width: 50%;
      background-color: #eee;
      color: #bbb;
      border: 0;
      font-size: 14px;
      height: 36px; }
      .six__menu__item__active {
        background-color: #FFFFFF;
        color: #101010; }
  .six__reviews {
    grid-column: 2/7;
    position: relative;
    width: 100%; }
    @media screen and (max-width: 1200px) {
      .six__reviews {
        grid-column: 2/8;
        margin-bottom: 6vh; } }
    @media screen and (max-width: 600px) {
      .six__reviews {
        grid-column: 1/5;
        opacity: 1;
        margin-bottom: 0; }
        .six__reviews .owl-controls {
          position: fixed;
          left: 0;
          right: 0;
          margin: auto;
          bottom: 0px; } }
    .six__reviews > h3 {
      font-size: calc(13px + (14 - 13) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 4vh;
      padding: 0;
      font-weight: 400;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 600px) {
        .six__reviews > h3 {
          display: none; } }
      .six__reviews > h3:after {
        width: 100%;
        height: 1px;
        background-color: #bbb;
        top: 0;
        margin: auto;
        bottom: 0;
        left: 0;
        position: absolute;
        content: '';
        z-index: -2; }
      .six__reviews > h3:before {
        content: '';
        width: 140px;
        height: 10px;
        background-color: #FFFFFF;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        z-index: -1; }
    .six__reviews__row {
      position: relative; }
      @media screen and (max-width: 600px) {
        .six__reviews__row {
          height: 66vh; } }
      .six__reviews__row:after {
        width: 100%;
        height: calc(100% - 64px);
        top: 20px;
        content: '';
        position: absolute;
        z-index: -3;
        background-image: linear-gradient(to bottom, #ffffff, #f5f8ff, #e4f4ff, #cdf0ff, #b3eeff); }
        @media screen and (max-width: 1200px) {
          .six__reviews__row:after {
            top: 40%;
            height: calc(60% - 32px); } }
        @media screen and (max-width: 600px) {
          .six__reviews__row:after {
            background-image: inherit; } }
      .six__reviews__row__item {
        display: flex;
        flex-direction: column; }
        .six__reviews__row__item > p {
          font-style: italic;
          font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
          padding: 0 calc((100vw/12)/2);
          margin: 0;
          text-align: center;
          padding-bottom: 10vh; }
          @media screen and (max-width: 1200px) {
            .six__reviews__row__item > p {
              padding-bottom: 6vh; } }
        .six__reviews__row__item__data {
          display: flex;
          flex-direction: row;
          justify-content: center;
          align-items: center;
          margin-bottom: 6vh; }
          @media screen and (max-width: 1200px) {
            .six__reviews__row__item__data {
              margin-bottom: 4vh; } }
          @media screen and (max-width: 600px) {
            .six__reviews__row__item__data {
              margin-bottom: calc(6vh + 24px); } }
          .six__reviews__row__item__data img {
            border-radius: 40px;
            max-width: 80px;
            height: 80px;
            object-fit: cover; }
            @media screen and (max-width: 600px) {
              .six__reviews__row__item__data img {
                max-width: 48px;
                height: 48px; } }
          .six__reviews__row__item__data h3 {
            font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
            font-weight: 400;
            margin: 0 0 4px;
            padding: 0; }
          .six__reviews__row__item__data p {
            font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
            margin: 0;
            padding: 0;
            font-style: normal;
            color: #00B6ED; }
          .six__reviews__row__item__data > div {
            display: flex;
            flex-direction: column;
            justify-content: center;
            margin-left: 12px; }
      .six__reviews__row__prev {
        width: 20px;
        height: 20px;
        border-bottom: 2px solid #00B6ED;
        border-right: 2px solid #00B6ED;
        position: absolute;
        top: 9vh;
        left: calc(100vw/18);
        z-index: 11;
        transform: rotate(135deg);
        cursor: pointer;
        transition: all 0.3s ease-in-out; }
        .six__reviews__row__prev:hover {
          border-color: #13002C; }
        @media screen and (max-width: 600px) {
          .six__reviews__row__prev {
            top: 2vh; } }
      .six__reviews__row__next {
        width: 20px;
        height: 20px;
        border-bottom: 2px solid #00B6ED;
        border-right: 2px solid #00B6ED;
        position: absolute;
        top: 9vh;
        right: calc(100vw/18);
        z-index: 11;
        transform: rotate(-45deg);
        cursor: pointer;
        transition: all 0.3s ease-in-out; }
        .six__reviews__row__next:hover {
          border-color: #13002C; }
        @media screen and (max-width: 600px) {
          .six__reviews__row__next {
            top: 2vh; } }
  .six__partners {
    grid-column: 8/12;
    width: 100%; }
    @media screen and (max-width: 1200px) {
      .six__partners {
        grid-column: 1/9;
        width: 100vw;
        margin-left: -24px;
        padding: 0 calc((100vw/8)/2); } }
    @media screen and (max-width: 600px) {
      .six__partners {
        grid-column: 1/5;
        opacity: 0;
        width: 100vw;
        margin-left: -16px;
        padding: 0; } }
    .six__partners .owl-item {
      padding: 0 16px; }
    .six__partners > h3 {
      font-size: calc(13px + (14 - 13) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 4vh;
      padding: 0;
      font-weight: 400;
      text-align: center;
      position: relative; }
      @media screen and (max-width: 1200px) {
        .six__partners > h3 {
          width: 80%;
          margin: 0 auto 4vh; } }
      @media screen and (max-width: 600px) {
        .six__partners > h3 {
          display: none; } }
      .six__partners > h3:after {
        width: 100%;
        height: 1px;
        background-color: #bbb;
        top: 0;
        margin: auto;
        bottom: 0;
        left: 0;
        position: absolute;
        content: '';
        z-index: -2; }
      .six__partners > h3:before {
        content: '';
        width: 280px;
        height: 10px;
        background-color: #FFFFFF;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        z-index: -1; }
    .six__partners__col {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 1200px) {
        .six__partners__col {
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: space-between; } }
      @media screen and (max-width: 600px) {
        .six__partners__col {
          flex-wrap: wrap;
          flex-direction: inherit;
          justify-content: space-between; } }
    .six__partners__row {
      width: 100%; }
      .six__partners__row__item {
        width: calc(50% - 12px);
        height: 120px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        background-color: #FFFFFF;
        margin-bottom: 24px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (max-width: 1800px) {
          .six__partners__row__item {
            height: 110px; } }
        @media screen and (max-width: 1200px) {
          .six__partners__row__item {
            width: calc(25% - 12px);
            height: 90px;
            margin-bottom: 12px; } }
        @media screen and (max-width: 600px) {
          .six__partners__row__item {
            width: calc(50% - 8px);
            height: 20vh;
            margin-bottom: 16px; } }
        .six__partners__row__item img {
          width: 90% !important; }
  .six__scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 10vh;
    z-index: 1; }
    @media screen and (max-width: 1800px) {
      .six__scroll {
        bottom: 6vh; } }
    @media screen and (max-width: 600px) {
      .six__scroll {
        bottom: 24px; } }
    .six__scroll__cta {
      min-width: 320px;
      height: 48px;
      background-color: transparent;
      color: #101010;
      border-radius: 32px;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #13002C; }
      @media screen and (max-width: 1800px) {
        .six__scroll__cta {
          min-width: 280px;
          height: 40px; } }
      @media screen and (max-width: 600px) {
        .six__scroll__cta {
          min-width: 240px;
          height: 32px; } }
      .six__scroll__cta:hover {
        background-color: #13002C;
        color: #FFFFFF;
        text-decoration: none; }

.owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 2px;
  background-color: #bbb; }

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #00B6ED !important; }

.owl-nav {
  display: none; }

.seven {
  width: 100%;
  height: 100vh;
  padding-top: 20vh;
  background: url("../../assets/img/blue.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom left;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */ }
  @media screen and (max-width: 1200px) {
    .seven {
      padding-top: calc(10vh + 24px); } }
  @media screen and (max-width: 600px) {
    .seven {
      padding-top: 88px; } }
  .seven__menu {
    grid-column: 2/8;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6vh;
    grid-row: 1; }
    @media screen and (max-width: 1200px) {
      .seven__menu {
        display: flex; } }
    @media screen and (max-width: 600px) {
      .seven__menu {
        grid-column: 1/5; } }
    .seven__menu__item {
      width: 50%;
      background-color: #eee;
      color: #bbb;
      border: 0;
      font-size: 14px;
      height: 36px; }
      .seven__menu__item__active {
        background-color: #FFFFFF;
        color: #101010; }
  .seven__know {
    grid-column: 2/6;
    position: relative;
    width: 100%;
    grid-row: 1; }
    @media screen and (max-width: 1200px) {
      .seven__know {
        grid-column: 2/8;
        grid-row: initial; } }
    @media screen and (max-width: 600px) {
      .seven__know {
        grid-column: 1/5;
        opacity: 1; } }
    .seven__know__link {
      margin-top: 24px;
      font-size: 14px;
      display: block;
      text-align: center; }
      @media screen and (max-width: 1800px) {
        .seven__know__link {
          margin-top: 16px; } }
      @media screen and (max-width: 1200px) {
        .seven__know__link {
          margin-top: 4vh; } }
      @media screen and (max-width: 600px) {
        .seven__know__link {
          margin-top: 12px; } }
    .seven__know__article {
      width: 100%;
      height: 58vh;
      padding: 0 0 4vh;
      background-color: #FFFFFF;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16); }
      @media screen and (max-width: 1200px) {
        .seven__know__article {
          height: initial;
          margin-top: 8vh; } }
      @media screen and (max-width: 600px) {
        .seven__know__article {
          padding: 0 0 20px; } }
      .seven__know__article__header {
        width: 100%;
        height: 329px;
        padding: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 4vh; }
        @media screen and (max-width: 1800px) {
          .seven__know__article__header {
            height: 232px; } }
        @media screen and (max-width: 1200px) {
          .seven__know__article__header {
            height: 244px; } }
        @media screen and (max-width: 600px) {
          .seven__know__article__header {
            height: 112px;
            margin-bottom: 16px; } }
        .seven__know__article__header__info {
          width: 154px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 4vh 18px 0; }
          @media screen and (max-width: 1800px) {
            .seven__know__article__header__info {
              width: 140px;
              padding: 4vh 12px 0; } }
          @media screen and (max-width: 1200px) {
            .seven__know__article__header__info {
              width: 140px;
              padding: 24px 16px 0; } }
          @media screen and (max-width: 600px) {
            .seven__know__article__header__info {
              width: 136px;
              padding: 12px 0px 0px; } }
          .seven__know__article__header__info span {
            font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
            color: #00B6ED;
            width: 100%;
            text-align: center;
            text-transform: uppercase; }
            .seven__know__article__header__info span a {
              color: #00B6ED; }
          .seven__know__article__header__info__date {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .seven__know__article__header__info__date h3 {
              font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
              font-weight: 400;
              padding: 0;
              margin: 0 0 4px;
              text-decoration: none; }
            .seven__know__article__header__info__date p {
              font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
              margin: 0 0 12px;
              padding: 0 0 12px;
              border-bottom: 1px solid #ddd;
              text-transform: uppercase; }
              @media screen and (max-width: 1800px) {
                .seven__know__article__header__info__date p {
                  margin: 0 0 8px;
                  padding: 0 0 8px; } }
            .seven__know__article__header__info__date span {
              font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
              margin: 0;
              padding: 0;
              color: #00B6ED;
              text-transform: uppercase; }
        .seven__know__article__header__photo {
          width: calc(100% - 154px);
          height: 329px;
          border-radius: 0 4px 0px 4px;
          position: relative;
          overflow: hidden; }
          @media screen and (max-width: 1800px) {
            .seven__know__article__header__photo {
              width: calc(100% - 112px);
              height: 232px; } }
          @media screen and (max-width: 1200px) {
            .seven__know__article__header__photo {
              width: calc(100% - 140px);
              height: 244px; } }
          @media screen and (max-width: 600px) {
            .seven__know__article__header__photo {
              width: calc(100% - 136px);
              height: 112px; } }
          .seven__know__article__header__photo img {
            position: absolute;
            top: 0;
            left: 0;
            object-fit: cover;
            width: 100%;
            height: 100%; }
      .seven__know__article__main {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
        padding: 0 40px; }
        @media screen and (max-width: 1800px) {
          .seven__know__article__main {
            padding: 0 20px; } }
        @media screen and (max-width: 1200px) {
          .seven__know__article__main {
            padding: 0 40px 4vh; } }
        @media screen and (max-width: 600px) {
          .seven__know__article__main {
            padding: 0 16px 8px;
            text-align: center; } }
      .seven__know__article__footer {
        width: 100%;
        margin-top: auto; }
        .seven__know__article__footer__cta {
          width: 320px;
          height: 48px;
          border: 1px solid #13002C;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto 12px;
          transition: all 0.3s ease-in-out;
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          border-radius: 30px;
          cursor: pointer; }
          @media screen and (max-width: 1800px) {
            .seven__know__article__footer__cta {
              width: 280px;
              height: 40px; } }
          @media screen and (max-width: 600px) {
            .seven__know__article__footer__cta {
              width: 240px;
              height: 32px; } }
          .seven__know__article__footer__cta:hover {
            background-color: #13002C;
            color: #FFFFFF;
            text-decoration: none; }
        .seven__know__article__footer span {
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          color: #888;
          width: 100%;
          text-align: center;
          display: block; }
  .seven__question {
    grid-column: 7/12;
    position: relative;
    width: 100%;
    max-height: 62vh;
    overflow-y: auto;
    position: relative;
    margin-bottom: 32px; }
    @media screen and (max-width: 1200px) {
      .seven__question {
        grid-column: 2/8;
        opacity: 0;
        display: none;
        height: 65vh;
        overflow-y: auto;
        padding: 0 16px;
        max-height: 60vh;
        margin-bottom: 0px; } }
    @media screen and (max-width: 600px) {
      .seven__question {
        grid-column: 1/5;
        margin-left: -16px !important;
        width: 100vw; }
        .seven__question:after {
          height: 50px; } }
    .seven__question > h3 {
      font-size: calc(15px + (16 - 15) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 32px;
      padding: 0;
      font-weight: 400;
      text-align: center;
      position: relative;
      color: #00B6ED; }
      @media screen and (max-width: 1800px) {
        .seven__question > h3 {
          margin: 0 0 18px; } }
      @media screen and (max-width: 1200px) {
        .seven__question > h3 {
          display: none; } }
    .seven__question__item {
      width: calc(100% - 32px);
      margin: 0 auto;
      height: auto;
      margin-bottom: 24px; }
      .seven__question__item h3 {
        width: 100%;
        min-height: 10vh;
        background-color: #FFFFFF;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
        padding: 12px 56px 12px 28px;
        display: flex;
        align-items: center;
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
        margin: 0;
        font-weight: 400;
        position: relative;
        cursor: pointer; }
        @media screen and (max-width: 1200px) {
          .seven__question__item h3 {
            padding: 0 56px 0 20px; } }
        @media screen and (max-width: 600px) {
          .seven__question__item h3 {
            height: inherit;
            padding: 8px 56px 16px 8px;
            text-align: center; } }
        .seven__question__item h3:after {
          content: '';
          width: 20px;
          height: 20px;
          border-top: 1px solid #00B6ED;
          border-left: 1px solid #00B6ED;
          position: absolute;
          right: 24px;
          top: calc(5vh - 10px);
          transform: rotate(-135deg); }
          @media screen and (max-width: 1200px) {
            .seven__question__item h3:after {
              top: 20px;
              width: 16px;
              height: 16px; } }
      .seven__question__item p {
        width: calc(100% - 32px);
        background-color: #13002C;
        padding: 28px 36px;
        margin: 0 auto;
        display: none;
        color: #FFFFFF; }
        @media screen and (max-width: 600px) {
          .seven__question__item p {
            background-color: #F4F4F4;
            color: #101010; } }
  .seven ::-webkit-scrollbar {
    width: 0px; }
  .seven ::-webkit-scrollbar-track {
    background: #ddd; }
  .seven ::-webkit-scrollbar-thumb {
    background: #888; }
  .seven ::-webkit-scrollbar-thumb:hover {
    background: #00B6ED; }
  .seven__scroll {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    bottom: 10vh;
    z-index: 1; }
    @media screen and (max-width: 1800px) {
      .seven__scroll {
        bottom: 6vh; } }
    @media screen and (max-width: 600px) {
      .seven__scroll {
        bottom: 24px; } }
    .seven__scroll__cta {
      min-width: 320px;
      height: 48px;
      background-color: transparent;
      color: #101010;
      border-radius: 32px;
      transition: all 0.3s ease-in-out;
      cursor: pointer;
      font-size: 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #13002C; }
      @media screen and (max-width: 1800px) {
        .seven__scroll__cta {
          min-width: 280px;
          height: 40px; } }
      @media screen and (max-width: 600px) {
        .seven__scroll__cta {
          min-width: 240px;
          height: 32px; } }
      .seven__scroll__cta:hover {
        background-color: #13002C;
        color: #FFFFFF;
        text-decoration: none; }

.eight {
  width: 100%;
  height: 100vh;
  padding-top: 24vh;
  background: url("../../assets/img/blue-right.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom right;
  position: relative; }
  @media screen and (max-width: 1800px) {
    .eight {
      padding-top: 20vh; } }
  @media screen and (max-width: 1200px) {
    .eight {
      padding-top: calc(16vh + 24px); } }
  @media screen and (max-width: 600px) {
    .eight {
      padding-top: 88px;
      background-size: contain; } }
  .eight__left {
    grid-column: 2/6;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 24vh); }
    @media screen and (max-width: 1800px) {
      .eight__left {
        height: calc(100vh - 20vh); } }
    @media screen and (max-width: 1200px) {
      .eight__left {
        grid-column: 2/8;
        height: calc(100vh - (22vh + 24px)); } }
    @media screen and (max-width: 600px) {
      .eight__left {
        grid-column: 1/5;
        height: calc((100vh - 88px));
        padding-top: 4vh; } }
    .eight__left h3 {
      font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
      font-weight: 400;
      margin: 0 0 12px;
      padding: 0; }
    .eight__left a {
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 8px; }
    .eight__left__row {
      display: flex;
      flex-direction: row;
      margin-bottom: 10vh;
      width: 100%; }
      @media screen and (max-width: 600px) {
        .eight__left__row {
          flex-direction: column;
          justify-content: center; } }
      .eight__left__row__col {
        display: flex;
        flex-direction: column; }
        .eight__left__row__col:nth-child(2) {
          padding-left: calc((100vw/12)/2); }
        @media screen and (max-width: 600px) {
          .eight__left__row__col {
            text-align: center;
            margin-bottom: 20px;
            padding-left: 0; } }
      .eight__left__row__links {
        margin-top: 20px;
        color: #00B6ED; }
        .eight__left__row__links a {
          color: #00B6ED;
          font-weight: 500; }
      @media screen and (max-width: 1800px) {
        .eight__left__row {
          margin-bottom: 6vh; } }
      @media screen and (max-width: 600px) {
        .eight__left__row {
          margin-bottom: 0vh; } }
      .eight__left__row:last-child {
        margin-top: auto;
        margin-bottom: 16vh;
        font-size: calc(12px + (16 - 12) * ((100vw - 375px) / (1920 - 375)));
        color: #888;
        line-height: 1.5; }
        @media screen and (max-width: 1800px) {
          .eight__left__row:last-child {
            margin-bottom: 12vh; } }
        @media screen and (max-width: 600px) {
          .eight__left__row:last-child {
            margin-top: 20px;
            margin-bottom: 0vh;
            text-align: center; } }
  .eight__right {
    grid-column: 7/12; }
    @media screen and (max-width: 1200px) {
      .eight__right {
        display: none; } }
    .eight__right p {
      margin: 0; }
    .eight__right .accept {
      width: 100%;
      position: relative;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer;
      display: flex; }
      .eight__right .accept small {
        font-size: 13px;
        display: inline-block; }
      .eight__right .accept__checkmark {
        width: 16px;
        height: 16px;
        min-width: 16px;
        min-height: 16px;
        max-width: 16px;
        max-height: 16px;
        border: 1px solid #bbb;
        margin-right: 12px;
        border-radius: 4px;
        background-color: transparent;
        position: relative; }
        .eight__right .accept__checkmark__active:after {
          position: absolute;
          content: '';
          width: 10px;
          height: 10px;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          margin: auto;
          border-radius: 4px;
          background-color: #00B6ED; }
      .eight__right .accept .wpcf7-form-control-wrap {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
        .eight__right .accept .wpcf7-form-control-wrap input {
          position: absolute;
          opacity: 0;
          cursor: pointer;
          height: 100%;
          width: 100%;
          top: 0;
          left: 0; }
    .eight__right input[type=email],
    .eight__right input[type=text],
    .eight__right textarea {
      width: 100%;
      height: 60px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      border: 1px solid #bbb;
      margin-bottom: 24px;
      color: #bbb;
      display: inline-block;
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
      background-color: transparent; }
      @media screen and (max-width: 1800px) {
        .eight__right input[type=email],
        .eight__right input[type=text],
        .eight__right textarea {
          padding: 0 16px;
          height: 48px; } }
    .eight__right textarea {
      padding: 18px 20px;
      height: 150px; }
      @media screen and (max-width: 1800px) {
        .eight__right textarea {
          padding: 16px; } }
    .eight__right .your-name {
      width: calc(50% - 12px);
      float: left; }
    .eight__right .your-email {
      width: calc(50% - 12px);
      float: right; }
    .eight__right input[type=submit] {
      width: 280px;
      height: 60px;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 35px;
      background-color: #13002C;
      border: 0;
      color: #FFFFFF;
      font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
      margin: 42px auto;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16); }
      @media screen and (max-width: 1800px) {
        .eight__right input[type=submit] {
          height: 54px; } }
      .eight__right input[type=submit]:hover {
        background-color: #00B6ED; }

.wpcf7-not-valid {
  border-color: #FF4040 !important;
  color: #FF4040 !important; }

.wpcf7-not-valid-tip {
  display: none !important; }

.wpcf7 form .wpcf7-response-output {
  left: 0;
  right: 0;
  position: fixed;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  padding: 12px;
  top: 10vh;
  background-color: #FFFFFF;
  animation: showClose 10s 0.3s both; }

@keyframes showClose {
  0% {
    opacity: 0; }
  10% {
    opacity: 1; }
  90% {
    opacity: 1; }
  100% {
    opacity: 0; } }

.single__page {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 10vh; }
  @media screen and (max-width: 600px) {
    .single__page {
      padding-top: 6vh; } }
  .single__page__content {
    grid-column: 4/10;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 1200px) {
      .single__page__content {
        grid-column: 2/8; } }
    @media screen and (max-width: 600px) {
      .single__page__content {
        grid-column: 1/6; } }
    .single__page__content a {
      color: #00B6ED; }
    .single__page__content header {
      margin-bottom: 6vh; }
      @media screen and (max-width: 1200px) {
        .single__page__content header {
          margin-bottom: 4vh; } }
      .single__page__content header h1 {
        font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
        color: #00B6ED;
        font-weight: 400;
        margin: 0;
        text-align: center; }
    .single__page__content main ol {
      list-style-position: inside;
      padding: 0;
      line-height: 1.5; }
    .single__page__content main p {
      font-size: calc(16px + (18 - 16) * ((100vw - 375px) / (1920 - 375))); }
    .single__page__content footer {
      display: flex;
      justify-content: space-between;
      color: #101010;
      border-top: 2px solid #bbb;
      padding-top: 24px;
      margin-top: 42px;
      margin-bottom: 16vh;
      font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375))); }
      @media screen and (max-width: 1200px) {
        .single__page__content footer {
          margin-bottom: 10vh; } }
      @media screen and (max-width: 600px) {
        .single__page__content footer {
          margin-bottom: 10vh;
          align-items: center;
          flex-direction: column; } }
      .single__page__content footer span {
        color: #00B6ED; }
    .single__page__content__attachements {
      margin-top: 10vh;
      display: block;
      text-align: center; }
      @media screen and (max-width: 1200px) {
        .single__page__content__attachements {
          margin-top: 6vh; } }
      .single__page__content__attachements h3 {
        font-size: calc(18px + (20 - 18) * ((100vw - 375px) / (1920 - 375)));
        margin-bottom: 0 0 24px;
        text-align: center;
        font-weight: 400; }
      .single__page__content__attachements a {
        text-decoration: underline;
        position: relative;
        color: #101010;
        font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
        margin-bottom: 12px; }
        .single__page__content__attachements a:hover {
          text-decoration: none; }
        .single__page__content__attachements a:after {
          content: '';
          bottom: 0px;
          right: -24px;
          width: 17px;
          height: 15px;
          position: absolute;
          background: url("../../assets/svg/download.svg");
          background-size: cover; }

.single__post {
  width: 100%;
  height: auto;
  margin-top: 6vh;
  background: url("../../assets/img/blue.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom left;
  background-attachment: fixed; }
  @media screen and (max-width: 1200px) {
    .single__post {
      margin-top: 0; } }
  @media screen and (max-width: 600px) {
    .single__post {
      margin-top: 4vh;
      background: transparent; } }
  .single__post__date {
    grid-column: 3/4;
    display: flex;
    align-items: center;
    flex-direction: column; }
    @media screen and (max-width: 1200px) {
      .single__post__date {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        margin-bottom: 8px; } }
    .single__post__date h3 {
      font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
      font-weight: 400;
      margin: 0 0 4px;
      text-align: center; }
      @media screen and (max-width: 1200px) {
        .single__post__date h3 {
          margin: 0; } }
    .single__post__date p {
      font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 12px;
      padding: 0 0 12px;
      border-bottom: 1px solid #eee;
      text-align: center; }
      @media screen and (max-width: 1200px) {
        .single__post__date p {
          margin: 0 16px;
          padding: 0 16px 0 0;
          border-bottom: 0;
          border-right: 1px solid #eee; } }
    .single__post__date__cat {
      text-transform: uppercase;
      font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
      color: #00B6ED;
      width: 100%;
      text-align: center;
      display: block; }
      @media screen and (max-width: 1200px) {
        .single__post__date__cat {
          width: initial; } }
    @media screen and (max-width: 1200px) {
      .single__post__date {
        grid-column: 1/9;
        padding: 0 40px; } }
    @media screen and (max-width: 600px) {
      .single__post__date {
        grid-column: 1/5;
        padding: 0px; } }
  .single__post__header {
    grid-column: 4/10; }
    @media screen and (max-width: 1200px) {
      .single__post__header {
        grid-column: 1/9;
        padding: 0 40px; } }
    @media screen and (max-width: 600px) {
      .single__post__header {
        grid-column: 1/5;
        padding: 0px 4px; } }
    .single__post__header h1 {
      font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
      color: #00B6ED;
      font-weight: 400;
      margin: 0;
      text-align: center;
      margin-bottom: 6vh; }
      @media screen and (max-width: 1200px) {
        .single__post__header h1 {
          margin-bottom: 4vh; } }
    .single__post__header__photo {
      width: 100%;
      height: 42vh;
      position: relative;
      margin-bottom: 6vh; }
      .single__post__header__photo img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; }
      @media screen and (max-width: 600px) {
        .single__post__header__photo {
          width: 100vw;
          margin-left: -20px; } }
  .single__post__content {
    grid-column: 4/10; }
    .single__post__content h3 {
      padding: 0;
      margin: 0 0 4vh;
      font-size: calc(22px + (28 - 22) * ((100vw - 375px) / (1920 - 375)));
      font-weight: 400;
      text-align: center; }
    .single__post__content p {
      padding: 0;
      margin: 0 0 6vh;
      font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375))); }
    @media screen and (max-width: 1200px) {
      .single__post__content {
        grid-column: 1/9;
        padding-top: 12px;
        padding: 0 40px; } }
    @media screen and (max-width: 600px) {
      .single__post__content {
        grid-column: 1/5;
        padding: 0 4px; } }
  .single__post__footer {
    border-top: 1px solid #00B6ED;
    margin-top: 4vh;
    padding-top: 16px;
    margin-bottom: 6vh;
    grid-column: 4/10;
    font-size: 14px; }
    @media screen and (max-width: 1200px) {
      .single__post__footer {
        grid-column: 1/9;
        width: calc(100% - 80px);
        margin: 0 auto 6vh;
        padding-top: 12px; } }
    @media screen and (max-width: 600px) {
      .single__post__footer {
        grid-column: 1/5;
        width: 100%;
        padding: 12px 4px 0; } }

.page {
  background: url("../../assets/img/page.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed; }
  @media screen and (max-width: 1200px) {
    .page {
      background-size: contain; } }

main .page {
  width: 100%;
  min-height: 100vh;
  margin-top: 6vh; }
  @media screen and (max-width: 1200px) {
    main .page {
      margin-top: 4vh;
      background: transparent; } }
  main .page__header {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 6vh 0 10vh; }
    @media screen and (max-width: 1200px) {
      main .page__header {
        margin: 4vh 0 6vh; } }
    @media screen and (max-width: 600px) {
      main .page__header {
        margin: 0 0 10vh; } }
    main .page__header__photo {
      grid-column: 2/7;
      height: 42vh;
      position: relative; }
      @media screen and (min-width: 1200px) and (max-width: 1900px) {
        main .page__header__photo {
          grid-column: 1/7;
          margin-left: 60px; } }
      @media screen and (max-width: 1200px) {
        main .page__header__photo {
          margin-left: 36px;
          grid-column: 1/8;
          grid-row: 2; } }
      @media screen and (max-width: 600px) {
        main .page__header__photo {
          margin-left: 0;
          grid-column: 1/5; } }
      main .page__header__photo img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        object-fit: cover; }
    main .page__header__content {
      grid-column: 7/12;
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin-left: 48px; }
      @media screen and (min-width: 1200px) and (max-width: 1900px) {
        main .page__header__content {
          grid-column: 7/13;
          margin-right: 60px; } }
      @media screen and (max-width: 1200px) {
        main .page__header__content {
          margin-bottom: 4vh;
          grid-column: 1/8;
          margin-right: 0;
          margin-left: 36px; } }
      @media screen and (max-width: 600px) {
        main .page__header__content {
          margin-bottom: 4vh;
          margin-left: 0;
          grid-column: 1/5;
          padding: 0 8px; } }
      main .page__header__content h1 {
        font-size: calc(28px + (40 - 28) * ((100vw - 375px) / (1920 - 375)));
        padding: 0;
        margin: 0 0 20px;
        font-weight: 400; }
      main .page__header__content p {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
        padding: 0;
        margin: 0; }
  main .page__section {
    display: flex;
    flex-direction: column-reverse; }
    main .page__section h3 {
      grid-column: 2/12;
      font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)));
      padding: 0;
      margin: 0 0 6vh;
      position: relative;
      text-align: center; }
      @media screen and (min-width: 1200px) and (max-width: 1900px) {
        main .page__section h3 {
          grid-column: 1/13; } }
      main .page__section h3:before {
        content: '';
        width: 35%;
        height: 1px;
        background-color: #ddd;
        position: absolute;
        top: 50%;
        left: 0; }
      main .page__section h3:after {
        content: '';
        width: 35%;
        height: 1px;
        background-color: #ddd;
        position: absolute;
        top: 50%;
        right: 0; }
      @media screen and (max-width: 1200px) {
        main .page__section h3 {
          grid-column: 1/9; }
          main .page__section h3:after, main .page__section h3:before {
            width: 20%; } }
      @media screen and (max-width: 600px) {
        main .page__section h3 {
          grid-column: 1/5; }
          main .page__section h3:after, main .page__section h3:before {
            display: none; } }
    main .page__section__row {
      grid-column: 2/12;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 10vh; }
      @media screen and (min-width: 1200px) and (max-width: 1900px) {
        main .page__section__row {
          grid-column: 1/13;
          padding: 0 60px; } }
      @media screen and (max-width: 1200px) {
        main .page__section__row {
          grid-column: 1/9;
          margin-bottom: 6vh; } }
      @media screen and (max-width: 600px) {
        main .page__section__row {
          grid-column: 1/5;
          margin-bottom: 10vh; } }
      main .page__section__row__col {
        width: calc(50% - 12px);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
        padding: 28px 0 0;
        background-color: #FFFFFF;
        margin-bottom: 4vh; }
        @media screen and (min-width: 1200px) and (max-width: 1900px) {
          main .page__section__row__col {
            width: calc(50% - 32px);
            padding: 20px 0 0; } }
        @media screen and (max-width: 1200px) {
          main .page__section__row__col {
            width: calc(100% - 24px);
            margin-left: auto;
            margin-right: auto; } }
        @media screen and (max-width: 600px) {
          main .page__section__row__col {
            width: 100%; } }
        @media screen and (max-width: 1200px) {
          main .page__section__row__col:last-child {
            margin-bottom: 0; } }
        main .page__section__row__col > span {
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          color: #888;
          margin-bottom: 4px;
          padding: 0 40px; }
          @media screen and (max-width: 1800px) {
            main .page__section__row__col > span {
              padding: 0 28px; } }
          @media screen and (max-width: 600px) {
            main .page__section__row__col > span {
              padding: 0 16px; } }
        main .page__section__row__col h4 {
          font-size: calc(20px + (28 - 20) * ((100vw - 375px) / (1920 - 375)));
          margin: 0 0 16px;
          padding: 0 40px;
          font-weight: 400; }
          @media screen and (max-width: 1800px) {
            main .page__section__row__col h4 {
              padding: 0 28px 4px;
              margin-bottom: 4px; } }
          @media screen and (max-width: 600px) {
            main .page__section__row__col h4 {
              padding: 0 16px; } }
        main .page__section__row__col p {
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          margin: 0;
          padding: 0 40px 36px; }
          @media screen and (max-width: 1800px) {
            main .page__section__row__col p {
              padding: 0 28px 50px; } }
          @media screen and (max-width: 600px) {
            main .page__section__row__col p {
              padding: 0 16px 20px; } }
        main .page__section__row__col--footer {
          background-color: #13002C;
          padding: 20px 40px; }
          @media screen and (max-width: 1800px) {
            main .page__section__row__col--footer {
              padding: 12px 28px; } }
          @media screen and (max-width: 600px) {
            main .page__section__row__col--footer {
              padding: 12px 16px; } }
          main .page__section__row__col--footer > span {
            font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
            color: #FFFFFF; }
            @media screen and (max-width: 600px) {
              main .page__section__row__col--footer > span {
                display: block;
                margin-bottom: 8px; } }
          main .page__section__row__col--footer ul {
            list-style: none;
            padding: 0;
            margin: 0; }
            main .page__section__row__col--footer ul li {
              display: inline;
              margin-right: 12px; }
              @media screen and (max-width: 600px) {
                main .page__section__row__col--footer ul li {
                  display: block;
                  margin-bottom: 8px; } }
              main .page__section__row__col--footer ul li a {
                color: #00B6ED;
                font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375))); }
  main .page__review {
    width: 100%;
    margin-bottom: 10vh; }
    @media screen and (max-width: 1200px) {
      main .page__review {
        margin-bottom: 6vh; } }
    main .page__review .owl-carousel {
      display: block; }
    main .page__review h4 {
      grid-column: 1/13;
      text-align: center;
      font-size: calc(14px + (18 - 14) * ((100vw - 375px) / (1920 - 375)));
      margin: 0 0 6vh;
      font-weight: 400; }
      @media screen and (max-width: 1200px) {
        main .page__review h4 {
          grid-column: 1/9;
          margin: 0 0 4vh; } }
      @media screen and (max-width: 600px) {
        main .page__review h4 {
          grid-column: 1/5; } }
    main .page__review__container {
      grid-column: 4/10;
      width: 100%;
      position: relative; }
      @media screen and (max-width: 1800px) {
        main .page__review__container {
          grid-column: 3/11; } }
      @media screen and (max-width: 1200px) {
        main .page__review__container {
          grid-column: 1/9;
          padding: 0 40px; } }
      @media screen and (max-width: 600px) {
        main .page__review__container {
          grid-column: 1/5;
          padding: 0; } }
      main .page__review__container__row {
        position: relative; }
        main .page__review__container__row:after {
          width: 100%;
          height: calc(100% - 64px);
          bottom: 0;
          content: '';
          position: absolute;
          z-index: -3;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f8ff, #e4f4ff, #cdf0ff, #b3eeff); }
        main .page__review__container__row__item {
          display: flex;
          flex-direction: column; }
          main .page__review__container__row__item > p {
            font-style: italic;
            font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
            padding: 0 calc((100vw/12)/2);
            margin: 0;
            text-align: center;
            padding-bottom: 10vh; }
            @media screen and (max-width: 1200px) {
              main .page__review__container__row__item > p {
                padding-bottom: 6vh; } }
          main .page__review__container__row__item__data {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-bottom: 6vh; }
            @media screen and (max-width: 1200px) {
              main .page__review__container__row__item__data {
                margin-bottom: 4vh; } }
            @media screen and (max-width: 600px) {
              main .page__review__container__row__item__data {
                margin-bottom: calc(6vh + 24px); } }
            main .page__review__container__row__item__data img {
              border-radius: 40px;
              max-width: 80px;
              height: 80px;
              object-fit: cover; }
              @media screen and (max-width: 600px) {
                main .page__review__container__row__item__data img {
                  max-width: 48px;
                  height: 48px; } }
            main .page__review__container__row__item__data h3 {
              font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (1920 - 375)));
              font-weight: 400;
              margin: 0 0 4px;
              padding: 0; }
            main .page__review__container__row__item__data p {
              font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
              margin: 0;
              padding: 0;
              font-style: normal;
              color: #00B6ED; }
            main .page__review__container__row__item__data > div {
              display: flex;
              flex-direction: column;
              justify-content: center;
              margin-left: 12px; }
        main .page__review__container__row__prev {
          width: 20px;
          height: 20px;
          border-bottom: 2px solid #00B6ED;
          border-right: 2px solid #00B6ED;
          position: absolute;
          top: 4vh;
          left: calc(100vw/8);
          z-index: 11;
          transform: rotate(135deg);
          cursor: pointer;
          transition: all 0.3s ease-in-out; }
          main .page__review__container__row__prev:hover {
            border-color: #13002C; }
          @media screen and (max-width: 600px) {
            main .page__review__container__row__prev {
              top: 2vh; } }
        main .page__review__container__row__next {
          width: 20px;
          height: 20px;
          border-bottom: 2px solid #00B6ED;
          border-right: 2px solid #00B6ED;
          position: absolute;
          top: 4vh;
          right: calc(100vw/8);
          z-index: 11;
          transform: rotate(-45deg);
          cursor: pointer;
          transition: all 0.3s ease-in-out; }
          main .page__review__container__row__next:hover {
            border-color: #13002C; }
          @media screen and (max-width: 600px) {
            main .page__review__container__row__next {
              top: 2vh; } }
  main .page__info__container {
    grid-column: 2/12;
    padding: 6vh 12px;
    border: 1px solid #ddd;
    margin-bottom: 10vh;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 1200px) {
      main .page__info__container {
        grid-column: 1/9;
        padding: 4vh 12px;
        margin: 0 48px 6vh; } }
    @media screen and (max-width: 600px) {
      main .page__info__container {
        grid-column: 1/5;
        margin: 0 0 10vh; } }
    main .page__info__container p {
      font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
      padding: 0;
      margin: 0 0 16px;
      text-align: center; }
      main .page__info__container p:nth-child(3) {
        margin: 0 0 12px; }
      main .page__info__container p:last-child {
        margin: 0; }
      @media screen and (max-width: 600px) {
        main .page__info__container p {
          margin: 0 0 12px; } }
    main .page__info__container h3 {
      font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
      padding: 0;
      margin: 0 0 24px;
      font-weight: 400;
      text-align: center; }
      @media screen and (max-width: 600px) {
        main .page__info__container h3 {
          margin: 0 0 12px; } }
    main .page__info__container a {
      color: #00B6ED;
      text-align: center; }

.loop__post {
  width: 100%;
  background: url("../../assets/img/blue-right.png") #FFFFFF;
  background-repeat: no-repeat;
  background-position: bottom right;
  background-attachment: fixed;
  min-height: 100vh; }
  @media screen and (max-width: 1200px) {
    .loop__post {
      background-size: 60vh; } }
  .loop__post__category {
    grid-column: 1/9;
    padding: 0 8px;
    display: none; }
    @media screen and (max-width: 1200px) {
      .loop__post__category {
        display: flex;
        align-items: flex-start; } }
    @media screen and (max-width: 600px) {
      .loop__post__category {
        grid-column: 1/5;
        flex-direction: column;
        align-items: center;
        padding: 0;
        margin-bottom: 6vh; } }
    .loop__post__category h3 {
      width: 360px;
      font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
      font-weight: 400;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 600px) {
        .loop__post__category h3 {
          text-align: center; } }
    .loop__post__category hr {
      width: 100%;
      border: 1px solid #00B6ED;
      margin-top: auto;
      margin-bottom: 15px; }
      @media screen and (max-width: 600px) {
        .loop__post__category hr {
          margin-top: 15px; } }
    .loop__post__category__menu {
      min-width: 220px;
      padding: 8px 32px 8px 16px;
      position: relative;
      z-index: 1;
      cursor: pointer; }
      .loop__post__category__menu:after {
        content: '';
        width: 0;
        height: 0;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #00B6ED;
        position: absolute;
        top: calc(50% - 6px);
        right: 8px;
        transition: all 0.3s ease-in-out; }
      .loop__post__category__menu__active:after {
        transform: rotate(180deg); }
      .loop__post__category__menu span {
        font-size: 18px;
        font-weight: 600; }
        @media screen and (max-width: 1200px) {
          .loop__post__category__menu span {
            font-weight: 500; } }
      .loop__post__category__menu ul {
        width: 100%;
        list-style: none;
        padding: 24px 0;
        margin: 0;
        left: 0;
        top: calc(100% + 8px);
        position: absolute;
        border-top: 2px solid #00B6ED;
        background-image: linear-gradient(to top, #ffffff, #ffffff, #ffffff, #b3eeff);
        background-size: 150%;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        display: none; }
        .loop__post__category__menu ul .current-menu-item {
          display: none; }
        .loop__post__category__menu ul:after {
          position: absolute;
          content: '';
          top: -7px;
          width: 0;
          height: 0;
          left: 0;
          right: 0;
          margin: auto;
          border-left: 5px solid transparent;
          border-right: 5px solid transparent;
          border-bottom: 5px solid #00B6ED; }
        .loop__post__category__menu ul li {
          text-align: center;
          margin: 0 0 12px; }
  .loop__post__container {
    grid-column: 4/12;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4vh;
    padding-top: 72px;
    border-top: 1px solid #00B6ED; }
    @media screen and (max-width: 1200px) {
      .loop__post__container {
        grid-column: 2/8;
        border-top: 0;
        padding-top: 0px; } }
    @media screen and (max-width: 600px) {
      .loop__post__container {
        grid-column: 1/5;
        margin-top: 0; } }
    .loop__post__container__article {
      width: calc(50% - 12px);
      height: 58vh;
      padding: 0 0 4vh;
      background-color: #FFFFFF;
      border-radius: 4px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
      margin-bottom: 4vh; }
      @media screen and (max-width: 1800px) {
        .loop__post__container__article {
          width: calc(50% - 6px); } }
      @media screen and (max-width: 1200px) {
        .loop__post__container__article {
          width: 100%;
          height: initial;
          margin-bottom: 6vh; } }
      @media screen and (max-width: 600px) {
        .loop__post__container__article {
          padding: 0 0 20px; } }
      .loop__post__container__article__header {
        width: 100%;
        height: 329px;
        padding: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 4vh; }
        @media screen and (max-width: 1800px) {
          .loop__post__container__article__header {
            height: 232px; } }
        @media screen and (max-width: 1200px) {
          .loop__post__container__article__header {
            height: 244px; } }
        @media screen and (max-width: 600px) {
          .loop__post__container__article__header {
            height: 112px;
            margin-bottom: 16px; } }
        .loop__post__container__article__header__info {
          width: 154px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          padding: 4vh 18px 0; }
          @media screen and (max-width: 1800px) {
            .loop__post__container__article__header__info {
              width: 140px;
              padding: 4vh 12px 0; } }
          @media screen and (max-width: 1200px) {
            .loop__post__container__article__header__info {
              width: 140px;
              padding: 24px 16px 0; } }
          @media screen and (max-width: 600px) {
            .loop__post__container__article__header__info {
              width: 136px;
              padding: 12px 0px 0px; } }
          .loop__post__container__article__header__info span {
            font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
            color: #00B6ED;
            width: 100%;
            text-align: center;
            text-transform: uppercase; }
            .loop__post__container__article__header__info span a {
              color: #00B6ED; }
          .loop__post__container__article__header__info__date {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center; }
            .loop__post__container__article__header__info__date h3 {
              font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
              font-weight: 400;
              padding: 0;
              margin: 0 0 4px;
              text-decoration: none; }
            .loop__post__container__article__header__info__date p {
              font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
              margin: 0 0 12px;
              padding: 0 0 12px;
              border-bottom: 1px solid #ddd;
              text-transform: uppercase; }
              @media screen and (max-width: 1800px) {
                .loop__post__container__article__header__info__date p {
                  margin: 0 0 8px;
                  padding: 0 0 8px; } }
            .loop__post__container__article__header__info__date span {
              font-size: calc(10px + (12 - 10) * ((100vw - 375px) / (1920 - 375)));
              margin: 0;
              padding: 0;
              color: #00B6ED;
              text-transform: uppercase; }
        .loop__post__container__article__header__photo {
          width: calc(100% - 154px);
          height: 329px;
          border-radius: 0 4px 0px 4px;
          position: relative;
          overflow: hidden; }
          @media screen and (max-width: 1800px) {
            .loop__post__container__article__header__photo {
              width: calc(100% - 112px);
              height: 232px; } }
          @media screen and (max-width: 1200px) {
            .loop__post__container__article__header__photo {
              width: calc(100% - 140px);
              height: 244px; } }
          @media screen and (max-width: 600px) {
            .loop__post__container__article__header__photo {
              width: calc(100% - 136px);
              height: 112px; } }
          .loop__post__container__article__header__photo img {
            position: absolute;
            top: 0;
            left: 0;
            object-fit: cover;
            width: 100%;
            height: 100%;
            transition: all 0.3s ease-in-out; }
          .loop__post__container__article__header__photo:hover img {
            transform: scale(1.06); }
      .loop__post__container__article__main {
        font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
        padding: 0 40px; }
        @media screen and (max-width: 1800px) {
          .loop__post__container__article__main {
            padding: 0 20px; } }
        @media screen and (max-width: 1200px) {
          .loop__post__container__article__main {
            padding: 0 40px 4vh; } }
        @media screen and (max-width: 600px) {
          .loop__post__container__article__main {
            padding: 0 16px 8px;
            text-align: center; } }
      .loop__post__container__article__footer {
        width: 100%;
        margin-top: auto; }
        .loop__post__container__article__footer__cta {
          width: 320px;
          height: 48px;
          border: 1px solid #13002C;
          display: flex;
          align-items: center;
          justify-content: center;
          margin: 0 auto 12px;
          transition: all 0.3s ease-in-out;
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          border-radius: 30px;
          cursor: pointer; }
          @media screen and (max-width: 1800px) {
            .loop__post__container__article__footer__cta {
              width: 280px;
              height: 40px; } }
          @media screen and (max-width: 600px) {
            .loop__post__container__article__footer__cta {
              width: 240px;
              height: 32px; } }
          .loop__post__container__article__footer__cta:hover {
            background-color: #13002C;
            color: #FFFFFF;
            text-decoration: none; }
        .loop__post__container__article__footer span {
          font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (1920 - 375)));
          color: #888;
          width: 100%;
          text-align: center;
          display: block; }

.loop__pagination {
  grid-column: 5/12;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 2vh 0 10vh; }
  @media screen and (max-width: 1200px) {
    .loop__pagination {
      grid-column: 2/8;
      margin: 0 0 6vh; } }
  @media screen and (max-width: 600px) {
    .loop__pagination {
      grid-column: 1/5; } }
  .loop__pagination .page-numbers {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #13002C;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 10px;
    font-size: 14px; }
    @media screen and (max-width: 1200px) {
      .loop__pagination .page-numbers {
        width: 36px;
        height: 36px;
        margin: 0 8px; } }
    @media screen and (max-width: 600px) {
      .loop__pagination .page-numbers {
        margin: 0 6px; } }
  .loop__pagination .next {
    border: 0;
    position: relative;
    color: transparent; }
    .loop__pagination .next:after {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: calc(50% - 10px);
      left: calc(50% - 10px);
      content: '';
      border-left: 2px solid #13002C;
      border-bottom: 2px solid #13002C;
      transform: rotate(-135deg); }
  .loop__pagination .prev {
    border: 0;
    position: relative;
    color: transparent; }
    .loop__pagination .prev:after {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      top: calc(50% - 10px);
      left: calc(50% - 10px);
      content: '';
      border-left: 2px solid #13002C;
      border-bottom: 2px solid #13002C;
      transform: rotate(45deg); }
      @media screen and (max-width: 1200px) {
        .loop__pagination .prev:after {
          width: 15px;
          height: 15px; } }
  .loop__pagination .current {
    background-color: #13002C;
    color: #FFFFFF; }

.sidebar {
  grid-column: 2/4; }
  @media screen and (max-width: 1200px) {
    .sidebar {
      grid-column: 2/8;
      grid-row: 4;
      border-top: 1px solid #00B6ED;
      padding-top: 4vh;
      margin-bottom: 10vh; }
      .sidebar .widget_nav_menu {
        display: none; } }
  @media screen and (max-width: 600px) {
    .sidebar {
      grid-column: 1/5; } }
  .sidebar .widget_nav_menu {
    padding-bottom: 4vh;
    margin-bottom: 4vh;
    border-bottom: 1px solid #00B6ED; }
    @media screen and (max-width: 1800px) {
      .sidebar .widget_nav_menu {
        width: calc(100% - 12px); } }
    @media screen and (max-width: 1200px) {
      .sidebar .widget_nav_menu {
        width: 100%; } }
  .sidebar h3 {
    font-size: calc(24px + (32 - 24) * ((100vw - 375px) / (1920 - 375)));
    font-weight: 400;
    margin: 15px 0 calc(4vh - 15px);
    padding: 0; }
    @media screen and (max-width: 1200px) {
      .sidebar h3 {
        margin: 0 0 16px; } }
    @media screen and (max-width: 600px) {
      .sidebar h3 {
        text-align: center; } }
  .sidebar ul {
    padding: 0;
    margin: 0;
    list-style: none; }
    @media screen and (max-width: 600px) {
      .sidebar ul {
        display: flex;
        justify-content: center;
        flex-direction: column; } }
    .sidebar ul li {
      font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (1920 - 375)));
      margin-bottom: 8px; }
      @media screen and (max-width: 600px) {
        .sidebar ul li {
          text-align: center; } }
    .sidebar ul .current-cat {
      font-weight: 600; }

/*# sourceMappingURL=style.css.map */