/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/sass/vendor/select2.css ***!
  \***********************************************************************************************************/
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline;
      list-style: none;
      padding: 0; }
    .select2-container .select2-selection--multiple .select2-selection__clear {
      background-color: transparent;
      border: none;
      font-size: 1em; }
  .select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all; }
    .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option--selectable {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative; }
  .select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
      background-color: #f1f1f1;
      color: #333;
      outline: none; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--group {
  padding: 0; }

.select2-container--default .select2-results__option--disabled {
  color: #999; }

.select2-container--default .select2-results__option--selected {
  background-color: #ddd; }

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555;
      outline: none; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option--group {
  padding: 0; }

.select2-container--classic .select2-results__option--disabled {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/sass/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************/
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

textarea, input, button {
  background: transparent;
  border: none;
  margin: 0; }
  textarea:focus, input:focus, button:focus {
    outline: none; }

input,
textarea,
button,
select,
a {
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

section {
  overflow: hidden; }

.container {
  width: 100%;
  margin: auto;
  position: relative;
  max-width: 1440px;
  padding: 0 100px; }
  @media screen and (max-width: 1080px) {
    .container {
      padding: 0 40px; } }
  @media screen and (max-width: 767px) {
    .container {
      padding: 0 16px; } }

.flex {
  display: flex;
  flex-wrap: wrap; }

body, html {
  width: 100%;
  overflow-x: hidden; }

body {
  color: #101716;
  font-size: 16px;
  font-family: "Carbona-Regular", sans-serif;
  font-weight: 400;
  line-height: 150%; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Carbona-Bold", sans-serif;
  line-height: 110%;
  color: #101716;
  font-weight: 700; }

h1 {
  font-size: 64px; }
  @media (max-width: 1440px) and (min-width: 401px) {
    h1 {
      font-size: calc(22 * ((100vw - 400px) / 1040) + 42px); } }
  @media (max-width: 400px) {
    h1 {
      font-size:  42px; } }
  @media (max-width: 1023px) {
    h1 {
      line-height: 120%; } }

h2 {
  font-size: 56px; }
  @media (max-width: 1440px) and (min-width: 401px) {
    h2 {
      font-size: calc(20 * ((100vw - 400px) / 1040) + 36px); } }
  @media (max-width: 400px) {
    h2 {
      font-size:  36px; } }

h3 {
  font-size: 48px; }
  @media (max-width: 1440px) and (min-width: 401px) {
    h3 {
      font-size: calc(18 * ((100vw - 400px) / 1040) + 30px); } }
  @media (max-width: 400px) {
    h3 {
      font-size:  30px; } }
  @media (max-width: 1023px) {
    h3 {
      line-height: 120%; } }

h4 {
  font-size: 36px;
  line-height: 120%; }
  @media (max-width: 1440px) and (min-width: 401px) {
    h4 {
      font-size: calc(12 * ((100vw - 400px) / 1040) + 24px); } }
  @media (max-width: 400px) {
    h4 {
      font-size:  24px; } }
  @media (max-width: 1023px) {
    h4 {
      line-height: 130%; } }

h5 {
  font-size: 24px;
  line-height: 130%; }
  @media (max-width: 1440px) and (min-width: 401px) {
    h5 {
      font-size: calc(4 * ((100vw - 400px) / 1040) + 20px); } }
  @media (max-width: 400px) {
    h5 {
      font-size:  20px; } }

.quote {
  font-family: "Carbona-Medium", sans-serif;
  font-size: 56px;
  line-height: 110%;
  font-weight: 500; }
  @media (max-width: 1440px) and (min-width: 401px) {
    .quote {
      font-size: calc(28 * ((100vw - 400px) / 1040) + 28px); } }
  @media (max-width: 400px) {
    .quote {
      font-size:  28px; } }
  @media (max-width: 1023px) {
    .quote {
      line-height: 140%;
      font-weight: 700; } }

.subtitle {
  font-family: "Carbona-Medium", sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: 500; }

.body-large {
  font-family: "Carbona-Bold", sans-serif;
  font-size: 20px;
  line-height: 120%;
  font-weight: 700; }
  @media (max-width: 1440px) and (min-width: 401px) {
    .body-large {
      font-size: calc(2 * ((100vw - 400px) / 1040) + 18px); } }
  @media (max-width: 400px) {
    .body-large {
      font-size:  18px; } }
  @media (max-width: 1023px) {
    .body-large {
      line-height: 130%; } }

.body-bold {
  font-family: "Carbona-Bold", sans-serif;
  font-size: 16px;
  line-height: 140%;
  font-weight: 700; }

.caption {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400; }

.caption-title {
  font-size: 14px;
  line-height: 150%;
  font-weight: 700; }

.caption-s {
  font-size: 12px;
  line-height: 150%;
  font-weight: 400; }

.caption-link {
  font-size: 14px;
  line-height: 150%;
  font-weight: 500;
  text-decoration-line: underline; }

.content {
  color: #101716;
  font-size: 16px;
  font-family: "Carbona-Regular", sans-serif;
  font-weight: 400;
  line-height: 150%; }
  .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-family: "Carbona-Bold", sans-serif;
    line-height: 110%;
    color: #101716;
    font-weight: 700; }
  .content h1 {
    font-size: 64px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .content h1 {
        font-size: calc(22 * ((100vw - 400px) / 1040) + 42px); } }
    @media (max-width: 400px) {
      .content h1 {
        font-size:  42px; } }
    @media (max-width: 1023px) {
      .content h1 {
        line-height: 120%; } }
  .content h2 {
    font-size: 56px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .content h2 {
        font-size: calc(14 * ((100vw - 400px) / 1040) + 42px); } }
    @media (max-width: 400px) {
      .content h2 {
        font-size:  42px; } }
  .content h3 {
    font-size: 48px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .content h3 {
        font-size: calc(18 * ((100vw - 400px) / 1040) + 30px); } }
    @media (max-width: 400px) {
      .content h3 {
        font-size:  30px; } }
    @media (max-width: 1023px) {
      .content h3 {
        line-height: 120%; } }
  .content h4 {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 16px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .content h4 {
        font-size: calc(12 * ((100vw - 400px) / 1040) + 24px); } }
    @media (max-width: 400px) {
      .content h4 {
        font-size:  24px; } }
    @media (max-width: 1023px) {
      .content h4 {
        line-height: 130%; } }
    @media screen and (max-width: 767px) {
      .content h4 {
        margin-bottom: 12px; } }
  .content h5 {
    font-size: 24px;
    margin-bottom: 16px;
    line-height: 130%; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .content h5 {
        font-size: calc(4 * ((100vw - 400px) / 1040) + 20px); } }
    @media (max-width: 400px) {
      .content h5 {
        font-size:  20px; } }
    @media screen and (max-width: 767px) {
      .content h5 {
        margin-bottom: 12px; } }
  .content p {
    font-size: 16px;
    margin: 0 0 12px; }
    @media screen and (max-width: 767px) {
      .content p {
        margin: 0 0 8px; } }
    .content p > img {
      width: 100%;
      object-fit: cover;
      display: block;
      border-radius: 24px;
      margin: 24px 0; }
      @media screen and (max-width: 767px) {
        .content p > img {
          margin: 16px 0; } }
  .content p + h1 {
    margin-top: 50px; }
  .content p + h2 {
    margin-top: 50px; }
  .content p + h3 {
    margin-top: 40px; }
  .content p + h4 {
    margin-top: 24px; }
    @media screen and (max-width: 767px) {
      .content p + h4 {
        margin-top: 16px; } }
  .content p + h5 {
    margin-top: 16px; }
    @media screen and (max-width: 767px) {
      .content p + h5 {
        margin-top: 12px; } }
  .content p + h6 {
    margin-top: 30px; }
  .content .wp-caption + p {
    margin: 35px 0 0; }
  .content strong {
    font-weight: 700; }
  .content em {
    font-style: italic; }
  .content a {
    font-weight: 500;
    color: #00463A;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px; }
    .content a:hover {
      color: #00D1AD; }
  .content ul, .content ol {
    margin: 12px 0 12px; }
  .content ul {
    padding: 0 0 0 20px; }
    .content ul > li {
      list-style-type: disc; }
      .content ul > li::marker {
        color: #00D1AD;
        font-size: 21px; }
      .content ul > li + li {
        margin-top: 12px; }
    .content ul + p {
      margin-top: 20px; }
  .content ol {
    counter-reset: item; }
    .content ol > li {
      list-style-type: none;
      counter-increment: item;
      position: relative;
      padding-left: 36px; }
      @media screen and (max-width: 767px) {
        .content ol > li {
          padding-left: 30px; } }
      .content ol > li::before {
        content: counter(item, decimal-leading-zero) ". ";
        position: absolute;
        left: 0;
        color: #00D1AD;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 24px */ }
        @media screen and (max-width: 767px) {
          .content ol > li::before {
            font-size: 18px;
            line-height: 130%;
            /* 23.4px */ } }
      .content ol > li + li {
        padding-top: 12px; }
  .content .gallery {
    display: flex;
    gap: 24px;
    margin: 24px 0 !important; }
    @media screen and (max-width: 767px) {
      .content .gallery {
        gap: 16px;
        margin: 16px 0 !important; } }
    .content .gallery br {
      display: none; }
    .content .gallery .gallery-item {
      margin: 0 !important; }
    .content .gallery img {
      border: none !important;
      width: 100%;
      height: 425px;
      object-fit: cover;
      border-radius: 16px;
      display: block; }
      @media screen and (max-width: 767px) {
        .content .gallery img {
          height: 189px; } }
    .content .gallery .gallery-icon {
      position: relative;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 16px; }
      .content .gallery .gallery-icon:after {
        content: '';
        border-radius: 16px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
        opacity: .4;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: .3s; }
  .content blockquote {
    padding: 64px 0 24px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .content blockquote {
        padding: 59px 0 16px; } }
    .content blockquote:before {
      content: '';
      background: url(24ae4ae195273b90804f.svg) no-repeat;
      position: absolute;
      width: 16px;
      height: 37px;
      left: 0;
      top: 10px; }
      @media screen and (max-width: 767px) {
        .content blockquote:before {
          top: 7px; } }
    .content blockquote h2 {
      font-family: "Carbona-Medium", sans-serif;
      font-style: normal;
      font-weight: 500;
      line-height: 110%;
      /* 61.6px */
      font-size: 56px; }
      @media (max-width: 1440px) and (min-width: 401px) {
        .content blockquote h2 {
          font-size: calc(28 * ((100vw - 400px) / 1040) + 28px); } }
      @media (max-width: 400px) {
        .content blockquote h2 {
          font-size:  28px; } }
      @media screen and (max-width: 767px) {
        .content blockquote h2 {
          line-height: 140%; } }
    .content blockquote p {
      text-align: right;
      margin: 16px 0 0 0; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes pulsate {
  0% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center; }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
    transform-origin: center center; }
  100% {
    transform: scale(1);
    opacity: 1;
    transform-origin: center center; } }

@keyframes zoomIn {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

[class^="icon-"]:before, [class*=" icon-"]:before {
  margin-right: 0 !important;
  margin-left: 0 !important; }

@font-face {
  font-family: 'Carbona-Bold';
  src: url(./fonts/Carbona-Bold.eot);
  src: url(./fonts/Carbona-Bold.eot?#iefix) format("embedded-opentype"), url(1c818397780acc6d0dad.otf) format("otf"), url(338f6bd778ec330c0246.svg#Carbona-Bold) format("svg"), url(./fonts/Carbona-Bold.ttf) format("truetype"), url(./fonts/Carbona-Bold.woff) format("woff"), url(./fonts/Carbona-Bold.woff2) format("woff2"); }

@font-face {
  font-family: 'Carbona-Regular';
  src: url(./fonts/Carbona-Regular.eot);
  src: url(./fonts/Carbona-Regular.eot?#iefix) format("embedded-opentype"), url(7c66451092f3e3561e48.otf) format("otf"), url(4a201af36110bec7004a.svg#Carbona-Regular) format("svg"), url(./fonts/Carbona-Regular.ttf) format("truetype"), url(./fonts/Carbona-Regular.woff) format("woff"), url(./fonts/Carbona-Regular.woff2) format("woff2"); }

@font-face {
  font-family: 'Carbona-Medium';
  src: url(./fonts/Carbona-Medium.eot);
  src: url(./fonts/Carbona-Medium.eot?#iefix) format("embedded-opentype"), url(c80ac209d247213e19fa.otf) format("otf"), url(1a4f1512ea7a1701243f.svg#Carbona-Medium) format("svg"), url(./fonts/Carbona-Medium.ttf) format("truetype"), url(./fonts/Carbona-Medium.woff) format("woff"), url(./fonts/Carbona-Medium.woff2) format("woff2"); }

.btn-primary {
  display: inline-block;
  border-radius: 100px;
  background: #00463A;
  padding: 16px 28px;
  color: #FFF;
  text-align: center;
  font-family: "Carbona-Medium", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 21px */
  cursor: pointer;
  transition: .3s; }
  .btn-primary:hover {
    color: #121615;
    background: #00D1AD; }
  .btn-primary.disabled {
    pointer-events: none;
    background: #7C9C97;
    color: rgba(255, 255, 255, 0.4); }
  .btn-primary :disabled {
    pointer-events: none;
    background: #7C9C97;
    color: rgba(255, 255, 255, 0.4); }
  .btn-primary.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    padding: 9px 16px; }
    @media (max-width: 1023px) {
      .btn-primary.small {
        padding: 7px 16px; } }

.btn-secondary {
  display: inline-block;
  border-radius: 100px;
  background: #00D1AD;
  padding: 16px 63px;
  color: #121615;
  text-align: center;
  font-family: "Carbona-Medium", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 21px */
  cursor: pointer;
  transition: .3s; }
  .btn-secondary:hover {
    background: #2BD9FE; }
  .btn-secondary.disabled {
    pointer-events: none;
    background: #C8F5ED;
    color: #7C9C97; }
  .btn-secondary :disabled {
    pointer-events: none;
    background: #C8F5ED;
    color: #7C9C97; }
  .btn-secondary.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    padding: 9px 16px; }
    @media (max-width: 1023px) {
      .btn-secondary.small {
        padding: 7px 16px; } }

.btn-outline {
  display: inline-block;
  border-radius: 100px;
  background: transparent;
  padding: 16px 32px;
  color: #00463A;
  text-align: center;
  font-family: "Carbona-Medium", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%;
  /* 21px */
  cursor: pointer;
  transition: .3s;
  border: 1px solid #00463A; }
  .btn-outline:hover {
    background: #C8F5ED; }
  .btn-outline.disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97;
    border: 1px solid #7C9C97; }
  .btn-outline :disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97;
    border: 1px solid #7C9C97; }
  .btn-outline.small {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    padding: 9px 34px; }
    @media (max-width: 1023px) {
      .btn-outline.small {
        padding: 7px 34px; } }

.btn-outline-secondary {
  display: inline-block;
  border-radius: 100px;
  background: transparent;
  padding: 9px 16px;
  color: #FFF;
  text-align: center;
  font-family: "Carbona-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  cursor: pointer;
  transition: .3s;
  border: 1px solid rgba(255, 255, 255, 0.4); }
  @media (max-width: 1023px) {
    .btn-outline-secondary {
      padding: 7px 16px; } }
  .btn-outline-secondary:hover {
    color: #00D1AD;
    border-color: #00D1AD; }
  .btn-outline-secondary.disabled {
    pointer-events: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.4);
    border: 1px solid #E7EDEC; }
  .btn-outline-secondary :disabled {
    pointer-events: none;
    background: transparent;
    color: rgba(255, 255, 255, 0.4);
    border: 1px solid #E7EDEC; }

.btn-read-more {
  display: inline-block;
  background: transparent;
  padding: 7px 4px;
  color: #00D1AD;
  text-align: center;
  font-family: "Carbona-Medium", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 21px */
  cursor: pointer;
  transition: .3s;
  text-decoration-line: underline;
  border-radius: 8px; }
  .btn-read-more:hover {
    color: #2BD9FE; }
  .btn-read-more.disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97; }
  .btn-read-more :disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97; }

.btn-read-more-secondary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: transparent;
  padding: 7px 4px;
  color: #00463A;
  text-align: center;
  font-family: "Carbona-Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 21px */
  cursor: pointer;
  transition: .3s;
  border-radius: 8px; }
  .btn-read-more-secondary svg * {
    transition: .3s; }
  .btn-read-more-secondary:hover {
    color: #00D1AD; }
    .btn-read-more-secondary:hover svg * {
      stroke: #00D1AD; }
  .btn-read-more-secondary.disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97; }
    .btn-read-more-secondary.disabled svg * {
      stroke: #7C9C97; }
  .btn-read-more-secondary :disabled {
    pointer-events: none;
    background: transparent;
    color: #7C9C97; }
    .btn-read-more-secondary :disabled svg * {
      stroke: #7C9C97; }

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 100;
  transform: translateY(0);
  min-height: 64px;
  transition: transform 240ms cubic-bezier(0.4, 0, 0.6, 1);
  background-color: #00463A; }
  .header.dark-theme {
    background-color: #F1F9F8; }
    .header.dark-theme .navbar-toggle .animate-burger span {
      background: #101716; }
    .header.dark-theme .logo.white {
      display: none; }
    .header.dark-theme .logo.dark {
      display: block; }
    @media screen and (min-width: 1080px) {
      .header.dark-theme .navbar-nav > li > a {
        color: #101716; }
        .header.dark-theme .navbar-nav > li > a:hover {
          color: #00463A; } }
    @media screen and (min-width: 1080px) {
      .header.dark-theme .btn-outline-secondary {
        color: #00463A;
        border: 1px solid #00463A; }
        .header.dark-theme .btn-outline-secondary:hover {
          background: #C8F5ED; } }
    .header.dark-theme .btn-secondary {
      background: #00463A;
      color: #FFF; }
      .header.dark-theme .btn-secondary:hover {
        color: #121615;
        background: #00D1AD; }
  .header.mobile-activated-menu {
    background-color: #00463A; }
    .header.mobile-activated-menu .navbar-toggle .animate-burger span {
      background: #FFF; }
    .header.mobile-activated-menu .logo.white {
      display: block; }
    .header.mobile-activated-menu .logo.dark {
      display: none; }
    .header.mobile-activated-menu .btn-secondary {
      background: #00D1AD;
      color: #121615; }
      .header.mobile-activated-menu .btn-secondary:hover {
        background: #2BD9FE; }
  .header .top-menu-switchers {
    background-color: #003B31;
    padding: 6px 111px;
    display: flex;
    justify-content: flex-end; }
    @media screen and (max-width: 1080px) {
      .header .top-menu-switchers {
        padding: 6px 56px; } }
    @media screen and (max-width: 767px) {
      .header .top-menu-switchers {
        padding: 6px 16px; } }
    .header .top-menu-switchers ul.menu-switcher {
      display: flex;
      justify-content: end; }
      @media (max-width: 1080px) {
        .header .top-menu-switchers ul.menu-switcher {
          display: none; } }
      .header .top-menu-switchers ul.menu-switcher > li {
        position: relative; }
        .header .top-menu-switchers ul.menu-switcher > li > a {
          display: inline-block;
          position: relative;
          color: rgba(255, 255, 255, 0.8);
          font-family: "Carbona-Regular", sans-serif;
          font-size: 14px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 21px */
          padding: 0 14px 0 12px;
          text-decoration-line: none;
          text-decoration-thickness: 1px;
          text-underline-offset: 7px;
          transition: .3s; }
          .header .top-menu-switchers ul.menu-switcher > li > a::before {
            width: 1px;
            height: 13px;
            background: rgba(255, 255, 255, 0.4);
            content: '';
            right: 0;
            top: 5px;
            position: absolute; }
          .header .top-menu-switchers ul.menu-switcher > li > a:hover {
            color: #6BECD6;
            text-decoration-line: underline; }
    .header .top-menu-switchers .wpm-language-switcher {
      margin-left: 10px;
      color: rgba(255, 255, 255, 0.8); }
      .header .top-menu-switchers .wpm-language-switcher span {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */ }
    .header .top-menu-switchers .wpm-switcher-dropdown .wpm-language-dropdown {
      padding: 10px;
      z-index: 999999;
      transition: .3s;
      width: max-content;
      border-radius: 8px;
      box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
      background: var(--Tooltip-bg, #F1FFFD);
      left: auto;
      right: 0; }
    .header .top-menu-switchers .wpm-item-language-main {
      position: relative;
      padding-right: 18px; }
      .header .top-menu-switchers .wpm-item-language-main:hover {
        color: #6BECD6; }
        .header .top-menu-switchers .wpm-item-language-main:hover:before {
          background: url(56e35d929317da5fe0d7.svg) no-repeat; }
      .header .top-menu-switchers .wpm-item-language-main:before {
        content: '';
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 10px;
        height: 10px;
        background: url(8b06ed7ad6262eae7fb6.svg) no-repeat; }
  .header .header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 12px 0; }
    @media (max-width: 1080px) {
      .header .header-wrapper {
        padding: 20px 16px; } }
  .header .container {
    padding: 0 100px; }
    @media screen and (max-width: 1080px) {
      .header .container {
        padding: 0 40px; } }
    @media screen and (max-width: 767px) {
      .header .container {
        padding: 0; } }
  .header .header-left {
    display: flex;
    align-items: center; }
  .header .header-right {
    display: flex;
    align-items: center; }
    .header .header-right .wrap-btns {
      display: flex;
      gap: 9px;
      margin-left: 16px; }
    @media (max-width: 1080px) {
      .header .header-right .btn-outline-secondary {
        display: none; } }
    .header .header-right .btn-secondary {
      padding: 10px 34px; }
      @media (max-width: 767px) {
        .header .header-right .btn-secondary {
          padding: 8px 25px; } }
  .header .navbar-nav {
    display: flex;
    gap: 36px; }
    @media screen and (max-width: 1080px) {
      .header .navbar-nav {
        gap: 30px;
        flex-direction: column; } }
    .header .navbar-nav > li > a {
      display: inline-block;
      color: #FFF;
      font-family: "Carbona-Regular", sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      text-decoration-line: none;
      text-decoration-thickness: 1px;
      text-underline-offset: 7px;
      transition: .3s; }
      .header .navbar-nav > li > a:hover {
        color: #6BECD6;
        text-decoration-line: underline; }
  .header .mobile-main-menu {
    padding: 16px 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
  .header .header-desktop {
    display: inline-flex;
    align-items: center; }
    @media (max-width: 1080px) {
      .header .header-desktop {
        display: none; } }
  @media screen and (max-width: 767px) {
    .header .header-btn {
      display: none; } }
  .header .logo.dark {
    display: none; }
  .header .logo img {
    max-width: 137px;
    width: 100%;
    display: block; }
    @media screen and (max-width: 767px) {
      .header .logo img {
        max-width: 115px; } }
  .header .navbar-toggle {
    border: none;
    background: transparent; }
    .header .navbar-toggle:hover {
      background: transparent; }
      .header .navbar-toggle:hover .animate-burger .top {
        transform: translateY(-3px); }
      .header .navbar-toggle:hover .animate-burger .bottom {
        transform: translateY(3px); }
    .header .navbar-toggle:not(.collapsed) .animate-burger .top {
      transform: translateY(7px) rotate(-45deg); }
    .header .navbar-toggle:not(.collapsed) .animate-burger .middle {
      transform: translateX(10px);
      opacity: 0; }
    .header .navbar-toggle:not(.collapsed) .animate-burger .bottom {
      transform: translateY(-7px) rotate(45deg); }
    .header .navbar-toggle .animate-burger {
      display: inline-block;
      position: relative;
      width: 24px;
      height: 16px; }
      .header .navbar-toggle .animate-burger span {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #1A459C;
        left: 0;
        transition: transform .5s, opacity .6s; }
      .header .navbar-toggle .animate-burger .top {
        top: 0; }
      .header .navbar-toggle .animate-burger .middle {
        top: 50%;
        margin-top: -1px; }
      .header .navbar-toggle .animate-burger .bottom {
        bottom: 0; }
    @media (min-width: 1080px) {
      .header .navbar-toggle {
        display: none; } }
    @media screen and (max-width: 1080px) {
      .header .navbar-toggle {
        margin-right: 12px;
        top: 5px;
        position: relative; } }
    .header .navbar-toggle .animate-burger span {
      background: #FFF; }
  .header .header-response-menu {
    margin-top: 30px;
    margin-bottom: 38px;
    padding: 0 24px; }
    .header .header-response-menu ul {
      display: flex;
      flex-direction: column-reverse;
      gap: 30px; }
      .header .header-response-menu ul > li > a {
        display: inline-block;
        color: #FFF;
        font-family: "Carbona-Regular", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        text-decoration-line: none;
        text-decoration-thickness: 1px;
        text-underline-offset: 7px;
        transition: .3s; }
        .header .header-response-menu ul > li > a:hover {
          color: #6BECD6;
          text-decoration-line: underline; }
  .header .wrap-btn-mobile {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 19px 24px;
    text-align: end; }
    @media screen and (max-width: 500px) {
      .header .wrap-btn-mobile .btn-outline-secondary {
        width: 100%; } }

footer {
  padding-top: 60px;
  background: #121615; }
  @media (max-width: 767px) {
    footer {
      padding-top: 24px; } }
  footer .footer-main {
    display: flex; }
    @media (max-width: 767px) {
      footer .footer-main {
        flex-wrap: wrap; } }
  footer .main-column {
    max-width: 233px; }
    @media (max-width: 767px) {
      footer .main-column {
        max-width: unset;
        text-align: center; } }
    footer .main-column .main-text {
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      font-style: normal;
      line-height: 150%;
      /* 21px */
      padding: 8px 0 14px; }
      @media (max-width: 767px) {
        footer .main-column .main-text {
          padding: 8px 0 16px; } }
    footer .main-column .main-link {
      color: #00D1AD;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */
      transition: .3s; }
      @media (max-width: 767px) {
        footer .main-column .main-link {
          margin-bottom: 4px;
          display: block; } }
      footer .main-column .main-link:hover {
        text-decoration: underline; }
    footer .main-column .social-media {
      display: flex;
      gap: 16px;
      padding-top: 16px; }
      @media (max-width: 767px) {
        footer .main-column .social-media {
          justify-content: center;
          gap: 24px; } }
      footer .main-column .social-media a svg * {
        transition: .3s; }
      footer .main-column .social-media a:hover svg * {
        fill: #C8F5ED; }
  footer .footer-menus {
    margin-left: 118px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-top: 37px; }
    @media (max-width: 1439px) {
      footer .footer-menus {
        justify-content: center;
        flex-direction: column;
        width: 100%; } }
    @media (max-width: 1023px) {
      footer .footer-menus {
        margin-left: 80px; } }
    @media (max-width: 767px) {
      footer .footer-menus {
        margin-left: 0;
        margin-top: 3px; } }
    @media (max-width: 1439px) {
      footer .footer-menus .footer-item {
        width: 100%; } }
    footer .footer-menus .footer-item > ul > li:not(.menu-item-has-children) {
      position: relative;
      margin: 0 0 24px 0; }
      @media screen and (max-width: 1439px) {
        footer .footer-menus .footer-item > ul > li:not(.menu-item-has-children) {
          border-bottom: 1px solid #646464;
          margin: 0 0 22px 0;
          padding: 0 0 10px 0; } }
      @media (max-width: 767px) {
        footer .footer-menus .footer-item > ul > li:not(.menu-item-has-children) {
          margin: 0 0 26px 0;
          padding: 0 0 22px 0;
          border-bottom: none; } }
    footer .footer-menus .footer-item:last-child ul li.menu-item-has-children {
      border: none; }
    footer .footer-menus .footer-item li > a {
      color: #FFF;
      margin-bottom: 8px;
      display: block;
      z-index: 2;
      position: relative;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%;
      /* 22.4px */
      transition: .3s; }
      @media (max-width: 767px) {
        footer .footer-menus .footer-item li > a {
          margin-bottom: 0; } }
    footer .footer-menus .footer-item ul.sub-menu {
      padding-top: 10px;
      display: flex;
      flex-direction: column;
      gap: 15px; }
      @media (max-width: 1439px) {
        footer .footer-menus .footer-item ul.sub-menu {
          display: none;
          padding-top: 24px;
          margin-left: 24px;
          padding-bottom: 10px; } }
      @media (max-width: 767px) {
        footer .footer-menus .footer-item ul.sub-menu {
          padding-top: 16px;
          padding-bottom: 10px;
          margin-left: 0; } }
      @media (max-width: 1439px) {
        footer .footer-menus .footer-item ul.sub-menu li {
          margin-bottom: 16px; } }
      @media (max-width: 767px) {
        footer .footer-menus .footer-item ul.sub-menu li {
          margin-bottom: 12px; } }
      footer .footer-menus .footer-item ul.sub-menu a {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        margin-bottom: 0;
        padding: 0;
        display: block;
        z-index: 2;
        position: relative;
        transition: .3s;
        text-decoration-thickness: 1px;
        text-underline-offset: 7px; }
        footer .footer-menus .footer-item ul.sub-menu a:hover {
          color: #6BECD6;
          cursor: pointer;
          text-decoration: underline; }
    footer .footer-menus .footer-item ul li.menu-item-has-children {
      position: relative;
      margin: 0 0 24px 0; }
      @media screen and (max-width: 1439px) {
        footer .footer-menus .footer-item ul li.menu-item-has-children {
          border-bottom: 1px solid #646464;
          margin: 0 0 22px 0;
          padding: 0 0 10px 0; } }
      @media (max-width: 767px) {
        footer .footer-menus .footer-item ul li.menu-item-has-children {
          margin: 0 0 30px 0;
          padding: 0 0 0px 0;
          border: none; } }
      footer .footer-menus .footer-item ul li.menu-item-has-children:before {
        content: '';
        background: url(28a5eb10be940cc54a62.svg) no-repeat;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        transition: .3s;
        transform: rotate(0);
        z-index: 1;
        display: none; }
        @media screen and (max-width: 1439px) {
          footer .footer-menus .footer-item ul li.menu-item-has-children:before {
            display: block; } }
      footer .footer-menus .footer-item ul li.menu-item-has-children.active:before {
        transform: rotate(180deg); }
  footer .footer-subscribe-block {
    width: 37%; }
    @media screen and (max-width: 1439px) {
      footer .footer-subscribe-block {
        width: 60%; } }
    @media screen and (max-width: 1023px) {
      footer .footer-subscribe-block {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      footer .footer-subscribe-block {
        padding-top: 14px; } }
    footer .footer-subscribe-block .footer-subscribe-title {
      color: #FFF;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%;
      /* 22.4px */
      padding-bottom: 10px; }
    footer .footer-subscribe-block .footer-subscribe-form .nf-form-fields-required {
      display: none; }
    footer .footer-subscribe-block .footer-subscribe-form .nf-response-msg {
      padding: 16px;
      border-radius: 8px;
      background: #F1FFFD;
      max-width: fit-content; }
      footer .footer-subscribe-block .footer-subscribe-form .nf-response-msg p {
        color: #101716;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */
        position: relative;
        padding-left: 32px; }
        footer .footer-subscribe-block .footer-subscribe-form .nf-response-msg p:before {
          content: '';
          position: absolute;
          background: url(81cb37a89714306a3653.svg) no-repeat;
          width: 24px;
          height: 24px;
          left: 0; }
    footer .footer-subscribe-block .footer-subscribe-form .email-container input {
      display: flex;
      padding: 8px;
      align-items: flex-end;
      gap: 10px;
      align-self: stretch;
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      color: rgba(255, 255, 255, 0.8);
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */ }
      footer .footer-subscribe-block .footer-subscribe-form .email-container input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */ }
      footer .footer-subscribe-block .footer-subscribe-form .email-container input::placeholder {
        color: rgba(255, 255, 255, 0.8);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 24px */ }
    footer .footer-subscribe-block .footer-subscribe-form .nf-field-container {
      margin-bottom: 10px; }
    footer .footer-subscribe-block .footer-subscribe-form .submit-wrap {
      margin-top: 17px; }
      footer .footer-subscribe-block .footer-subscribe-form .submit-wrap input[type="submit"] {
        display: inline-block;
        border-radius: 100px;
        background: #00D1AD;
        padding: 9px 33px;
        color: #121615;
        text-align: center;
        font-family: "Carbona-Medium", sans-serif;
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        /* 21px */
        cursor: pointer;
        transition: .3s; }
        @media screen and (max-width: 767px) {
          footer .footer-subscribe-block .footer-subscribe-form .submit-wrap input[type="submit"] {
            width: 100%; } }
        footer .footer-subscribe-block .footer-subscribe-form .submit-wrap input[type="submit"]:hover {
          background: #2BD9FE; }
        footer .footer-subscribe-block .footer-subscribe-form .submit-wrap input[type="submit"].disabled {
          pointer-events: none;
          background: #C8F5ED;
          color: #7C9C97; }
        footer .footer-subscribe-block .footer-subscribe-form .submit-wrap input[type="submit"] :disabled {
          pointer-events: none;
          background: #C8F5ED;
          color: #7C9C97; }
    footer .footer-subscribe-block .footer-subscribe-form .nf-error.email-wrap input {
      border: none;
      border-bottom: 1px solid #C21E3C; }
    footer .footer-subscribe-block .footer-subscribe-form .nf-error-msg {
      color: #C21E3C; }
    footer .footer-subscribe-block .footer-subscribe-form .nf-error-field-errors {
      display: none; }
  footer .wrap-footer-buttons {
    display: flex;
    gap: 16px;
    justify-content: end;
    padding-bottom: 60px;
    flex-wrap: wrap; }
    @media screen and (max-width: 1439px) {
      footer .wrap-footer-buttons {
        padding-top: 20px; } }
    @media screen and (max-width: 767px) {
      footer .wrap-footer-buttons {
        padding-top: 26px;
        padding-bottom: 36px; } }
    footer .wrap-footer-buttons.partner-installer {
      margin-top: 0; }
      @media screen and (max-width: 1439px) {
        footer .wrap-footer-buttons.partner-installer {
          padding-top: 0; } }
      @media screen and (max-width: 1023px) {
        footer .wrap-footer-buttons.partner-installer {
          padding-top: 20px; } }
      @media screen and (max-width: 767px) {
        footer .wrap-footer-buttons.partner-installer {
          padding-top: 32px; } }
    footer .wrap-footer-buttons .footer-button {
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.1);
      padding: 12px 24px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      color: #FFF;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%;
      /* 21px */
      min-width: 257px;
      height: max-content; }
      @media screen and (max-width: 767px) {
        footer .wrap-footer-buttons .footer-button {
          width: 100%;
          padding: 12px; } }
      @media screen and (max-width: 767px) {
        footer .wrap-footer-buttons .footer-button svg {
          width: 24px;
          height: 24px; } }
      footer .wrap-footer-buttons .footer-button:hover {
        background: rgba(43, 217, 254, 0.14); }
  footer .footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1); }
    @media screen and (max-width: 767px) {
      footer .footer-bottom {
        flex-direction: column-reverse;
        padding-top: 8px;
        padding-bottom: 36px; } }
    footer .footer-bottom .footer-copyright {
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */ }
      @media screen and (max-width: 767px) {
        footer .footer-bottom .footer-copyright {
          padding-top: 23px; } }
    footer .footer-bottom .bottom-menu {
      display: flex;
      gap: 24px; }
      @media screen and (max-width: 767px) {
        footer .footer-bottom .bottom-menu {
          flex-wrap: wrap;
          justify-content: center;
          gap: 21px 24px; } }
      footer .footer-bottom .bottom-menu a {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        /* 21px */
        text-decoration-line: underline; }
        footer .footer-bottom .bottom-menu a:hover {
          color: #00D1AD; }
  footer.footer-partner-installer .footer-menus {
    margin-left: 186px; }
    @media screen and (max-width: 1439px) {
      footer.footer-partner-installer .footer-menus {
        flex-wrap: wrap;
        justify-content: space-between;
        flex-direction: row; } }
    @media screen and (max-width: 1023px) {
      footer.footer-partner-installer .footer-menus {
        margin-left: 80px; } }
    @media screen and (max-width: 767px) {
      footer.footer-partner-installer .footer-menus {
        margin-left: 0;
        flex-direction: column; } }
    @media screen and (max-width: 1439px) {
      footer.footer-partner-installer .footer-menus .footer-item {
        width: 40%; } }
    @media screen and (max-width: 1023px) {
      footer.footer-partner-installer .footer-menus .footer-item {
        width: 100%; } }
    footer.footer-partner-installer .footer-menus .partner-installer li {
      margin: 0 0 14px 0; }
      @media screen and (max-width: 1439px) {
        footer.footer-partner-installer .footer-menus .partner-installer li {
          border-bottom: none !important;
          padding: 0 !important; } }
      @media screen and (max-width: 767px) {
        footer.footer-partner-installer .footer-menus .partner-installer li {
          margin: 0 0 12px 0 !important; } }
      footer.footer-partner-installer .footer-menus .partner-installer li a {
        color: rgba(255, 255, 255, 0.8);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        z-index: 2;
        position: relative;
        transition: .3s;
        text-decoration-thickness: 1px;
        text-underline-offset: 7px; }
        footer.footer-partner-installer .footer-menus .partner-installer li a:hover {
          color: #6BECD6;
          cursor: pointer;
          text-decoration: underline; }
  @media screen and (max-width: 1439px) {
    footer.footer-partner-installer .footer-subscribe-block {
      padding-top: 24px; } }
  @media screen and (max-width: 767px) {
    footer.footer-partner-installer .footer-subscribe-block {
      padding-top: 0;
      padding-bottom: 27px; } }

.error404 footer {
  background: #00463A;
  padding-top: 0; }
  .error404 footer .container.main {
    display: none; }

body {
  background-color: #F1F9F8; }

.overflow-hidden {
  overflow: hidden; }

a {
  text-decoration: none;
  color: inherit;
  transition: color .5s, opacity .5s, background .5s; }
  a:focus {
    outline: none; }

button {
  transition: color .5s, opacity .5s, background .5s;
  cursor: pointer; }

.back-img {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.rect-outer {
  position: relative; }
  .rect-outer .rect-inner {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: flex;
  flex-wrap: wrap; }

.fade {
  opacity: 0;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.site-content {
  position: relative; }
  .site-content.show-bg:before {
    opacity: 1;
    display: block; }
  .site-content:before {
    content: '';
    position: absolute;
    background: rgba(7, 30, 26, 0.74);
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
    transition: 240ms cubic-bezier(0.4, 0, 0.6, 1);
    display: none; }

.windows.modal-open {
  padding-right: 16px; }
  .windows.modal-open header {
    width: calc(100% - 16px); }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition: .35s;
  transition-timing-function: ease; }

body.modal-open {
  overflow: hidden; }

.modal-open-2 {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    transform: translate(0, -5%);
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  justify-content: center;
  display: flex;
  min-height: 100%;
  align-items: center; }

.modal-content {
  position: relative;
  background-clip: padding-box;
  padding: 40px;
  outline: 0;
  max-width: 600px;
  width: 100%;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11); }
  @media (max-width: 500px) {
    .modal-content {
      padding: 20px;
      max-width: 91%; } }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0; }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5; }

.modal-header .close {
  position: absolute;
  top: 20px;
  right: 15px;
  cursor: pointer;
  z-index: 1; }
  @media (max-width: 1023px) {
    .modal-header .close {
      right: 16px; } }

.modal-body {
  position: relative; }

.modal-footer {
  padding: 0 16px;
  text-align: right;
  margin-top: 13px;
  display: flex;
  justify-content: flex-end; }

#videoModal, #videoModal1, #videoModal2 {
  overflow-y: hidden; }
  #videoModal .modal-header .close, #videoModal1 .modal-header .close, #videoModal2 .modal-header .close {
    right: 20px; }
    @media (max-width: 1023px) {
      #videoModal .modal-header .close, #videoModal1 .modal-header .close, #videoModal2 .modal-header .close {
        top: 16px;
        right: 16px;
        padding: 0; } }
  #videoModal .modal-dialog, #videoModal1 .modal-dialog, #videoModal2 .modal-dialog {
    background: #101716;
    height: 100vh; }
  #videoModal .modal-content, #videoModal1 .modal-content, #videoModal2 .modal-content {
    padding: 0;
    max-width: 100%;
    border-radius: 0;
    background: transparent;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center; }
  #videoModal #player, #videoModal #player1, #videoModal #player2, #videoModal1 #player, #videoModal1 #player1, #videoModal1 #player2, #videoModal2 #player, #videoModal2 #player1, #videoModal2 #player2 {
    width: 100%;
    height: 100vh; }

#clientPortalModal .listradio-wrap .nf-label-span {
  color: #101716;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  position: relative;
  margin-left: 20px; }

#clientPortalModal .listradio-wrap ul {
  display: flex;
  gap: 16px;
  flex-wrap: wrap; }
  #clientPortalModal .listradio-wrap ul li:has(input:checked) {
    background: #F1F9F8; }
  #clientPortalModal .listradio-wrap ul li {
    position: relative;
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding-left: 12px !important;
    display: flex;
    gap: 10px;
    align-items: center; }
    #clientPortalModal .listradio-wrap ul li input[type="radio"]:checked {
      background: #00463A; }
    #clientPortalModal .listradio-wrap ul li input {
      box-shadow: 0px 0px 0px 1px #00463A;
      width: 20px !important;
      height: 20px;
      border: 5px solid #fff;
      background-clip: border-box;
      border-radius: 50%;
      appearance: none;
      transition: background-color 0.3s, box-shadow 0.3s;
      margin: 0px; }
    #clientPortalModal .listradio-wrap ul li label {
      font-size: 16px;
      margin: 0px;
      padding: 12px 12px 12px 0px; }

#clientPortalModal .nf-mp-footer .nf-previous-item {
  display: none; }

#clientPortalModal .nf-mp-footer .nf-next-previous {
  float: none; }
  #clientPortalModal .nf-mp-footer .nf-next-previous li {
    float: none; }
  #clientPortalModal .nf-mp-footer .nf-next-previous input {
    display: block;
    border-radius: 100px;
    background: #00463A;
    padding: 16px 28px;
    color: #FFF;
    text-align: center;
    font-family: "Carbona-Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 21px */
    cursor: pointer;
    transition: .3s;
    width: 100%; }
    #clientPortalModal .nf-mp-footer .nf-next-previous input:hover {
      color: #121615;
      background: #00D1AD; }

#clientPortalModal .title, #clientPortalModal .nf-form-title, #outsideFormModal .title, #outsideFormModal .nf-form-title, #registrationFormModal .title, #registrationFormModal .nf-form-title, #registrationInstallerFormModal .title, #registrationInstallerFormModal .nf-form-title, #letsStartSaving .title, #letsStartSaving .nf-form-title {
  text-align: center;
  font-style: normal;
  line-height: 120%;
  /* 43.2px */
  margin-bottom: 16px;
  display: block; }
  @media (max-width: 1023px) {
    #clientPortalModal .title, #clientPortalModal .nf-form-title, #outsideFormModal .title, #outsideFormModal .nf-form-title, #registrationFormModal .title, #registrationFormModal .nf-form-title, #registrationInstallerFormModal .title, #registrationInstallerFormModal .nf-form-title, #letsStartSaving .title, #letsStartSaving .nf-form-title {
      margin-bottom: 12px; } }

#clientPortalModal .content, #outsideFormModal .content, #registrationFormModal .content, #registrationInstallerFormModal .content, #letsStartSaving .content {
  text-align: center; }

#clientPortalModal .popup-wrap-form, #outsideFormModal .popup-wrap-form, #registrationFormModal .popup-wrap-form, #registrationInstallerFormModal .popup-wrap-form, #letsStartSaving .popup-wrap-form {
  padding-top: 24px; }

#clientPortalModal .nf-form-fields-required, #outsideFormModal .nf-form-fields-required, #registrationFormModal .nf-form-fields-required, #registrationInstallerFormModal .nf-form-fields-required, #letsStartSaving .nf-form-fields-required {
  display: none; }

#clientPortalModal .nf-field-container .nf-field-label, #outsideFormModal .nf-field-container .nf-field-label, #registrationFormModal .nf-field-container .nf-field-label, #registrationInstallerFormModal .nf-field-container .nf-field-label, #letsStartSaving .nf-field-container .nf-field-label {
  margin-bottom: 4px; }
  @media (max-width: 1023px) {
    #clientPortalModal .nf-field-container .nf-field-label, #outsideFormModal .nf-field-container .nf-field-label, #registrationFormModal .nf-field-container .nf-field-label, #registrationInstallerFormModal .nf-field-container .nf-field-label, #letsStartSaving .nf-field-container .nf-field-label {
      margin-bottom: 2px; } }
  #clientPortalModal .nf-field-container .nf-field-label label, #outsideFormModal .nf-field-container .nf-field-label label, #registrationFormModal .nf-field-container .nf-field-label label, #registrationInstallerFormModal .nf-field-container .nf-field-label label, #letsStartSaving .nf-field-container .nf-field-label label {
    color: #101716;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */
    position: relative;
    margin-left: 20px; }
    @media (max-width: 1023px) {
      #clientPortalModal .nf-field-container .nf-field-label label, #outsideFormModal .nf-field-container .nf-field-label label, #registrationFormModal .nf-field-container .nf-field-label label, #registrationInstallerFormModal .nf-field-container .nf-field-label label, #letsStartSaving .nf-field-container .nf-field-label label {
        margin-left: 12px; } }
  #clientPortalModal .nf-field-container .nf-field-label .ninja-forms-req-symbol, #outsideFormModal .nf-field-container .nf-field-label .ninja-forms-req-symbol, #registrationFormModal .nf-field-container .nf-field-label .ninja-forms-req-symbol, #registrationInstallerFormModal .nf-field-container .nf-field-label .ninja-forms-req-symbol, #letsStartSaving .nf-field-container .nf-field-label .ninja-forms-req-symbol {
    color: #00463A;
    position: absolute;
    left: -7px; }

#clientPortalModal .select2-container, #outsideFormModal .select2-container, #registrationFormModal .select2-container, #registrationInstallerFormModal .select2-container, #letsStartSaving .select2-container {
  width: 100% !important;
  z-index: auto !important; }
  #clientPortalModal .select2-container .select2-selection, #outsideFormModal .select2-container .select2-selection, #registrationFormModal .select2-container .select2-selection, #registrationInstallerFormModal .select2-container .select2-selection, #letsStartSaving .select2-container .select2-selection {
    border-radius: 8px !important;
    border: 1px solid #DADADA;
    background: #FFF;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative; }
    @media (max-width: 1023px) {
      #clientPortalModal .select2-container .select2-selection, #outsideFormModal .select2-container .select2-selection, #registrationFormModal .select2-container .select2-selection, #registrationInstallerFormModal .select2-container .select2-selection, #letsStartSaving .select2-container .select2-selection {
        height: 48px; } }
    #clientPortalModal .select2-container .select2-selection .select2-selection__rendered, #outsideFormModal .select2-container .select2-selection .select2-selection__rendered, #registrationFormModal .select2-container .select2-selection .select2-selection__rendered, #registrationInstallerFormModal .select2-container .select2-selection .select2-selection__rendered, #letsStartSaving .select2-container .select2-selection .select2-selection__rendered {
      padding: 0 58px 0 16px;
      color: #262724;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 150% */ }
    #clientPortalModal .select2-container .select2-selection .select2-selection__arrow, #outsideFormModal .select2-container .select2-selection .select2-selection__arrow, #registrationFormModal .select2-container .select2-selection .select2-selection__arrow, #registrationInstallerFormModal .select2-container .select2-selection .select2-selection__arrow, #letsStartSaving .select2-container .select2-selection .select2-selection__arrow {
      transition: .3s;
      width: 32px;
      height: 32px;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%) rotate(0deg);
      background: url(8024af40a446a931a73c.svg) no-repeat 50% 50%/contain; }
      #clientPortalModal .select2-container .select2-selection .select2-selection__arrow b, #outsideFormModal .select2-container .select2-selection .select2-selection__arrow b, #registrationFormModal .select2-container .select2-selection .select2-selection__arrow b, #registrationInstallerFormModal .select2-container .select2-selection .select2-selection__arrow b, #letsStartSaving .select2-container .select2-selection .select2-selection__arrow b {
        display: none !important; }
  #clientPortalModal .select2-container.select2-container--open .select2-selection .select2-selection__arrow, #outsideFormModal .select2-container.select2-container--open .select2-selection .select2-selection__arrow, #registrationFormModal .select2-container.select2-container--open .select2-selection .select2-selection__arrow, #registrationInstallerFormModal .select2-container.select2-container--open .select2-selection .select2-selection__arrow, #letsStartSaving .select2-container.select2-container--open .select2-selection .select2-selection__arrow {
    transform: translateY(-50%) rotate(180deg); }

#clientPortalModal .select2-container--disabled .select2-selection, #outsideFormModal .select2-container--disabled .select2-selection, #registrationFormModal .select2-container--disabled .select2-selection, #registrationInstallerFormModal .select2-container--disabled .select2-selection, #letsStartSaving .select2-container--disabled .select2-selection {
  background: #F7F7F7; }

#clientPortalModal .select2-container--default .select2-dropdown, #outsideFormModal .select2-container--default .select2-dropdown, #registrationFormModal .select2-container--default .select2-dropdown, #registrationInstallerFormModal .select2-container--default .select2-dropdown, #letsStartSaving .select2-container--default .select2-dropdown {
  z-index: 10 !important;
  border: none !important;
  background: none;
  padding-top: 4px; }

#clientPortalModal .select2-container--default .select2-results > .select2-results__options, #outsideFormModal .select2-container--default .select2-results > .select2-results__options, #registrationFormModal .select2-container--default .select2-results > .select2-results__options, #registrationInstallerFormModal .select2-container--default .select2-results > .select2-results__options, #letsStartSaving .select2-container--default .select2-results > .select2-results__options {
  padding: 12px 0;
  border-radius: 8px;
  border: 1px solid #DADADA;
  background: #FFF; }
  #clientPortalModal .select2-container--default .select2-results > .select2-results__options .select2-results__option, #outsideFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option, #registrationFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option, #registrationInstallerFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option, #letsStartSaving .select2-container--default .select2-results > .select2-results__options .select2-results__option {
    display: flex;
    height: 48px;
    padding: 0 12px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #101716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */ }
    #clientPortalModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected, #outsideFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected, #registrationFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected, #registrationInstallerFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected, #letsStartSaving .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected {
      background: rgba(137, 139, 124, 0.1); }
    #clientPortalModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable, #outsideFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable, #registrationFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable, #registrationInstallerFormModal .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable, #letsStartSaving .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
      background: #F2F2ED; }

#clientPortalModal .nf-field-container, #outsideFormModal .nf-field-container, #registrationFormModal .nf-field-container, #registrationInstallerFormModal .nf-field-container, #letsStartSaving .nf-field-container {
  margin-bottom: 12px;
  position: relative; }
  #clientPortalModal .nf-field-container .nf-before-field, #outsideFormModal .nf-field-container .nf-before-field, #registrationFormModal .nf-field-container .nf-before-field, #registrationInstallerFormModal .nf-field-container .nf-before-field, #letsStartSaving .nf-field-container .nf-before-field {
    display: none !important; }

#clientPortalModal .submit-wrap, #outsideFormModal .submit-wrap, #registrationFormModal .submit-wrap, #registrationInstallerFormModal .submit-wrap, #letsStartSaving .submit-wrap {
  margin-top: 47px; }
  #clientPortalModal .submit-wrap input[type="submit"], #outsideFormModal .submit-wrap input[type="submit"], #registrationFormModal .submit-wrap input[type="submit"], #registrationInstallerFormModal .submit-wrap input[type="submit"], #letsStartSaving .submit-wrap input[type="submit"] {
    display: block;
    border-radius: 100px;
    background: #00463A;
    padding: 16px 28px;
    color: #FFF;
    text-align: center;
    font-family: "Carbona-Medium", sans-serif;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    /* 21px */
    cursor: pointer;
    transition: .3s;
    width: 100%; }
    #clientPortalModal .submit-wrap input[type="submit"]:hover, #outsideFormModal .submit-wrap input[type="submit"]:hover, #registrationFormModal .submit-wrap input[type="submit"]:hover, #registrationInstallerFormModal .submit-wrap input[type="submit"]:hover, #letsStartSaving .submit-wrap input[type="submit"]:hover {
      color: #121615;
      background: #00D1AD; }
    #clientPortalModal .submit-wrap input[type="submit"].disabled, #outsideFormModal .submit-wrap input[type="submit"].disabled, #registrationFormModal .submit-wrap input[type="submit"].disabled, #registrationInstallerFormModal .submit-wrap input[type="submit"].disabled, #letsStartSaving .submit-wrap input[type="submit"].disabled {
      pointer-events: none;
      background: #7C9C97;
      color: rgba(255, 255, 255, 0.4); }
    #clientPortalModal .submit-wrap input[type="submit"] :disabled, #outsideFormModal .submit-wrap input[type="submit"] :disabled, #registrationFormModal .submit-wrap input[type="submit"] :disabled, #registrationInstallerFormModal .submit-wrap input[type="submit"] :disabled, #letsStartSaving .submit-wrap input[type="submit"] :disabled {
      pointer-events: none;
      background: #7C9C97;
      color: rgba(255, 255, 255, 0.4); }

#clientPortalModal input[type="text"], #clientPortalModal input[type="tel"], #clientPortalModal input[type="email"], #outsideFormModal input[type="text"], #outsideFormModal input[type="tel"], #outsideFormModal input[type="email"], #registrationFormModal input[type="text"], #registrationFormModal input[type="tel"], #registrationFormModal input[type="email"], #registrationInstallerFormModal input[type="text"], #registrationInstallerFormModal input[type="tel"], #registrationInstallerFormModal input[type="email"], #letsStartSaving input[type="text"], #letsStartSaving input[type="tel"], #letsStartSaving input[type="email"] {
  border-radius: 8px !important;
  border: 1px solid #DADADA;
  background: #FFF;
  height: 56px;
  padding: 12px;
  font-family: "Carbona-Regular", sans-serif;
  color: #101716;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  /* 24px */ }
  #clientPortalModal input[type="text"]:-ms-input-placeholder, #clientPortalModal input[type="tel"]:-ms-input-placeholder, #clientPortalModal input[type="email"]:-ms-input-placeholder, #outsideFormModal input[type="text"]:-ms-input-placeholder, #outsideFormModal input[type="tel"]:-ms-input-placeholder, #outsideFormModal input[type="email"]:-ms-input-placeholder, #registrationFormModal input[type="text"]:-ms-input-placeholder, #registrationFormModal input[type="tel"]:-ms-input-placeholder, #registrationFormModal input[type="email"]:-ms-input-placeholder, #registrationInstallerFormModal input[type="text"]:-ms-input-placeholder, #registrationInstallerFormModal input[type="tel"]:-ms-input-placeholder, #registrationInstallerFormModal input[type="email"]:-ms-input-placeholder, #letsStartSaving input[type="text"]:-ms-input-placeholder, #letsStartSaving input[type="tel"]:-ms-input-placeholder, #letsStartSaving input[type="email"]:-ms-input-placeholder {
    color: #AAB0AE;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    font-family: "Carbona-Regular", sans-serif; }
  #clientPortalModal input[type="text"]::placeholder, #clientPortalModal input[type="tel"]::placeholder, #clientPortalModal input[type="email"]::placeholder, #outsideFormModal input[type="text"]::placeholder, #outsideFormModal input[type="tel"]::placeholder, #outsideFormModal input[type="email"]::placeholder, #registrationFormModal input[type="text"]::placeholder, #registrationFormModal input[type="tel"]::placeholder, #registrationFormModal input[type="email"]::placeholder, #registrationInstallerFormModal input[type="text"]::placeholder, #registrationInstallerFormModal input[type="tel"]::placeholder, #registrationInstallerFormModal input[type="email"]::placeholder, #letsStartSaving input[type="text"]::placeholder, #letsStartSaving input[type="tel"]::placeholder, #letsStartSaving input[type="email"]::placeholder {
    color: #AAB0AE;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    font-family: "Carbona-Regular", sans-serif; }

#clientPortalModal .nf-response-msg, #outsideFormModal .nf-response-msg, #registrationFormModal .nf-response-msg, #registrationInstallerFormModal .nf-response-msg, #letsStartSaving .nf-response-msg {
  text-align: center; }
  #clientPortalModal .nf-response-msg svg, #outsideFormModal .nf-response-msg svg, #registrationFormModal .nf-response-msg svg, #registrationInstallerFormModal .nf-response-msg svg, #letsStartSaving .nf-response-msg svg {
    margin-bottom: 24px; }
  #clientPortalModal .nf-response-msg h4, #outsideFormModal .nf-response-msg h4, #registrationFormModal .nf-response-msg h4, #registrationInstallerFormModal .nf-response-msg h4, #letsStartSaving .nf-response-msg h4 {
    margin-bottom: 16px; }
  #clientPortalModal .nf-response-msg .content, #outsideFormModal .nf-response-msg .content, #registrationFormModal .nf-response-msg .content, #registrationInstallerFormModal .nf-response-msg .content, #letsStartSaving .nf-response-msg .content {
    margin-bottom: 24px; }
  #clientPortalModal .nf-response-msg .btn-primary.small, #outsideFormModal .nf-response-msg .btn-primary.small, #registrationFormModal .nf-response-msg .btn-primary.small, #registrationInstallerFormModal .nf-response-msg .btn-primary.small, #letsStartSaving .nf-response-msg .btn-primary.small {
    font-size: 15px;
    font-weight: 500;
    line-height: 140%;
    width: 100%; }

#registrationFormModal .modal-content, #registrationInstallerFormModal .modal-content {
  max-width: 684px; }
  @media screen and (max-width: 767px) {
    #registrationFormModal .modal-content, #registrationInstallerFormModal .modal-content {
      max-width: 91%; } }

@media (max-width: 767px) {
  #registrationFormModal .modal-dialog, #registrationInstallerFormModal .modal-dialog {
    padding-top: 20px;
    height: auto; } }

@media (max-height: 780px) {
  #registrationFormModal .modal-dialog, #registrationInstallerFormModal .modal-dialog {
    padding-top: 20px;
    height: auto; } }

@media screen and (max-width: 767px) {
  #registrationFormModal .popup-wrap-form, #registrationInstallerFormModal .popup-wrap-form {
    padding-top: 0; } }

@media screen and (max-width: 767px) {
  #registrationFormModal .nf-multi-cell .nf-cell, #registrationInstallerFormModal .nf-multi-cell .nf-cell {
    padding: 0; } }

#registrationFormModal .html-container, #registrationInstallerFormModal .html-container {
  text-align: center;
  margin-bottom: 24px; }
  #registrationFormModal .html-container h4, #registrationInstallerFormModal .html-container h4 {
    margin-bottom: 16px; }

#registrationFormModal .submit-wrap, #registrationInstallerFormModal .submit-wrap {
  margin-top: 12px; }

#registrationFormModal .nf-input-limit, #registrationInstallerFormModal .nf-input-limit {
  display: none; }

#registrationFormModal .checkbox-container .checkbox-wrap, #registrationInstallerFormModal .checkbox-container .checkbox-wrap {
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center; }
  #registrationFormModal .checkbox-container .checkbox-wrap.nf-fail label:after, #registrationFormModal .checkbox-container .checkbox-wrap.nf-error label:after, #registrationInstallerFormModal .checkbox-container .checkbox-wrap.nf-fail label:after, #registrationInstallerFormModal .checkbox-container .checkbox-wrap.nf-error label:after {
    border-color: #FF0F05; }
  #registrationFormModal .checkbox-container .checkbox-wrap input, #registrationInstallerFormModal .checkbox-container .checkbox-wrap input {
    border: none; }
  #registrationFormModal .checkbox-container .checkbox-wrap label, #registrationInstallerFormModal .checkbox-container .checkbox-wrap label {
    color: #101716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    padding-left: 32px;
    margin-left: 0; }
  #registrationFormModal .checkbox-container .checkbox-wrap .nf-field-label, #registrationInstallerFormModal .checkbox-container .checkbox-wrap .nf-field-label {
    padding: 0; }
  #registrationFormModal .checkbox-container .checkbox-wrap .nf-field-element, #registrationInstallerFormModal .checkbox-container .checkbox-wrap .nf-field-element {
    width: 0; }

#registrationFormModal .checkbox-container label, #registrationInstallerFormModal .checkbox-container label {
  position: relative; }
  #registrationFormModal .checkbox-container label:hover:after, #registrationInstallerFormModal .checkbox-container label:hover:after {
    border: 1px solid #00463A;
    background: #F1FFFD; }
  #registrationFormModal .checkbox-container label.nf-checked-label:before, #registrationInstallerFormModal .checkbox-container label.nf-checked-label:before {
    transform: scale(1); }
  #registrationFormModal .checkbox-container label.nf-checked-label:after, #registrationInstallerFormModal .checkbox-container label.nf-checked-label:after {
    border: 1px solid #00463A;
    background: #FFF; }
  #registrationFormModal .checkbox-container label:after, #registrationInstallerFormModal .checkbox-container label:after {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    bottom: auto;
    background: #FFF;
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1px solid #435855;
    background: #FFF; }
  #registrationFormModal .checkbox-container label:before, #registrationInstallerFormModal .checkbox-container label:before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    left: 3px;
    top: 5px;
    background: url(1ecab7c658f778381ee7.svg) no-repeat 50% 50%/14px 14px;
    border: none !important;
    bottom: auto;
    z-index: 1;
    transform: scale(0);
    transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1); }

.flag {
  display: inline-block;
  position: relative;
  width: 32px;
  height: 24px;
  background: url(28d992551c8ffcf7f21f.png) no-repeat; }
  .flag.flag-riodejaneiro {
    background-position: 0; }
  .flag.flag-distritofederal {
    background-position: -34px 0px; }
  .flag.flag-sergipe {
    background-position: -103px 0px; }
  .flag.flag-saopaulo {
    background-position: -136px 0px; }
  .flag.flag-santacatarina {
    background-position: -172px 0px; }
  .flag.flag-roraima {
    background-position: -205px 0px; }
  .flag.flag-roraima {
    background-position: -205px 0px; }
  .flag.flag-rondonia {
    background-position: -239px 0px; }
  .flag.flag-riograndedosul {
    background-position: -273px 0px; }
  .flag.flag-riograndedonorte {
    background-position: -308px 0px; }
  .flag.flag-piaui {
    background-position: -344px 0px; }
  .flag.flag-pernambuco {
    background-position: -380px 0px; }
  .flag.flag-parana {
    background-position: -416px 0px; }
  .flag.flag-paraiba {
    background-position: -450px 0px; }
  .flag.flag-para {
    background-position: -484px 0px; }
  .flag.flag-minasgerais {
    background-position: -520px 0px; }
  .flag.flag-matogrossodosul {
    background-position: -554px 0px; }
  .flag.flag-matogrosso {
    background-position: -588px 0px; }
  .flag.flag-maranhao {
    background-position: -621px 0px; }
  .flag.flag-goias {
    background-position: -657px 0px; }
  .flag.flag-espiritosanto {
    background-position: -692px 0px; }
  .flag.flag-ceara {
    background-position: -726px 0px; }
  .flag.flag-bahia {
    background-position: -759px 0px; }
  .flag.flag-amazonas {
    background-position: -795px 0px; }
  .flag.flag-amapa {
    background-position: -830px 0px; }
  .flag.flag-alagoas {
    background-position: -865px 0px; }
  .flag.flag-acre {
    background-position: -900px 0px; }
  .flag.flag-tocantins {
    background-position: -933px 0px; }

.select2-container {
  width: auto;
  z-index: 999999; }
  .select2-container .select2-selection {
    border-radius: 8px !important;
    border: 1px solid #DADADA;
    background: #FFF;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative; }
    @media (max-width: 1023px) {
      .select2-container .select2-selection {
        height: 48px; } }
    .select2-container .select2-selection .select2-selection__rendered {
      padding: 0 58px 0 16px;
      color: #262724;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 24px;
      /* 150% */ }
    .select2-container .select2-selection .select2-selection__arrow {
      transition: .3s;
      width: 32px;
      height: 32px;
      position: absolute;
      right: 16px;
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
      background: url(8d359e9facdc0c3b641d.svg) no-repeat 50% 50%/contain; }
      .select2-container .select2-selection .select2-selection__arrow b {
        display: none !important; }
  .select2-container.select2-container--open .select2-selection .select2-selection__arrow {
    transform: translateY(-50%) rotate(270deg); }

.select2-container--default .select2-dropdown {
  z-index: 10 !important;
  border: none !important;
  background: none;
  padding-top: 4px; }

.select2-container--default .select2-results > .select2-results__options {
  padding: 12px 0;
  border-radius: 8px;
  border: 1px solid #DADADA;
  background: #FFF; }
  .select2-container--default .select2-results > .select2-results__options .select2-results__option {
    display: flex;
    height: 48px;
    padding: 0 12px;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    color: #101716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */ }
    .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected {
      background: rgba(137, 139, 124, 0.1); }
    .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
      background: #F2F2ED; }
    .select2-container--default .select2-results > .select2-results__options .select2-results__option .flag-text {
      margin-left: 12px; }
    .select2-container--default .select2-results > .select2-results__options .select2-results__option .active-text {
      margin: 0 0 0 auto;
      font-size: 12px;
      color: #00463A; }

.animation-title {
  opacity: 0; }
  .animation-title .line-wrapper {
    overflow: hidden; }
  .animation-title .split-line {
    display: block;
    width: 100%;
    opacity: 0; }

.section-blog-list {
  padding: 70px 0 50px; }
  @media screen and (max-width: 767px) {
    .section-blog-list {
      padding: 40px 0 30px; } }
  .section-blog-list .wrap-scroll {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    scroll-behavior: smooth;
    /* Hide scrollbar for Chrome, Safari and Opera */ }
    .section-blog-list .wrap-scroll::-webkit-scrollbar {
      display: none; }
  .section-blog-list .taxonomy-container {
    display: flex;
    gap: 16px;
    justify-content: center;
    flex-wrap: nowrap;
    margin-bottom: 40px; }
    @media screen and (max-width: 767px) {
      .section-blog-list .taxonomy-container {
        margin-bottom: 24px;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 16px; } }
    .section-blog-list .taxonomy-container .taxonomy-name {
      text-align: center;
      padding: 0 16px 0 0;
      transition: .3s;
      color: #101716;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      text-decoration-line: none;
      text-decoration-thickness: 1px;
      text-underline-offset: 7px;
      position: relative; }
      .section-blog-list .taxonomy-container .taxonomy-name:hover {
        color: #00D1AD;
        text-decoration-line: underline; }
      @media screen and (max-width: 767px) {
        .section-blog-list .taxonomy-container .taxonomy-name:first-child {
          padding: 0 16px 0 16px; } }
      .section-blog-list .taxonomy-container .taxonomy-name:last-child::before {
        display: none; }
      .section-blog-list .taxonomy-container .taxonomy-name::before {
        width: 1px;
        height: 24px;
        background: #BEC8C6;
        content: '';
        right: 0;
        top: 0;
        position: absolute; }
      .section-blog-list .taxonomy-container .taxonomy-name.active {
        color: #00463A;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 24px */
        text-decoration-line: underline; }
  .section-blog-list .wrap-posts {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    justify-content: center; }
    .section-blog-list .wrap-posts .flip-card {
      height: 421px;
      perspective: 1200px;
      width: 292px; }
      @media screen and (max-width: 767px) {
        .section-blog-list .wrap-posts .flip-card {
          width: 328px;
          height: auto; } }
      .section-blog-list .wrap-posts .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg); }
        @media screen and (max-width: 1439px) {
          .section-blog-list .wrap-posts .flip-card:hover .flip-card-inner {
            transform: unset; } }
      .section-blog-list .wrap-posts .flip-card .flip-card-inner {
        position: relative;
        width: 100%;
        height: 100%;
        transition: transform 0.6s;
        transform-style: preserve-3d; }
      .section-blog-list .wrap-posts .flip-card .flip-card-front, .section-blog-list .wrap-posts .flip-card .flip-card-back {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden; }
      .section-blog-list .wrap-posts .flip-card .flip-card-front {
        border-radius: 18px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          .section-blog-list .wrap-posts .flip-card .flip-card-front {
            position: relative; } }
      .section-blog-list .wrap-posts .flip-card .flip-card-back {
        transform: rotateY(180deg);
        border-radius: 18px;
        background: #00463A;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .blog-type-term {
          color: #FFF;
          border: 1px solid rgba(255, 255, 255, 0.4); }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .blog-type {
          margin-bottom: 12px; }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .date-blog {
          color: #E4F2EF;
          margin-bottom: 8px; }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .title-blog {
          color: #FFF;
          margin-bottom: 8px; }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .excerpt {
          color: #FFF; }
        .section-blog-list .wrap-posts .flip-card .flip-card-back .btn-read-more-secondary {
          color: #00D1AD; }
          .section-blog-list .wrap-posts .flip-card .flip-card-back .btn-read-more-secondary svg * {
            stroke: #00D1AD; }
      .section-blog-list .wrap-posts .flip-card img {
        width: 100%;
        height: 185px;
        object-fit: cover;
        border-radius: 18px;
        display: block; }
      .section-blog-list .wrap-posts .flip-card .wrap-text-blog {
        padding: 24px 24px 48px 24px; }
        @media screen and (max-width: 767px) {
          .section-blog-list .wrap-posts .flip-card .wrap-text-blog {
            padding: 16px 16px 48px 16px; } }
      .section-blog-list .wrap-posts .flip-card .blog-type-term {
        color: #101716;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 18px */
        padding: 4px 8px;
        border-radius: 100px;
        border: 1px solid #AAB0AE;
        margin-right: 16px; }
      .section-blog-list .wrap-posts .flip-card .title-blog {
        margin-bottom: 8px;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 26px */ }
      .section-blog-list .wrap-posts .flip-card .date-blog {
        color: #808786;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        margin-bottom: 8px; }
  .section-blog-list .pagination {
    text-align: center;
    margin-top: 60px; }
    .section-blog-list .pagination .page-numbers {
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */
      padding: 8px 13px; }
      .section-blog-list .pagination .page-numbers:hover {
        text-decoration: underline;
        font-weight: 500; }
      .section-blog-list .pagination .page-numbers.current {
        font-weight: 700;
        font-family: "Carbona-Bold", sans-serif;
        color: #FFF;
        border-radius: 43px;
        background: #00463A; }
    .section-blog-list .pagination .next, .section-blog-list .pagination .prev {
      padding: 0; }
      .section-blog-list .pagination .next:hover, .section-blog-list .pagination .prev:hover {
        text-decoration: none; }
      .section-blog-list .pagination .next svg, .section-blog-list .pagination .prev svg {
        position: relative;
        top: 7px;
        display: inline-block;
        width: 24px;
        height: 24px; }
  .section-blog-list .load-nav {
    width: 100%; }

.single-blog .section-hero-single-blog {
  padding: 165px 0 52px; }
  @media screen and (max-width: 767px) {
    .single-blog .section-hero-single-blog {
      padding: 135px 0 38px; } }
  .single-blog .section-hero-single-blog .wrap-info-post {
    display: flex;
    justify-content: space-between;
    margin-top: 24px;
    align-items: center;
    margin-bottom: 37px; }
    @media screen and (max-width: 767px) {
      .single-blog .section-hero-single-blog .wrap-info-post {
        flex-direction: column;
        align-items: start;
        margin-bottom: 24px;
        margin-left: 16px;
        gap: 24px; } }
    .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info {
      display: flex;
      gap: 24px; }
      @media screen and (max-width: 767px) {
        .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info {
          flex-direction: column;
          gap: 8px; } }
      .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .author, .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .date-blog {
        position: relative;
        padding: 0 24px 0 0; }
        .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .author::before, .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .date-blog::before {
          width: 1px;
          height: 24px;
          background: #BEC8C6;
          content: '';
          right: 0;
          top: 0;
          position: absolute; }
          @media screen and (max-width: 767px) {
            .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .author::before, .single-blog .section-hero-single-blog .wrap-info-post .wrap-left-info .date-blog::before {
              display: none; } }
    .single-blog .section-hero-single-blog .wrap-info-post.bottom {
      max-width: 720px;
      margin: 21px auto; }
      @media screen and (max-width: 767px) {
        .single-blog .section-hero-single-blog .wrap-info-post.bottom {
          margin: 64px 16px 16px; } }
      .single-blog .section-hero-single-blog .wrap-info-post.bottom .author, .single-blog .section-hero-single-blog .wrap-info-post.bottom .date-blog {
        position: relative;
        padding: 0 24px 0 0; }
        .single-blog .section-hero-single-blog .wrap-info-post.bottom .author::before, .single-blog .section-hero-single-blog .wrap-info-post.bottom .date-blog::before {
          display: none; }
  .single-blog .section-hero-single-blog .blog-type {
    margin-bottom: 12px; }
    @media screen and (max-width: 767px) {
      .single-blog .section-hero-single-blog .blog-type {
        margin-bottom: 8px; } }
    .single-blog .section-hero-single-blog .blog-type.bottom {
      max-width: 720px;
      margin: 0 auto; }
    .single-blog .section-hero-single-blog .blog-type .blog-type-term {
      color: #101716;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 18px */
      padding: 4px 8px;
      border-radius: 100px;
      border: 1px solid #AAB0AE;
      margin-right: 16px;
      opacity: 0;
      transition: opacity 1s ease; }
  .single-blog .section-hero-single-blog .title-single-blog {
    margin-bottom: 40px;
    font-size: 64px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .single-blog .section-hero-single-blog .title-single-blog {
        font-size: calc(28 * ((100vw - 400px) / 1040) + 36px); } }
    @media (max-width: 400px) {
      .single-blog .section-hero-single-blog .title-single-blog {
        font-size:  36px; } }
    @media screen and (max-width: 767px) {
      .single-blog .section-hero-single-blog .title-single-blog {
        margin-bottom: 24px; } }
  .single-blog .section-hero-single-blog .image-blog {
    border-radius: 24px;
    height: 310px;
    width: 100%;
    object-fit: cover;
    display: block; }
    @media screen and (max-width: 767px) {
      .single-blog .section-hero-single-blog .image-blog {
        height: 336px; } }
  .single-blog .section-hero-single-blog .social-share div.heateor_sss_follow_ul a, .single-blog .section-hero-single-blog .social-share div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    margin: 0 8px !important; }
    .single-blog .section-hero-single-blog .social-share div.heateor_sss_follow_ul a > span, .single-blog .section-hero-single-blog .social-share div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a > span {
      display: flex !important;
      align-items: center;
      justify-content: center; }
      .single-blog .section-hero-single-blog .social-share div.heateor_sss_follow_ul a > span svg, .single-blog .section-hero-single-blog .social-share div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a > span svg {
        width: 24px !important;
        height: 24px !important; }
  .single-blog .section-hero-single-blog .content {
    max-width: 720px;
    margin: 0 auto; }
  .single-blog .section-hero-single-blog.visible .blog-type-term {
    animation: fadeIn 1s 1.4s forwards; }

.single-blog .section-recent-blogs {
  padding-bottom: 100px; }
  @media screen and (max-width: 767px) {
    .single-blog .section-recent-blogs .wrap-head {
      margin-bottom: 24px; } }
  .single-blog .section-recent-blogs .animation-title {
    font-size: 64px; }
    @media (max-width: 1440px) and (min-width: 401px) {
      .single-blog .section-recent-blogs .animation-title {
        font-size: calc(28 * ((100vw - 400px) / 1040) + 36px); } }
    @media (max-width: 400px) {
      .single-blog .section-recent-blogs .animation-title {
        font-size:  36px; } }

.single-blog .wp-caption {
  max-width: 100%; }
  .single-blog .wp-caption p.wp-caption-text {
    text-align: center; }

.single-blog .content img {
  max-width: 100%; }

.page-404 {
  background: #00463A;
  padding: 215px 0 153px; }
  @media (max-width: 767px) {
    .page-404 {
      padding: 105px 0 52px; } }
  .page-404 .container {
    text-align: center;
    max-width: 730px; }
  .page-404 svg {
    margin-bottom: 40px; }
  .page-404 .title {
    color: #FFF;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    /* 31.2px */
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .page-404 .title {
        margin-bottom: 12px; } }
  .page-404 .content {
    color: #FFF;
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .page-404 .content {
        margin-bottom: 12px; } }
  .page-404 .btn-secondary {
    width: 100%; }
  .page-404 .animation-svg {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 4s linear forwards; }

@keyframes dash {
  to {
    stroke-dashoffset: 0; } }

.section-hero {
  background-color: #00463A;
  max-height: 810px;
  position: relative; }
  @media screen and (min-width: 768px) {
    .section-hero {
      height: 100vh;
      min-height: 700px;
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 1439px) {
    .section-hero {
      max-height: unset; } }
  @media screen and (max-width: 1023px) {
    .section-hero {
      padding: 113px 0 40px;
      height: auto; } }
  .section-hero:before {
    content: '';
    position: absolute;
    top: 0;
    border-radius: 100% 0 0 100%;
    z-index: 2;
    background: linear-gradient(332deg, rgba(0, 172, 143, 0.3) 11%, rgba(0, 172, 143, 0) 74%);
    opacity: 0;
    width: 54%;
    height: 121%;
    right: 0;
    transition: opacity 3s; }
    @media screen and (min-width: 1441px) {
      .section-hero:before {
        height: 136%; } }
    @media screen and (max-width: 1439px) {
      .section-hero:before {
        top: 50%;
        width: 850px;
        height: 850px;
        right: -99px;
        transform: translateY(-50%);
        border-radius: 100%; } }
    @media screen and (max-width: 1100px) {
      .section-hero:before {
        width: 650px;
        height: 650px; } }
    @media screen and (max-width: 1023px) {
      .section-hero:before {
        display: none; } }
  .section-hero .wrap-columns {
    align-items: center;
    display: flex; }
    @media screen and (max-width: 1023px) {
      .section-hero .wrap-columns {
        flex-wrap: wrap; } }
  .section-hero .left-column {
    width: 52%;
    padding-top: 36px; }
    @media screen and (max-width: 1023px) {
      .section-hero .left-column {
        width: 100%;
        padding-top: 0; } }
  .section-hero .right-column {
    width: 48%;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative; }
    @media screen and (min-width: 1023px) {
      .section-hero .right-column {
        display: flex;
        align-items: center; } }
    @media screen and (max-width: 1023px) {
      .section-hero .right-column {
        width: 100%; } }
    .section-hero .right-column:before {
      content: '';
      position: absolute;
      width: 137%;
      height: 148%;
      top: -65px;
      border-radius: 1049px;
      z-index: 2;
      background: linear-gradient(332deg, rgba(0, 172, 143, 0.5) 11%, rgba(0, 172, 143, 0) 74%);
      display: none; }
      @media screen and (max-width: 1023px) {
        .section-hero .right-column:before {
          display: block; } }
      @media screen and (max-width: 767px) {
        .section-hero .right-column:before {
          top: -47px;
          left: -42px; } }
    .section-hero .right-column .one-image {
      width: 100%;
      object-fit: cover;
      opacity: 0;
      transition: opacity 1s ease; }
      @media (max-width: 767px) {
        .section-hero .right-column .one-image {
          opacity: 1; } }
  .section-hero h1 {
    color: #FFF;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .section-hero h1 {
        opacity: 1; }
        .section-hero h1 .split-line {
          opacity: 1 !important;
          transform: none !important; } }
    .section-hero h1 span {
      color: #00D1AD; }
  .section-hero .wrap-points {
    opacity: 0;
    transition: opacity 1s ease;
    list-style-type: disc;
    margin-bottom: 24px;
    color: #FFF; }
    @media (max-width: 767px) {
      .section-hero .wrap-points {
        opacity: 1; } }
  .section-hero .btn-secondary {
    opacity: 0;
    transition: opacity 1s ease; }
    @media screen and (max-width: 767px) {
      .section-hero .btn-secondary {
        margin-bottom: 22px;
        opacity: 1; } }
  .section-hero .background-video {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    opacity: 0;
    transition: opacity 1s ease; }
    @media (max-width: 767px) {
      .section-hero .background-video {
        opacity: 1; } }
    .section-hero .background-video video {
      width: 100%;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  .section-hero .image-container {
    width: 600px;
    height: 470px;
    margin: 0 auto;
    position: relative;
    z-index: 3; }
    @media screen and (max-width: 1023px) {
      .section-hero .image-container {
        height: 500px; } }
    @media screen and (max-width: 650px) {
      .section-hero .image-container {
        width: 100%; } }
    @media screen and (max-width: 500px) {
      .section-hero .image-container {
        height: 300px; } }
    .section-hero .image-container img {
      position: absolute;
      top: 0;
      transition: opacity 4s ease;
      width: 100%;
      left: 0;
      opacity: 0; }
      @media screen and (max-width: 767px) {
        .section-hero .image-container img {
          opacity: 1; } }
    .section-hero .image-container .night-image {
      opacity: 0; }
    .section-hero .image-container .active {
      opacity: 1; }
  @media screen and (min-width: 767px) {
    .section-hero.visible:before {
      opacity: 1; } }
  @media screen and (min-width: 767px) {
    .section-hero.visible .btn-secondary {
      animation: fadeIn 1s 1.4s forwards; } }
  @media screen and (min-width: 767px) {
    .section-hero.visible .wrap-points {
      animation: fadeIn 1s 1s forwards; } }
  @media screen and (min-width: 767px) {
    .section-hero.visible .background-video {
      animation: fadeIn 1s 0.5s forwards; } }
  @media screen and (min-width: 767px) {
    .section-hero.visible .right-column .one-image {
      animation: fadeIn 1s 0.5s forwards; } }

.section-hero-type-2 {
  padding: 132px 0 0 0; }
  @media screen and (max-width: 1079px) {
    .section-hero-type-2 {
      padding: 136px 0 0 0; } }
  .section-hero-type-2 .wrap-title {
    text-align: center; }
  .section-hero-type-2 .animation-title {
    max-width: 880px;
    margin: 0 auto 40px auto; }
    @media screen and (max-width: 1079px) {
      .section-hero-type-2 .animation-title {
        margin: 0 auto 24px auto; } }
  .section-hero-type-2 .wrap-image {
    position: relative;
    opacity: 0;
    transition: opacity 1s; }
    .section-hero-type-2 .wrap-image img {
      border-radius: 24px;
      width: 100%;
      height: 310px;
      object-fit: cover; }
      @media (max-width: 1440px) and (min-width: 501px) {
        .section-hero-type-2 .wrap-image img {
          height: calc(126 * ((100vw - 500px) / 940) + 184px); } }
      @media (max-width: 500px) {
        .section-hero-type-2 .wrap-image img {
          height:  184px; } }
    .section-hero-type-2 .wrap-image .play-btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .section-hero-type-2 .wrap-preview-image {
    position: relative;
    cursor: pointer;
    opacity: 0;
    transition: opacity 1s; }
    .section-hero-type-2 .wrap-preview-image img {
      border-radius: 24px;
      width: 100%;
      height: 310px;
      object-fit: cover; }
      @media (max-width: 1440px) and (min-width: 501px) {
        .section-hero-type-2 .wrap-preview-image img {
          height: calc(126 * ((100vw - 500px) / 940) + 184px); } }
      @media (max-width: 500px) {
        .section-hero-type-2 .wrap-preview-image img {
          height:  184px; } }
    .section-hero-type-2 .wrap-preview-image .play-btn {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .section-hero-type-2.visible .wrap-image, .section-hero-type-2.visible .wrap-preview-image {
    animation: fadeIn 1s 1s forwards; }

.section-hero-type-3 {
  background: linear-gradient(to right, #00463A 63%, #106254 37%); }
  @media screen and (min-width: 768px) {
    .section-hero-type-3 {
      height: 100vh;
      min-height: 700px;
      max-height: 817px;
      display: flex;
      align-items: center; } }
  @media (max-width: 767px) {
    .section-hero-type-3 {
      background: #00463A;
      padding: 113px 0; } }
  .section-hero-type-3 .wrap-columns {
    display: flex; }
    @media screen and (max-width: 767px) {
      .section-hero-type-3 .wrap-columns {
        flex-wrap: wrap; } }
  .section-hero-type-3 .left-column {
    width: 52%;
    padding-top: 279px; }
    @media (max-width: 1439px) {
      .section-hero-type-3 .left-column {
        width: 45%;
        padding-top: 239px; } }
    @media screen and (max-width: 767px) {
      .section-hero-type-3 .left-column {
        width: 100%;
        padding-top: 0; } }
  .section-hero-type-3 .right-column {
    width: 48%;
    -webkit-user-select: none;
        -ms-user-select: none;
            user-select: none;
    position: relative; }
    @media (max-width: 1439px) {
      .section-hero-type-3 .right-column {
        width: 55%; } }
    @media screen and (max-width: 767px) {
      .section-hero-type-3 .right-column {
        width: 100%;
        height: 273px; } }
  .section-hero-type-3 h1 {
    color: #FFF;
    margin-bottom: 24px;
    max-width: 538px; }
    @media (max-width: 767px) {
      .section-hero-type-3 h1 {
        margin-bottom: 16px; } }
    .section-hero-type-3 h1 span {
      color: #00D1AD; }
  .section-hero-type-3 .content {
    opacity: 0;
    transition: opacity 1s ease;
    color: #FFF;
    margin-bottom: 24px;
    max-width: 537px; }
    @media (max-width: 767px) {
      .section-hero-type-3 .content {
        margin-bottom: 16px; } }
  .section-hero-type-3 .image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    object-fit: cover; }
  .section-hero-type-3 .background-image {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover; }
  .section-hero-type-3 .circle {
    width: 674px;
    height: 674px;
    border-radius: 100%;
    border: 1px solid #6becd691;
    position: absolute;
    left: -111px;
    top: 124px;
    opacity: 0; }
    @media (max-width: 1439px) {
      .section-hero-type-3 .circle {
        width: 500px;
        height: 500px;
        left: 7px;
        top: 177px; } }
    @media (max-width: 767px) {
      .section-hero-type-3 .circle {
        width: 318px;
        height: 318px;
        left: -1px;
        top: 29px;
        z-index: 1; } }
  .section-hero-type-3 .wrap-img {
    position: relative;
    width: 648px;
    height: 648px;
    border-radius: 100%;
    top: -610px;
    right: 63px;
    opacity: 0; }
    @media (max-width: 1439px) {
      .section-hero-type-3 .wrap-img {
        width: 500px;
        height: 500px;
        right: -27px;
        top: -315px; } }
    @media (max-width: 767px) {
      .section-hero-type-3 .wrap-img {
        width: 304px;
        height: 304px;
        right: -26px;
        top: -333px;
        z-index: 2; } }
    .section-hero-type-3 .wrap-img.bg {
      width: 747px;
      height: 747px;
      right: -183px;
      top: 253px;
      opacity: 0; }
      @media (max-width: 1439px) {
        .section-hero-type-3 .wrap-img.bg {
          width: 500px;
          height: 500px;
          top: 334px; } }
      @media (max-width: 767px) {
        .section-hero-type-3 .wrap-img.bg {
          width: 368px;
          height: 368px;
          top: 95px;
          right: -109px;
          z-index: 0; } }
      .section-hero-type-3 .wrap-img.bg:before {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
        z-index: 1; }
    .section-hero-type-3 .wrap-img:before {
      content: '';
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
      z-index: 10; }
  .section-hero-type-3 .btn-secondary {
    opacity: 0;
    transition: opacity 1s ease; }
    @media screen and (max-width: 767px) {
      .section-hero-type-3 .btn-secondary {
        padding: 16px 36px; } }
  .section-hero-type-3.visible .content {
    animation: fadeIn 1s 1.4s forwards; }
  .section-hero-type-3.visible .btn-secondary {
    animation: fadeIn 1s 2s forwards; }
  .section-hero-type-3.visible .circle, .section-hero-type-3.visible .wrap-img.bg {
    animation: zoomIn 1s 2.5s forwards; }
  .section-hero-type-3.visible .wrap-img {
    animation: zoomIn 1s 3s forwards; }

.section-cards {
  background-color: #F1F9F8; }
  .section-cards .content-card {
    color: #101716;
    font-family: "Carbona-Regular", sans-serif;
    font-size: 16px;
    line-height: 150%; }
    .section-cards .content-card p {
      margin: 0 0 8px 0; }
    .section-cards .content-card b, .section-cards .content-card strong {
      font-family: "Carbona-Bold", sans-serif; }
    .section-cards .content-card ul {
      padding: 0 0 0 20px; }
      .section-cards .content-card ul li {
        list-style-type: none;
        position: relative; }
        .section-cards .content-card ul li:before {
          position: absolute;
          left: -20px;
          top: 8px;
          width: 8px;
          height: 8px;
          background-color: #00D1AD;
          content: '';
          border-radius: 50%; }
        .section-cards .content-card ul li + li {
          margin-top: 6px; }

.section-cards-desktop {
  padding: 100px 0 50px;
  overflow: visible; }
  @media screen and (max-height: 760px) {
    .section-cards-desktop {
      margin-bottom: 100px; } }
  @media screen and (max-width: 1024px) {
    .section-cards-desktop {
      display: none; } }
  .section-cards-desktop .pin-spacer:first-child .card {
    background-color: #CAE0DC; }
  .section-cards-desktop .pin-spacer:nth-child(2) .card {
    background-color: #E4F2EF; }
  .section-cards-desktop .pin-spacer:nth-child(3) .card {
    background-color: #ffffff; }
  .section-cards-desktop .card {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    border-radius: 24px;
    padding: 36px 40px 48px;
    margin-bottom: 50px;
    min-height: 440px; }
    .section-cards-desktop .card .left-column {
      width: 700px;
      padding-right: 80px; }
      @media screen and (max-width: 1150px) {
        .section-cards-desktop .card .left-column {
          padding-right: 20px; } }
    .section-cards-desktop .card .right-column {
      width: 380px; }
      .section-cards-desktop .card .right-column img {
        width: 100%;
        border-radius: 16px; }
    .section-cards-desktop .card .title-card {
      font-size: 36px;
      line-height: 120%;
      font-family: "Carbona-Bold", sans-serif;
      color: #101716;
      margin-bottom: 8px; }

.section-cards-mobile {
  background-color: #F1F9F8;
  margin: 60px 0;
  display: none; }
  @media screen and (max-width: 1024px) {
    .section-cards-mobile {
      display: block; } }
  .section-cards-mobile .card {
    box-shadow: 0 4px 16px 0 rgba(0, 128, 112, 0.08);
    padding: 20px 16px;
    border-radius: 24px;
    margin-bottom: 24px;
    background-color: white; }
  .section-cards-mobile .top-column {
    margin-bottom: 24px; }
    .section-cards-mobile .top-column img {
      max-width: 100%; }
  .section-cards-mobile .title-card {
    font-size: 24px;
    line-height: 130%;
    font-family: "Carbona-Bold", sans-serif;
    color: #101716;
    margin-bottom: 8px; }
  .section-cards-mobile .content-card ul {
    margin-bottom: 20px; }
  .section-cards-mobile .collapse-wrap .hidden-content {
    transition: height 0.3s ease-out, opacity 0.3s ease-out;
    height: 0;
    opacity: 0;
    overflow: hidden; }
    .section-cards-mobile .collapse-wrap .hidden-content.active {
      opacity: 1; }
  .section-cards-mobile .collapse-btn {
    font-size: 14px;
    font-family: "Carbona-Medium", sans-serif;
    line-height: 150%;
    color: #00463A;
    cursor: pointer;
    text-decoration: underline;
    transition: .3s; }

.section-how-it-works {
  background-color: #F1F9F8;
  margin: 0 0 100px;
  overflow: visible;
  padding-top: 50px; }
  @media screen and (max-width: 767px) {
    .section-how-it-works {
      padding-top: 0;
      margin: 60px 0; } }
  .section-how-it-works .wrap-columns {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .wrap-columns {
        flex-direction: column; } }
  .section-how-it-works .left-column {
    width: 40%; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .left-column {
        width: 100%; } }
  .section-how-it-works .right-column {
    width: 54%;
    opacity: 0;
    position: relative;
    border-radius: 24px;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    padding: 24px;
    background: #FFF; }
    @media screen and (max-width: 1439px) {
      .section-how-it-works .right-column {
        width: 510px; } }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .right-column {
        width: 100%;
        padding: 12px; } }
    .section-how-it-works .right-column .image {
      width: 100%;
      object-fit: cover; }
      @media screen and (max-width: 1023px) {
        .section-how-it-works .right-column .image {
          height: auto; } }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .right-column .wrap-tooltips {
        display: none; } }
    .section-how-it-works .right-column .wrap-tooltips .tooltip {
      position: absolute;
      color: #17191A;
      font-size: 14px;
      line-height: 150%;
      font-family: "Carbona-Regular", sans-serif;
      font-weight: 400;
      border-radius: 8px;
      padding: 12px 16px;
      background-color: #F1FFFD;
      max-width: 155px;
      opacity: 0;
      transition: opacity 0.5s ease;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-1 {
        left: 5%;
        top: 20%;
        max-width: 361px; }
        @media screen and (max-width: 1439px) {
          .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-1 {
            left: 7%;
            top: 28%;
            max-width: 261px; } }
        .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-1 svg {
          top: -11px;
          left: 50%;
          transform: rotate(90deg) translateY(50%); }
      .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-2 {
        left: 14%;
        bottom: 34%;
        max-width: 231px; }
        @media screen and (max-width: 1439px) {
          .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-2 {
            left: 8.5%;
            bottom: 40%; } }
        .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-2 svg {
          left: 47%;
          top: auto;
          bottom: -11px;
          transform: rotate(270deg) translateY(50%); }
      .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-3 {
        bottom: 72%;
        left: 46%;
        max-width: 231px; }
        @media screen and (max-width: 1439px) {
          .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-3 {
            bottom: 68%;
            left: 40%; } }
        .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-3 svg {
          left: 47%;
          top: auto;
          bottom: -11px;
          transform: rotate(270deg) translateY(50%); }
      .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-4 {
        bottom: 26%;
        left: 60.7%;
        max-width: 231px; }
        @media screen and (max-width: 1439px) {
          .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-4 {
            bottom: 34%;
            left: 54%; } }
        .section-how-it-works .right-column .wrap-tooltips .tooltip.tooltip-4 svg {
          left: 47%;
          top: auto;
          bottom: -11px;
          transform: rotate(270deg) translateY(50%); }
      .section-how-it-works .right-column .wrap-tooltips .tooltip svg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
        .section-how-it-works .right-column .wrap-tooltips .tooltip svg path {
          fill: #F1FFFD; }
      .section-how-it-works .right-column .wrap-tooltips .tooltip.active {
        opacity: 1; }
    .section-how-it-works .right-column .svg * {
      transition: fill 2s, stroke 2s; }
    .section-how-it-works .right-column .svg.active.stroke * {
      stroke: #00D1AD; }
    .section-how-it-works .right-column .svg.active.fill * {
      fill: #00D1AD; }
    .section-how-it-works .right-column .svg-2, .section-how-it-works .right-column .svg-1 {
      opacity: 0;
      transition: opacity 2s; }
      .section-how-it-works .right-column .svg-2.active, .section-how-it-works .right-column .svg-1.active {
        opacity: 1; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .right-column .block {
        display: none; } }
  .section-how-it-works h2 {
    margin-bottom: 12px; }
  .section-how-it-works .content {
    margin-bottom: 32px;
    opacity: 0; }
    @media screen and (max-width: 767px) {
      .section-how-it-works .content {
        margin-bottom: 16px; } }
    .section-how-it-works .content p {
      margin-bottom: 0; }
  .section-how-it-works .btn-outline {
    opacity: 0; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .btn-outline {
        margin-bottom: 24px; } }
  .section-how-it-works .background-video {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    border-radius: 24px; }
    .section-how-it-works .background-video video {
      width: 100%;
      display: block;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none; }
  .section-how-it-works .slider-tooltips {
    padding: 16px 40px 0 40px;
    display: none; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .slider-tooltips {
        display: block; } }
    @media screen and (max-width: 767px) {
      .section-how-it-works .slider-tooltips {
        padding: 16px 16px 0 16px; } }
    .section-how-it-works .slider-tooltips .slide {
      height: auto;
      padding: 12px;
      border-radius: 8px;
      background: #FFF;
      box-shadow: 0 4px 16px 0 rgba(0, 128, 112, 0.08); }
  .section-how-it-works .swiper-navigation {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 40px; }
    @media screen and (max-width: 1023px) {
      .section-how-it-works .swiper-navigation {
        display: flex; } }
    @media (max-width: 767px) {
      .section-how-it-works .swiper-navigation {
        gap: 16px;
        margin-top: 24px; } }
    .section-how-it-works .swiper-navigation .swiper-button-prev {
      outline: none;
      border: none;
      -webkit-tap-highlight-color: transparent;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-how-it-works .swiper-navigation .swiper-button-prev {
          width: 36px;
          height: 36px; } }
      .section-how-it-works .swiper-navigation .swiper-button-prev:after {
        display: none; }
      .section-how-it-works .swiper-navigation .swiper-button-prev svg * {
        transition: .3s; }
      .section-how-it-works .swiper-navigation .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
      .section-how-it-works .swiper-navigation .swiper-button-prev:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-how-it-works .swiper-navigation .swiper-button-prev:hover svg .arrow {
        stroke: #00463A; }
      .section-how-it-works .swiper-navigation .swiper-button-prev:hover svg .circle {
        fill: #00D1AD; }
    .section-how-it-works .swiper-navigation .swiper-button-next {
      -webkit-tap-highlight-color: transparent;
      outline: none;
      border: none;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-how-it-works .swiper-navigation .swiper-button-next {
          width: 36px;
          height: 36px; } }
      .section-how-it-works .swiper-navigation .swiper-button-next:after {
        display: none; }
      .section-how-it-works .swiper-navigation .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
      .section-how-it-works .swiper-navigation .swiper-button-next svg * {
        transition: .3s; }
      .section-how-it-works .swiper-navigation .swiper-button-next:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-how-it-works .swiper-navigation .swiper-button-next:hover svg .arrow {
        stroke: #00463A; }
      .section-how-it-works .swiper-navigation .swiper-button-next:hover svg .circle {
        fill: #00D1AD; }
  .section-how-it-works .wrap-swiper-scrollbar {
    position: relative;
    flex: auto;
    max-width: 435px; }
    .section-how-it-works .wrap-swiper-scrollbar .swiper-scrollbar {
      height: 6px;
      border-radius: 100px;
      background: #BEC8C6;
      top: 50%;
      left: 0;
      width: 100%; }
    .section-how-it-works .wrap-swiper-scrollbar .swiper-scrollbar-drag {
      background: #00463A;
      height: 6px; }
  .section-how-it-works.visible .content {
    animation: fadeIn 1s 1.2s forwards; }
  .section-how-it-works.visible .btn-outline {
    animation: fadeIn 1s 1.2s forwards; }
  .section-how-it-works.visible .right-column {
    animation: fadeIn 1s 1s forwards; }

.section-sign-up-with-minum {
  margin: 100px 0;
  overflow: visible; }
  .section-sign-up-with-minum .wrap-top-content {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center; }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .wrap-top-content {
        flex-wrap: wrap;
        margin-bottom: 24px; } }
    .section-sign-up-with-minum .wrap-top-content .left-column {
      width: 850px;
      max-width: 100%; }
      @media screen and (max-width: 1023px) {
        .section-sign-up-with-minum .wrap-top-content .left-column {
          width: 100%;
          text-align: center;
          margin-bottom: 24px; } }
      .section-sign-up-with-minum .wrap-top-content .left-column.text-center {
        text-align: center;
        width: 100%;
        display: flex;
        justify-content: center; }
        .section-sign-up-with-minum .wrap-top-content .left-column.text-center h2 {
          width: 950px;
          max-width: 100%; }
    .section-sign-up-with-minum .wrap-top-content .right-column {
      width: 292px;
      max-width: 100%; }
      @media screen and (max-width: 1023px) {
        .section-sign-up-with-minum .wrap-top-content .right-column {
          width: 100%;
          display: flex;
          justify-content: center; } }
    .section-sign-up-with-minum .wrap-top-content .wrap-image {
      position: relative;
      cursor: pointer;
      opacity: 0;
      transition: opacity 1s; }
      @media screen and (max-width: 1023px) {
        .section-sign-up-with-minum .wrap-top-content .wrap-image {
          width: 100%; } }
      .section-sign-up-with-minum .wrap-top-content .wrap-image img {
        border-radius: 16px;
        width: 100%;
        object-fit: cover; }
      .section-sign-up-with-minum .wrap-top-content .wrap-image .play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
  .section-sign-up-with-minum .wrap-outer {
    position: relative; }
  .section-sign-up-with-minum .wrap-cards {
    display: flex;
    position: relative; }
    @media screen and (min-width: 1024px) {
      .section-sign-up-with-minum .wrap-cards {
        margin: 0 -12px; } }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .wrap-cards {
        flex-wrap: wrap; } }
  .section-sign-up-with-minum .card {
    width: 20%;
    padding: 74px 24px 24px 24px;
    border-radius: 16px;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    background-color: white;
    margin: 0 12px;
    transition: .5s;
    opacity: 0;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .card {
        width: 100%;
        padding: 16px 16px 16px 68px;
        display: flex;
        min-height: 128px;
        margin: 0; } }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .card + .card {
        margin-top: 16px; } }
    @media screen and (min-width: 1024px) {
      .section-sign-up-with-minum .card:first-child .line {
        left: 24px; } }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .card:first-child .line-mobile {
        top: 24px; } }
    .section-sign-up-with-minum .card:last-child {
      background-color: #00463A;
      overflow: hidden; }
      .section-sign-up-with-minum .card:last-child .title-card, .section-sign-up-with-minum .card:last-child .content {
        color: white; }
      .section-sign-up-with-minum .card:last-child .number-card {
        background-color: #00D1AD; }
    .section-sign-up-with-minum .card .line {
      position: absolute;
      background-color: #5EAEA0;
      z-index: 2;
      display: none; }
      @media screen and (min-width: 1024px) {
        .section-sign-up-with-minum .card .line {
          left: 0;
          top: 41px;
          width: 0;
          height: 1px;
          display: block; } }
    .section-sign-up-with-minum .card .line-mobile {
      position: absolute;
      background-color: #5EAEA0;
      z-index: 2;
      display: none; }
      @media screen and (max-width: 1023px) {
        .section-sign-up-with-minum .card .line-mobile {
          left: 41px;
          top: 0;
          width: 1px;
          height: 0;
          display: block; } }
  .section-sign-up-with-minum .number-card {
    font-family: "Carbona-Bold", sans-serif;
    line-height: 140%;
    color: #17191A;
    font-size: 16px;
    padding: 10px;
    border-radius: 50%;
    background-color: #2BD9FE;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    z-index: 5;
    position: absolute;
    top: 24px;
    left: 24px;
    transition: .5s; }
    @media screen and (max-width: 1023px) {
      .section-sign-up-with-minum .number-card {
        margin-right: 16px; } }
  .section-sign-up-with-minum .title-card {
    font-family: "Carbona-Bold", sans-serif;
    line-height: 120%;
    color: #101716;
    font-size: 20px;
    margin-bottom: 8px;
    transition: .5s; }
    @media screen and (min-width: 1024px) {
      .section-sign-up-with-minum .title-card {
        max-width: 172px; } }
  .section-sign-up-with-minum .content {
    transition: .5s; }
    @media screen and (min-width: 1024px) {
      .section-sign-up-with-minum .content {
        max-width: 172px; } }
  .section-sign-up-with-minum.visible .wrap-image {
    animation: fadeIn 1s 1.2s forwards; }
  .section-sign-up-with-minum.visible .card {
    animation: fadeIn 1s forwards; }
    .section-sign-up-with-minum.visible .card:nth-child(1n) {
      animation-delay: 0.4s; }
    .section-sign-up-with-minum.visible .card:nth-child(2n) {
      animation-delay: 0.8s; }
    .section-sign-up-with-minum.visible .card:nth-child(3n) {
      animation-delay: 1.2s; }
    .section-sign-up-with-minum.visible .card:nth-child(4n) {
      animation-delay: 1.6s; }
    .section-sign-up-with-minum.visible .card:nth-child(5n) {
      animation-delay: 2s; }

.section-cta-banner {
  padding: 50px 0 100px; }
  @media screen and (max-width: 767px) {
    .section-cta-banner {
      padding: 30px 0 60px; } }
  .section-cta-banner .wrap-columns {
    align-items: center;
    display: flex;
    border-radius: 24px;
    background: #00463A;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 767px) {
      .section-cta-banner .wrap-columns {
        flex-direction: column;
        border-radius: 16px; } }
  .section-cta-banner .left-column {
    width: 52%;
    padding: 40px; }
    @media screen and (max-width: 767px) {
      .section-cta-banner .left-column {
        width: 100%;
        padding: 23px 20px; } }
  .section-cta-banner .right-column {
    width: 48%; }
    @media screen and (max-width: 767px) {
      .section-cta-banner .right-column {
        width: 100%; } }
    .section-cta-banner .right-column .wrap-img {
      position: absolute;
      right: 0;
      top: 0;
      width: 47%;
      height: 100%; }
      @media screen and (max-width: 767px) {
        .section-cta-banner .right-column .wrap-img {
          width: 100%;
          position: relative;
          height: 500px; } }
      @media screen and (max-width: 500px) {
        .section-cta-banner .right-column .wrap-img {
          height: 322px; } }
    .section-cta-banner .right-column img {
      opacity: 0;
      transition: opacity 1s ease;
      position: absolute;
      object-fit: cover;
      display: block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 671px 0 0 671px;
      width: 709px;
      height: 709px;
      border: 1px solid #6BECD6;
      padding: 38px; }
      @media screen and (max-width: 1439px) {
        .section-cta-banner .right-column img {
          left: 71%; } }
      @media screen and (max-width: 1023px) {
        .section-cta-banner .right-column img {
          width: 509px;
          height: 509px; } }
      @media screen and (max-width: 767px) {
        .section-cta-banner .right-column img {
          top: 0;
          left: -5%;
          width: 110%;
          height: auto;
          aspect-ratio: 1 / 1;
          transform: translateY(0);
          border-radius: 50% 50% 0 0; } }
      @media screen and (max-width: 500px) {
        .section-cta-banner .right-column img {
          left: -15%;
          width: 130%; } }
  .section-cta-banner h1 {
    margin-bottom: 8px;
    color: #FFF; }
  .section-cta-banner .text {
    color: #FFF;
    max-width: 472px;
    margin-bottom: 16px; }
    @media screen and (max-width: 767px) {
      .section-cta-banner .text {
        margin-bottom: 11px;
        max-width: unset; } }
  .section-cta-banner .btn-secondary {
    opacity: 0;
    transition: opacity 1s ease;
    padding: 16px 72px; }
    @media screen and (max-width: 767px) {
      .section-cta-banner .btn-secondary {
        width: 100%; } }
  .section-cta-banner.visible .btn-secondary {
    animation: fadeIn 1s 1.4s forwards; }
  .section-cta-banner.visible .right-column img {
    animation: fadeIn 1s 0.5s forwards; }

.section-recent-blogs {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .section-recent-blogs {
      padding: 30px 0; } }
  .section-recent-blogs .animation-title {
    max-width: 70%;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 1439px) {
      .section-recent-blogs .animation-title {
        max-width: unset; } }
  .section-recent-blogs .wrap-head {
    margin-bottom: 40px; }
  .section-recent-blogs .wrap-title-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
    @media screen and (max-width: 767px) {
      .section-recent-blogs .wrap-title-btn {
        flex-direction: column;
        gap: 16px; } }
    .section-recent-blogs .wrap-title-btn .animation-title {
      margin: 0; }
  .section-recent-blogs .flip-card {
    height: 526px;
    perspective: 1200px;
    width: 398px; }
    @media screen and (max-width: 767px) {
      .section-recent-blogs .flip-card {
        width: 274px;
        height: auto; } }
    .section-recent-blogs .flip-card:hover .flip-card-inner {
      transform: rotateY(180deg); }
      @media screen and (max-width: 767px) {
        .section-recent-blogs .flip-card:hover .flip-card-inner {
          transform: unset; } }
    .section-recent-blogs .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d; }
    .section-recent-blogs .flip-card .flip-card-front, .section-recent-blogs .flip-card .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden; }
  .section-recent-blogs .recent-blogs-slider {
    position: relative; }
    .section-recent-blogs .recent-blogs-slider .slide {
      width: 398px;
      margin-right: 16px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .section-recent-blogs .recent-blogs-slider .slide {
          width: 274px; } }
      .section-recent-blogs .recent-blogs-slider .slide .flip-card-front {
        border-radius: 18px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          .section-recent-blogs .recent-blogs-slider .slide .flip-card-front {
            position: relative; } }
      .section-recent-blogs .recent-blogs-slider .slide .flip-card-back {
        transform: rotateY(180deg);
        border-radius: 18px;
        background: #00463A;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .blog-type-term {
          color: #FFF;
          border: 1px solid rgba(255, 255, 255, 0.4); }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .blog-type {
          margin-bottom: 12px; }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .date-blog {
          color: #E4F2EF;
          margin-bottom: 8px;
          text-transform: capitalize; }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .title-blog {
          color: #FFF;
          margin-bottom: 8px; }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .excerpt {
          color: #FFF; }
        .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .btn-read-more-secondary {
          color: #00D1AD; }
          .section-recent-blogs .recent-blogs-slider .slide .flip-card-back .btn-read-more-secondary svg * {
            stroke: #00D1AD; }
      .section-recent-blogs .recent-blogs-slider .slide img {
        width: 100%;
        height: 279px;
        object-fit: cover;
        border-radius: 18px;
        display: block; }
        @media screen and (max-width: 767px) {
          .section-recent-blogs .recent-blogs-slider .slide img {
            height: 154px; } }
      .section-recent-blogs .recent-blogs-slider .slide .wrap-text-blog {
        padding: 24px 24px 36px 24px; }
        @media screen and (max-width: 767px) {
          .section-recent-blogs .recent-blogs-slider .slide .wrap-text-blog {
            padding: 16px; } }
      .section-recent-blogs .recent-blogs-slider .slide .blog-type-term {
        color: #101716;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 18px */
        padding: 4px 8px;
        border-radius: 100px;
        border: 1px solid #AAB0AE;
        margin-right: 16px; }
      .section-recent-blogs .recent-blogs-slider .slide .title-blog {
        margin-bottom: 8px; }
      .section-recent-blogs .recent-blogs-slider .slide .date-blog {
        color: #808786;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        margin-bottom: 8px;
        text-transform: capitalize; }
  .section-recent-blogs .btn-outline {
    opacity: 0;
    transition: opacity 1s ease; }
  .section-recent-blogs.visible .btn-outline {
    animation: fadeIn 1s 1.4s forwards; }

.section-accordion {
  margin: 50px 0;
  overflow: visible; }
  @media (max-width: 767px) {
    .section-accordion {
      margin: 30px 0; } }
  .section-accordion.section-accordion-type-2 .wrap-accordion + .wrap-accordion {
    margin-top: 40px; }
    @media (max-width: 767px) {
      .section-accordion.section-accordion-type-2 .wrap-accordion + .wrap-accordion {
        margin-top: 24px; } }
  .section-accordion.section-accordion-type-2 .wrap-head {
    padding-left: 40px;
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .section-accordion.section-accordion-type-2 .wrap-head {
        margin-bottom: 12px;
        padding-left: 16px; } }
  .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 a {
    color: #00D1AD; }
    .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 a:hover {
      color: #435855; }
  .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 ul {
    padding: 10px 0 10px 20px; }
    .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 ul > li {
      list-style-type: disc; }
      .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 ul > li::marker {
        color: #00D1AD;
        font-size: 21px; }
      .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 ul > li + li {
        margin-top: 8px; }
  .section-accordion.section-accordion-type-2 .accordion .panel .panel-body .text-1 p + p {
    margin-top: 8px; }
  .section-accordion .wrap-head {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .section-accordion .wrap-head {
        margin-bottom: 24px; } }
    .section-accordion .wrap-head .animation-title {
      max-width: 70%;
      text-align: center;
      margin: 0 auto; }
      @media screen and (max-width: 1439px) {
        .section-accordion .wrap-head .animation-title {
          max-width: unset;
          font-size: 36px;
          line-height: 120%;
          /* 43.2px */ } }
    .section-accordion .wrap-head .wrap-title-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px; }
      @media screen and (max-width: 767px) {
        .section-accordion .wrap-head .wrap-title-btn {
          flex-direction: column;
          gap: 16px; } }
      .section-accordion .wrap-head .wrap-title-btn .animation-title {
        margin: 0; }
  .section-accordion .accordion {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    padding: 24px 0; }
    .section-accordion .accordion .panel {
      border-bottom: 1px solid #E7EDEC;
      position: relative;
      padding: 22px 14px 22px 40px;
      transition: .3s; }
      @media (max-width: 767px) {
        .section-accordion .accordion .panel {
          padding: 26px 20px 22px 20px; } }
      .section-accordion .accordion .panel:hover svg .arrow {
        stroke: #106254; }
      .section-accordion .accordion .panel:hover svg .circle {
        fill: #C8F5ED; }
      .section-accordion .accordion .panel:last-child {
        border-bottom: none; }
      @media (max-width: 767px) {
        .section-accordion .accordion .panel .button-collapse {
          display: flex;
          align-items: center;
          justify-content: space-between; } }
      .section-accordion .accordion .panel .title {
        max-width: 85%; }
        @media (max-width: 767px) {
          .section-accordion .accordion .panel .title {
            max-width: 90%; } }
      @media (max-width: 767px) {
        .section-accordion .accordion .panel .wrap-icons {
          position: relative;
          width: 24px;
          height: 24px; } }
      .section-accordion .accordion .panel .hover-text, .section-accordion .accordion .panel .active-panel-text {
        position: absolute;
        top: 14px;
        right: 40px;
        transition: .3s;
        cursor: pointer;
        opacity: 0;
        width: 100%;
        text-align: right; }
        @media (max-width: 767px) {
          .section-accordion .accordion .panel .hover-text, .section-accordion .accordion .panel .active-panel-text {
            top: 0;
            right: 0; }
            .section-accordion .accordion .panel .hover-text svg, .section-accordion .accordion .panel .active-panel-text svg {
              width: 24px;
              height: 24px; } }
        .section-accordion .accordion .panel .hover-text svg *, .section-accordion .accordion .panel .active-panel-text svg * {
          transition: .3s; }
      .section-accordion .accordion .panel .hover-text {
        opacity: 1; }
      .section-accordion .accordion .panel.opened:hover svg .arrow {
        stroke: #00463A; }
      .section-accordion .accordion .panel.opened:hover svg .circle {
        fill: #00D1AD; }
      .section-accordion .accordion .panel.opened .hover-text {
        opacity: 0; }
      .section-accordion .accordion .panel.opened .active-panel-text {
        opacity: 1; }
      .section-accordion .accordion .panel.opened:hover .hover-text {
        opacity: 0; }
      .section-accordion .accordion .panel .panel-heading {
        width: 100%; }
      .section-accordion .accordion .panel .panel-collapse {
        width: 100%;
        min-height: auto; }
      .section-accordion .accordion .panel .panel-body .text-1 {
        margin: 25px 0 0 0;
        max-width: 74%; }
        @media (max-width: 767px) {
          .section-accordion .accordion .panel .panel-body .text-1 {
            margin: 12px 0 0 0;
            max-width: unset; } }
        .section-accordion .accordion .panel .panel-body .text-1 p + p {
          margin-top: 8px; }
        .section-accordion .accordion .panel .panel-body .text-1 ul {
          padding: 10px 0 10px 20px; }
          .section-accordion .accordion .panel .panel-body .text-1 ul > li {
            list-style-type: disc; }
            .section-accordion .accordion .panel .panel-body .text-1 ul > li::marker {
              color: #00D1AD;
              font-size: 21px; }
            .section-accordion .accordion .panel .panel-body .text-1 ul > li + li {
              margin-top: 8px; }
  .section-accordion .btn-outline {
    opacity: 0;
    transition: opacity 1s ease; }
  .section-accordion.visible .btn-outline {
    animation: fadeIn 1s 1.4s forwards; }

.section-accordion-with-gif {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-accordion-with-gif {
      padding: 30px 0; } }
  .section-accordion-with-gif .wrap-head {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .section-accordion-with-gif .wrap-head {
        margin-bottom: 24px; } }
    .section-accordion-with-gif .wrap-head .animation-title {
      max-width: 70%;
      text-align: center;
      margin: 0 auto; }
      @media screen and (max-width: 1439px) {
        .section-accordion-with-gif .wrap-head .animation-title {
          max-width: unset;
          font-size: 36px;
          line-height: 120%;
          /* 43.2px */ } }
  .section-accordion-with-gif .row-flex {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    display: flex;
    gap: 15px;
    align-items: center; }
    .section-accordion-with-gif .row-flex .row-inner {
      width: 50%; }
      @media (max-width: 1023px) {
        .section-accordion-with-gif .row-flex .row-inner {
          width: 100%; } }
    .section-accordion-with-gif .row-flex .accordion-all-text {
      padding: 40px; }
      @media screen and (max-width: 1439px) {
        .section-accordion-with-gif .row-flex .accordion-all-text {
          padding: 20px; } }
      @media screen and (max-width: 767px) {
        .section-accordion-with-gif .row-flex .accordion-all-text {
          padding: 24px 16px; } }
  .section-accordion-with-gif .accordion-images {
    position: relative;
    height: 620px;
    background: #CAE0DC;
    border-radius: 0px 24px 24px 0px; }
    @media (max-width: 1023px) {
      .section-accordion-with-gif .accordion-images {
        display: none; } }
    .section-accordion-with-gif .accordion-images img {
      opacity: 0;
      transition: 0.3s;
      width: 100%;
      height: 100%;
      padding: 63px 53px; }
      @media screen and (max-width: 1439px) {
        .section-accordion-with-gif .accordion-images img {
          height: auto; } }
      .section-accordion-with-gif .accordion-images img:not(:first-child) {
        position: absolute;
        left: 0;
        top: 0; }
      .section-accordion-with-gif .accordion-images img.active {
        opacity: 1; }
  .section-accordion-with-gif .accordion {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #E7EDEC; }
    .section-accordion-with-gif .accordion:last-child {
      border-bottom: none; }
    .section-accordion-with-gif .accordion .accordion-intro {
      position: relative;
      padding: 20px;
      cursor: pointer;
      display: flex;
      gap: 12px; }
      @media screen and (max-width: 1439px) {
        .section-accordion-with-gif .accordion .accordion-intro {
          padding: 16px 0; } }
    .section-accordion-with-gif .accordion .accordion-content {
      padding: 0 20px 0 57px;
      max-height: 0;
      overflow: hidden;
      will-change: max-height;
      transition: all 0.3s ease;
      opacity: 0; }
      @media (max-width: 1023px) {
        .section-accordion-with-gif .accordion .accordion-content {
          padding: 0 20px 0 20px; } }
      .section-accordion-with-gif .accordion .accordion-content .wrap-img {
        display: none; }
        @media (max-width: 1023px) {
          .section-accordion-with-gif .accordion .accordion-content .wrap-img {
            display: block;
            border-radius: 11.554px;
            background: #CAE0DC;
            margin-top: 20px; } }
        @media screen and (max-width: 767px) {
          .section-accordion-with-gif .accordion .accordion-content .wrap-img {
            margin-top: 12px; } }
      .section-accordion-with-gif .accordion .accordion-content .accordion-image {
        display: none; }
        @media (max-width: 1023px) {
          .section-accordion-with-gif .accordion .accordion-content .accordion-image {
            display: block;
            width: 100%;
            height: auto;
            padding: 63px 53px; } }
        @media screen and (max-width: 767px) {
          .section-accordion-with-gif .accordion .accordion-content .accordion-image {
            padding: 24px;
            width: 100%;
            height: 289px;
            object-fit: contain; } }
    .section-accordion-with-gif .accordion p {
      color: #101716;
      line-height: 150%;
      /* 24px */
      margin-bottom: 12px; }
    .section-accordion-with-gif .accordion_active .accordion-intro {
      padding: 20px 20px 8px 20px; }
      @media screen and (max-width: 767px) {
        .section-accordion-with-gif .accordion_active .accordion-intro {
          padding: 16px 0 8px; } }
    .section-accordion-with-gif .accordion_active .accordion-content {
      padding: 0 20px 20px 57px;
      margin-bottom: 20px;
      opacity: 1; }
      @media (max-width: 1023px) {
        .section-accordion-with-gif .accordion_active .accordion-content {
          padding: 0 20px 20px 20px; } }
      @media screen and (max-width: 767px) {
        .section-accordion-with-gif .accordion_active .accordion-content {
          padding: 0;
          margin-bottom: 12px; } }

.section-slider-case-studies {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-slider-case-studies {
      padding: 30px 0; } }
  .section-slider-case-studies .wrap-head {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .section-slider-case-studies .wrap-head {
        margin-bottom: 24px; } }
    .section-slider-case-studies .wrap-head .animation-title {
      max-width: 70%;
      text-align: center;
      margin: 0 auto; }
      @media screen and (max-width: 1439px) {
        .section-slider-case-studies .wrap-head .animation-title {
          max-width: unset;
          font-size: 36px;
          line-height: 120%;
          /* 43.2px */ } }
    .section-slider-case-studies .wrap-head .wrap-title-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 24px; }
      @media screen and (max-width: 767px) {
        .section-slider-case-studies .wrap-head .wrap-title-btn {
          flex-direction: column;
          gap: 16px; } }
      .section-slider-case-studies .wrap-head .wrap-title-btn .animation-title {
        margin: 0; }
      .section-slider-case-studies .wrap-head .wrap-title-btn .btn-outline {
        opacity: 0;
        transition: opacity 1s ease; }
  .section-slider-case-studies .swiper-slide {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px;
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    display: flex;
    justify-content: space-between;
    transition: background-color .5s; }
    @media (max-width: 767px) {
      .section-slider-case-studies .swiper-slide {
        padding: 20px;
        border-radius: 16px; } }
    .section-slider-case-studies .swiper-slide.swiper-slide-active {
      background: #00463A; }
      .section-slider-case-studies .swiper-slide.swiper-slide-active .blog-type .blog-type-term {
        color: #FFF;
        border: 1px solid rgba(255, 255, 255, 0.4); }
      .section-slider-case-studies .swiper-slide.swiper-slide-active .wrap-image:before {
        display: none; }
      .section-slider-case-studies .swiper-slide.swiper-slide-active .title-blog {
        color: #FFF; }
      .section-slider-case-studies .swiper-slide.swiper-slide-active .excerpt {
        color: #FFF; }
      .section-slider-case-studies .swiper-slide.swiper-slide-active .btn-outline {
        color: #FFF;
        border: 1px solid rgba(255, 255, 255, 0.4); }
        .section-slider-case-studies .swiper-slide.swiper-slide-active .btn-outline:hover {
          color: #00D1AD;
          background: transparent;
          border: 1px solid #00D1AD; }
    .section-slider-case-studies .swiper-slide .wrap-text-info {
      width: 51%; }
      @media (max-width: 1439px) {
        .section-slider-case-studies .swiper-slide .wrap-text-info {
          width: 100%; } }
    .section-slider-case-studies .swiper-slide .blog-type {
      margin-bottom: 12px; }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-slide .blog-type {
          margin-bottom: 8px; } }
      .section-slider-case-studies .swiper-slide .blog-type .blog-type-term {
        color: #101716;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 18px */
        padding: 4px 8px;
        border-radius: 100px;
        margin-right: 16px;
        border: 1px solid #AAB0AE; }
    .section-slider-case-studies .swiper-slide .title-blog {
      margin-bottom: 12px; }
      @media (max-width: 1439px) {
        .section-slider-case-studies .swiper-slide .title-blog {
          margin-top: 12px; } }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-slide .title-blog {
          margin-top: 8px;
          margin-bottom: 8px; } }
    .section-slider-case-studies .swiper-slide .excerpt {
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-slide .excerpt {
          margin-bottom: 12px; } }
    .section-slider-case-studies .swiper-slide .wrap-image {
      position: relative;
      width: 382px;
      height: 215px; }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-slide .wrap-image {
          width: 100%;
          height: 167px; } }
      @media (max-width: 1439px) {
        .section-slider-case-studies .swiper-slide .wrap-image.desktop {
          display: none; } }
      .section-slider-case-studies .swiper-slide .wrap-image.mobile {
        display: none; }
        @media (max-width: 1439px) {
          .section-slider-case-studies .swiper-slide .wrap-image.mobile {
            display: block; } }
      .section-slider-case-studies .swiper-slide .wrap-image:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
        z-index: 1; }
      .section-slider-case-studies .swiper-slide .wrap-image .image {
        top: 0;
        left: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 12px; }
      .section-slider-case-studies .swiper-slide .wrap-image.modal-img {
        cursor: pointer; }
        .section-slider-case-studies .swiper-slide .wrap-image.modal-img:hover .play-btn rect {
          fill: #2BD9FE; }
      .section-slider-case-studies .swiper-slide .wrap-image .play-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%); }
        .section-slider-case-studies .swiper-slide .wrap-image .play-btn rect {
          transition: .3s; }
  .section-slider-case-studies .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .section-slider-case-studies .swiper-navigation {
        gap: 16px;
        margin-top: 24px; } }
    .section-slider-case-studies .swiper-navigation .swiper-button-prev {
      outline: none;
      border: none;
      -webkit-tap-highlight-color: transparent;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-navigation .swiper-button-prev {
          width: 36px;
          height: 36px; } }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev:after {
        display: none; }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev svg * {
        transition: .3s; }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-case-studies .swiper-navigation .swiper-button-prev:hover svg .circle {
        fill: #00D1AD; }
    .section-slider-case-studies .swiper-navigation .swiper-button-next {
      -webkit-tap-highlight-color: transparent;
      outline: none;
      border: none;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-case-studies .swiper-navigation .swiper-button-next {
          width: 36px;
          height: 36px; } }
      .section-slider-case-studies .swiper-navigation .swiper-button-next:after {
        display: none; }
      .section-slider-case-studies .swiper-navigation .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
      .section-slider-case-studies .swiper-navigation .swiper-button-next svg * {
        transition: .3s; }
      .section-slider-case-studies .swiper-navigation .swiper-button-next:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-case-studies .swiper-navigation .swiper-button-next:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-case-studies .swiper-navigation .swiper-button-next:hover svg .circle {
        fill: #00D1AD; }
  .section-slider-case-studies .wrap-swiper-scrollbar {
    position: relative;
    flex: auto;
    max-width: 435px; }
    .section-slider-case-studies .wrap-swiper-scrollbar .swiper-scrollbar {
      height: 6px;
      border-radius: 100px;
      background: #BEC8C6;
      top: 50%;
      left: 0;
      width: 100%; }
    .section-slider-case-studies .wrap-swiper-scrollbar .swiper-scrollbar-drag {
      background: #00463A;
      height: 6px; }
  .section-slider-case-studies.visible .wrap-head .btn-outline {
    animation: fadeIn 1s 1.4s forwards; }

.section-slider-services {
  margin: 100px 0; }
  @media (max-width: 767px) {
    .section-slider-services {
      margin: 60px 0; } }
  .section-slider-services .wrap-head {
    margin-bottom: 40px;
    display: flex; }
    @media (max-width: 767px) {
      .section-slider-services .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-slider-services .wrap-head .left-side {
      width: 50%;
      padding: 0 40px 0 0; }
      @media screen and (max-width: 1079px) {
        .section-slider-services .wrap-head .left-side {
          padding: 0 20px 0 0; } }
      @media (max-width: 767px) {
        .section-slider-services .wrap-head .left-side {
          width: 100%;
          padding: 0; } }
    .section-slider-services .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 40px; }
      @media screen and (max-width: 1079px) {
        .section-slider-services .wrap-head .right-side {
          padding: 0 0 0 20px; } }
      @media (max-width: 767px) {
        .section-slider-services .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-slider-services .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-slider-services .wrap-head .content p {
      margin-bottom: 0; }
  .section-slider-services .swiper {
    overflow: visible; }
  .section-slider-services .content-wrap {
    max-width: calc(100% - 100px);
    margin-left: auto;
    margin-right: 0;
    position: relative;
    padding-right: 24px; }
    @media screen and (min-width: 1441px) {
      .section-slider-services .content-wrap {
        padding-left: 120px; } }
    @media screen and (max-width: 1080px) {
      .section-slider-services .content-wrap {
        max-width: calc(100% - 40px); } }
    @media screen and (max-width: 767px) {
      .section-slider-services .content-wrap {
        max-width: calc(100% - 16px);
        padding-right: 16px; } }
  .section-slider-services .swiper-slide {
    height: auto;
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    display: flex;
    justify-content: space-between;
    transition: .5s; }
    @media (max-width: 767px) {
      .section-slider-services .swiper-slide {
        padding: 20px;
        border-radius: 16px; } }
    .section-slider-services .swiper-slide .title-blog {
      position: relative;
      padding-left: 70px;
      min-height: 46px;
      align-items: center;
      margin-bottom: 8px;
      display: flex; }
      .section-slider-services .swiper-slide .title-blog img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 46px;
        height: 46px; }
  .section-slider-services .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .section-slider-services .swiper-navigation {
        gap: 16px;
        margin-top: 24px; } }
    .section-slider-services .swiper-navigation .swiper-button-prev {
      outline: none;
      border: none;
      -webkit-tap-highlight-color: transparent;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-services .swiper-navigation .swiper-button-prev {
          width: 36px;
          height: 36px; } }
      .section-slider-services .swiper-navigation .swiper-button-prev:after {
        display: none; }
      .section-slider-services .swiper-navigation .swiper-button-prev svg * {
        transition: .3s; }
      .section-slider-services .swiper-navigation .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
      .section-slider-services .swiper-navigation .swiper-button-prev:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-services .swiper-navigation .swiper-button-prev:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-services .swiper-navigation .swiper-button-prev:hover svg .circle {
        fill: #00D1AD; }
    .section-slider-services .swiper-navigation .swiper-button-next {
      -webkit-tap-highlight-color: transparent;
      outline: none;
      border: none;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-services .swiper-navigation .swiper-button-next {
          width: 36px;
          height: 36px; } }
      .section-slider-services .swiper-navigation .swiper-button-next:after {
        display: none; }
      .section-slider-services .swiper-navigation .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
      .section-slider-services .swiper-navigation .swiper-button-next svg * {
        transition: .3s; }
      .section-slider-services .swiper-navigation .swiper-button-next:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-services .swiper-navigation .swiper-button-next:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-services .swiper-navigation .swiper-button-next:hover svg .circle {
        fill: #00D1AD; }
  .section-slider-services .wrap-swiper-scrollbar {
    position: relative;
    flex: auto;
    max-width: 435px; }
    .section-slider-services .wrap-swiper-scrollbar .swiper-scrollbar {
      height: 6px;
      border-radius: 100px;
      background: #BEC8C6;
      top: 50%;
      left: 0;
      width: 100%; }
    .section-slider-services .wrap-swiper-scrollbar .swiper-scrollbar-drag {
      background: #00463A;
      height: 6px; }

.section-quote {
  margin: 100px 0;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .section-quote {
      margin: 60px 0; } }
  .section-quote h2 {
    font-family: "Carbona-Medium", sans-serif;
    font-weight: 500; }

.section-diagram {
  margin: 100px 0;
  overflow: visible; }
  @media (max-width: 767px) {
    .section-diagram {
      margin: 60px 0; } }
  .section-diagram .wrap-head {
    margin-bottom: 40px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-diagram .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-diagram .wrap-head .left-side {
      width: 50%; }
      @media (max-width: 767px) {
        .section-diagram .wrap-head .left-side {
          width: 100%; } }
    .section-diagram .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 80px;
      opacity: 0;
      transition: opacity 1s; }
      @media screen and (max-width: 1079px) {
        .section-diagram .wrap-head .right-side {
          padding: 0 0 0 40px; } }
      @media (max-width: 767px) {
        .section-diagram .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-diagram .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-diagram .wrap-head .content p {
      margin-bottom: 0; }
  .section-diagram .wrap-outer {
    box-shadow: 0 4px 20px rgba(0, 128, 112, 0.11);
    background-color: white;
    border-radius: 24px;
    padding: 110px 44px 30px;
    min-height: 650px; }
    @media (max-width: 1439px) {
      .section-diagram .wrap-outer {
        padding: 110px 94px 30px 125px; } }
    @media (max-width: 900px) {
      .section-diagram .wrap-outer {
        min-height: 333px;
        padding: 97px 30px 30px 42px; } }
  .section-diagram .wrap-inner {
    width: 968px;
    height: 372px;
    border-radius: 80px;
    border: 4px solid rgba(43, 217, 254, 0.4);
    margin: 0 auto;
    position: relative; }
    @media (max-width: 1439px) {
      .section-diagram .wrap-inner {
        width: 100%; } }
    @media (max-width: 900px) {
      .section-diagram .wrap-inner {
        height: 146px;
        border-radius: 30px;
        border: 2px solid rgba(43, 217, 254, 0.4); } }
    .section-diagram .wrap-inner .big-block {
      position: absolute;
      left: -91px;
      top: 50%;
      transform: translateY(-50%);
      width: 182px;
      height: 182px;
      border: 3px solid rgba(43, 217, 254, 0.4);
      background-color: #E9FBFF;
      border-radius: 50%;
      font-size: 14px;
      font-family: "Carbona-Bold", sans-serif;
      line-height: 130%;
      color: white;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .big-block {
          width: 64px;
          height: 64px;
          left: -32px;
          border: 2px solid rgba(43, 217, 254, 0.4); } }
      .section-diagram .wrap-inner .big-block .inner-block {
        width: 153px;
        height: 153px;
        background-color: #00463A;
        border-radius: 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .big-block .inner-block {
            width: 52px;
            height: 52px; } }
      .section-diagram .wrap-inner .big-block svg {
        max-width: 106px;
        display: inline-block;
        margin-bottom: 8px; }
        @media (max-width: 1439px) {
          .section-diagram .wrap-inner .big-block svg {
            margin-bottom: 0; } }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .big-block svg {
            max-width: 36px; } }
    .section-diagram .wrap-inner .arrow {
      position: absolute;
      opacity: 0; }
      .section-diagram .wrap-inner .arrow svg {
        display: block; }
    .section-diagram .wrap-inner .arrow-1 {
      left: 59px;
      top: -20px; }
    .section-diagram .wrap-inner .arrow-2 {
      left: 462px;
      top: -20px; }
    .section-diagram .wrap-inner .arrow-3 {
      right: 63px;
      top: -20px; }
    .section-diagram .wrap-inner .arrow-4 {
      right: 70px;
      bottom: -20px; }
    .section-diagram .wrap-inner .arrow-5 {
      right: 403px;
      bottom: -20px; }
    .section-diagram .wrap-inner .arrow-6 {
      left: 118px;
      bottom: -20px; }
    .section-diagram .wrap-inner .block {
      opacity: 0;
      cursor: pointer;
      position: relative;
      will-change: opacity, transform; }
      @media (max-width: 1439px) {
        .section-diagram .wrap-inner .block {
          cursor: default; } }
    .section-diagram .wrap-inner .block-title {
      position: absolute;
      border: 1px solid #DADADA;
      background-color: white;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      width: 164px;
      height: 56px;
      left: 50%;
      transform: translateX(-50%);
      bottom: -63px;
      font-size: 16px;
      font-family: "Carbona-Regular", sans-serif;
      line-height: 150%;
      color: #101716;
      opacity: 0;
      transition: .5s; }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-title {
          font-size: 14px;
          padding: 5px;
          width: 145px;
          height: 46px; } }
    .section-diagram .wrap-inner .small-block {
      width: 124px;
      height: 124px;
      position: absolute; }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .small-block {
          width: 40px;
          height: 40px; } }
      .section-diagram .wrap-inner .small-block .outer {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 3px solid rgba(43, 217, 254, 0.4);
        background-color: #E9FBFF;
        border-radius: 50%;
        transition: .5s; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .small-block .outer {
            border: 1px solid rgba(43, 217, 254, 0.4); } }
      .section-diagram .wrap-inner .small-block .inner {
        width: 100px;
        height: 100px;
        background-color: #00463A;
        border-radius: 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: .5s; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .small-block .inner {
            width: 24px;
            height: 24px;
            padding: 5px; } }
        .section-diagram .wrap-inner .small-block .inner svg {
          width: 100%;
          display: block;
          max-height: 100%; }
      .section-diagram .wrap-inner .small-block .detail, .section-diagram .wrap-inner .small-block .detail-1 {
        transition: .5s; }
      .section-diagram .wrap-inner .small-block:hover .outer {
        border: 3px solid #00D2AE; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .small-block:hover .outer {
            border: 1px solid #00D2AE; } }
      .section-diagram .wrap-inner .small-block:hover .inner {
        background-color: #00D2AE; }
      .section-diagram .wrap-inner .small-block:hover .detail {
        fill: #00463A; }
      .section-diagram .wrap-inner .small-block:hover .detail-1 {
        stroke: #00463A; }
      .section-diagram .wrap-inner .small-block.active .outer {
        border: 3px solid #00D2AE; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .small-block.active .outer {
            border: 1px solid #00D2AE; } }
      .section-diagram .wrap-inner .small-block.active .inner {
        background-color: #00D2AE; }
      .section-diagram .wrap-inner .small-block.active .detail {
        fill: #00463A; }
      .section-diagram .wrap-inner .small-block.active .detail-1 {
        stroke: #00463A; }
      .section-diagram .wrap-inner .small-block.active .block-title {
        opacity: 1; }
    .section-diagram .wrap-inner .block-1 {
      left: 217px;
      top: -62px; }
      @media (max-width: 1250px) {
        .section-diagram .wrap-inner .block-1 {
          left: 22%; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-1 {
          top: -20px; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-1 .block-title {
          bottom: calc(100% + 4px); } }
    .section-diagram .wrap-inner .block-2 {
      right: 221px;
      top: -62px; }
      @media (max-width: 1250px) {
        .section-diagram .wrap-inner .block-2 {
          right: 22%; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-2 {
          top: -20px; } }
      .section-diagram .wrap-inner .block-2 .block-title {
        width: 147px; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .block-2 .block-title {
            width: 126px;
            bottom: calc(100% + 4px); } }
    .section-diagram .wrap-inner .block-3 {
      right: -62px;
      top: 154px; }
      @media (max-width: 1250px) {
        .section-diagram .wrap-inner .block-3 {
          top: 36%; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-3 {
          right: -20px; } }
      .section-diagram .wrap-inner .block-3 .block-title {
        width: 147px;
        height: 80px;
        left: -154px;
        transform: translateX(0);
        bottom: 21px; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .block-3 .block-title {
            width: 130px;
            height: 67px;
            right: calc(100% + 4px);
            bottom: -33%;
            left: auto; } }
    .section-diagram .wrap-inner .block-4 {
      right: 173px;
      bottom: -62px; }
      @media (max-width: 1250px) {
        .section-diagram .wrap-inner .block-4 {
          right: 22%; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-4 {
          bottom: -20px; } }
      .section-diagram .wrap-inner .block-4 .block-title {
        width: 143px;
        height: 73px;
        bottom: -78px; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .block-4 .block-title {
            width: 144px;
            height: 46px;
            top: calc(100% + 4px);
            bottom: auto; } }
    .section-diagram .wrap-inner .block-5 {
      left: 270px;
      bottom: -62px; }
      @media (max-width: 1250px) {
        .section-diagram .wrap-inner .block-5 {
          left: 22%; } }
      @media (max-width: 900px) {
        .section-diagram .wrap-inner .block-5 {
          bottom: -20px; } }
      .section-diagram .wrap-inner .block-5 .block-title {
        width: 163px; }
        @media (max-width: 900px) {
          .section-diagram .wrap-inner .block-5 .block-title {
            width: 104px;
            height: 46px;
            top: calc(100% + 4px);
            bottom: auto; } }
  .section-diagram .wrap-diagram {
    position: relative; }
    .section-diagram .wrap-diagram .wrap-tooltips .tooltip {
      position: absolute;
      color: #17191A;
      font-size: 14px;
      line-height: 150%;
      font-family: "Carbona-Regular", sans-serif;
      font-weight: 400;
      border-radius: 8px;
      padding: 16px;
      background-color: #F1FFFD;
      max-width: 323px;
      width: 28%;
      opacity: 0;
      transition: opacity 0.5s ease;
      pointer-events: none;
      -webkit-user-select: none;
          -ms-user-select: none;
              user-select: none;
      z-index: 3; }
      @media (max-width: 1440px) and (min-width: 769px) {
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip {
          font-size: calc(6 * ((100vw - 768px) / 672) + 8px); } }
      @media (max-width: 768px) {
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip {
          font-size:  8px; } }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-1 {
        left: 42%;
        top: 63px; }
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-1 svg {
          right: 99%; }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-2 {
        left: 69%;
        top: 9%; }
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-2 svg {
          right: 99%; }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-3 {
        top: 38%;
        left: 55%; }
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-3 svg {
          left: 99%;
          transform: rotate(180deg) translateY(50%); }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-4 {
        bottom: 21%;
        right: 10%;
        max-width: 256px; }
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-4 svg {
          right: 99%; }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-5 {
        right: 32%;
        bottom: 19%; }
        .section-diagram .wrap-diagram .wrap-tooltips .tooltip.tooltip-5 svg {
          right: 99%; }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip svg {
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
      .section-diagram .wrap-diagram .wrap-tooltips .tooltip.active {
        opacity: 1; }
    .section-diagram .wrap-diagram.mobile-hidden {
      width: 100%; }
      @media (max-width: 1439px) {
        .section-diagram .wrap-diagram.mobile-hidden {
          display: none; } }
      .section-diagram .wrap-diagram.mobile-hidden .outer {
        transform-origin: center;
        will-change: transform; }
    .section-diagram .wrap-diagram.mobile-visible {
      display: none; }
      @media (max-width: 1439px) {
        .section-diagram .wrap-diagram.mobile-visible {
          display: block;
          margin-bottom: 24px; } }
  .section-diagram .wrap-mobile-visible {
    display: none; }
    @media (max-width: 1439px) {
      .section-diagram .wrap-mobile-visible {
        display: block; } }
    .section-diagram .wrap-mobile-visible .title {
      font-family: "Carbona-Bold", sans-serif;
      font-size: 18px;
      line-height: 130%;
      font-weight: 700;
      margin-bottom: 8px; }
    .section-diagram .wrap-mobile-visible .swiper {
      overflow: visible; }
    .section-diagram .wrap-mobile-visible .swiper-slide {
      height: auto;
      position: relative;
      padding: 16px;
      border-radius: 12px;
      background: #FFF;
      box-shadow: 0 4px 16px 0 rgba(0, 128, 112, 0.08);
      transition: .5s;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .section-diagram .wrap-mobile-visible .swiper-slide.swiper-slide-active {
        background: rgba(43, 217, 254, 0.4); }
    .section-diagram .wrap-mobile-visible .swiper-navigation {
      margin-top: 16px; }
    .section-diagram .wrap-mobile-visible .wrap-progress-bar {
      position: relative;
      width: 80px;
      height: 6px;
      background-color: rgba(255, 255, 255, 0.4);
      border-radius: 100px;
      overflow: hidden; }
    .section-diagram .wrap-mobile-visible .progress-bar {
      position: relative;
      width: 100%;
      height: 100%; }
    .section-diagram .wrap-mobile-visible .progress-bar-fill {
      position: absolute;
      height: 100%;
      width: 0;
      background-color: #00463A;
      border-radius: 100px;
      transition: width 0.3s ease; }
  .section-diagram.visible .right-side {
    animation: fadeIn 1s 1s forwards; }

.section-ecosystem {
  margin: 100px 0;
  overflow: visible; }
  @media (max-width: 767px) {
    .section-ecosystem {
      margin: 60px 0; } }
  .section-ecosystem .wrap-head {
    margin-bottom: 40px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-ecosystem .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-ecosystem .wrap-head .left-side {
      width: 50%; }
      @media (max-width: 767px) {
        .section-ecosystem .wrap-head .left-side {
          width: 100%; } }
    .section-ecosystem .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 80px;
      opacity: 0;
      transition: opacity 1s; }
      @media screen and (max-width: 1079px) {
        .section-ecosystem .wrap-head .right-side {
          padding: 0 0 0 40px; } }
      @media (max-width: 767px) {
        .section-ecosystem .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-ecosystem .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-ecosystem .wrap-head .content p {
      margin-bottom: 0; }
  .section-ecosystem .wrap-outer {
    box-shadow: 0 4px 20px rgba(0, 128, 112, 0.11);
    background-color: white;
    border-radius: 24px;
    padding: 60px 46px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    @media (max-width: 1440px) and (min-width: 770px) {
      .section-ecosystem .wrap-outer {
        padding: calc(10 * ((100vw - 769px) / 671) + 50px) calc(26 * ((100vw - 769px) / 671) + 20px); } }
    @media (max-width: 769px) {
      .section-ecosystem .wrap-outer {
        padding:  50px 20px; } }
    @media (max-width: 768px) {
      .section-ecosystem .wrap-outer {
        flex-direction: column; } }
  .section-ecosystem .wrap-diagram {
    position: relative; }
    .section-ecosystem .wrap-diagram:before {
      display: none;
      content: '';
      position: absolute;
      left: 50%;
      width: 321px;
      height: 566px;
      transform: translateX(-50%);
      top: 170px;
      border-radius: 11px 11px 0 0;
      border: 2px solid rgba(43, 217, 254, 0.4); }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram:before {
          display: block; } }
    .section-ecosystem .wrap-diagram .big-circle {
      position: relative;
      width: 310px;
      height: 310px;
      font-size: 24px;
      font-family: "Carbona-Bold", sans-serif;
      line-height: 130%;
      color: white;
      display: flex;
      align-items: center;
      will-change: transform, opacity;
      justify-content: center;
      z-index: 3; }
      @media (max-width: 1440px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .big-circle {
          height: calc(145 * ((100vw - 769px) / 671) + 165px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .big-circle {
          height:  165px; } }
      @media (max-width: 1440px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .big-circle {
          width: calc(145 * ((100vw - 769px) / 671) + 165px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .big-circle {
          width:  165px; } }
      @media (max-width: 1919px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .big-circle {
          font-size: calc(11 * ((100vw - 769px) / 1150) + 13px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .big-circle {
          font-size:  13px; } }
      @media (max-width: 768px) and (min-width: 501px) {
        .section-ecosystem .wrap-diagram .big-circle {
          font-size: 20px; } }
      @media (max-width: 500px) {
        .section-ecosystem .wrap-diagram .big-circle {
          font-size:  20px; } }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram .big-circle {
          width: 246px;
          height: 246px;
          margin-bottom: 24px; } }
      .section-ecosystem .wrap-diagram .big-circle .outer-block {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        border: 3px solid rgba(43, 217, 254, 0.4);
        background-color: #E9FBFF;
        border-radius: 50%;
        transition: .5s; }
      .section-ecosystem .wrap-diagram .big-circle .inner-block {
        width: 225px;
        height: 225px;
        background-color: #00463A;
        border-radius: 50%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        will-change: transform, opacity; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-circle .inner-block {
            height: calc(104 * ((100vw - 769px) / 671) + 121px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-circle .inner-block {
            height:  121px; } }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-circle .inner-block {
            width: calc(104 * ((100vw - 769px) / 671) + 121px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-circle .inner-block {
            width:  121px; } }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .big-circle .inner-block {
            width: 174px;
            height: 174px; } }
      .section-ecosystem .wrap-diagram .big-circle svg {
        width: 139px;
        display: inline-block;
        margin-bottom: 8px; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-circle svg {
            width: calc(65 * ((100vw - 769px) / 671) + 74px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-circle svg {
            width:  74px; } }
    .section-ecosystem .wrap-diagram .wrap-big-blocks {
      display: flex;
      flex-direction: column;
      gap: 63px 0; }
      @media (max-width: 1200px) {
        .section-ecosystem .wrap-diagram .wrap-big-blocks {
          gap: 55px 0; } }
      @media (max-width: 1000px) {
        .section-ecosystem .wrap-diagram .wrap-big-blocks {
          gap: 45px 0; } }
      @media (max-width: 900px) {
        .section-ecosystem .wrap-diagram .wrap-big-blocks {
          gap: 35px 0; } }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram .wrap-big-blocks {
          gap: 15px 0; } }
    .section-ecosystem .wrap-diagram .big-block {
      display: flex;
      background-color: #00463A;
      padding: 16px 56px;
      border-radius: 16px;
      align-items: center;
      justify-content: space-between;
      will-change: opacity, transform;
      position: relative; }
      @media (max-width: 1440px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .big-block {
          padding: 16px calc(31 * ((100vw - 769px) / 671) + 25px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .big-block {
          padding:  16px 25px; } }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram .big-block {
          flex-direction: column;
          padding: 16px;
          align-items: flex-start; } }
      .section-ecosystem .wrap-diagram .big-block .bold-text {
        font-size: 18px;
        font-family: "Carbona-Bold", sans-serif;
        line-height: 120%;
        color: white;
        max-width: 140px;
        margin-right: 40px; }
        @media (max-width: 1919px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            font-size: calc(5 * ((100vw - 769px) / 1150) + 13px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            font-size:  13px; } }
        @media (max-width: 768px) and (min-width: 501px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            font-size: 18px; } }
        @media (max-width: 500px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            font-size:  18px; } }
        @media (max-width: 1200px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            margin-right: 30px; } }
        @media (max-width: 1000px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            margin-right: 25px; } }
        @media (max-width: 900px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            margin-right: 20px; } }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .big-block .bold-text {
            margin-right: 0;
            margin-bottom: 24px;
            max-width: 100%; }
            .section-ecosystem .wrap-diagram .big-block .bold-text br {
              display: none; } }
      .section-ecosystem .wrap-diagram .big-block .arrow-line {
        position: absolute;
        right: 100%;
        top: 34%; }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .big-block .arrow-line {
            display: none; } }
      .section-ecosystem .wrap-diagram .big-block .arrow-mobile-left {
        display: none; }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .big-block .arrow-mobile-left {
            display: block;
            position: absolute;
            right: 100%;
            top: 50%;
            transform: translateY(-50%); } }
      .section-ecosystem .wrap-diagram .big-block .arrow-mobile-right {
        display: none; }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .big-block .arrow-mobile-right {
            display: block;
            position: absolute;
            left: 100%;
            top: 50%;
            transform: translateY(-50%); } }
      .section-ecosystem .wrap-diagram .big-block.first-block .arrow-line {
        width: 259px;
        height: 111px; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.first-block .arrow-line {
            height: calc(31 * ((100vw - 769px) / 671) + 80px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.first-block .arrow-line {
            height:  80px; } }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.first-block .arrow-line {
            width: calc(79 * ((100vw - 769px) / 671) + 180px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.first-block .arrow-line {
            width:  180px; } }
      .section-ecosystem .wrap-diagram .big-block.second-block .arrow-line {
        width: 241px;
        height: 44px; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.second-block .arrow-line {
            height: calc(10 * ((100vw - 769px) / 671) + 34px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.second-block .arrow-line {
            height:  34px; } }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.second-block .arrow-line {
            width: calc(89 * ((100vw - 769px) / 671) + 152px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.second-block .arrow-line {
            width:  152px; } }
      .section-ecosystem .wrap-diagram .big-block.third-block .arrow-line {
        width: 259px;
        height: 111px;
        top: -24%; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.third-block .arrow-line {
            height: calc(37 * ((100vw - 769px) / 671) + 74px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.third-block .arrow-line {
            height:  74px; } }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .big-block.third-block .arrow-line {
            width: calc(89 * ((100vw - 769px) / 671) + 170px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .big-block.third-block .arrow-line {
            width:  170px; } }
    .section-ecosystem .wrap-diagram .wrap-blocks {
      display: flex;
      justify-content: space-between;
      gap: 0 25px; }
      @media (max-width: 1200px) {
        .section-ecosystem .wrap-diagram .wrap-blocks {
          gap: 0 20px; } }
      @media (max-width: 1000px) {
        .section-ecosystem .wrap-diagram .wrap-blocks {
          gap: 0 15px; } }
      @media (max-width: 900px) {
        .section-ecosystem .wrap-diagram .wrap-blocks {
          gap: 0 10px; } }
      @media (max-width: 800px) {
        .section-ecosystem .wrap-diagram .wrap-blocks {
          gap: 0 5px; } }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram .wrap-blocks {
          gap: 0 14px; } }
    .section-ecosystem .wrap-diagram .block {
      will-change: opacity, transform;
      opacity: 0;
      position: relative;
      width: 96px;
      height: 84px;
      display: flex;
      align-items: center;
      flex-direction: column; }
      @media (max-width: 1440px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .block {
          height: calc(30 * ((100vw - 769px) / 671) + 54px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .block {
          height:  54px; } }
      @media (max-width: 1440px) and (min-width: 770px) {
        .section-ecosystem .wrap-diagram .block {
          width: calc(36 * ((100vw - 769px) / 671) + 60px); } }
      @media (max-width: 769px) {
        .section-ecosystem .wrap-diagram .block {
          width:  60px; } }
      @media (max-width: 768px) {
        .section-ecosystem .wrap-diagram .block {
          width: 78px;
          height: 78px; } }
      .section-ecosystem .wrap-diagram .block svg {
        width: 40px;
        height: 40px;
        margin-bottom: 8px; }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .block svg {
            height: calc(18 * ((100vw - 769px) / 671) + 22px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .block svg {
            height:  22px; } }
        @media (max-width: 1440px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .block svg {
            width: calc(18 * ((100vw - 769px) / 671) + 22px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .block svg {
            width:  22px; } }
        @media (max-width: 768px) {
          .section-ecosystem .wrap-diagram .block svg {
            width: 37px;
            height: 37px; } }
      .section-ecosystem .wrap-diagram .block .thin-text {
        font-size: 12px;
        font-family: "Carbona-Regular", sans-serif;
        line-height: 150%;
        color: white;
        text-align: center; }
        @media (max-width: 1919px) and (min-width: 770px) {
          .section-ecosystem .wrap-diagram .block .thin-text {
            font-size: calc(4 * ((100vw - 769px) / 1150) + 8px); } }
        @media (max-width: 769px) {
          .section-ecosystem .wrap-diagram .block .thin-text {
            font-size:  8px; } }
        @media (max-width: 768px) and (min-width: 501px) {
          .section-ecosystem .wrap-diagram .block .thin-text {
            font-size: 12px; } }
        @media (max-width: 500px) {
          .section-ecosystem .wrap-diagram .block .thin-text {
            font-size:  12px; } }
  .section-ecosystem.visible .right-side {
    animation: fadeIn 1s 1s forwards; }

.section-checkboxes-and-illustration {
  margin: 100px 0;
  overflow: visible; }
  @media (max-width: 767px) {
    .section-checkboxes-and-illustration {
      margin: 60px 0; } }
  .section-checkboxes-and-illustration .wrap-head {
    margin-bottom: 40px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-checkboxes-and-illustration .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-checkboxes-and-illustration .wrap-head .left-side {
      width: 50%; }
      @media (max-width: 767px) {
        .section-checkboxes-and-illustration .wrap-head .left-side {
          width: 100%; } }
    .section-checkboxes-and-illustration .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 80px;
      opacity: 0;
      transition: opacity 1s; }
      @media screen and (max-width: 1079px) {
        .section-checkboxes-and-illustration .wrap-head .right-side {
          padding: 0 0 0 40px; } }
      @media (max-width: 767px) {
        .section-checkboxes-and-illustration .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-checkboxes-and-illustration .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-checkboxes-and-illustration .wrap-head .content p {
      margin-bottom: 0; }
  .section-checkboxes-and-illustration .wrap-columns .wrap-inner {
    display: flex;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    background-color: white;
    padding: 60px 38px;
    border-radius: 24px; }
    @media (max-width: 1023px) {
      .section-checkboxes-and-illustration .wrap-columns .wrap-inner {
        flex-wrap: wrap;
        padding: 24px 15px; } }
  .section-checkboxes-and-illustration .wrap-columns .left-column {
    width: 492px; }
    @media (max-width: 1350px) {
      .section-checkboxes-and-illustration .wrap-columns .left-column {
        width: 42%; } }
    @media (max-width: 1023px) {
      .section-checkboxes-and-illustration .wrap-columns .left-column {
        width: 100%;
        margin-bottom: 24px; } }
    .section-checkboxes-and-illustration .wrap-columns .left-column .title-left-column {
      display: none;
      margin-bottom: 24px; }
      @media (max-width: 1023px) {
        .section-checkboxes-and-illustration .wrap-columns .left-column .title-left-column {
          display: block; } }
    .section-checkboxes-and-illustration .wrap-columns .left-column img {
      max-width: 366px;
      width: 100%;
      display: inline-block; }
  .section-checkboxes-and-illustration .wrap-columns .right-column {
    width: calc(100% - 492px);
    padding-left: 40px; }
    @media (max-width: 1350px) {
      .section-checkboxes-and-illustration .wrap-columns .right-column {
        width: 58%; } }
    @media (max-width: 1023px) {
      .section-checkboxes-and-illustration .wrap-columns .right-column {
        width: 100%;
        padding-left: 0; } }
    .section-checkboxes-and-illustration .wrap-columns .right-column .title-right-column {
      margin-bottom: 24px; }
      @media (max-width: 1023px) {
        .section-checkboxes-and-illustration .wrap-columns .right-column .title-right-column {
          display: none; } }
    .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs {
      display: flex;
      margin: 0 -8px 24px -8px; }
      @media (max-width: 1023px) {
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs {
          flex-wrap: wrap;
          margin: 0 0 24px 0; } }
      .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li {
        width: 33.3%;
        margin: 0 8px;
        box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
        background-color: white;
        padding: 12px;
        border-radius: 12px;
        transition: background-color .3s; }
        @media (max-width: 1023px) {
          .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li {
            width: 100%;
            margin: 8px 0; } }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li .wrap-top {
          display: flex;
          justify-content: space-between;
          align-items: flex-start;
          margin-bottom: 16px; }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li .icon {
          position: relative;
          padding: 8px; }
          .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li .icon img {
            transition: .5s;
            max-width: 36px;
            max-height: 36px; }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li .icon_active {
          opacity: 0;
          position: absolute;
          left: 8px;
          top: 8px;
          width: 100%;
          height: auto; }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li .text {
          color: #101716;
          font-family: "Carbona-Regular", sans-serif;
          font-size: 14px;
          line-height: 150%;
          transition: .5s; }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li.active {
          background-color: rgba(43, 217, 254, 0.4); }
          .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li.active .checkbox input[type="checkbox"] {
            border: 1px solid #00463A; }
            .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li.active .checkbox input[type="checkbox"]:after {
              content: '';
              background-image: url(ba38f22080fc53a21a68.svg);
              display: block;
              width: 15px;
              height: 15px;
              margin: 2px;
              background-color: #fff;
              border-radius: 6px;
              background-position: center;
              background-size: contain; }
          .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li.active .text {
            color: #00463A; }
        .section-checkboxes-and-illustration .wrap-columns .right-column .nav-tabs li:hover .checkbox input[type="checkbox"] {
          background-color: #F1FFFD; }
    .section-checkboxes-and-illustration .wrap-columns .right-column .checkbox {
      position: relative;
      display: flex;
      align-items: center; }
    .section-checkboxes-and-illustration .wrap-columns .right-column .checkbox input[type="checkbox"] {
      /* Hide the default checkbox */
      appearance: none;
      -webkit-appearance: none;
      width: 20px;
      height: 20px;
      border: 1px solid #435855;
      border-radius: 6px;
      background-color: #fff;
      cursor: pointer;
      transition: background-color 0.3s ease, border-color 0.3s ease; }
  .section-checkboxes-and-illustration.visible .right-side {
    animation: fadeIn 1s 1s forwards; }

.section-benefits-block {
  margin: 100px 0 40px; }
  @media (max-width: 767px) {
    .section-benefits-block {
      margin: 60px 0 0; } }
  .section-benefits-block .wrap-head {
    display: flex; }
    @media (max-width: 767px) {
      .section-benefits-block .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-benefits-block .wrap-head .left-side {
      width: 50%;
      padding: 0 40px 0 0; }
      @media screen and (max-width: 1079px) {
        .section-benefits-block .wrap-head .left-side {
          padding: 0 20px 0 0; } }
      @media (max-width: 767px) {
        .section-benefits-block .wrap-head .left-side {
          width: 100%;
          padding: 0; } }
    .section-benefits-block .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 40px; }
      @media screen and (max-width: 1079px) {
        .section-benefits-block .wrap-head .right-side {
          padding: 0 0 0 20px; } }
      @media (max-width: 767px) {
        .section-benefits-block .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-benefits-block .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-benefits-block .wrap-head .content p {
      margin-bottom: 0; }
      .section-benefits-block .wrap-head .content p + p {
        margin-top: 12px; }
    .section-benefits-block .wrap-head .content strong {
      line-height: 140%; }

.section-plan-block {
  padding: 40px 0 50px; }
  @media (max-width: 767px) {
    .section-plan-block {
      padding: 60px 0 30px; } }
  .section-plan-block .wrap-head {
    margin-bottom: 55px;
    text-align: center; }
    @media (max-width: 767px) {
      .section-plan-block .wrap-head {
        margin-bottom: 24px;
        text-align: left; } }
  .section-plan-block .wrap-info {
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    gap: 60px; }
    @media (max-width: 767px) {
      .section-plan-block .wrap-info {
        margin-bottom: 24px;
        flex-wrap: wrap;
        gap: 16px; } }
    .section-plan-block .wrap-info .left-side {
      width: 45%;
      border-radius: 18px;
      background: #ABF0FE;
      padding: 24px;
      position: relative; }
      @media (max-width: 767px) {
        .section-plan-block .wrap-info .left-side {
          width: 100%; } }
      .section-plan-block .wrap-info .left-side:before {
        content: '';
        position: absolute;
        background: url(fbd1173d4a2dbbf4c039.svg) no-repeat;
        width: 17px;
        height: 21px;
        left: -5px;
        bottom: 1px;
        transition: .3s;
        z-index: 1; }
    .section-plan-block .wrap-info .right-side {
      width: 50%; }
      @media (max-width: 767px) {
        .section-plan-block .wrap-info .right-side {
          width: 100%; } }
  .section-plan-block .wrap-items {
    display: flex;
    gap: 24px; }
    @media (max-width: 767px) {
      .section-plan-block .wrap-items {
        flex-wrap: wrap;
        gap: 16px; } }
    .section-plan-block .wrap-items .item {
      border-radius: 16px;
      background: #FFF;
      box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
      padding: 24px;
      width: 33%;
      text-align: center; }
      @media (max-width: 767px) {
        .section-plan-block .wrap-items .item {
          width: 100%; } }
      .section-plan-block .wrap-items .item .image {
        width: 60px;
        height: 60px;
        margin-bottom: 8px; }
      .section-plan-block .wrap-items .item .title {
        margin-bottom: 8px; }

.section-our-team {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .section-our-team {
      padding: 30px 0; } }
  .section-our-team .animation-title {
    max-width: 70%;
    text-align: center;
    margin: 0 auto; }
    @media screen and (max-width: 1439px) {
      .section-our-team .animation-title {
        max-width: unset; } }
  .section-our-team .wrap-head {
    margin-bottom: 40px; }
  .section-our-team .flip-card {
    height: 503px;
    perspective: 1200px;
    width: 386px; }
    @media screen and (max-width: 767px) {
      .section-our-team .flip-card {
        width: auto;
        height: 422px; } }
    .section-our-team .flip-card:hover {
      cursor: pointer; }
      .section-our-team .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg); }
    .section-our-team .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d; }
    .section-our-team .flip-card .flip-card-front, .section-our-team .flip-card .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden; }
  .section-our-team .our-team-slider {
    position: relative; }
    .section-our-team .our-team-slider .slide {
      width: 386px;
      height: auto; }
      @media screen and (max-width: 767px) {
        .section-our-team .our-team-slider .slide {
          width: auto; } }
      .section-our-team .our-team-slider .slide .flip-card-front {
        border-radius: 18px;
        background: #FFF;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
      .section-our-team .our-team-slider .slide .flip-card-back {
        transform: rotateY(180deg);
        border-radius: 18px;
        background: #00463A;
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.11);
        padding: 24px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end; }
        .section-our-team .our-team-slider .slide .flip-card-back .title {
          color: #FFF; }
        .section-our-team .our-team-slider .slide .flip-card-back .position {
          color: #FFF;
          margin-bottom: 24px; }
        .section-our-team .our-team-slider .slide .flip-card-back .content {
          color: #FFF; }
      .section-our-team .our-team-slider .slide img {
        width: 100%;
        height: 302px;
        object-fit: cover;
        border-radius: 18px;
        display: block; }
        @media screen and (max-width: 767px) {
          .section-our-team .our-team-slider .slide img {
            height: 185px; } }
      .section-our-team .our-team-slider .slide .wrap-text-blog {
        padding: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        @media screen and (max-width: 767px) {
          .section-our-team .our-team-slider .slide .wrap-text-blog {
            padding: 16px; } }
        .section-our-team .our-team-slider .slide .wrap-text-blog .text {
          max-width: 92%; }
  .section-our-team .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 48px; }
    @media (max-width: 767px) {
      .section-our-team .swiper-navigation {
        gap: 16px;
        margin-top: 24px; } }
    .section-our-team .swiper-navigation .swiper-button-prev {
      outline: none;
      border: none;
      -webkit-tap-highlight-color: transparent;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-our-team .swiper-navigation .swiper-button-prev {
          width: 36px;
          height: 36px; } }
      .section-our-team .swiper-navigation .swiper-button-prev:after {
        display: none; }
      .section-our-team .swiper-navigation .swiper-button-prev svg * {
        transition: .3s; }
      .section-our-team .swiper-navigation .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
      .section-our-team .swiper-navigation .swiper-button-prev:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-our-team .swiper-navigation .swiper-button-prev:hover svg .arrow {
        stroke: #00463A; }
      .section-our-team .swiper-navigation .swiper-button-prev:hover svg .circle {
        fill: #00D1AD; }
    .section-our-team .swiper-navigation .swiper-button-next {
      -webkit-tap-highlight-color: transparent;
      outline: none;
      border: none;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-our-team .swiper-navigation .swiper-button-next {
          width: 36px;
          height: 36px; } }
      .section-our-team .swiper-navigation .swiper-button-next:after {
        display: none; }
      .section-our-team .swiper-navigation .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
      .section-our-team .swiper-navigation .swiper-button-next svg * {
        transition: .3s; }
      .section-our-team .swiper-navigation .swiper-button-next:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-our-team .swiper-navigation .swiper-button-next:hover svg .arrow {
        stroke: #00463A; }
      .section-our-team .swiper-navigation .swiper-button-next:hover svg .circle {
        fill: #00D1AD; }
  .section-our-team .wrap-swiper-scrollbar {
    position: relative;
    flex: auto;
    max-width: 435px; }
    .section-our-team .wrap-swiper-scrollbar .swiper-scrollbar {
      height: 6px;
      border-radius: 100px;
      background: #BEC8C6;
      top: 50%;
      left: 0;
      width: 100%; }
    .section-our-team .wrap-swiper-scrollbar .swiper-scrollbar-drag {
      background: #00463A;
      height: 6px; }

.section-press-about-us {
  padding: 60px 0 0; }
  @media (max-width: 767px) {
    .section-press-about-us {
      padding: 30px 0 0; } }
  .section-press-about-us .wrap-head {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    padding: 40px;
    gap: 60px;
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1439px) {
      .section-press-about-us .wrap-head {
        flex-direction: column;
        gap: 30px; } }
    @media (max-width: 767px) {
      .section-press-about-us .wrap-head {
        padding: 24px 16px;
        gap: 24px; } }
    .section-press-about-us .wrap-head .left-side {
      width: 36%; }
      @media (max-width: 1439px) {
        .section-press-about-us .wrap-head .left-side {
          width: 100%;
          text-align: center; } }
      @media (max-width: 767px) {
        .section-press-about-us .wrap-head .left-side {
          text-align: start; } }
      .section-press-about-us .wrap-head .left-side .animation-title {
        margin-bottom: 8px; }
        @media screen and (max-width: 1439px) {
          .section-press-about-us .wrap-head .left-side .animation-title .split-line {
            text-align: center !important; } }
        @media (max-width: 767px) {
          .section-press-about-us .wrap-head .left-side .animation-title .split-line {
            text-align: start !important; } }
    .section-press-about-us .wrap-head .right-side {
      width: 64%;
      max-width: 700px; }
      @media (max-width: 1439px) {
        .section-press-about-us .wrap-head .right-side {
          width: 100%;
          max-width: unset; } }
  .section-press-about-us .item {
    padding: 24px;
    border-top: 1px solid #E7EDEC;
    display: none; }
    @media (max-width: 767px) {
      .section-press-about-us .item {
        padding: 12px 0; } }
    .section-press-about-us .item:hover .btn-read-more-secondary {
      color: #00D1AD; }
      .section-press-about-us .item:hover .btn-read-more-secondary svg * {
        stroke: #00D1AD; }
    .section-press-about-us .item:first-child {
      border: none; }
    .section-press-about-us .item .wrap-all-content {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .section-press-about-us .item .text-part {
      width: 59%; }
      @media (max-width: 767px) {
        .section-press-about-us .item .text-part {
          width: 100%; } }
    .section-press-about-us .item .date {
      color: #808786;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */
      margin-bottom: 8px; }
      @media (max-width: 767px) {
        .section-press-about-us .item .date {
          margin-bottom: 12px; } }
    .section-press-about-us .item .title {
      margin-bottom: 8px; }
      @media (max-width: 767px) {
        .section-press-about-us .item .title {
          margin-bottom: 12px;
          margin-top: 12px; } }
    .section-press-about-us .item .btn-read-more-secondary {
      padding: 0; }
    .section-press-about-us .item .image {
      max-width: 190px; }
      .section-press-about-us .item .image.mobile {
        display: none; }
        @media (max-width: 767px) {
          .section-press-about-us .item .image.mobile {
            display: block;
            max-height: 33px;
            max-width: unset; } }
      @media (max-width: 767px) {
        .section-press-about-us .item .image.desktop {
          display: none; } }
  .section-press-about-us #loadMore {
    margin: 17px 0 0 24px;
    display: none;
    max-width: max-content; }
    @media (max-width: 767px) {
      .section-press-about-us #loadMore {
        margin: 24px 0 0 0;
        max-width: unset; } }
  .section-press-about-us .noContent {
    display: none !important; }

.section-map-of-states {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-map-of-states {
      padding: 30px 0; } }
  .section-map-of-states .wrap-head {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    padding: 60px;
    gap: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    @media (max-width: 1439px) {
      .section-map-of-states .wrap-head {
        flex-direction: column;
        gap: 30px; } }
    @media (max-width: 767px) {
      .section-map-of-states .wrap-head {
        padding: 24px 16px;
        gap: 24px; } }
    .section-map-of-states .wrap-head .left-side {
      width: 50%; }
      @media (max-width: 1439px) {
        .section-map-of-states .wrap-head .left-side {
          width: 100%; } }
      .section-map-of-states .wrap-head .left-side .animation-title {
        margin-bottom: 12px; }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .left-side .animation-title {
            margin-bottom: 16px; } }
      .section-map-of-states .wrap-head .left-side .wrap-numbers {
        margin-top: 12px;
        display: flex;
        gap: 20px 0;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between; }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .left-side .wrap-numbers {
            margin-top: 24px; } }
        .section-map-of-states .wrap-head .left-side .wrap-numbers .item-number {
          width: 45%; }
          @media (max-width: 767px) {
            .section-map-of-states .wrap-head .left-side .wrap-numbers .item-number {
              width: 100%;
              gap: 16px; } }
          .section-map-of-states .wrap-head .left-side .wrap-numbers .item-number .number-row {
            margin-bottom: 8px; }
    .section-map-of-states .wrap-head .bottom-block {
      padding: 16px;
      border-radius: 12px;
      background: #E4F2EF;
      margin-top: 43px; }
      @media (max-width: 767px) {
        .section-map-of-states .wrap-head .bottom-block {
          text-align: center;
          margin-top: 24px; } }
      .section-map-of-states .wrap-head .bottom-block.mobile {
        display: none; }
        @media (max-width: 1439px) {
          .section-map-of-states .wrap-head .bottom-block.mobile {
            display: block; } }
      @media (max-width: 1439px) {
        .section-map-of-states .wrap-head .bottom-block.desktop {
          display: none; } }
      .section-map-of-states .wrap-head .bottom-block .title-outside {
        font-weight: 700;
        line-height: 140%;
        margin-bottom: 16px;
        font-family: "Carbona-Bold", sans-serif; }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .bottom-block .title-outside {
            margin-bottom: 4px; } }
      .section-map-of-states .wrap-head .bottom-block .wrap-outside {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .bottom-block .wrap-outside {
            flex-direction: column; } }
      .section-map-of-states .wrap-head .bottom-block .content-outside {
        max-width: 71%; }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .bottom-block .content-outside {
            margin-bottom: 16px;
            max-width: unset; } }
      @media (max-width: 767px) {
        .section-map-of-states .wrap-head .bottom-block .btn-outside {
          width: 100%; } }
    .section-map-of-states .wrap-head .right-side {
      width: 50%;
      position: relative; }
      @media (max-width: 1439px) {
        .section-map-of-states .wrap-head .right-side {
          width: 100%; } }
      .section-map-of-states .wrap-head .right-side .map-animation svg {
        width: 100%; }
        @media (max-width: 1439px) {
          .section-map-of-states .wrap-head .right-side .map-animation svg {
            height: 1200px;
            pointer-events: none; } }
        @media (max-width: 1150px) {
          .section-map-of-states .wrap-head .right-side .map-animation svg {
            height: 900px; } }
        @media (max-width: 800px) {
          .section-map-of-states .wrap-head .right-side .map-animation svg {
            height: 652px; } }
        @media (max-width: 500px) {
          .section-map-of-states .wrap-head .right-side .map-animation svg {
            height: 452px; } }
        @media (max-width: 390px) {
          .section-map-of-states .wrap-head .right-side .map-animation svg {
            height: 352px; } }
        .section-map-of-states .wrap-head .right-side .map-animation svg .here:hover {
          transition: fill .3s;
          fill: #106254 !important; }
          @media (max-width: 1439px) {
            .section-map-of-states .wrap-head .right-side .map-animation svg .here:hover {
              fill: #00463A !important; } }
      .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip {
        position: absolute;
        color: #17191A;
        font-size: 14px;
        line-height: 150%;
        font-family: "Carbona-Regular", sans-serif;
        font-weight: 400;
        border-radius: 8px;
        padding: 4px 16px;
        background-color: #F1FFFD;
        max-width: 155px;
        opacity: 0;
        transition: opacity 0.5s ease;
        pointer-events: none;
        -webkit-user-select: none;
            -ms-user-select: none;
                user-select: none; }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-1 {
          left: 56%;
          top: 20%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-1 svg {
            right: 97%; }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-2 {
          left: 72%;
          top: 25%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-2 svg {
            right: 97%; }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-3 {
          top: 46%;
          left: 51%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-3 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-4 {
          top: 58%;
          right: 49%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-4 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-5 {
          right: 68%;
          top: 11%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-5 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-6 {
          right: 69%;
          top: 23%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-6 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-7 {
          right: 45%;
          top: 12%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-7 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-8 {
          left: 1%;
          top: 34%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-8 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-9 {
          left: 19%;
          top: 37%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-9 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-10 {
          left: 40%;
          top: 42%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-10 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-11 {
          left: 55%;
          top: 36%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-11 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-12 {
          left: 46%;
          top: 79%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-12 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-13 {
          left: 51%;
          top: 76%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-13 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-14 {
          left: 49%;
          top: 70%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-14 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-15 {
          left: 56%;
          top: 62%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-15 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-16 {
          left: 64%;
          top: 53%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-16 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-17 {
          left: 70%;
          top: 63%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-17 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-18 {
          left: 75%;
          top: 56%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-18 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-19 {
          left: 75%;
          top: 40%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-19 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-20 {
          left: 70%;
          top: 30%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-20 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-21 {
          left: 77%;
          top: 24%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-21 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-22 {
          left: 84%;
          top: 26%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-22 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-23 {
          left: 86%;
          top: 29%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-23 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-24 {
          left: 82%;
          top: 31%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-24 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-25 {
          left: 84%;
          top: 35%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-25 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-26 {
          left: 82%;
          top: 37%; }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.tooltip-26 svg {
            left: 97%;
            transform: rotate(180deg) translateY(50%); }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip svg {
          position: absolute;
          top: 50%;
          transform: translateY(-50%); }
          .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip svg path {
            fill: #F1FFFD; }
        .section-map-of-states .wrap-head .right-side .wrap-tooltips .tooltip.active {
          opacity: 1; }
      .section-map-of-states .wrap-head .right-side .block-legends {
        display: flex;
        flex-direction: column;
        gap: 8px;
        position: absolute;
        right: 0;
        bottom: 0; }
        @media (max-width: 1439px) {
          .section-map-of-states .wrap-head .right-side .block-legends {
            bottom: 25%; } }
        @media (max-width: 767px) {
          .section-map-of-states .wrap-head .right-side .block-legends {
            position: relative; } }
        .section-map-of-states .wrap-head .right-side .block-legends .item-legends {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 150%;
          /* 18px */ }

#select2-nf-field-14-results li:first-child {
  display: none !important; }

.section-calculator {
  overflow: visible;
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-calculator {
      padding: 30px 0; } }
  .section-calculator .wrap-columns {
    align-items: center;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1439px) {
      .section-calculator .wrap-columns {
        flex-direction: column;
        gap: 24px; } }
  .section-calculator .left-column {
    width: 50%;
    max-width: 41%; }
    @media screen and (max-width: 1439px) {
      .section-calculator .left-column {
        width: 100%;
        max-width: unset; } }
  .section-calculator .right-column {
    width: 50%;
    opacity: 0; }
    @media screen and (max-width: 1439px) {
      .section-calculator .right-column {
        width: 100%; } }
  .section-calculator h2 {
    margin-bottom: 12px; }
  .section-calculator .content {
    opacity: 0; }
    .section-calculator .content p {
      margin-bottom: 0; }
    .section-calculator .content ul {
      padding: 0 0 0 21px;
      margin: 14px 0 0; }
      .section-calculator .content ul li::marker {
        color: #00D1AD;
        font-size: 20px; }
      .section-calculator .content ul li + li {
        margin-top: 4px; }
  .section-calculator .flip-card {
    height: 440px;
    perspective: 1200px;
    width: 623px; }
    @media screen and (max-width: 1439px) {
      .section-calculator .flip-card {
        margin: 0 auto; } }
    @media screen and (max-width: 767px) {
      .section-calculator .flip-card {
        width: 100%; } }
    @media screen and (max-width: 360px) {
      .section-calculator .flip-card {
        height: 490px; } }
    .section-calculator .flip-card.active .flip-card-inner {
      transform: rotateY(180deg); }
    .section-calculator .flip-card .flip-card-inner {
      position: relative;
      width: 100%;
      height: 100%;
      transition: transform 0.6s;
      transform-style: preserve-3d; }
    .section-calculator .flip-card .flip-card-front, .section-calculator .flip-card .flip-card-back {
      position: absolute;
      width: 100%;
      height: 100%;
      backface-visibility: hidden;
      padding: 40px;
      border-radius: 16px;
      background: #00463A;
      box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
      display: flex;
      flex-direction: column;
      justify-content: center; }
      @media screen and (max-width: 767px) {
        .section-calculator .flip-card .flip-card-front, .section-calculator .flip-card .flip-card-back {
          padding: 20px; } }
    .section-calculator .flip-card .flip-card-front {
      /* Thumb: webkit */
      /* Thumb: Firefox */ }
      .section-calculator .flip-card .flip-card-front .title-calculator {
        color: #FFF;
        text-align: center;
        margin-bottom: 36px; }
        @media screen and (max-width: 767px) {
          .section-calculator .flip-card .flip-card-front .title-calculator {
            margin-bottom: 24px; } }
      .section-calculator .flip-card .flip-card-front input[type="range"] {
        appearance: none;
        width: 100%;
        cursor: pointer;
        outline: none;
        border-radius: 15px;
        height: 4px;
        background: #ffffff1a; }
      .section-calculator .flip-card .flip-card-front input[type="range"]::-webkit-slider-thumb {
        appearance: none;
        height: 24px;
        width: 24px;
        background-color: #FFF;
        border-radius: 50%;
        border: none;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out; }
      .section-calculator .flip-card .flip-card-front input[type="range"]::-moz-range-thumb {
        height: 24px;
        width: 24px;
        background-color: #FFF;
        border-radius: 50%;
        border: none;
        -moz-transition: .2s ease-in-out;
        transition: .2s ease-in-out; }
      .section-calculator .flip-card .flip-card-front .range {
        display: flex;
        align-items: center;
        gap: 20px;
        margin-bottom: 36px; }
        @media screen and (max-width: 767px) {
          .section-calculator .flip-card .flip-card-front .range {
            gap: 16px; } }
        .section-calculator .flip-card .flip-card-front .range .minus, .section-calculator .flip-card .flip-card-front .range .plus {
          cursor: pointer;
          -webkit-user-select: none;
              -ms-user-select: none;
                  user-select: none; }
          @media screen and (max-width: 767px) {
            .section-calculator .flip-card .flip-card-front .range .minus svg, .section-calculator .flip-card .flip-card-front .range .plus svg {
              width: 30px;
              height: 30px; } }
      .section-calculator .flip-card .flip-card-front .wrap-value {
        color: #FFF;
        text-align: center;
        margin-bottom: 16px; }
      .section-calculator .flip-card .flip-card-front .btn-secondary {
        width: 100%; }
    .section-calculator .flip-card .flip-card-back {
      transform: rotateY(180deg);
      text-align: center; }
      @media screen and (max-width: 767px) {
        .section-calculator .flip-card .flip-card-back {
          padding: 24px; } }
      .section-calculator .flip-card .flip-card-back .back {
        position: absolute;
        top: 24px;
        left: 24px; }
        @media screen and (max-width: 767px) {
          .section-calculator .flip-card .flip-card-back .back {
            left: 16px;
            top: 20px; } }
        .section-calculator .flip-card .flip-card-back .back:hover {
          cursor: pointer; }
      .section-calculator .flip-card .flip-card-back .title-calculator {
        color: #FFF;
        text-align: center;
        width: 80%;
        margin: 0 auto 24px; }
      .section-calculator .flip-card .flip-card-back .wrap-calc-result {
        display: flex;
        gap: 24px;
        margin-bottom: 16px; }
        @media screen and (max-width: 767px) {
          .section-calculator .flip-card .flip-card-back .wrap-calc-result {
            flex-direction: column;
            gap: 12px;
            margin-bottom: 12px; } }
        .section-calculator .flip-card .flip-card-back .wrap-calc-result .item-result {
          padding: 12px;
          border-radius: 8px;
          border: 1px solid rgba(255, 255, 255, 0.4);
          width: 50%;
          text-align: center; }
          @media screen and (max-width: 767px) {
            .section-calculator .flip-card .flip-card-back .wrap-calc-result .item-result {
              width: 100%;
              padding: 6px 12px; } }
          .section-calculator .flip-card .flip-card-back .wrap-calc-result .item-result .title-result {
            color: #BEC8C6;
            line-height: 150%;
            /* 24px */ }
          .section-calculator .flip-card .flip-card-back .wrap-calc-result .item-result .value-result {
            color: #FFF; }
      .section-calculator .flip-card .flip-card-back .back-text {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        /* 21px */
        margin-bottom: 40px; }
        @media screen and (max-width: 767px) {
          .section-calculator .flip-card .flip-card-back .back-text {
            margin-bottom: 12px; } }
      .section-calculator .flip-card .flip-card-back .btn-secondary {
        width: 100%;
        margin: 0 auto; }
  .section-calculator.visible .content {
    animation: fadeIn 1s 1.2s forwards; }
  .section-calculator.visible .right-column {
    animation: fadeIn 1s 1s forwards; }

.section-anchors {
  margin: 133px 0 40px 0; }
  .section-anchors .wrap-head {
    text-align: center;
    max-width: 723px;
    margin: 0 auto; }
  .section-anchors h1 {
    margin-bottom: 40px; }
  .section-anchors .wrap-anchors {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    white-space: nowrap; }
    @media screen and (max-width: 940px) {
      .section-anchors .wrap-anchors {
        justify-content: flex-start;
        padding-bottom: 20px; } }
    .section-anchors .wrap-anchors .anchor-link {
      display: inline-block;
      font-size: 16px;
      font-family: "Carbona-Regular", sans-serif;
      color: #101716;
      line-height: 150%;
      transition: .5s;
      position: relative;
      margin: 0 12px;
      height: 24px; }
      .section-anchors .wrap-anchors .anchor-link:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 100%;
        background-color: transparent;
        transition: .5s; }
      .section-anchors .wrap-anchors .anchor-link:before {
        content: '';
        position: absolute;
        right: -12px;
        top: 50%;
        transform: translateY(-50%);
        height: 24px;
        width: 1px;
        background-color: #BEC8C6; }
      .section-anchors .wrap-anchors .anchor-link.active {
        font-family: "Carbona-Bold", sans-serif;
        font-size: 20px;
        line-height: 120%;
        color: #00463A; }
        .section-anchors .wrap-anchors .anchor-link.active:after {
          background-color: #00463A; }
      .section-anchors .wrap-anchors .anchor-link:last-child:before {
        display: none; }

.section-contact-us {
  padding: 181px 0 109px; }
  @media (max-width: 767px) {
    .section-contact-us {
      padding: 129px 0 60px; } }
  .section-contact-us .wrap-head {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    display: flex;
    justify-content: space-between; }
    @media (max-width: 1023px) {
      .section-contact-us .wrap-head {
        flex-direction: column; } }
    .section-contact-us .wrap-head .left-side {
      width: 49%;
      padding: 63px 0 104px 100px; }
      @media (max-width: 1439px) {
        .section-contact-us .wrap-head .left-side {
          padding: 20px 0 20px 20px; } }
      @media (max-width: 1023px) {
        .section-contact-us .wrap-head .left-side {
          width: 100%;
          padding: 24px 16px; } }
      @media (max-width: 767px) {
        .section-contact-us .wrap-head .left-side {
          padding: 24px 16px 0; } }
    .section-contact-us .wrap-head .right-side {
      width: 50%; }
      @media (max-width: 1023px) {
        .section-contact-us .wrap-head .right-side {
          width: 100%;
          height: 400px; } }
      @media (max-width: 767px) {
        .section-contact-us .wrap-head .right-side {
          height: 300px; } }
  .section-contact-us .contact-us-form .popup-wrap-form {
    padding-top: 24px; }
  .section-contact-us .contact-us-form .nf-form-fields-required {
    display: none; }
  .section-contact-us .contact-us-form .nf-input-limit {
    display: none; }
  .section-contact-us .contact-us-form .nf-field-container .nf-field-label {
    margin-bottom: 4px; }
    @media (max-width: 1023px) {
      .section-contact-us .contact-us-form .nf-field-container .nf-field-label {
        margin-bottom: 2px; } }
    .section-contact-us .contact-us-form .nf-field-container .nf-field-label label {
      color: #101716;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 21px */
      position: relative;
      margin-left: 20px; }
      @media (max-width: 1023px) {
        .section-contact-us .contact-us-form .nf-field-container .nf-field-label label {
          margin-left: 12px; } }
    .section-contact-us .contact-us-form .nf-field-container .nf-field-label .ninja-forms-req-symbol {
      color: #00463A;
      position: absolute;
      left: -7px; }
  .section-contact-us .contact-us-form .select2-container {
    width: 100% !important;
    z-index: auto !important; }
    .section-contact-us .contact-us-form .select2-container .select2-selection {
      border-radius: 8px !important;
      border: 1px solid #DADADA;
      background: #FFF;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      position: relative; }
      @media (max-width: 1023px) {
        .section-contact-us .contact-us-form .select2-container .select2-selection {
          height: 48px; } }
      .section-contact-us .contact-us-form .select2-container .select2-selection .select2-selection__rendered {
        padding: 0 58px 0 16px;
        color: #262724;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */ }
      .section-contact-us .contact-us-form .select2-container .select2-selection .select2-selection__arrow {
        transition: .3s;
        width: 32px;
        height: 32px;
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        background: url(8d359e9facdc0c3b641d.svg) no-repeat 50% 50%/contain; }
        .section-contact-us .contact-us-form .select2-container .select2-selection .select2-selection__arrow b {
          display: none !important; }
    .section-contact-us .contact-us-form .select2-container.select2-container--open .select2-selection .select2-selection__arrow {
      transform: translateY(-50%) rotate(270deg); }
  .section-contact-us .contact-us-form .select2-container--default .select2-dropdown {
    z-index: 10 !important;
    border: none !important;
    background: none;
    padding-top: 4px; }
  .section-contact-us .contact-us-form .select2-container--default .select2-results > .select2-results__options {
    padding: 12px 0;
    border-radius: 8px;
    border: 1px solid #DADADA;
    background: #FFF; }
    .section-contact-us .contact-us-form .select2-container--default .select2-results > .select2-results__options .select2-results__option {
      display: flex;
      height: 48px;
      padding: 0 12px;
      align-items: center;
      justify-content: flex-start;
      width: 100%;
      color: #101716;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */ }
      .section-contact-us .contact-us-form .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--selected {
        background: rgba(137, 139, 124, 0.1); }
      .section-contact-us .contact-us-form .select2-container--default .select2-results > .select2-results__options .select2-results__option.select2-results__option--highlighted.select2-results__option--selectable {
        background: #F2F2ED; }
  .section-contact-us .contact-us-form .nf-field-container {
    margin-bottom: 12px;
    position: relative; }
    .section-contact-us .contact-us-form .nf-field-container .nf-before-field {
      display: none !important; }
  .section-contact-us .contact-us-form .submit-wrap {
    margin-top: 24px; }
    .section-contact-us .contact-us-form .submit-wrap input[type="submit"] {
      display: block;
      border-radius: 100px;
      background: #00463A;
      padding: 16px 28px;
      color: #FFF;
      text-align: center;
      font-family: "Carbona-Medium", sans-serif;
      font-size: 15px;
      font-style: normal;
      font-weight: 500;
      line-height: 140%;
      /* 21px */
      cursor: pointer;
      transition: .3s;
      width: 100%; }
      .section-contact-us .contact-us-form .submit-wrap input[type="submit"]:hover {
        color: #121615;
        background: #00D1AD; }
      .section-contact-us .contact-us-form .submit-wrap input[type="submit"].disabled {
        pointer-events: none;
        background: #7C9C97;
        color: rgba(255, 255, 255, 0.4); }
      .section-contact-us .contact-us-form .submit-wrap input[type="submit"] :disabled {
        pointer-events: none;
        background: #7C9C97;
        color: rgba(255, 255, 255, 0.4); }
  .section-contact-us .contact-us-form input[type="text"], .section-contact-us .contact-us-form input[type="tel"], .section-contact-us .contact-us-form input[type="email"] {
    border-radius: 8px !important;
    border: 1px solid #DADADA;
    background: #FFF;
    height: 56px;
    padding: 12px;
    font-family: "Carbona-Regular", sans-serif;
    color: #101716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */ }
    .section-contact-us .contact-us-form input[type="text"]:-ms-input-placeholder, .section-contact-us .contact-us-form input[type="tel"]:-ms-input-placeholder, .section-contact-us .contact-us-form input[type="email"]:-ms-input-placeholder {
      color: #AAB0AE;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      font-family: "Carbona-Regular", sans-serif; }
    .section-contact-us .contact-us-form input[type="text"]::placeholder, .section-contact-us .contact-us-form input[type="tel"]::placeholder, .section-contact-us .contact-us-form input[type="email"]::placeholder {
      color: #AAB0AE;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      font-family: "Carbona-Regular", sans-serif; }
  .section-contact-us .contact-us-form .nf-response-msg {
    text-align: center;
    margin-top: 65%; }
    @media (max-width: 1023px) {
      .section-contact-us .contact-us-form .nf-response-msg {
        margin-top: 15%; } }
    .section-contact-us .contact-us-form .nf-response-msg svg {
      margin-bottom: 24px; }
    .section-contact-us .contact-us-form .nf-response-msg h2 {
      margin-bottom: 16px; }
    .section-contact-us .contact-us-form .nf-response-msg .content {
      margin-bottom: 24px; }
    .section-contact-us .contact-us-form .nf-response-msg .btn-primary.small {
      font-size: 15px;
      font-weight: 500;
      line-height: 140%;
      width: 100%; }
  .section-contact-us .contact-us-form textarea {
    border-radius: 8px !important;
    border: 1px solid #DADADA;
    background: #FFF;
    height: auto;
    min-height: 80px;
    padding: 12px;
    font-family: "Carbona-Regular", sans-serif;
    color: #101716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    resize: vertical; }
    .section-contact-us .contact-us-form textarea:-ms-input-placeholder {
      color: #AAB0AE;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      font-family: "Carbona-Regular", sans-serif; }
    .section-contact-us .contact-us-form textarea::placeholder {
      color: #AAB0AE;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 150%;
      /* 24px */
      font-family: "Carbona-Regular", sans-serif; }
  .section-contact-us .contact-us-form .html-container h2 {
    text-align: center; }
  .section-contact-us .contact-us-form .html-container .content {
    text-align: center; }
  .section-contact-us .contact-us-form .html-container p {
    color: #435855;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* 21px */ }
  .section-contact-us .contact-us-form .html-container a {
    font-weight: 500;
    line-height: 150%;
    text-decoration-line: underline; }
    .section-contact-us .contact-us-form .html-container a:hover {
      color: #00D1AD; }
  .section-contact-us .wrap-circle {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 0 24px 24px 0; }
    @media (max-width: 1023px) {
      .section-contact-us .wrap-circle {
        border-radius: 0 0 24px 24px; } }
    .section-contact-us .wrap-circle .circle {
      border-radius: 100%;
      background: #106254;
      width: 978px;
      height: 978px;
      display: block;
      top: 50%;
      left: 96%;
      transform: translate(-50%, -50%);
      position: relative; }
      @media (max-width: 1439px) {
        .section-contact-us .wrap-circle .circle {
          width: 778px;
          height: 778px; } }
      @media (max-width: 1023px) {
        .section-contact-us .wrap-circle .circle {
          left: 50%;
          width: 110%;
          transform: translate(-50%, -23%); } }
      @media (max-width: 767px) {
        .section-contact-us .wrap-circle .circle {
          background: #00463A;
          border-radius: 100% 100% 0 0;
          width: 123%;
          transform: translate(-50%, -32%);
          height: 378px; } }
      .section-contact-us .wrap-circle .circle:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        border: 1px solid #00463A;
        border-radius: 100%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 56px; }
        @media (max-width: 1439px) {
          .section-contact-us .wrap-circle .circle:before {
            padding: 24px; } }
        @media (max-width: 1023px) {
          .section-contact-us .wrap-circle .circle:before {
            padding: 17px; } }
    .section-contact-us .wrap-circle .wrap-content {
      position: absolute;
      top: 50%;
      left: 27%;
      transform: translate(-50%, -50%);
      text-align: center;
      max-width: 360px; }
      @media (max-width: 1023px) {
        .section-contact-us .wrap-circle .wrap-content {
          top: 23%;
          left: 50%; } }
      @media (max-width: 767px) {
        .section-contact-us .wrap-circle .wrap-content {
          top: 40%; } }
      .section-contact-us .wrap-circle .wrap-content .circle-title {
        color: #FFF;
        margin-bottom: 12px; }
      .section-contact-us .wrap-circle .wrap-content .circle-content {
        color: #FFF;
        margin-bottom: 80px; }
        @media (max-width: 767px) {
          .section-contact-us .wrap-circle .wrap-content .circle-content {
            margin-bottom: 24px; } }
      .section-contact-us .wrap-circle .wrap-content .social-media {
        display: flex;
        gap: 16px;
        justify-content: center;
        align-items: center; }
        .section-contact-us .wrap-circle .wrap-content .social-media a svg * {
          transition: .3s; }
        .section-contact-us .wrap-circle .wrap-content .social-media a:hover svg * {
          fill: #C8F5ED; }

.section-our-branches {
  padding: 0 0 110px; }
  @media (max-width: 767px) {
    .section-our-branches {
      padding: 60px 0; } }
  .section-our-branches .animation-title {
    margin-bottom: 40px;
    display: flex;
    justify-content: center; }
    @media (max-width: 767px) {
      .section-our-branches .animation-title {
        margin-bottom: 24px; } }
  .section-our-branches .wrap-offices {
    display: flex;
    gap: 24px;
    flex-wrap: wrap; }
    @media (max-width: 1439px) {
      .section-our-branches .wrap-offices {
        justify-content: center; } }
    @media (max-width: 767px) {
      .section-our-branches .wrap-offices {
        gap: 14px; } }
  .section-our-branches .item-office {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    padding: 24px;
    width: 397px; }
    @media (max-width: 767px) {
      .section-our-branches .item-office {
        width: 100%; } }
    .section-our-branches .item-office h5 {
      margin-bottom: 24px; }
    .section-our-branches .item-office .main-link {
      display: flex;
      gap: 12px;
      margin-bottom: 16px;
      align-items: center;
      transition: .3s; }
      .section-our-branches .item-office .main-link:last-child {
        margin-bottom: 0; }
      .section-our-branches .item-office .main-link svg * {
        transition: .3s; }
      .section-our-branches .item-office .main-link:hover {
        color: #00D1AD; }
        .section-our-branches .item-office .main-link:hover svg * {
          stroke: #00D1AD; }
      .section-our-branches .item-office .main-link.adress {
        align-items: start; }
        .section-our-branches .item-office .main-link.adress:hover {
          color: #101716; }
          .section-our-branches .item-office .main-link.adress:hover svg * {
            stroke: #101716; }
      .section-our-branches .item-office .main-link span {
        width: 90%; }

.section-page-text {
  padding: 133px 0 100px; }
  @media screen and (max-width: 767px) {
    .section-page-text {
      padding: 129px 0 60px; } }
  .section-page-text .animation-title {
    max-width: 746px;
    margin: 0 auto 40px; }
    @media screen and (max-width: 767px) {
      .section-page-text .animation-title {
        margin: 0 auto 24px; } }
    .section-page-text .animation-title div {
      text-align: center !important; }
  .section-page-text .content {
    max-width: 720px;
    margin: 0 auto; }
    .section-page-text .content strong {
      font-family: "Carbona-Bold", sans-serif; }
      @media screen and (max-width: 767px) {
        .section-page-text .content strong {
          line-height: 140%; } }
    .section-page-text .content h5 {
      margin-top: 33px; }
      @media screen and (max-width: 767px) {
        .section-page-text .content h5 {
          margin-top: 24px;
          margin-bottom: 16px; } }
    .section-page-text .content ul {
      padding: 0 0 0 56px;
      margin: -2px 0 -8px; }
      @media screen and (max-width: 767px) {
        .section-page-text .content ul {
          padding: 0 0 0 46px;
          margin: -2px 0 -8px; } }
      .section-page-text .content ul + h4 {
        margin-top: 31px; }
        @media screen and (max-width: 767px) {
          .section-page-text .content ul + h4 {
            margin-top: 22px; } }
      .section-page-text .content ul > li {
        list-style-type: disc; }
        .section-page-text .content ul > li::marker {
          color: #00D1AD;
          font-size: 21px; }
        .section-page-text .content ul > li + li {
          margin-top: 7px; }
          @media screen and (max-width: 767px) {
            .section-page-text .content ul > li + li {
              margin-top: 6px; } }
        .section-page-text .content ul > li ul {
          padding: 0 0 0 21px;
          margin: 0; }
          .section-page-text .content ul > li ul > li {
            list-style-type: none;
            position: relative;
            margin-top: 8px; }
            .section-page-text .content ul > li ul > li::before {
              content: '';
              position: absolute;
              left: -20px;
              top: 10px;
              width: 8px;
              height: 2px;
              border-radius: 1px;
              background: #00D1AD; }
      .section-page-text .content ul + p {
        margin-top: 20px; }
        @media screen and (max-width: 767px) {
          .section-page-text .content ul + p {
            margin-top: 15px; } }
    @media screen and (max-width: 767px) {
      .section-page-text .content ol {
        margin: 8px 0 8px; } }
    .section-page-text .content ol > li + li {
      padding-top: 0; }
    .section-page-text .content ol > li ul {
      padding: 0 0 0 20px;
      margin: 12px 0 12px; }
      @media screen and (max-width: 767px) {
        .section-page-text .content ol > li ul {
          margin: 8px 0 7px;
          padding: 0 0 0 16px; } }
      .section-page-text .content ol > li ul > li ul {
        padding: 0 0 0 20px;
        margin: 12px 0 12px; }
        .section-page-text .content ol > li ul > li ul > li {
          list-style-type: none;
          position: relative;
          margin-top: 8px; }
          .section-page-text .content ol > li ul > li ul > li::before {
            content: '';
            position: absolute;
            left: -20px;
            top: 10px;
            width: 8px;
            height: 2px;
            border-radius: 1px;
            background: #00D1AD; }
    .section-page-text .content .tablepress {
      border-collapse: collapse;
      width: 100%; }
      .section-page-text .content .tablepress ul {
        padding: 0 0 0 18px;
        margin: 0; }
      .section-page-text .content .tablepress th, .section-page-text .content .tablepress td {
        border: 1px solid #DADADA;
        padding: 8px;
        text-align: left; }
        @media screen and (max-width: 767px) {
          .section-page-text .content .tablepress th, .section-page-text .content .tablepress td {
            word-break: break-all;
            width: 33%; } }
      .section-page-text .content .tablepress thead th {
        font-family: "Carbona-Bold", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        /* 24px */
        padding: 16px;
        background: #E4F2EF; }
        @media screen and (max-width: 767px) {
          .section-page-text .content .tablepress thead th {
            padding: 8px; } }

.section-manage-your-plan {
  margin: 100px 0;
  overflow: visible; }
  @media (max-width: 767px) {
    .section-manage-your-plan {
      margin: 60px 0; } }
  .section-manage-your-plan .wrap-head {
    margin: 0 auto 40px auto;
    max-width: 837px;
    text-align: center; }
    @media (max-width: 767px) {
      .section-manage-your-plan .wrap-head {
        margin-bottom: 24px; } }
  .section-manage-your-plan .wrap-columns {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    background-color: white;
    padding: 60px; }
    @media (max-width: 1023px) {
      .section-manage-your-plan .wrap-columns {
        padding: 24px 16px; } }
    .section-manage-your-plan .wrap-columns:before {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 245px;
      content: '';
      background-color: #C8F5ED; }
    .section-manage-your-plan .wrap-columns .wrap-inner {
      display: flex;
      position: relative;
      z-index: 1;
      align-items: center; }
      @media (max-width: 1023px) {
        .section-manage-your-plan .wrap-columns .wrap-inner {
          flex-wrap: wrap; } }
    .section-manage-your-plan .wrap-columns .left-column {
      width: 50%; }
      @media (max-width: 1350px) {
        .section-manage-your-plan .wrap-columns .left-column {
          width: 42%; } }
      @media (max-width: 1023px) {
        .section-manage-your-plan .wrap-columns .left-column {
          width: 100%;
          margin-bottom: 24px; } }
      .section-manage-your-plan .wrap-columns .left-column .item.active img {
        animation: zoomIn 2s forwards; }
      .section-manage-your-plan .wrap-columns .left-column img {
        width: 100%;
        display: inline-block; }
    .section-manage-your-plan .wrap-columns .right-column {
      width: 50%;
      padding-left: 60px; }
      @media (max-width: 1350px) {
        .section-manage-your-plan .wrap-columns .right-column {
          width: 58%; } }
      @media (max-width: 1023px) {
        .section-manage-your-plan .wrap-columns .right-column {
          width: 100%;
          padding-left: 0; } }
      .section-manage-your-plan .wrap-columns .right-column .nav-tabs {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -12px 24px -12px; }
        @media (max-width: 1023px) {
          .section-manage-your-plan .wrap-columns .right-column .nav-tabs {
            margin: 0 0 24px 0; } }
        .section-manage-your-plan .wrap-columns .right-column .nav-tabs li {
          width: calc(50% - 24px);
          margin: 12px;
          box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
          background-color: white;
          padding: 16px;
          border-radius: 12px; }
          @media (max-width: 1023px) {
            .section-manage-your-plan .wrap-columns .right-column .nav-tabs li {
              width: 100%;
              margin: 8px 0; } }
          .section-manage-your-plan .wrap-columns .right-column .nav-tabs li h6 {
            font-family: "Carbona-Bold", sans-serif;
            line-height: 120%;
            font-size: 20px;
            color: #121615;
            font-weight: 700;
            margin-bottom: 8px; }
          .section-manage-your-plan .wrap-columns .right-column .nav-tabs li .text {
            color: #121615;
            font-family: "Carbona-Regular", sans-serif;
            font-size: 16px;
            line-height: 150%;
            transition: .5s; }
          .section-manage-your-plan .wrap-columns .right-column .nav-tabs li.active {
            background-color: rgba(43, 217, 254, 0.4); }
    @media (max-width: 1023px) {
      .section-manage-your-plan .wrap-columns.mobile-hidden {
        display: none; } }
  .section-manage-your-plan .bottom-info-wrap {
    padding: 32px  16px;
    background-color: #00463A;
    border-radius: 16px;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    text-align: center; }
    @media (max-width: 1023px) {
      .section-manage-your-plan .bottom-info-wrap {
        margin-top: 24px;
        padding: 26px 16px; } }
    .section-manage-your-plan .bottom-info-wrap .title {
      font-family: "Carbona-Bold", sans-serif;
      line-height: 120%;
      font-size: 20px;
      color: white;
      font-weight: 700;
      margin-bottom: 24px; }
      @media (max-width: 1023px) {
        .section-manage-your-plan .bottom-info-wrap .title {
          font-size: 18px; } }
  .section-manage-your-plan .mobile-visible {
    display: none; }
    @media (max-width: 1023px) {
      .section-manage-your-plan .mobile-visible {
        display: block; } }
    .section-manage-your-plan .mobile-visible .inner-slides-wrap {
      background: #FFF;
      box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
      padding: 16px;
      border-radius: 16px; }
    .section-manage-your-plan .mobile-visible .swiper {
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
      overflow: visible; }
    .section-manage-your-plan .mobile-visible .swiper-slide {
      height: auto;
      position: relative;
      background: #FFF;
      transition: .5s; }
      .section-manage-your-plan .mobile-visible .swiper-slide h6 {
        font-family: "Carbona-Bold", sans-serif;
        line-height: 130%;
        font-size: 18px;
        color: #121615;
        font-weight: 700;
        margin-bottom: 8px; }
      .section-manage-your-plan .mobile-visible .swiper-slide .text {
        color: #121615;
        font-family: "Carbona-Regular", sans-serif;
        font-size: 16px;
        line-height: 150%;
        transition: .5s; }
    .section-manage-your-plan .mobile-visible .mySwiper2 {
      height: 80%;
      width: 100%;
      margin-bottom: 16px; }
      .section-manage-your-plan .mobile-visible .mySwiper2 .swiper-slide {
        display: flex;
        justify-content: center; }
        .section-manage-your-plan .mobile-visible .mySwiper2 .swiper-slide.swiper-slide-active img {
          animation: zoomIn 2s forwards; }
    .section-manage-your-plan .mobile-visible .mySwiper {
      height: auto;
      box-sizing: border-box; }
      .section-manage-your-plan .mobile-visible .mySwiper .swiper-slide {
        box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
        border-radius: 16px;
        padding: 16px; }
    .section-manage-your-plan .mobile-visible .mySwiper .swiper-slide {
      width: 25%; }
    .section-manage-your-plan .mobile-visible .mySwiper .swiper-slide-thumb-active {
      background-color: rgba(43, 217, 254, 0.4); }
    .section-manage-your-plan .mobile-visible .swiper-slide img {
      display: block;
      width: auto;
      height: 100%;
      max-width: 100%; }

.section-who-we-are {
  padding: 100px 0 50px; }
  @media (max-width: 767px) {
    .section-who-we-are {
      padding: 60px 0 30px; } }
  .section-who-we-are .item {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    position: relative;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-who-we-are .item {
        padding: 24px 16px; } }
  .section-who-we-are .image-box {
    width: 50%;
    height: 100%;
    min-height: 516px;
    position: absolute;
    right: 0;
    top: 0; }
    @media (max-width: 767px) {
      .section-who-we-are .image-box {
        display: none; } }
    .section-who-we-are .image-box .image {
      display: block;
      border-radius: 0 24px 24px 0;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .section-who-we-are .image-mobile {
    display: none; }
    @media (max-width: 767px) {
      .section-who-we-are .image-mobile {
        display: block;
        margin-bottom: 16px; } }
    .section-who-we-are .image-mobile img {
      display: none; }
      @media (max-width: 767px) {
        .section-who-we-are .image-mobile img {
          display: block;
          width: 100%;
          height: 296px;
          object-fit: cover;
          border-radius: 12px; } }
  .section-who-we-are .text-box {
    width: 50%;
    padding: 80px 40px; }
    @media (max-width: 1023px) {
      .section-who-we-are .text-box {
        padding: 50px 30px; } }
    @media (max-width: 767px) {
      .section-who-we-are .text-box {
        width: 100%;
        padding: 0; } }
  .section-who-we-are .animation-title {
    margin-bottom: 16px; }
    @media (max-width: 767px) {
      .section-who-we-are .animation-title .split-line {
        text-align: center !important; } }
  .section-who-we-are .content {
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .section-who-we-are .content {
        margin-bottom: 16px; } }
    .section-who-we-are .content p {
      margin: 0; }
      .section-who-we-are .content p + p {
        margin-top: 8px; }
        @media (max-width: 767px) {
          .section-who-we-are .content p + p {
            margin-top: 12px; } }
  .section-who-we-are .btn-primary {
    padding: 16px 49px; }
    @media (max-width: 767px) {
      .section-who-we-are .btn-primary {
        width: 100%; } }

.section-key-numbers {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-key-numbers {
      padding: 30px 0; } }
  .section-key-numbers .wrap-head {
    margin-bottom: 40px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-key-numbers .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-key-numbers .wrap-head .left-side {
      width: 50%;
      padding: 0 40px 0 0; }
      @media screen and (max-width: 1079px) {
        .section-key-numbers .wrap-head .left-side {
          padding: 0 20px 0 0; } }
      @media (max-width: 767px) {
        .section-key-numbers .wrap-head .left-side {
          width: 100%;
          padding: 0; } }
    .section-key-numbers .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 40px; }
      @media screen and (max-width: 1079px) {
        .section-key-numbers .wrap-head .right-side {
          padding: 0 0 0 20px; } }
      @media (max-width: 767px) {
        .section-key-numbers .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    @media (max-width: 767px) {
      .section-key-numbers .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-key-numbers .wrap-head .content p {
      margin-bottom: 0; }
  .section-key-numbers .wrap-numbers {
    display: flex;
    gap: 24px;
    width: 100%;
    justify-content: space-between; }
    @media (max-width: 1023px) {
      .section-key-numbers .wrap-numbers {
        flex-wrap: wrap; } }
    @media (max-width: 767px) {
      .section-key-numbers .wrap-numbers {
        gap: 16px; } }
    .section-key-numbers .wrap-numbers .item-number {
      border-radius: 16px;
      background: #FFF;
      box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
      padding: 16px;
      width: calc(100% - 24px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      text-align: center; }
      @media (max-width: 1023px) {
        .section-key-numbers .wrap-numbers .item-number {
          width: calc(50% - 24px); } }
      @media (max-width: 767px) {
        .section-key-numbers .wrap-numbers .item-number {
          width: 100%; } }
      .section-key-numbers .wrap-numbers .item-number .number-row {
        margin-bottom: 8px; }
        @media (max-width: 767px) {
          .section-key-numbers .wrap-numbers .item-number .number-row {
            margin-bottom: 4px; } }

.section-our-plan {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-our-plan {
      padding: 30px 0; } }
  .section-our-plan .item {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    position: relative;
    display: flex;
    align-items: center; }
    @media (max-width: 1439px) {
      .section-our-plan .item {
        align-items: unset; } }
    @media (max-width: 767px) {
      .section-our-plan .item {
        padding: 24px 16px; } }
  .section-our-plan .image-box {
    width: 50%;
    border-radius: 24px 0px 0px 24px;
    background: #CAE0DC;
    padding: 80px 55px; }
    @media (max-width: 767px) {
      .section-our-plan .image-box {
        display: none; } }
    .section-our-plan .image-box img {
      width: 100%; }
  .section-our-plan .image-mobile {
    display: none; }
    @media (max-width: 767px) {
      .section-our-plan .image-mobile {
        display: block;
        margin-bottom: 16px; } }
    .section-our-plan .image-mobile img {
      display: none; }
      @media (max-width: 767px) {
        .section-our-plan .image-mobile img {
          display: block;
          width: 100%;
          border-radius: 12px; } }
  .section-our-plan .text-box {
    width: 50%;
    padding: 20px 55px; }
    @media (max-width: 1023px) {
      .section-our-plan .text-box {
        padding: 20px 30px; } }
    @media (max-width: 767px) {
      .section-our-plan .text-box {
        width: 100%;
        padding: 0; } }
  .section-our-plan .animation-title {
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .section-our-plan .animation-title {
        margin-bottom: 16px; } }
    @media (max-width: 767px) {
      .section-our-plan .animation-title .split-line {
        text-align: center !important; } }
  .section-our-plan .content {
    margin-bottom: 16px; }
    .section-our-plan .content strong {
      font-family: "Carbona-Bold", sans-serif; }
    .section-our-plan .content p {
      margin: 0; }
      .section-our-plan .content p + p {
        margin-top: 12px; }
  .section-our-plan .btn-primary {
    padding: 16px 49px; }
    @media (max-width: 767px) {
      .section-our-plan .btn-primary {
        width: 100%; } }

.section-our-value {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-our-value {
      padding: 30px 0; } }
  .section-our-value .wrap-head {
    margin-bottom: 40px;
    display: flex; }
    @media (max-width: 767px) {
      .section-our-value .wrap-head {
        margin-bottom: 24px;
        flex-wrap: wrap; } }
    .section-our-value .wrap-head .left-side {
      width: 50%;
      padding: 0 40px 0 0; }
      @media screen and (max-width: 1079px) {
        .section-our-value .wrap-head .left-side {
          padding: 0 20px 0 0; } }
      @media (max-width: 767px) {
        .section-our-value .wrap-head .left-side {
          width: 100%;
          padding: 0 0 24px 0; } }
    .section-our-value .wrap-head .right-side {
      width: 50%;
      padding: 0 0 0 40px; }
      @media screen and (max-width: 1079px) {
        .section-our-value .wrap-head .right-side {
          padding: 0 0 0 20px; } }
      @media (max-width: 767px) {
        .section-our-value .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    .section-our-value .wrap-head .animation-title {
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        .section-our-value .wrap-head .animation-title {
          margin-bottom: 16px; } }
    .section-our-value .wrap-head .content p {
      margin-bottom: 0; }
  .section-our-value .wrap-value {
    display: flex;
    width: 100%;
    flex-direction: column;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    padding: 24px; }
    @media (max-width: 767px) {
      .section-our-value .wrap-value {
        padding: 16px; } }
    .section-our-value .wrap-value .item-value {
      padding: 12px 0;
      display: flex;
      border-bottom: 1px solid #E7EDEC; }
      @media (max-width: 1023px) {
        .section-our-value .wrap-value .item-value {
          flex-direction: column; } }
      @media (max-width: 767px) {
        .section-our-value .wrap-value .item-value {
          width: 100%; } }
      .section-our-value .wrap-value .item-value:last-child {
        border-bottom: none; }
      .section-our-value .wrap-value .item-value .value-row {
        width: 27%; }
        @media (max-width: 1023px) {
          .section-our-value .wrap-value .item-value .value-row {
            width: 100%;
            margin-bottom: 8px; } }
      .section-our-value .wrap-value .item-value .content {
        width: 73%; }
        @media (max-width: 1023px) {
          .section-our-value .wrap-value .item-value .content {
            width: 100%; } }

.section-who-we-are-trusted {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-who-we-are-trusted {
      padding: 30px 0; } }
  .section-who-we-are-trusted .wrap-head {
    border-radius: 24px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    padding: 60px 40px;
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .section-who-we-are-trusted .wrap-head {
        flex-wrap: wrap;
        padding: 24px 16px; } }
    .section-who-we-are-trusted .wrap-head .left-side {
      width: 37%;
      padding: 0 40px 0 0; }
      @media screen and (max-width: 1079px) {
        .section-who-we-are-trusted .wrap-head .left-side {
          padding: 0 20px 0 0; } }
      @media (max-width: 767px) {
        .section-who-we-are-trusted .wrap-head .left-side {
          width: 100%;
          padding: 0 0 16px 0; } }
    .section-who-we-are-trusted .wrap-head .right-side {
      width: 63%;
      padding: 0 0 0 40px; }
      @media screen and (max-width: 1079px) {
        .section-who-we-are-trusted .wrap-head .right-side {
          padding: 0 0 0 20px; } }
      @media (max-width: 767px) {
        .section-who-we-are-trusted .wrap-head .right-side {
          width: 100%;
          padding: 0; } }
    .section-who-we-are-trusted .wrap-head .animation-title {
      margin-bottom: 24px; }
      @media (max-width: 767px) {
        .section-who-we-are-trusted .wrap-head .animation-title {
          margin-bottom: 16px; } }
    .section-who-we-are-trusted .wrap-head .content p {
      margin-bottom: 0; }
  .section-who-we-are-trusted .wrap-value {
    display: flex;
    flex-wrap: wrap;
    gap: 54px 0; }
    @media (max-width: 767px) {
      .section-who-we-are-trusted .wrap-value {
        gap: 16px 0; } }
    .section-who-we-are-trusted .wrap-value .item-value {
      width: 33.3%;
      text-align: center; }
      @media (max-width: 1023px) {
        .section-who-we-are-trusted .wrap-value .item-value {
          width: 50%; } }
      @media (max-width: 767px) {
        .section-who-we-are-trusted .wrap-value .item-value {
          width: 33.3%; } }
      .section-who-we-are-trusted .wrap-value .item-value .image {
        height: 38px;
        opacity: 0; }
        @media (max-width: 767px) {
          .section-who-we-are-trusted .wrap-value .item-value .image {
            height: 30px;
            max-width: 80px; } }
  .section-who-we-are-trusted.visible .item-value img {
    animation: zoomIn 1s forwards; }

.section-slider-partnership {
  padding: 50px 0; }
  @media (max-width: 767px) {
    .section-slider-partnership {
      padding: 30px 0; } }
  .section-slider-partnership .wrap-head {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .section-slider-partnership .wrap-head {
        margin-bottom: 24px; } }
    @media (max-width: 767px) {
      .section-slider-partnership .wrap-head .animation-title {
        margin-bottom: 16px; } }
    .section-slider-partnership .wrap-head .animation-title .split-line {
      text-align: center !important; }
      @media (max-width: 767px) {
        .section-slider-partnership .wrap-head .animation-title .split-line {
          text-align: start !important; } }
    .section-slider-partnership .wrap-head .content p {
      margin-bottom: 0; }
  .section-slider-partnership .swiper {
    overflow: visible; }
  .section-slider-partnership .swiper-slide {
    height: auto;
    position: relative;
    padding: 24px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 4px 20px 0 rgba(0, 128, 112, 0.11);
    display: flex;
    justify-content: space-between;
    transition: .5s; }
    @media (max-width: 767px) {
      .section-slider-partnership .swiper-slide {
        padding: 20px;
        border-radius: 16px; } }
    .section-slider-partnership .swiper-slide .title-blog {
      position: relative;
      padding-left: 70px;
      min-height: 46px;
      align-items: center;
      margin-bottom: 8px;
      display: flex; }
      .section-slider-partnership .swiper-slide .title-blog img {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 46px;
        height: 46px; }
  .section-slider-partnership .swiper-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    margin-top: 40px; }
    @media (max-width: 767px) {
      .section-slider-partnership .swiper-navigation {
        gap: 16px;
        margin-top: 24px; } }
    .section-slider-partnership .swiper-navigation .swiper-button-prev {
      outline: none;
      border: none;
      -webkit-tap-highlight-color: transparent;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-partnership .swiper-navigation .swiper-button-prev {
          width: 36px;
          height: 36px; } }
      .section-slider-partnership .swiper-navigation .swiper-button-prev:after {
        display: none; }
      .section-slider-partnership .swiper-navigation .swiper-button-prev svg * {
        transition: .3s; }
      .section-slider-partnership .swiper-navigation .swiper-button-prev.swiper-button-disabled {
        opacity: 0; }
      .section-slider-partnership .swiper-navigation .swiper-button-prev:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-partnership .swiper-navigation .swiper-button-prev:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-partnership .swiper-navigation .swiper-button-prev:hover svg .circle {
        fill: #00D1AD; }
    .section-slider-partnership .swiper-navigation .swiper-button-next {
      -webkit-tap-highlight-color: transparent;
      outline: none;
      border: none;
      width: 40px;
      height: 40px;
      position: relative;
      margin-top: 0;
      left: 0;
      right: 0;
      transition: .4s; }
      @media (max-width: 767px) {
        .section-slider-partnership .swiper-navigation .swiper-button-next {
          width: 36px;
          height: 36px; } }
      .section-slider-partnership .swiper-navigation .swiper-button-next:after {
        display: none; }
      .section-slider-partnership .swiper-navigation .swiper-button-next.swiper-button-disabled {
        opacity: 0; }
      .section-slider-partnership .swiper-navigation .swiper-button-next svg * {
        transition: .3s; }
      .section-slider-partnership .swiper-navigation .swiper-button-next:hover:not(.swiper-button-disabled) {
        opacity: 1; }
      .section-slider-partnership .swiper-navigation .swiper-button-next:hover svg .arrow {
        stroke: #00463A; }
      .section-slider-partnership .swiper-navigation .swiper-button-next:hover svg .circle {
        fill: #00D1AD; }
  .section-slider-partnership .wrap-swiper-scrollbar {
    position: relative;
    flex: auto;
    max-width: 435px; }
    .section-slider-partnership .wrap-swiper-scrollbar .swiper-scrollbar {
      height: 6px;
      border-radius: 100px;
      background: #BEC8C6;
      top: 50%;
      left: 0;
      width: 100%; }
    .section-slider-partnership .wrap-swiper-scrollbar .swiper-scrollbar-drag {
      background: #00463A;
      height: 6px; }

.section-what-we-offer {
  padding: 50px 0; }
  @media screen and (max-width: 767px) {
    .section-what-we-offer {
      padding: 30px 0; } }
  .section-what-we-offer .wrap-columns {
    align-items: center;
    display: flex;
    border-radius: 24px;
    background: #00463A;
    box-shadow: 0px 4px 20px 0px rgba(0, 128, 112, 0.11);
    overflow: hidden;
    position: relative; }
    @media screen and (max-width: 1023px) {
      .section-what-we-offer .wrap-columns {
        flex-direction: column;
        border-radius: 16px; } }
  .section-what-we-offer .left-column {
    width: 51%;
    padding: 60px; }
    @media screen and (max-width: 1439px) {
      .section-what-we-offer .left-column {
        padding: 30px; } }
    @media screen and (max-width: 1023px) {
      .section-what-we-offer .left-column {
        width: 100%;
        padding: 23px 20px; } }
  .section-what-we-offer .right-column {
    width: 48%; }
    @media screen and (max-width: 1023px) {
      .section-what-we-offer .right-column {
        width: 100%; } }
    .section-what-we-offer .right-column .wrap-img {
      position: absolute;
      right: 0;
      top: 0;
      width: 49%;
      height: 100%; }
      @media screen and (max-width: 1023px) {
        .section-what-we-offer .right-column .wrap-img {
          width: 100%;
          position: relative;
          height: 500px; } }
      @media screen and (max-width: 500px) {
        .section-what-we-offer .right-column .wrap-img {
          height: 322px; } }
    .section-what-we-offer .right-column img {
      position: absolute;
      object-fit: cover;
      display: block;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      border-radius: 671px 0 0 671px;
      width: 709px;
      height: 709px;
      border: 1px solid #6BECD6;
      padding: 38px; }
      @media screen and (max-width: 1439px) {
        .section-what-we-offer .right-column img {
          left: 71%; } }
      @media screen and (max-width: 1023px) {
        .section-what-we-offer .right-column img {
          top: 0;
          height: auto;
          aspect-ratio: 1 / 1;
          transform: translateY(0);
          border-radius: 50% 50% 0 0;
          left: -6%;
          width: 112%; } }
      @media screen and (max-width: 600px) {
        .section-what-we-offer .right-column img {
          left: -8%;
          width: 115%; } }
      @media screen and (max-width: 500px) {
        .section-what-we-offer .right-column img {
          left: -15%;
          width: 130%; } }
  .section-what-we-offer h1 {
    margin-bottom: 16px;
    color: #FFF; }
    @media screen and (max-width: 767px) {
      .section-what-we-offer h1 {
        margin-bottom: 8px; } }
  .section-what-we-offer .text {
    color: #FFF;
    margin-bottom: 16px;
    font-family: "Carbona-Bold", sans-serif;
    font-weight: 700;
    line-height: 140%;
    /* 22.4px */ }
    @media screen and (max-width: 767px) {
      .section-what-we-offer .text {
        margin-bottom: 12px; } }
  .section-what-we-offer .item-points {
    position: relative;
    color: #FFF;
    font-weight: 400;
    line-height: 150%;
    /* 24px */
    padding-left: 26px;
    margin-bottom: 8px; }
    .section-what-we-offer .item-points:last-child {
      margin-bottom: 24px; }
      @media screen and (max-width: 767px) {
        .section-what-we-offer .item-points:last-child {
          margin-bottom: 12px; } }
    .section-what-we-offer .item-points:before {
      content: '';
      position: absolute;
      background: url(0b49421ae2aa09ac44d3.svg) no-repeat;
      width: 18px;
      height: 18px;
      left: 0;
      top: 3px;
      z-index: 1; }
  .section-what-we-offer .btn-secondary {
    padding: 16px 42px; }
    @media screen and (max-width: 767px) {
      .section-what-we-offer .btn-secondary {
        width: 100%; } }

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./src/fonts/fontello/css/fontello.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-display: swap;
  font-family: 'fontello';
  src: url(./fonts/fontello.eot);
  src: url(./fonts/fontello.eot#iefix) format("embedded-opentype"), url(./fonts/fontello.woff2) format("woff2"), url(./fonts/fontello.woff) format("woff"), url(./fonts/fontello.ttf) format("truetype"), url(2a67413eabc93f8092c3.svg?76411224#fontello) format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?76411224#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-glass:before {
  content: '\e800'; }

/* '' */
.icon-music:before {
  content: '\e801'; }

/* '' */
.icon-search:before {
  content: '\e802'; }

/* '' */

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./node_modules/swiper/swiper-bundle.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */
/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal; }

/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */ }

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1; }

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  overflow: clip;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block; }

.swiper-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box; }

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-horizontal {
  touch-action: pan-y; }

.swiper-vertical {
  touch-action: pan-x; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto; }

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px; }

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d; }

.swiper-3d {
  perspective: 1200px; }

.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory; }

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  -ms-scroll-snap-type: none;
      scroll-snap-type: none; }

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none; }

.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999; }

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always; }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before); }

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after); }

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/* Slide styles end */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size); }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none; }

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important; }

.swiper-button-prev svg,
.swiper-button-next svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center; }

.swiper-rtl .swiper-button-prev svg,
.swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg); }

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }

.swiper-button-lock {
  display: none; }

/* Navigation font start */
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto; }

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'; }

/* Navigation font end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet:only-child {
  display: none !important; }

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit); }

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0; }

.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-lock {
  display: none; }

:root {
  /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */ }

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); }

.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important; }

.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }

.swiper-vertical > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-vertical {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

/* Zoom container styles start */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

/* Zoom container styles end */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none; }

/* a11y */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-fade .swiper-slide-active {
  pointer-events: auto; }

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube {
  overflow: visible; }

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible; }

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0; }

.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px); }

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

/* Cube slide shadows start */
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden; }

/* Cube slide shadows end */
.swiper-flip {
  overflow: visible; }

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

/* Flip slide shadows start */
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden; }

/* Flip slide shadows end */
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height; }

.swiper-cards {
  overflow: visible; }

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden; }


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