.tns-outer {
  padding: 0 !important
}

.tns-outer [hidden] {
  display: none !important
}

.tns-outer [aria-controls],
.tns-outer [data-action] {
  cursor: pointer
}

.tns-slider {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  transition: all 0s
}

.tns-slider>.tns-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap
}

.tns-horizontal.tns-subpixel>.tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal
}

.tns-horizontal.tns-no-subpixel:after {
  content: '';
  display: table;
  clear: both
}

.tns-horizontal.tns-no-subpixel>.tns-item {
  float: left
}

.tns-horizontal.tns-carousel.tns-no-subpixel>.tns-item {
  margin-right: -100%
}

.tns-no-calc {
  position: relative;
  left: 0
}

.tns-gallery {
  position: relative;
  left: 0;
  min-height: 1px
}

.tns-gallery>.tns-item {
  position: absolute;
  left: -100%;
  -webkit-transition: transform 0s, opacity 0s;
  -moz-transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s
}

.tns-gallery>.tns-slide-active {
  position: relative;
  left: auto !important
}

.tns-gallery>.tns-moving {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s
}

.tns-autowidth {
  display: inline-block
}

.tns-lazy-img {
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  transition: opacity 0.6s;
  opacity: 0.6
}

.tns-lazy-img.tns-complete {
  opacity: 1
}

.tns-ah {
  -webkit-transition: height 0s;
  -moz-transition: height 0s;
  transition: height 0s
}

.tns-ovh {
  overflow: hidden
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em
}

.tns-transparent {
  opacity: 0;
  visibility: hidden
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0
}

.tns-normal,
.tns-fadeOut {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1
}

.tns-vpfix {
  white-space: nowrap
}

.tns-vpfix>div,
.tns-vpfix>li {
  display: inline-block
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden
}

.tns-t-ct {
  width: 2333.3333333%;
  width: -webkit-calc(100% * 70 / 3);
  width: -moz-calc(100% * 70 / 3);
  width: calc(100% * 70 / 3);
  position: absolute;
  right: 0
}

.tns-t-ct:after {
  content: '';
  display: table;
  clear: both
}

.tns-t-ct>div {
  width: 1.4285714%;
  width: -webkit-calc(100% / 70);
  width: -moz-calc(100% / 70);
  width: calc(100% / 70);
  height: 10px;
  float: left
}

/*# sourceMappingURL=sourcemaps/tiny-slider.css.map */

html {
  font-size: 62.5%;
  overflow-x: hidden !important;
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth
}

*,
*:before,
*:after {
  box-sizing: inherit
}

body {
  box-sizing: border-box;
  margin: 0px
}

::-moz-selection {
  background: black;
  color: white
}

::selection {
  background: black;
  color: white
}

::-moz-selection {
  background: black;
  color: white
}

::-webkit-selection {
  background: black;
  color: white
}

#PContent.main-content {
  margin-top: 19.7rem
}

@media screen and (min-width: 768px) {
  #PContent.main-content {
    margin-top: 14rem
  }
}

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

q::before,
q::after {
  display: none
}

button {
  display: inline-block;
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  background: none transparent;
  color: inherit;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  font: inherit;
  line-height: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

blockquote {
  -webkit-margin-before: 0;
  margin-block-start: 0;
  -webkit-margin-after: 0;
  margin-block-end: 0;
  -webkit-margin-start: 0;
  margin-inline-start: 0;
  -webkit-margin-end: 0;
  margin-inline-end: 0
}

#svg-- {
  display: none
}

.mfp-wrap {
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed !important;
  top: 0 !important
}

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

body,
.paragraph {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  color: inherit
}

.paragraph {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem
}

@media screen and (min-width: 768px) {
  .paragraph {
    font-size: 1.8rem;
    line-height: 2.5rem
  }
}

.paragraph-small {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem
}

.paragraph:not(:last-child) {
  margin-bottom: 1.5rem
}

.header-primary,
.header-secondary,
.header-tertiary,
.header-quaternary {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  color: #00263A;
  text-transform: uppercase
}

.header-primary {
  font-weight: 400;
  font-size: 3.7rem;
  line-height: 7rem;
  letter-spacing: 0.1rem
}

@media screen and (min-width: 768px) {
  .header-primary {
    font-size: 5.7rem;
    line-height: 8.4rem
  }
}

.header-secondary {
  font-weight: 400;
  font-size: 4rem;
  line-height: 5.9rem;
  letter-spacing: 0.1rem
}

@media screen and (min-width: 768px) {
  .header-secondary {
    font-size: 5rem;
    line-height: 7.4rem
  }
}

.header-tertiary {
  font-weight: 500;
  font-size: 3rem;
  line-height: 4.4rem
}

@media screen and (min-width: 768px) {
  .header-tertiary {
    font-size: 4rem;
    line-height: 5.9rem
  }
}

.header__link {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.7rem;
  text-transform: uppercase
}

.btn {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 2.7rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase
}

.testimonial__cite {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 2.5rem
}

.testimonial__quote {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-style: italic;
  font-weight: 400;
  font-size: 2rem;
  line-height: 2.5rem
}

.footer__link {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
  text-transform: uppercase
}

.footer__small-caps {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem;
  text-transform: uppercase
}

.footer__small {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.9rem
}

.c-card__title {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem;
  text-transform: uppercase
}

.u-img-fluid {
  width: 100%;
  height: auto
}

.u-srt {
  display: none
}

.u-text-white {
  color: #fff
}

.u-bg-light-grey {
  background-color: #E9E9E9
}

.u-mb-large {
  margin-bottom: 5rem !important
}

.u-mb-medium {
  margin-bottom: 3rem !important
}

.u-mb-small {
  margin-bottom: 2rem !important
}

.u-mb-xsmall {
  margin-bottom: 1rem !important
}

.u-mt-large {
  margin-top: 5rem !important
}

.u-mt-medium {
  margin-top: 3rem !important
}

.u-mt-small {
  margin-top: 2rem !important
}

.u-mt-xsmall {
  margin-top: 1rem !important
}

.u-m-auto {
  margin-left: auto;
  margin-right: auto
}

.u-m-none {
  margin: 0 !important
}

.u-text-center {
  text-align: center !important
}

.u-text-left {
  text-align: left !important
}

.u-text-right {
  text-align: right !important
}

.btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.5rem 6rem;
  transition: ease all 0.3s;
  width: -moz-fit-content;
  width: fit-content
}

.btn-primary {
  background-color: #fff;
  color: #000;
  border: 0.4rem solid #00263A;
  border-radius: 3rem
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #41B6E6
}

.btn-underline {
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  letter-spacing: normal;
  text-transform: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
  position: relative
}

.btn-underline::after {
  content: '';
  position: absolute;
  bottom: -0.4rem;
  height: 0.2rem;
  width: 100%;
  background-color: #41B6E6;
  transition: ease all 0.3s
}

.btn-underline:hover::after,
.btn-underline:focus::after {
  width: 0
}

.control-btn {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  transition: ease all 0.3s;
  border: 2px solid #00263A;
  background-color: #fff;
  width: 5rem;
  height: 5rem;
  border-radius: 50%
}

.control-btn:hover,
.control-btn:focus {
  background-color: #41B6E6
}

.control-btn-prev::before {
  content: "\f053";
  font: normal normal normal 14px/1 FontAwesome
}

.control-btn-next::before {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome
}

.c-card {
  box-shadow: 0rem 0.4rem 1.3rem rgba(106, 71, 43, 0.3);
  background-color: #fff;
  padding: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

.lazy-load {
  opacity: 0;
  transition: all ease 1s;
  transform: translateY(2.5rem)
}

.lazy-load.loaded {
  opacity: 1;
  transform: translateY(0)
}

img.lazy-load {
  transform: translateX(-100%)
}

img.lazy-load.loaded {
  transform: translateX(0)
}

.hero {
  background-size: cover;
  position: relative;
  height: 80rem
}

.hero__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.hero__content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(208, 211, 212, 0.8);
  padding: 4rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

@media screen and (min-width: 768px) {
  .hero__content {
    padding: 4rem 5rem
  }
}

@media screen and (min-width: 1024px) {
  .hero__content {
    padding: 4rem 10rem
  }
}

.hero__content .header-tertiary {
  line-height: 4.4rem
}

.intro {
  padding: 5rem 1.5rem
}

@media screen and (min-width: 768px) {
  .intro {
    padding: 10rem 5rem
  }
}

@media screen and (min-width: 1024px) {
  .intro {
    padding: 10rem
  }
}

.intro__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  color: #00263A
}

.cta {
  padding: 4.4rem 0 0 0;
  background-color: #C3E0EA;
  border-top: 1.6rem solid #41B6E6;
  border-bottom: 1.6rem solid #41B6E6
}

@media screen and (min-width: 768px) {
  .cta {
    padding: 4.4rem 5rem 0
  }
}

@media screen and (min-width: 1024px) {
  .cta {
    padding: 4.4rem 10rem 0
  }
}

.cta__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 5rem
}

@media screen and (min-width: 768px) {
  .cta__content {
    -ms-flex-direction: row;
    flex-direction: row
  }
}

.cta__frankie {
  line-height: 0;
  padding: 0 1.5rem 0 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: start;
  align-self: flex-start
}

@media screen and (min-width: 768px) {
  .cta__frankie {
    padding: 0
  }
}

.cta__frankie>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.cta__text {
  padding: 0 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

@media screen and (min-width: 768px) {
  .cta__text {
    padding: 0
  }
}

.cta__text>h2.header-secondary {
  font-size: 4rem;
  line-height: 5.9rem
}

@media screen and (min-width: 1024px) {
  .cta__text>h2.header-secondary {
    font-size: 5rem;
    line-height: 7.4rem
  }
}

.cta__text>p.paragraph {
  margin-bottom: 2rem;
  color: #2C2A29
}

.video-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10rem 0;
  background-size: cover;
  background-position: center center;
  background-color: #C3E0EA
}

@media screen and (min-width: 768px) {
  .video-section {
    padding: 14.4rem 0
  }
}

@media screen and (min-width: 1024px) {
  .video-section {
    padding: 10rem 0
  }
}

.video-section__video {
  position: relative;
  padding-bottom: calc(542 / 965 * 100%);
  overflow: hidden;
  height: 0
}

.video-section__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video-section__video__wrapper {
  max-width: 96.5rem;
  max-height: 54.2rem;
  width: 100%
}

.oppo {
  padding: 5rem 1.5rem;
  background-color: #E9E9E9
}

@media screen and (min-width: 768px) {
  .oppo {
    padding: 10rem 5rem
  }
}

@media screen and (min-width: 1024px) {
  .oppo {
    padding: 10rem
  }
}

.oppo__content {
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #00263A
}

.oppo__title {
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 3.2rem
}

.oppo__title h2.header-secondary {
  position: relative;
  width: -moz-fit-content;
  width: fit-content
}

.oppo__title h2.header-secondary::after {
  content: '';
  position: absolute;
  bottom: -0.4rem;
  left: 0;
  right: 0;
  height: 0.2rem;
  background-color: #00263A
}

.oppo__title h3.header-tertiary {
  font-size: 3rem;
  line-height: 4.4rem
}

.oppo__list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 2rem;
  justify-items: center
}

@media screen and (min-width: 768px) {
  .oppo__list {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 2rem;
    column-gap: 2rem
  }
}

@media screen and (min-width: 1024px) {
  .oppo__list {
    grid-template-columns: repeat(12, 1fr);
    row-gap: 4rem
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .oppo__item:last-child {
    grid-column: span 2;
    max-width: calc((100% - 2rem) / 2)
  }
}

@media screen and (min-width: 1024px) {

  .oppo__item:nth-child(1),
  .oppo__item:nth-child(2),
  .oppo__item:nth-child(3),
  .oppo__item:nth-child(4) {
    grid-column: span 3
  }

  .oppo__item:nth-child(5),
  .oppo__item:nth-child(6),
  .oppo__item:nth-child(7) {
    grid-column: span 4
  }
}

.testimonial {
  background-size: cover;
  padding: 10rem 1.5rem
}

@media screen and (min-width: 768px) {
  .testimonial {
    padding: 10rem 0
  }
}

@media screen and (min-width: 1024px) {
  .testimonial {
    padding: 10rem
  }
}

.testimonial .tns-slider {
  display: -ms-flexbox;
  display: flex
}

.testimonial__title {
  text-align: center;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 19.79%, #fff 88.02%, rgba(255, 255, 255, 0) 100%);
  color: #00263A
}

.testimonial__list {
  margin-top: 5rem
}

.testimonial__item {
  background-color: #fff;
  padding: 5rem 2.5rem 6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  height: 100%
}

.testimonial__item__wrapper:not(.tns-slide-current) {
  color: #8F8F8F
}

.testimonial__control {
  margin-top: 6rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
  -ms-flex-pack: center;
  justify-content: center
}

.testimonial__cite {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  margin-top: auto
}

.testimonial__cite__img {
  width: 10rem;
  height: 10rem;
  border-radius: 5rem
}

.twi {
  display: grid;
  grid-template-columns: 1fr
}

@media screen and (min-width: 1024px) {
  .twi {
    grid-template-columns: 570fr 870fr
  }
}

.twi__img {
  grid-row: 2;
  height: 52.2rem;
  line-height: 0
}

@media screen and (min-width: 1024px) {
  .twi__img {
    grid-row: 1;
    height: auto
  }
}

.twi__img>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 45% center;
  object-position: 45% center
}

.twi__content {
  grid-row: 1;
  color: #00263A;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  .twi__content {
    height: 100%
  }
}

.twi__content__upper {
  padding: 6rem 1.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

@media screen and (min-width: 768px) {
  .twi__content__upper {
    padding: 6rem 5rem
  }
}

@media screen and (min-width: 1024px) {
  .twi__content__upper {
    padding: 6rem 10rem;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.twi__content__below {
  background-color: #E9E9E9;
  padding: 3rem 2.5rem 2rem
}

@media screen and (min-width: 768px) {
  .twi__content__below {
    padding: 2rem;
    text-align: center
  }
}

.twi__content__below ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 2rem;
  line-height: 3rem;
  text-transform: uppercase
}

@media screen and (min-width: 768px) {
  .twi__content__below ul {
    gap: 0;
    -ms-flex-direction: row;
    flex-direction: row
  }
}

@media screen and (min-width: 1024px) {
  .twi__content__below ul {
    -ms-flex-pack: distribute;
    justify-content: space-around
  }
}

.twi__content__below ul>li {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 0.5rem;
  padding: 1rem 0
}

@media screen and (min-width: 768px) {
  .twi__content__below ul>li {
    padding: 1rem
  }
}

.twi__content__below ul>li::before {
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  line-height: 3rem;
  color: #41B6E6
}

@media screen and (min-width: 1024px) {
  .twi-reverse {
    grid-template-columns: 870fr 570fr
  }
}

@media screen and (min-width: 1024px) {
  .twi-reverse .twi__img {
    grid-column: 2
  }
}

@media screen and (min-width: 1024px) {
  .twi-reverse .twi__content {
    grid-column: 1
  }
}

.top-10 {
  padding: 5rem 0 12.3rem
}

.top-10__title {
  padding: 0 1.5rem 5rem;
  text-align: center
}

.top-10 .c-tab-slider-nav {
  text-align: center;
  z-index: 2;
  position: relative
}

.top-10 .c-tab-slider-nav .owl-item {
  padding-bottom: 1.3rem;
  -ms-flex-item-align: end;
  align-self: flex-end
}

.top-10 .c-tab-slider-nav .owl-item.current .c-tab-slider-nav__number {
  background-color: #41B6E6
}

.top-10 .c-tab-slider-nav .owl-stage {
  display: -ms-flexbox;
  display: flex
}

.top-10 .c-tab-slider-nav__btn {
  display: inline-block
}

.top-10 .c-tab-slider-nav__title {
  margin-bottom: 0.5rem
}

.top-10 .c-tab-slider-nav__number {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 10rem;
  height: 10rem;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #00263A;
  color: #fff;
  transition: ease all 0.3s;
  box-shadow: 0.4rem 0.4rem 1rem 0.2rem rgba(0, 0, 0, 0.25)
}

.top-10 .c-tab-slider-nav__number>span {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 4rem;
  line-height: 5.9rem
}

.top-10 .c-tab-slider__wrapper {
  margin-top: -6.2rem;
  background-color: #C3E0EA;
  position: relative
}

.top-10 .c-tab-slider__counter {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3rem;
  right: 1.6rem;
  bottom: 4rem
}

@media screen and (min-width: 768px) {
  .top-10 .c-tab-slider__counter {
    -ms-flex-direction: column;
    flex-direction: column;
    right: auto;
    left: 4.35rem;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
  }
}

.top-10 .c-tab-slider__counter--count,
.top-10 .c-tab-slider__counter--total {
  font-family: "Oswald", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #fff
}

.top-10 .c-tab-slider__counter--line {
  width: 5rem;
  height: 0.3rem;
  background-color: #41B6E6
}

@media screen and (min-width: 768px) {
  .top-10 .c-tab-slider__counter--line {
    height: 5rem;
    width: 0.3rem
  }
}

.top-10 .c-tab-slider__item {
  padding: 10.5rem 5.5rem;
  color: #00263A
}

@media screen and (min-width: 768px) {
  .top-10 .c-tab-slider__item {
    padding: 12.7rem 5rem 7.5rem 15.2rem
  }
}

.top-10 .c-tab-slider__content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem
}

.top-10 .c-tab-slider__arrows {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 2rem;
  transform: translateY(50%) rotate(90deg);
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 1.6rem;
  margin-left: auto;
  width: -moz-fit-content;
  width: fit-content
}

.top-10 .c-tab-slider__arrows>button {
  width: 5rem;
  height: 5rem;
  font-size: 3rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
  border: 0.2rem solid #00263A;
  border-radius: 50%;
  transition: ease all 0.3s
}

.top-10 .c-tab-slider__arrows>button:hover,
.top-10 .c-tab-slider__arrows>button:focus {
  background-color: #41B6E6
}

.animate__slideInUp {
  animation-name: slideInUp
}

.animate__slideOutUp {
  animation-name: slideOutUp
}

@keyframes slideOutUp {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0)
  }
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

.job-header {
  padding: 8.4rem 0 0;
  text-align: center
}

.core-values {
  color: white;
  padding-top: 15rem;
  padding-bottom: 15rem;
  background-color: #152c53;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

.core-values__header {
  text-align: center;
  font-size: 4.8rem
}

.core-values__item {
  -ms-flex: 1;
  flex: 1;
  max-width: 69.6rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column
}

@media screen and (min-width: 1024px) {
  .core-values__item {
    max-width: 41.1rem
  }
}

.core-values__sub-header {
  text-align: center;
  font-size: 2.1rem;
  color: #0D9DC9;
  padding-bottom: 4rem;
  max-width: 100rem
}

.core-values__wrapper {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

@media screen and (min-width: 768px) {
  .core-values__wrapper {
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media screen and (min-width: 1024px) {
  .core-values__wrapper {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: stretch;
    align-items: stretch
  }
}

.core-values img {
  width: 100%
}

.core-values__image {
  position: relative;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
  align-items: end
}

@media screen and (min-width: 768px) {
  .core-values__image {
    padding-left: 4rem;
    padding-right: 4rem
  }
}

@media screen and (min-width: 1024px) {
  .core-values__image {
    padding: 0
  }
}

.core-values__image:hover .core-values__overlay {
  background-color: rgba(13, 157, 201, 0.65);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center
}

@media screen and (min-width: 768px) {
  .core-values__image:hover .core-values__overlay {
    width: calc(100% - 8rem)
  }
}

@media screen and (min-width: 1024px) {
  .core-values__image:hover .core-values__overlay {
    width: 100%
  }
}

.core-values__icon {
  font-size: 7.5rem;
  color: white
}

.core-values__overlay {
  display: none
}

.core-values__wrapper-card {
  color: black;
  position: relative;
  z-index: 2;
  height: 100%
}

@media screen and (min-width: 1024px) {
  .core-values__wrapper-card {
    margin-top: -9.6rem;
    padding: 2.4rem
  }
}

.core-values__card {
  background-color: white;
  padding: 4rem;
  height: 100%
}

@media screen and (min-width: 1024px) {
  .core-values__card {
    min-height: 40rem
  }
}

.core-values__card h3 {
  text-align: center;
  color: #0D9DC9;
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 0.8rem
}

.core-values__card p {
  font-size: 1.6rem;
  color: #152c53;
  text-align: center
}

.core-values__card>p {
  margin-bottom: 1.6rem
}

.header {
  padding: 4rem 1.7rem 5rem;
  width: 100vw;
  position: fixed;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  z-index: 1000;
  top: 0
}

@media screen and (min-width: 768px) {
  .header {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 8rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 4rem 5rem
  }
}

.header ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.header ul li {
  margin: 0
}

.header__logo {
  width: 15rem;
  height: 6rem
}

.header__logo>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.header__nav {
  width: 100%
}

@media screen and (min-width: 768px) {
  .header__nav {
    width: -moz-fit-content;
    width: fit-content
  }
}

.header__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 2rem
}

.header__link {
  padding: 1rem;
  transition: ease all 0.3s
}

.header__link:hover {
  color: #41B6E6
}

.footer {
  border-top: 0.2rem solid #00263A;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  gap: 4rem
}

.footer__wrapper {
  padding: 0 1.5rem 3rem
}

@media screen and (min-width: 768px) {
  .footer__wrapper {
    padding: 0 5rem 3rem
  }
}

.footer__logo {
  display: block;
  width: 15rem;
  height: 6rem;
  line-height: 0;
  margin-top: 3rem
}

.footer__logo>img {
  width: 100%;
  height: 100%
}

.footer__company-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

@media screen and (min-width: 768px) {
  .footer__company-list {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem
  }
}

@media screen and (min-width: 1024px) {
  .footer__company-list {
    gap: 2rem
  }
}

.footer__company-list>a {
  display: block;
  width: 11rem
}

.footer__company-list>a>img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.footer__links {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

@media screen and (min-width: 1024px) {
  .footer__links {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3rem
  }
}

.footer__backlinks {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.2rem;
  -ms-flex-align: center;
  align-items: center;
  color: #2C2A29
}

@media screen and (min-width: 1024px) {
  .footer__backlinks {
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.2rem
  }
}

.footer__link {
  transition: ease all 0.3s
}

.footer__link:hover,
.footer__link:focus {
  color: #41B6E6
}

.footer__social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 3rem;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2rem 0rem
}

.footer__social>a {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  transition: ease all 0.3s
}

.footer__social>a:hover,
.footer__social>a:focus {
  fill: #41B6E6
}

.footer__social>a>svg {
  width: 100%;
  height: 100%
}

.post-footer {
  padding: 4rem 1.5rem;
  background-color: #C3E0EA;
  color: #53565A;
  text-align: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2rem
}

@media screen and (min-width: 768px) {
  .post-footer {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4rem 5rem
  }

  .post-footer br {
    display: none
  }
}

@media screen and (min-width: 1024px) {
  .post-footer {
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 6rem
  }
}