@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);
.odometer.odometer-auto-theme, .odometer.odometer-theme-minimal {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-minimal .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  transition: transform 2s;
  transform: translateY(0);
}

:root{--vs-colors--lightest: rgba(60, 60, 60, .26);--vs-colors--light: rgba(60, 60, 60, .5);--vs-colors--dark: #333;--vs-colors--darkest: rgba(0, 0, 0, .15);--vs-search-input-color: inherit;--vs-search-input-placeholder-color: inherit;--vs-font-size: 1rem;--vs-line-height: 1.4;--vs-state-disabled-bg: rgb(248, 248, 248);--vs-state-disabled-color: var(--vs-colors--light);--vs-state-disabled-controls-color: var(--vs-colors--light);--vs-state-disabled-cursor: not-allowed;--vs-border-color: var(--vs-colors--lightest);--vs-border-width: 1px;--vs-border-style: solid;--vs-border-radius: 4px;--vs-actions-padding: 4px 6px 0 3px;--vs-controls-color: var(--vs-colors--light);--vs-controls-size: 1;--vs-controls--deselect-text-shadow: 0 1px 0 #fff;--vs-selected-bg: #f0f0f0;--vs-selected-color: var(--vs-colors--dark);--vs-selected-border-color: var(--vs-border-color);--vs-selected-border-style: var(--vs-border-style);--vs-selected-border-width: var(--vs-border-width);--vs-dropdown-bg: #fff;--vs-dropdown-color: inherit;--vs-dropdown-z-index: 1000;--vs-dropdown-min-width: 160px;--vs-dropdown-max-height: 350px;--vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);--vs-dropdown-option-bg: #000;--vs-dropdown-option-color: var(--vs-dropdown-color);--vs-dropdown-option-padding: 3px 20px;--vs-dropdown-option--active-bg: #5897fb;--vs-dropdown-option--active-color: #fff;--vs-dropdown-option--deselect-bg: #fb5858;--vs-dropdown-option--deselect-color: #fff;--vs-transition-timing-function: cubic-bezier(1, -.115, .975, .855);--vs-transition-duration: .15s}.v-select{position:relative;font-family:inherit}.v-select,.v-select *{box-sizing:border-box}:root{--vs-transition-timing-function: cubic-bezier(1, .5, .8, 1);--vs-transition-duration: .15s}@keyframes vSelectSpinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vs__fade-enter-active,.vs__fade-leave-active{pointer-events:none;transition:opacity var(--vs-transition-duration) var(--vs-transition-timing-function)}.vs__fade-enter,.vs__fade-leave-to{opacity:0}:root{--vs-disabled-bg: var(--vs-state-disabled-bg);--vs-disabled-color: var(--vs-state-disabled-color);--vs-disabled-cursor: var(--vs-state-disabled-cursor)}.vs--disabled .vs__dropdown-toggle,.vs--disabled .vs__clear,.vs--disabled .vs__search,.vs--disabled .vs__selected,.vs--disabled .vs__open-indicator{cursor:var(--vs-disabled-cursor);background-color:var(--vs-disabled-bg)}.v-select[dir=rtl] .vs__actions{padding:0 3px 0 6px}.v-select[dir=rtl] .vs__clear{margin-left:6px;margin-right:0}.v-select[dir=rtl] .vs__deselect{margin-left:0;margin-right:2px}.v-select[dir=rtl] .vs__dropdown-menu{text-align:right}.vs__dropdown-toggle{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;padding:0 0 4px;background:none;border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-radius:var(--vs-border-radius);white-space:normal}.vs__selected-options{display:flex;flex-basis:100%;flex-grow:1;flex-wrap:wrap;padding:0 2px;position:relative}.vs__actions{display:flex;align-items:center;padding:var(--vs-actions-padding)}.vs--searchable .vs__dropdown-toggle{cursor:text}.vs--unsearchable .vs__dropdown-toggle{cursor:pointer}.vs--open .vs__dropdown-toggle{border-bottom-color:transparent;border-bottom-left-radius:0;border-bottom-right-radius:0}.vs__open-indicator{fill:var(--vs-controls-color);transform:scale(var(--vs-controls-size));transition:transform var(--vs-transition-duration) var(--vs-transition-timing-function);transition-timing-function:var(--vs-transition-timing-function)}.vs--open .vs__open-indicator{transform:rotate(180deg) scale(var(--vs-controls-size))}.vs--loading .vs__open-indicator{opacity:0}.vs__clear{fill:var(--vs-controls-color);padding:0;border:0;background-color:transparent;cursor:pointer;margin-right:8px}.vs__dropdown-menu{display:block;box-sizing:border-box;position:absolute;top:calc(100% - var(--vs-border-width));left:0;z-index:var(--vs-dropdown-z-index);padding:5px 0;margin:0;width:100%;max-height:var(--vs-dropdown-max-height);min-width:var(--vs-dropdown-min-width);overflow-y:auto;box-shadow:var(--vs-dropdown-box-shadow);border:var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);border-top-style:none;border-radius:0 0 var(--vs-border-radius) var(--vs-border-radius);text-align:left;list-style:none;background:var(--vs-dropdown-bg);color:var(--vs-dropdown-color)}.vs__no-options{text-align:center}.vs__dropdown-option{line-height:1.42857143;display:block;padding:var(--vs-dropdown-option-padding);clear:both;color:var(--vs-dropdown-option-color);white-space:nowrap;cursor:pointer}.vs__dropdown-option--highlight{background:var(--vs-dropdown-option--active-bg);color:var(--vs-dropdown-option--active-color)}.vs__dropdown-option--deselect{background:var(--vs-dropdown-option--deselect-bg);color:var(--vs-dropdown-option--deselect-color)}.vs__dropdown-option--disabled{background:var(--vs-state-disabled-bg);color:var(--vs-state-disabled-color);cursor:var(--vs-state-disabled-cursor)}.vs__selected{display:flex;align-items:center;background-color:var(--vs-selected-bg);border:var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);border-radius:var(--vs-border-radius);color:var(--vs-selected-color);line-height:var(--vs-line-height);margin:4px 2px 0;padding:0 .25em;z-index:0}.vs__deselect{display:inline-flex;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-left:4px;padding:0;border:0;cursor:pointer;background:none;fill:var(--vs-controls-color);text-shadow:var(--vs-controls--deselect-text-shadow)}.vs--single .vs__selected{background-color:transparent;border-color:transparent}.vs--single.vs--open .vs__selected,.vs--single.vs--loading .vs__selected{position:absolute;opacity:.4}.vs--single.vs--searching .vs__selected{display:none}.vs__search::-webkit-search-cancel-button{display:none}.vs__search::-webkit-search-decoration,.vs__search::-webkit-search-results-button,.vs__search::-webkit-search-results-decoration,.vs__search::-ms-clear{display:none}.vs__search,.vs__search:focus{color:var(--vs-search-input-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:var(--vs-line-height);font-size:var(--vs-font-size);border:1px solid transparent;border-left:none;outline:none;margin:4px 0 0;padding:0 7px;background:none;box-shadow:none;width:0;max-width:100%;flex-grow:1;z-index:1}.vs__search::-moz-placeholder{color:var(--vs-search-input-placeholder-color)}.vs__search::placeholder{color:var(--vs-search-input-placeholder-color)}.vs--unsearchable .vs__search{opacity:1}.vs--unsearchable:not(.vs--disabled) .vs__search{cursor:pointer}.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search{opacity:.2}.vs__spinner{align-self:center;opacity:0;font-size:5px;text-indent:-9999em;overflow:hidden;border-top:.9em solid rgba(100,100,100,.1);border-right:.9em solid rgba(100,100,100,.1);border-bottom:.9em solid rgba(100,100,100,.1);border-left:.9em solid rgba(60,60,60,.45);transform:translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));animation:vSelectSpinner 1.1s infinite linear;transition:opacity .1s}.vs__spinner,.vs__spinner:after{border-radius:50%;width:5em;height:5em;transform:scale(var(--vs-controls--spinner-size, var(--vs-controls-size)))}.vs--loading .vs__spinner{opacity:1}

@charset "UTF-8";
/**
 * Import different sass files for the project
 * Reference: https://sass-guidelin.es/es/#arquitectura
 */
/**
 * Abstracts: files for handles function, mixins, and variables
 */
/**
 * Documentation: http://kenwheeler.github.io/slick/
 */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

@font-face {
  font-family: "lg";
  src: url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/fonts/lg.woff2?io9a6k") format("woff2"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/fonts/lg.ttf?io9a6k") format("truetype"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/fonts/lg.woff?io9a6k") format("woff"), url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/fonts/lg.svg?io9a6k#lg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.lg-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "lg" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lg-container {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.lg-next,
.lg-prev {
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 2px;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  margin-top: -10px;
  padding: 8px 10px 9px;
  position: absolute;
  top: 50%;
  z-index: 1084;
  outline: none;
  border: none;
}
.lg-next.disabled,
.lg-prev.disabled {
  opacity: 0 !important;
  cursor: default;
}
.lg-next:hover:not(.disabled),
.lg-prev:hover:not(.disabled) {
  color: #fff;
}
.lg-single-item .lg-next,
.lg-single-item .lg-prev {
  display: none;
}

.lg-next {
  right: 20px;
}
.lg-next:before {
  content: "\e095";
}

.lg-prev {
  left: 20px;
}
.lg-prev:after {
  content: "\e094";
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  animation: lg-right-end 0.3s;
  position: relative;
}
.lg-outer.lg-left-end .lg-object {
  animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  z-index: 1082;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.lg-media-overlap .lg-toolbar {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4));
}
.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  padding: 10px 0;
  text-align: center;
  width: 50px;
  text-decoration: none !important;
  outline: medium none;
  will-change: color;
  transition: color 0.2s linear;
  background: none;
  border: none;
  box-shadow: none;
}
.lg-toolbar .lg-icon.lg-icon-18 {
  font-size: 18px;
}
.lg-toolbar .lg-icon:hover {
  color: #fff;
}
.lg-toolbar .lg-close:after {
  content: "\e070";
}
.lg-toolbar .lg-maximize {
  font-size: 22px;
}
.lg-toolbar .lg-maximize:after {
  content: "\e90a";
}
.lg-toolbar .lg-download:after {
  content: "\e0f2";
}

.lg-sub-html {
  color: #eee;
  font-size: 16px;
  padding: 10px 40px;
  text-align: center;
  z-index: 1080;
  opacity: 0;
  transition: opacity 0.2s ease-out 0s;
}
.lg-sub-html h4 {
  margin: 0;
  font-size: 13px;
  font-weight: bold;
}
.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}
.lg-sub-html a {
  color: inherit;
}
.lg-sub-html a:hover {
  text-decoration: underline;
}
.lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.lg-item .lg-sub-html {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

.lg-error-msg {
  font-size: 14px;
  color: #999;
}

.lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  height: 47px;
  vertical-align: middle;
}

.lg-closing .lg-toolbar,
.lg-closing .lg-prev,
.lg-closing .lg-next,
.lg-closing .lg-sub-html {
  opacity: 0;
  transition: transform 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.08 cubic-bezier(0, 0, 0.25, 1) 0s, color 0.08 linear;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable) .lg-media-cont {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  will-change: transform, opacity;
  transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important;
}
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-img-wrap,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-video-cont,
body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item:not(.lg-zoomable).lg-complete .lg-media-cont {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

.lg-icon:focus-visible {
  color: #fff;
  border-radius: 3px;
  outline: 1px dashed rgba(255, 255, 255, 0.6);
}

.lg-toolbar .lg-icon:focus-visible {
  border-radius: 8px;
  outline-offset: -5px;
}

.lg-outer .lg-thumb-outer {
  background-color: #0d0a0a;
  width: 100%;
  max-height: 350px;
  overflow: hidden;
  float: left;
}
.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
  transition-duration: 0s !important;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-middle {
  text-align: center;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-left {
  text-align: left;
}
.lg-outer .lg-thumb-outer.lg-thumb-align-right {
  text-align: right;
}
.lg-outer.lg-single-item .lg-thumb-outer {
  display: none;
}
.lg-outer .lg-thumb {
  padding: 5px 0;
  height: 100%;
  margin-bottom: -5px;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb {
    padding: 10px 0;
  }
}
.lg-outer .lg-thumb-item {
  cursor: pointer;
  float: left;
  overflow: hidden;
  height: 100%;
  border-radius: 2px;
  margin-bottom: 5px;
  will-change: border-color;
}
@media (min-width: 768px) {
  .lg-outer .lg-thumb-item {
    border-radius: 4px;
    border: 2px solid #fff;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
  border-color: rgb(169, 7, 7);
}
.lg-outer .lg-thumb-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}
.lg-outer .lg-toggle-thumb:after {
  content: "\e1ff";
}
.lg-outer.lg-animate-thumb .lg-thumb {
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.lg-outer .lg-video-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-video-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-video-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.lg-outer .lg-video-object {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.lg-outer .lg-video-poster {
  z-index: 1;
}
.lg-outer .lg-has-video .lg-video-object {
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.3s ease-in;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-poster,
.lg-outer .lg-has-video.lg-video-loaded .lg-video-play-button {
  opacity: 0 !important;
}
.lg-outer .lg-has-video.lg-video-loaded .lg-video-object {
  opacity: 1;
}

@keyframes lg-play-stroke {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes lg-play-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.lg-video-play-button {
  width: 18%;
  max-width: 140px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translate(-50%, -50%) scale(1);
  will-change: opacity, transform;
  transition: transform 0.25s cubic-bezier(0.17, 0.88, 0.32, 1.28), opacity 0.1s;
}
.lg-video-play-button:hover .lg-video-play-icon-bg,
.lg-video-play-button:hover .lg-video-play-icon {
  opacity: 1;
}

.lg-video-play-icon-bg {
  fill: none;
  stroke-width: 3%;
  stroke: #fcfcfc;
  opacity: 0.6;
  will-change: opacity;
  transition: opacity 0.12s ease-in;
}

.lg-video-play-icon-circle {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  fill: none;
  stroke-width: 3%;
  stroke: rgba(30, 30, 30, 0.9);
  stroke-opacity: 1;
  stroke-linecap: round;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
}

.lg-video-play-icon {
  position: absolute;
  width: 25%;
  max-width: 120px;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  opacity: 0.6;
  will-change: opacity;
  transition: opacity 0.12s ease-in;
}
.lg-video-play-icon .lg-video-play-icon-inner {
  fill: #fcfcfc;
}

.lg-video-loading .lg-video-play-icon-circle {
  animation: lg-play-rotate 2s linear 0.25s infinite, lg-play-stroke 1.5s ease-in-out 0.25s infinite;
}

.lg-video-loaded .lg-video-play-button {
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1083;
  opacity: 0;
  will-change: opacity;
  transition: opacity 0.08s ease 0s;
}
.lg-progress-bar .lg-progress {
  background-color: rgb(169, 7, 7);
  height: 5px;
  width: 0;
}
.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}
.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-show-autoplay .lg-autoplay-button:after {
  content: "\e01a";
}
.lg-autoplay-button:after {
  content: "\e01d";
}
.lg-single-item .lg-autoplay-button {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  transition-duration: 0ms !important;
}
.lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s;
}
.lg-outer.lg-use-transition-for-zoom.lg-zoom-drag-transition .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  will-change: transform;
  transition: transform 0.8s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img {
  transform: scale3d(1, 1, 1);
  transition: transform 0.5s cubic-bezier(0.12, 0.415, 0.01, 1.19) 0s, opacity 0.15s !important;
  backface-visibility: hidden;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.no-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.no-transition {
  transition: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition {
  transform: scale3d(1, 1, 1) translate3d(-50%, -50%, 0px) !important;
  max-width: none !important;
  max-height: none !important;
  top: 50% !important;
  left: 50% !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-x,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-x {
  transform: scale3d(1, 1, 1) translate3d(-50%, 0, 0px) !important;
  top: 0 !important;
  left: 50% !important;
  max-width: none !important;
  max-height: none !important;
}
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image.reset-transition-y,
.lg-outer .lg-item.lg-complete.lg-zoomable .lg-dummy-img.reset-transition-y {
  transform: scale3d(1, 1, 1) translate3d(0, -50%, 0px) !important;
  top: 50% !important;
  left: 0% !important;
  max-width: none !important;
  max-height: none !important;
}

.lg-icon.lg-zoom-in:after {
  content: "\e311";
}
.lg-actual-size .lg-icon.lg-zoom-in {
  opacity: 1;
  pointer-events: auto;
}
.lg-icon.lg-actual-size {
  font-size: 20px;
}
.lg-icon.lg-actual-size:after {
  content: "\e033";
}
.lg-icon.lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}
.lg-icon.lg-zoom-out:after {
  content: "\e312";
}
.lg-zoomed .lg-icon.lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer[data-lg-slide-type=video] .lg-zoom-in,
.lg-outer[data-lg-slide-type=video] .lg-actual-size,
.lg-outer[data-lg-slide-type=video] .lg-zoom-out, .lg-outer[data-lg-slide-type=iframe] .lg-zoom-in,
.lg-outer[data-lg-slide-type=iframe] .lg-actual-size,
.lg-outer[data-lg-slide-type=iframe] .lg-zoom-out, .lg-outer.lg-first-slide-loading .lg-zoom-in,
.lg-outer.lg-first-slide-loading .lg-actual-size,
.lg-outer.lg-first-slide-loading .lg-zoom-out {
  opacity: 0.75;
  pointer-events: none;
}

.lg-outer .lg-pager-outer {
  text-align: center;
  z-index: 1080;
  height: 10px;
  margin-bottom: 10px;
}
.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}
.lg-outer.lg-single-item .lg-pager-outer {
  display: none;
}
.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
  margin: 0 5px;
}
.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  box-shadow: 0 0 0 2px white inset;
}
.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  color: #fff;
  bottom: 100%;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  width: 120px;
  border-radius: 3px;
  will-change: transform, opacity;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transform: translate3d(0, 5px, 0);
}
.lg-outer .lg-pager-thumb-cont img {
  width: 100%;
  height: 100%;
}
.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  transition: box-shadow 0.3s ease 0s;
  width: 12px;
}
.lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus {
  box-shadow: 0 0 0 8px white inset;
}
.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen:after {
  content: "\e20c";
}
.lg-fullscreen-on .lg-fullscreen:after {
  content: "\e20d";
}

.lg-outer .lg-dropdown-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer.lg-dropdown-active .lg-dropdown,
.lg-outer.lg-dropdown-active .lg-dropdown-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-dropdown-active .lg-share {
  color: #fff;
}
.lg-outer .lg-dropdown {
  background-color: #fff;
  border-radius: 2px;
  font-size: 14px;
  list-style-type: none;
  margin: 0;
  padding: 10px 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 50px;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 5px, 0);
  will-change: visibility, opacity, transform;
  transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s;
}
.lg-outer .lg-dropdown:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  right: 16px;
  top: -16px;
}
.lg-outer .lg-dropdown > li:last-child {
  margin-bottom: 0px;
}
.lg-outer .lg-dropdown > li:hover a {
  color: #333;
}
.lg-outer .lg-dropdown a {
  color: #333;
  display: block;
  white-space: pre;
  padding: 4px 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.lg-outer .lg-dropdown a:hover {
  background-color: rgba(0, 0, 0, 0.07);
}
.lg-outer .lg-dropdown .lg-dropdown-text {
  display: inline-block;
  line-height: 1;
  margin-top: -3px;
  vertical-align: middle;
}
.lg-outer .lg-dropdown .lg-icon {
  color: #333;
  display: inline-block;
  float: none;
  font-size: 20px;
  height: auto;
  line-height: 1;
  margin-right: 8px;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
.lg-outer .lg-share {
  position: relative;
}
.lg-outer .lg-share:after {
  content: "\e80d";
}
.lg-outer .lg-share-facebook .lg-icon {
  color: #3b5998;
}
.lg-outer .lg-share-facebook .lg-icon:after {
  content: "\e904";
}
.lg-outer .lg-share-twitter .lg-icon {
  color: #00aced;
}
.lg-outer .lg-share-twitter .lg-icon:after {
  content: "\e907";
}
.lg-outer .lg-share-pinterest .lg-icon {
  color: #cb2027;
}
.lg-outer .lg-share-pinterest .lg-icon:after {
  content: "\e906";
}

.lg-comment-box {
  width: 420px;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background-color: #fff;
  will-change: transform;
  transform: translate3d(100%, 0, 0);
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-comment-box .lg-comment-title {
  margin: 0;
  color: #fff;
  font-size: 18px;
}
.lg-comment-box .lg-comment-header {
  background-color: #000;
  padding: 12px 20px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.lg-comment-box .lg-comment-body {
  height: 100% !important;
  padding-top: 43px !important;
  width: 100% !important;
}
.lg-comment-box .fb-comments {
  height: 100%;
  width: 100%;
  background: url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/images/loading.gif") no-repeat scroll center center #fff;
  overflow-y: auto;
  display: inline-block;
}
.lg-comment-box .fb-comments[fb-xfbml-state=rendered] {
  background-image: none;
}
.lg-comment-box .fb-comments > span {
  max-width: 100%;
}
.lg-comment-box .lg-comment-close {
  position: absolute;
  right: 5px;
  top: 12px;
  cursor: pointer;
  font-size: 20px;
  color: #999;
  will-change: color;
  transition: color 0.2s linear;
}
.lg-comment-box .lg-comment-close:hover {
  color: #fff;
}
.lg-comment-box .lg-comment-close:after {
  content: "\e070";
}
.lg-comment-box iframe {
  max-width: 100% !important;
  width: 100% !important;
}
.lg-comment-box #disqus_thread {
  padding: 0 20px;
}

.lg-outer .lg-comment-overlay {
  background-color: rgba(0, 0, 0, 0.25);
  bottom: 0;
  cursor: default;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1081;
  opacity: 0;
  visibility: hidden;
  will-change: visibility, opacity;
  transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s;
}
.lg-outer .lg-comment-toggle:after {
  content: "\e908";
}
.lg-outer.lg-comment-active .lg-comment-overlay {
  transition-delay: 0s;
  transform: translate3d(0, 0px, 0);
  opacity: 1;
  visibility: visible;
}
.lg-outer.lg-comment-active .lg-comment-toggle {
  color: #fff;
}
.lg-outer.lg-comment-active .lg-comment-box {
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-img-rotate {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: transform 0.4s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-outer[data-lg-slide-type=video] .lg-rotate-left,
.lg-outer[data-lg-slide-type=video] .lg-rotate-right,
.lg-outer[data-lg-slide-type=video] .lg-flip-ver,
.lg-outer[data-lg-slide-type=video] .lg-flip-hor, .lg-outer[data-lg-slide-type=iframe] .lg-rotate-left,
.lg-outer[data-lg-slide-type=iframe] .lg-rotate-right,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-ver,
.lg-outer[data-lg-slide-type=iframe] .lg-flip-hor {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-img-rotate:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.lg-rotate-left:after {
  content: "\e900";
}

.lg-rotate-right:after {
  content: "\e901";
}

.lg-icon.lg-flip-hor, .lg-icon.lg-flip-ver {
  font-size: 26px;
}

.lg-flip-ver:after {
  content: "\e903";
}

.lg-flip-hor:after {
  content: "\e902";
}

.lg-medium-zoom-item {
  cursor: zoom-in;
}

.lg-medium-zoom .lg-outer {
  cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grab img.lg-object {
  cursor: zoom-out;
}
.lg-medium-zoom .lg-outer.lg-grabbing img.lg-object {
  cursor: zoom-out;
}

.lg-relative-caption .lg-outer .lg-sub-html {
  white-space: normal;
  bottom: auto;
  padding: 0;
  background-image: none;
}
.lg-relative-caption .lg-outer .lg-relative-caption-item {
  opacity: 0;
  padding: 16px 0;
  transition: 0.5s opacity ease;
}
.lg-relative-caption .lg-outer .lg-show-caption .lg-relative-caption-item {
  opacity: 1;
}

.lg-group:after {
  content: "";
  display: table;
  clear: both;
}

.lg-container {
  display: none;
  outline: none;
}
.lg-container.lg-show {
  display: block;
}

.lg-on {
  scroll-behavior: unset;
}

.lg-overlay-open {
  overflow: hidden;
}

.lg-toolbar,
.lg-prev,
.lg-next,
.lg-pager-outer,
.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  will-change: transform, opacity;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-show-in .lg-toolbar,
.lg-show-in .lg-prev,
.lg-show-in .lg-next,
.lg-show-in .lg-pager-outer {
  opacity: 1;
}
.lg-show-in.lg-hide-sub-html .lg-sub-html {
  opacity: 1;
}
.lg-show-in .lg-hide-items .lg-prev {
  opacity: 0;
  transform: translate3d(-10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-next {
  opacity: 0;
  transform: translate3d(10px, 0, 0);
}
.lg-show-in .lg-hide-items .lg-toolbar {
  opacity: 0;
  transform: translate3d(0, -10px, 0);
}
.lg-show-in .lg-hide-items.lg-hide-sub-html .lg-sub-html {
  opacity: 0;
  transform: translate3d(0, 20px, 0);
}

.lg-outer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  text-align: left;
  opacity: 0.001;
  outline: none;
  will-change: auto;
  overflow: hidden;
  transition: opacity 0.15s ease 0s;
}
.lg-outer * {
  box-sizing: border-box;
}
.lg-outer.lg-zoom-from-image {
  opacity: 1;
}
.lg-outer.lg-visible {
  opacity: 1;
}
.lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-prev-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-next-slide, .lg-outer.lg-css3 .lg-item:not(.lg-start-end-progress).lg-current {
  transition-duration: inherit !important;
  transition-timing-function: inherit !important;
}
.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}
.lg-outer.lg-grab img.lg-object {
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lg-outer .lg-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lg-outer .lg-inner {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  transition: opacity 0s;
  white-space: nowrap;
}
.lg-outer .lg-item:not(.lg-start-end-progress) {
  background: url("https://cdn.jsdelivr.net/npm/lightgallery@2.1.2/images/loading.gif") no-repeat scroll center center transparent;
}
.lg-outer .lg-item {
  display: none !important;
}
.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}
.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}
.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.lg-outer .lg-item:before,
.lg-outer .lg-img-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.lg-outer .lg-img-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  font-size: 0;
}
.lg-outer .lg-item.lg-complete {
  background-image: none;
}
.lg-outer .lg-item.lg-current {
  z-index: 1060;
}
.lg-outer .lg-object {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
}
.lg-outer .lg-empty-html.lg-sub-html,
.lg-outer .lg-empty-html .lg-sub-html {
  display: none;
}
.lg-outer.lg-hide-download .lg-download {
  opacity: 0.75;
  pointer-events: none;
}
.lg-outer .lg-first-slide .lg-dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-components {
  transform: translate3d(0, 0%, 0);
  opacity: 1;
}
.lg-outer.lg-components-open:not(.lg-zoomed) .lg-sub-html {
  opacity: 1;
  transition: opacity 0.2s ease-out 0.15s;
}
.lg-outer .lg-media-cont {
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.lg-outer .lg-media-cont .lg-object {
  width: 100% !important;
  height: 100% !important;
}
.lg-outer .lg-has-iframe .lg-media-cont {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

.lg-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1040;
  background-color: #000;
  opacity: 0;
  will-change: auto;
  transition: opacity 333ms ease-in 0s;
}
.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  transition: none 0s ease 0s !important;
}
.lg-css3.lg-use-css3 .lg-item {
  backface-visibility: hidden;
}
.lg-css3.lg-fade .lg-item {
  opacity: 0;
}
.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}
.lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current {
  transition: opacity 0.1s ease 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-progress {
  transition: transform 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
}
.lg-css3.lg-use-css3 .lg-item.lg-start-end-progress {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  transform: translate3d(-100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  transform: translate3d(100%, 0, 0);
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

.lg-container {
  display: none;
}
.lg-container.lg-show {
  display: block;
}
.lg-container.lg-dragging-vertical .lg-backdrop {
  transition-duration: 0s !important;
}
.lg-container.lg-dragging-vertical .lg-css3 .lg-item.lg-current {
  transition-duration: 0s !important;
  opacity: 1;
}

.lg-inline .lg-backdrop,
.lg-inline .lg-outer {
  position: absolute;
}
.lg-inline .lg-backdrop {
  z-index: 1;
}
.lg-inline .lg-outer {
  z-index: 2;
}
.lg-inline .lg-maximize:after {
  content: "\e909";
}

.lg-components {
  transform: translate3d(0, 100%, 0);
  will-change: transform;
  transition: transform 0.35s ease-out 0s;
  z-index: 1080;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}

/**
 * Documentation: https://github.hubspot.com/odometer/
 */
/**
* Vue select styles
*/
/**
 * Documentation: https://github.com/sass-mq/sass-mq
 */
/**
 * A smart hover mixin that only applies hover styles on devices that support hover interactions.
 * This prevents unwanted hover effects on touch devices and improves user experience.
 *
 * Usage:
 * @include hover {
 *   background-color: blue;
 *   color: white;
 * }
 *
 * Benefits:
 * - Only applies hover styles on desktop devices with mouse/pointer input
 * - Prevents hover states from "sticking" on touch devices
 * - Improves performance by not triggering hover effects on mobile
 * - Only applies on large screens (defined by the 'large' breakpoint)
 */
/**
 * Truncates text with an ellipsis when it overflows its container.
 * This mixin supports both single and multi-line text truncation.
 *
 * @param {Number} $lines - Number of lines to show before truncating (default: 1)
 *
 * Usage for single line:
 * .my-element {
 *   width: 100%;  // Set a fixed width
 *   @include overflow-ellipsis;
 * }
 *
 * Usage for multiple lines:
 * .my-element {
 *   width: 100%;
 *   @include overflow-ellipsis(3);  // Will show 3 lines before truncating
 * }
 *
 * Note:
 * - The container must have a defined width
 * - Works for both single and multiple lines
 * - Creates a clean, professional appearance for overflowing text
 * - For multiple lines, -webkit-box is used with a fallback to line-clamp
 */
/**
 * A mixin for styling placeholder text across different browsers.
 * This mixin provides cross-browser compatibility for styling input placeholders,
 * handling vendor prefixes automatically.
 *
 * Usage:
 * .input-element {
 *   @include placeholder {
 *     color: #999;
 *     font-style: italic;
 *     font-size: 14px;
 *   }
 * }
 *
 * Benefits:
 * - Ensures consistent placeholder styling across all major browsers
 * - Handles vendor prefixes automatically (Chrome, Firefox, Safari, IE)
 * - Reduces code duplication for cross-browser placeholder styles
 * - Makes placeholder styling maintenance easier
 *
 * Note:
 * - The styles defined within the mixin will be applied to the placeholder text only
 * - Supports all standard CSS properties (color, font-size, font-style, etc.)
 * - Best practice is to use subtle, accessible colors for placeholder text
 */
/**
 * A mixin that hides the scrollbar while maintaining scroll functionality.
 * This provides a clean, modern interface while still allowing content to be scrollable.
 *
 * Usage:
 * .scrollable-element {
 *   overflow-y: auto;
 *   @include hideScroll;
 * }
 *
 * Benefits:
 * - Creates a cleaner UI by hiding scrollbars
 * - Maintains scroll functionality
 * - Cross-browser support (Chrome and Firefox)
 * - Customizable scrollbar width and appearance
 */
/**
 * A mixin that applies standard background image cover properties for responsive images.
 * This creates a full-coverage background image that maintains its aspect ratio while
 * filling its container.
 *
 * Usage:
 * .hero-section {
 *   @include background-image-cover;
 *   background-image: url('/path/to/image.jpg');
 * }
 *
 * Benefits:
 * - Creates responsive background images that scale properly
 * - Ensures image covers entire container without distortion
 * - Centers the image within its container
 * - Prevents image repetition
 */
/**
 * Creates an infinite background extension effect to the left of an element.
 * This mixin is useful for creating full-width background sections in a boxed layout
 * where the background needs to extend beyond the container to the left edge of the viewport.
 *
 * @param {Color} $background-color - The color to use for the extended background
 *
 * Usage:
 * .section {
 *   @include full-width-to-left(#f5f5f5);
 *   // Your content styles here
 * }
 *
 * Benefits:
 * - Creates a seamless full-width background effect
 * - Maintains content width while extending background
 * - Smooth transition animation for background changes
 * - Works with any background color
 *
 * Note:
 * - The element must have a relative position context
 * - Content should be positioned relative to maintain proper z-indexing
 */
/**
 * Creates an infinite background extension effect to the right of an element.
 * This mixin is useful for creating full-width background sections in a boxed layout
 * where the background needs to extend beyond the container to the right edge of the viewport.
 *
 * @param {Color} $background-color - The color to use for the extended background
 *
 * Usage:
 * .section {
 *   @include full-width-to-right(#f5f5f5);
 *   // Your content styles here
 * }
 *
 * Benefits:
 * - Creates a seamless full-width background effect
 * - Maintains content width while extending background
 * - Smooth transition animation for background changes
 * - Works with any background color
 *
 * Note:
 * - The element must have a relative position context
 * - Content should be positioned relative to maintain proper z-indexing
 */
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
} /* clears the ‘X’ from Chrome */
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/*
  Normalize
*/
*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: theme("borderColor.DEFAULT", currentColor); /* 2 */
}

::before,
::after {
  --tw-content: "";
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
*/
html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: theme("fontFamily.sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); /* 4 */
  font-feature-settings: theme("fontFamily.sans[1].fontFeatureSettings", normal); /* 5 */
  font-variation-settings: theme("fontFamily.sans[1].fontVariationSettings", normal); /* 6 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/
body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/
hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/
abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/
a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/*
Reset address styles.
*/
address {
  font-style: normal;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp,
pre {
  font-family: theme("fontFamily.mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/
table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}
button:focus,
input:focus,
optgroup:focus,
select:focus,
textarea:focus {
  outline: none;
}

select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/
button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
}

/*
Use the modern Firefox focus style for all focusable elements.
*/
:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/
:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/
progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-appearance: textfield;
       appearance: textfield;
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/
summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/
textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/
input,
textarea {
  border: none;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 0.6;
  color: #a0a0a0;
}
input::placeholder,
textarea::placeholder {
  opacity: 0.6;
  color: #a0a0a0;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.6;
  color: #a0a0a0;
}
input::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.6;
  color: #a0a0a0;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.6;
  color: #a0a0a0;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
  opacity: 0.6;
  color: #a0a0a0;
}

textarea {
  resize: none;
}

/*
Set the default cursor for buttons.
*/
button,
[role=button] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/
img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
  display: none;
}

.image-no-touch {
  pointer-events: none;
  -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
  -moz-user-select: none;
       user-select: none; /* Standard syntax */
}

.gsap-scrollreveal, .gsap-scrollreveal--horizontal {
  opacity: 0;
}

.grecaptcha-badge {
  visibility: hidden;
  position: absolute;
}

* {
  scroll-behavior: smooth;
}

/**
 * Base: files for animations, base, typography, and utilities
 */
.container {
  width: 1290px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
}

.paragraph {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: #384D53;
}
.paragraph strong {
  font-weight: 700;
  color: #043248;
}
.paragraph ul {
  list-style: disc;
  margin-left: 15px;
}
.paragraph ol {
  list-style: decimal;
  margin-left: 15px;
}
.paragraph p:not(:last-child), .paragraph ul:not(:last-child), .paragraph ol:not(:last-child), .paragraph h1:not(:last-child), .paragraph h2:not(:last-child), .paragraph h3:not(:last-child), .paragraph h4:not(:last-child), .paragraph h5:not(:last-child), .paragraph h6:not(:last-child) {
  margin-bottom: 16px;
}
.paragraph p {
  font-weight: inherit;
}
.paragraph h1, .paragraph h2, .paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
  color: #043248;
}
.paragraph h1:not(:first-child), .paragraph h2:not(:first-child), .paragraph h3:not(:first-child), .paragraph h4:not(:first-child), .paragraph h5:not(:first-child), .paragraph h6:not(:first-child) {
  margin-top: 16px;
}
.paragraph h1:not(:last-child), .paragraph h2:not(:last-child), .paragraph h3:not(:last-child), .paragraph h4:not(:last-child), .paragraph h5:not(:last-child), .paragraph h6:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .paragraph h1:not(:last-child), .paragraph h2:not(:last-child), .paragraph h3:not(:last-child), .paragraph h4:not(:last-child), .paragraph h5:not(:last-child), .paragraph h6:not(:last-child) {
    margin-bottom: 25px;
  }
}
.paragraph h2 {
  font-size: 25px;
  scroll-margin-top: 80px;
}
@media (max-width: 63.99em) {
  .paragraph h2 {
    font-size: 18px;
  }
}
.paragraph h3, .paragraph h4, .paragraph h5, .paragraph h6 {
  font-size: 18px;
}
.paragraph a {
  text-decoration: underline;
  font-weight: 400;
  color: #005893;
}
@media (max-width: 63.99em) {
  .paragraph {
    font-size: 14px;
  }
}
.paragraph {
  font-size: 16px;
}
@media (max-width: 63.99em) {
  .paragraph {
    font-size: 14px;
  }
}
.paragraph--large {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: #384D53;
}
.paragraph--large strong {
  font-weight: 700;
  color: #043248;
}
.paragraph--large ul {
  list-style: disc;
  margin-left: 15px;
}
.paragraph--large ol {
  list-style: decimal;
  margin-left: 15px;
}
.paragraph--large p:not(:last-child), .paragraph--large ul:not(:last-child), .paragraph--large ol:not(:last-child), .paragraph--large h1:not(:last-child), .paragraph--large h2:not(:last-child), .paragraph--large h3:not(:last-child), .paragraph--large h4:not(:last-child), .paragraph--large h5:not(:last-child), .paragraph--large h6:not(:last-child) {
  margin-bottom: 16px;
}
.paragraph--large p {
  font-weight: inherit;
}
.paragraph--large h1, .paragraph--large h2, .paragraph--large h3, .paragraph--large h4, .paragraph--large h5, .paragraph--large h6 {
  color: #043248;
}
.paragraph--large h1:not(:first-child), .paragraph--large h2:not(:first-child), .paragraph--large h3:not(:first-child), .paragraph--large h4:not(:first-child), .paragraph--large h5:not(:first-child), .paragraph--large h6:not(:first-child) {
  margin-top: 16px;
}
.paragraph--large h1:not(:last-child), .paragraph--large h2:not(:last-child), .paragraph--large h3:not(:last-child), .paragraph--large h4:not(:last-child), .paragraph--large h5:not(:last-child), .paragraph--large h6:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .paragraph--large h1:not(:last-child), .paragraph--large h2:not(:last-child), .paragraph--large h3:not(:last-child), .paragraph--large h4:not(:last-child), .paragraph--large h5:not(:last-child), .paragraph--large h6:not(:last-child) {
    margin-bottom: 25px;
  }
}
.paragraph--large h2 {
  font-size: 25px;
  scroll-margin-top: 80px;
}
@media (max-width: 63.99em) {
  .paragraph--large h2 {
    font-size: 18px;
  }
}
.paragraph--large h3, .paragraph--large h4, .paragraph--large h5, .paragraph--large h6 {
  font-size: 18px;
}
.paragraph--large a {
  text-decoration: underline;
  font-weight: 400;
  color: #005893;
}
@media (max-width: 63.99em) {
  .paragraph--large {
    font-size: 14px;
  }
}
.paragraph--large {
  font-size: 18px;
}
@media (max-width: 63.99em) {
  .paragraph--large {
    font-size: 14px;
  }
}
.paragraph--medium {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: #384D53;
}
.paragraph--medium strong {
  font-weight: 700;
  color: #043248;
}
.paragraph--medium ul {
  list-style: disc;
  margin-left: 15px;
}
.paragraph--medium ol {
  list-style: decimal;
  margin-left: 15px;
}
.paragraph--medium p:not(:last-child), .paragraph--medium ul:not(:last-child), .paragraph--medium ol:not(:last-child), .paragraph--medium h1:not(:last-child), .paragraph--medium h2:not(:last-child), .paragraph--medium h3:not(:last-child), .paragraph--medium h4:not(:last-child), .paragraph--medium h5:not(:last-child), .paragraph--medium h6:not(:last-child) {
  margin-bottom: 16px;
}
.paragraph--medium p {
  font-weight: inherit;
}
.paragraph--medium h1, .paragraph--medium h2, .paragraph--medium h3, .paragraph--medium h4, .paragraph--medium h5, .paragraph--medium h6 {
  color: #043248;
}
.paragraph--medium h1:not(:first-child), .paragraph--medium h2:not(:first-child), .paragraph--medium h3:not(:first-child), .paragraph--medium h4:not(:first-child), .paragraph--medium h5:not(:first-child), .paragraph--medium h6:not(:first-child) {
  margin-top: 16px;
}
.paragraph--medium h1:not(:last-child), .paragraph--medium h2:not(:last-child), .paragraph--medium h3:not(:last-child), .paragraph--medium h4:not(:last-child), .paragraph--medium h5:not(:last-child), .paragraph--medium h6:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .paragraph--medium h1:not(:last-child), .paragraph--medium h2:not(:last-child), .paragraph--medium h3:not(:last-child), .paragraph--medium h4:not(:last-child), .paragraph--medium h5:not(:last-child), .paragraph--medium h6:not(:last-child) {
    margin-bottom: 25px;
  }
}
.paragraph--medium h2 {
  font-size: 25px;
  scroll-margin-top: 80px;
}
@media (max-width: 63.99em) {
  .paragraph--medium h2 {
    font-size: 18px;
  }
}
.paragraph--medium h3, .paragraph--medium h4, .paragraph--medium h5, .paragraph--medium h6 {
  font-size: 18px;
}
.paragraph--medium a {
  text-decoration: underline;
  font-weight: 400;
  color: #005893;
}
@media (max-width: 63.99em) {
  .paragraph--medium {
    font-size: 14px;
  }
}
.paragraph--medium {
  font-size: 16px;
}
@media (max-width: 63.99em) {
  .paragraph--medium {
    font-size: 14px;
  }
}
.paragraph--small {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  color: #384D53;
}
.paragraph--small strong {
  font-weight: 700;
  color: #043248;
}
.paragraph--small ul {
  list-style: disc;
  margin-left: 15px;
}
.paragraph--small ol {
  list-style: decimal;
  margin-left: 15px;
}
.paragraph--small p:not(:last-child), .paragraph--small ul:not(:last-child), .paragraph--small ol:not(:last-child), .paragraph--small h1:not(:last-child), .paragraph--small h2:not(:last-child), .paragraph--small h3:not(:last-child), .paragraph--small h4:not(:last-child), .paragraph--small h5:not(:last-child), .paragraph--small h6:not(:last-child) {
  margin-bottom: 16px;
}
.paragraph--small p {
  font-weight: inherit;
}
.paragraph--small h1, .paragraph--small h2, .paragraph--small h3, .paragraph--small h4, .paragraph--small h5, .paragraph--small h6 {
  color: #043248;
}
.paragraph--small h1:not(:first-child), .paragraph--small h2:not(:first-child), .paragraph--small h3:not(:first-child), .paragraph--small h4:not(:first-child), .paragraph--small h5:not(:first-child), .paragraph--small h6:not(:first-child) {
  margin-top: 16px;
}
.paragraph--small h1:not(:last-child), .paragraph--small h2:not(:last-child), .paragraph--small h3:not(:last-child), .paragraph--small h4:not(:last-child), .paragraph--small h5:not(:last-child), .paragraph--small h6:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .paragraph--small h1:not(:last-child), .paragraph--small h2:not(:last-child), .paragraph--small h3:not(:last-child), .paragraph--small h4:not(:last-child), .paragraph--small h5:not(:last-child), .paragraph--small h6:not(:last-child) {
    margin-bottom: 25px;
  }
}
.paragraph--small h2 {
  font-size: 25px;
  scroll-margin-top: 80px;
}
@media (max-width: 63.99em) {
  .paragraph--small h2 {
    font-size: 18px;
  }
}
.paragraph--small h3, .paragraph--small h4, .paragraph--small h5, .paragraph--small h6 {
  font-size: 18px;
}
.paragraph--small a {
  text-decoration: underline;
  font-weight: 400;
  color: #005893;
}
@media (max-width: 63.99em) {
  .paragraph--small {
    font-size: 14px;
  }
}
.paragraph--small {
  font-size: 14px;
}
@media (max-width: 63.99em) {
  .paragraph--small {
    font-size: 13px;
  }
}

.pulsate {
  background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
  background-size: 400% 400%;
  animation: Gradient 2.25s ease infinite;
}
@keyframes Gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
body > * {
  font-family: "Manrope", sans-serif;
  color: #384D53;
}

h1 {
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.6;
  color: #043248;
}
@media (max-width: 63.99em) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  color: #043248;
}
@media (max-width: 63.99em) {
  h2 {
    font-size: 20px;
  }
}

h3 {
  font-size: 25px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  color: #043248;
}

h4, h5, h6 {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  color: #043248;
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.325s;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

/**
 * Components: have a single scss file for each individual component
 */
.header {
  display: flex;
  flex-direction: column;
}
@media (max-width: 63.99em) {
  .header {
    display: none;
  }
}
.header--default {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 115px;
  background-color: #FFF;
}
.header {
  transition: transform 0.525s ease, box-shadow 0.525s ease, background-color 0.525s ease;
}
@media (min-width: 64em) {
  .header.headroom--not-top {
    transform: translateY(-35px);
  }
  .header.headroom--not-top::before {
    opacity: 0;
  }
}
.header.headroom--not-top .header__logo-container {
  max-width: 75px;
  margin-bottom: 13px;
}
@media (min-width: 64em) {
  .header.headroom--unpinned {
    transform: translateY(-100%);
    box-shadow: none;
  }
  .header.headroom--unpinned::before {
    opacity: 0 !important;
  }
}
.header--secondary::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 50%;
  width: 1400px;
  max-width: calc(100% - 44px);
  transform: translateX(-50%);
  height: 190px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.525s ease;
}
@media (min-width: 64em) {
  .header--secondary.headroom--not-top {
    transform: translateY(-100%);
  }
  .header--secondary.headroom--not-top::before {
    opacity: 0 !important;
  }
}
.header--secondary:not(.menu-open), .header--tertiary:not(.menu-open) {
  background-color: transparent;
  box-shadow: none;
}
.header--secondary:not(.menu-open)::before, .header--tertiary:not(.menu-open)::before {
  opacity: 1;
}
.header--secondary:not(.menu-open) .header__secondary-link--main, .header--tertiary:not(.menu-open) .header__secondary-link--main {
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header--secondary:not(.menu-open) .header__secondary-link--main:hover, .header--tertiary:not(.menu-open) .header__secondary-link--main:hover {
    color: #56C9FF;
  }
}
.header--secondary:not(.menu-open) .header__main-link, .header--tertiary:not(.menu-open) .header__main-link {
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header--secondary:not(.menu-open) .header__main-link:not(.open):hover, .header--tertiary:not(.menu-open) .header__main-link:not(.open):hover {
    color: #56C9FF;
  }
}
.header--secondary:not(.menu-open) .header__main-link-icon, .header--tertiary:not(.menu-open) .header__main-link-icon {
  color: inherit;
}
.header--secondary:not(.menu-open) .header__social-icon, .header--tertiary:not(.menu-open) .header__social-icon {
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header--secondary:not(.menu-open) .header__social-icon:hover, .header--tertiary:not(.menu-open) .header__social-icon:hover {
    color: #56C9FF;
  }
}
.header--secondary:not(.menu-open) .header__button, .header--tertiary:not(.menu-open) .header__button {
  background-color: #FFF;
  color: #043248;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header--secondary:not(.menu-open) .header__button:hover, .header--tertiary:not(.menu-open) .header__button:hover {
    background-color: #00EFA5;
  }
}
.header--secondary:not(.menu-open) .header__search-action, .header--secondary:not(.menu-open) .header__search-button, .header--tertiary:not(.menu-open) .header__search-action, .header--tertiary:not(.menu-open) .header__search-button {
  border-color: #FFF;
  background-color: transparent;
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header--secondary:not(.menu-open) .header__search-action:hover, .header--secondary:not(.menu-open) .header__search-button:hover, .header--tertiary:not(.menu-open) .header__search-action:hover, .header--tertiary:not(.menu-open) .header__search-button:hover {
    color: #062229;
    background-color: #56C9FF;
    border-color: #56C9FF;
  }
}
.header__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}
.header__logo-container {
  display: inline-flex;
  align-self: flex-end;
  max-width: 100px;
  transition: max-width 0.525s ease, margin 0.525s ease;
  margin-bottom: 20px;
}
.header__menus-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: 10px;
}
.header__secondary-menu {
  display: flex;
  -moz-column-gap: 40px;
       column-gap: 40px;
}
.header__secondary-link-container {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__secondary-link-container:hover .header__secondary-link--main {
    color: #28b7fb;
  }
  .header__secondary-link-container:hover .header__secondary-submenu {
    opacity: 1;
    transform: translateX(-50%) translateY(calc(100% - 5px));
    pointer-events: all;
  }
  .header__secondary-link-container:hover .header__secondary-caret-icon {
    transform: rotate(180deg);
  }
}
.header__secondary-link {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 14px 0;
  color: #043248;
  transition: color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__secondary-link:hover {
    color: #28b7fb;
  }
}
.header__secondary-submenu {
  position: absolute;
  z-index: 4;
  bottom: 0;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) translateY(100%);
  transition: transform 0.525s ease, opacity 0.525s ease;
  white-space: nowrap;
  background-color: #FFF;
  padding: 10px 20px;
  border-radius: 10px;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
  display: flex;
  flex-direction: column;
  pointer-events: none;
}
.header__secondary-caret-icon {
  transition: transform 0.525s ease;
}
.header__social {
  display: inline-flex;
  align-items: center;
}
.header__social-icon {
  color: #043248;
  transition: color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__social-icon:hover {
    color: #28b7fb;
  }
}
.header__main-menu-container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}
.header__main-menu {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.header__main-menu.active-search .header__main-link, .header__main-menu.active-search .header__button, .header__main-menu.active-search .header__search-button {
  opacity: 0;
  pointer-events: none;
  transform: translateX(100px);
}
.header__main-menu.active-search .header__search-form-container {
  opacity: 1;
  transform: translateX(0);
  pointer-events: all;
}
.header__main-links-container {
  display: flex;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.header__main-link {
  position: relative;
  padding: 10px 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #043248;
  font-size: 16px;
  font-weight: 500;
  transition: transform 0.525s ease, color 0.525s ease, opacity 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__main-link:not(.open):hover {
    color: #56C9FF;
  }
  .header__main-link:not(.open):hover .header__main-link-icon {
    color: #56C9FF;
  }
}
.header__main-link.open::after {
  opacity: 1;
}
.header__main-link.open .header__main-link-icon {
  color: #00EFA5;
  transform: rotate(180deg);
}
.header__main-link::after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #00EFA5;
  opacity: 0;
  transform: translateY(calc(100% + 11px));
  transition: opacity 0.525s ease;
}
.header__main-link-icon {
  color: #043248;
  transition: color 0.525s ease, transform 0.525s ease;
}
.header__submenu-accordion {
  height: 0;
  overflow: hidden;
  background-color: #EDF5FB;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.header__submenu-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.525s ease;
}
.header__submenu-container.open {
  opacity: 1;
  pointer-events: all;
}
.header__submenu-link {
  border-top: 1px solid #CEDEEB;
  display: flex;
  justify-content: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__submenu-link:hover {
    color: #00EFA5;
  }
}
.header__button {
  margin-left: 60px;
}
.header__search-button {
  margin-left: 16px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #062229;
  background-color: #FFF;
  transition: transform 0.525s ease, opacity 0.525s ease, color 0.525s ease, background-color 0.525s ease, border-color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__search-button:hover {
    background-color: #56C9FF;
    border-color: #56C9FF;
  }
}
.header__search-form-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(-100px);
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.525s ease, transform 0.525s ease;
}
.header__search-form {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.header__search-separator {
  width: 1px;
  height: 44px;
  align-self: center;
  background-color: #C7D3DC;
}
.header__search-close {
  width: 44px;
  height: 44px;
  background-color: #FFF;
  border-radius: 50%;
  color: #062229;
  transition: background-color 0.525s ease, color 0.525s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__search-close:hover {
    background-color: #56C9FF;
  }
}
.header__results-container {
  position: absolute;
  top: calc(100% + 16px);
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #FFF;
  box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.1);
}
.header__results-links {
  display: flex;
  flex-direction: column;
}
.header__result {
  padding: 10px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  transition: background-color 0.525s ease, padding-right 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__result:hover {
    background-color: #F2F2F2;
    padding-right: 40px;
  }
  .header__result:hover .header__result-content {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  .header__result:hover .header__result-arrow {
    color: #56C9FF;
  }
}
.header__result-content {
  flex: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 15px;
       column-gap: 15px;
  transition: column-gap 0.525s ease;
  transition: column-gap 0.525s ease, -moz-column-gap 0.525s ease;
}
.header__result-image {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
}
.header__result-title {
  flex: 1;
  font-size: 12px;
  font-weight: 600;
  color: #043248;
}
.header__result-arrow {
  transition: color 0.525s ease;
  color: #043248;
}
.header__results-page-link {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  padding: 15px;
  border-top: 1px solid #E5ECF1;
  font-size: 12px;
  font-weight: 600;
  color: #043248;
  transition: background-color 0.525s ease, column-gap 0.525s ease;
  transition: background-color 0.525s ease, column-gap 0.525s ease, -moz-column-gap 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header__results-page-link:hover {
    background-color: #00EFA5;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 8;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  transition: opacity 0.525s ease;
}
.body-overlay.active {
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
}

.footer {
  position: relative;
  z-index: 3;
}
.footer__container {
  display: flex;
  flex-direction: column;
  width: 1400px;
  max-width: 100%;
}
.footer__top-container {
  background-color: #043248;
  border-top-left-radius: 60px;
  border-top-right-radius: 60px;
  padding: 80px 75px;
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
@media (max-width: 79.99em) {
  .footer__top-container {
    padding: 80px 30px;
  }
}
@media (max-width: 63.99em) {
  .footer__top-container {
    padding: 40px 24px;
    flex-direction: column;
    align-items: center;
    row-gap: 60px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
  }
}
.footer__decor-rounded {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 680px;
  height: 385px;
  border-top-left-radius: 600px;
  border-bottom-right-radius: 80px;
  background: linear-gradient(180deg, #043248 -12%, #05293B 40%);
  transform: translateY(200px);
}
@media (max-width: 63.99em) {
  .footer__decor-rounded {
    top: initial;
    bottom: 0;
    transform: translateY(100px);
  }
}
@media (max-width: 35.99em) {
  .footer__decor-rounded {
    right: initial;
    left: 0;
  }
}
.footer__logo-section {
  flex: 1;
  max-width: min(300px, 25%);
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
@media (max-width: 63.99em) {
  .footer__logo-section {
    max-width: 500px;
    align-items: center;
    text-align: center;
  }
}
.footer__logo-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
  width: 84px;
}
.footer__logo {
  pointer-events: none;
}
.footer__description {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 30px;
}
.footer__linkedin {
  display: flex;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 35px;
}
.footer__certs-images {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.footer__sections {
  flex: 1;
  max-width: calc(75% - 20px);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 63.99em) {
  .footer__sections {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 48.115em) {
  .footer__sections {
    flex-direction: column;
    row-gap: 24px;
  }
}
.footer__section {
  flex: 1;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  position: relative;
  z-index: 2;
}
@media (max-width: 48.115em) {
  .footer__section {
    max-width: 100%;
    width: 100%;
    row-gap: 0;
  }
}
.footer__section-title {
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #6C90A1;
  border-bottom: 1px solid #6C90A1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 48.115em) {
  .footer__section-title {
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    color: #829194;
    border-color: #829194;
    padding-bottom: 20px;
  }
}
.footer__section-title.ui-state-active .footer__accordion-icon {
  transform: rotate(180deg);
}
.footer__accordion-icon {
  flex-shrink: 0;
  transition: transform 0.525s ease;
}
@media (min-width: 48.125em) {
  .footer__accordion-icon {
    display: none;
  }
}
.footer__section-links {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 48.115em) {
  .footer__section-links {
    padding-top: 20px;
    row-gap: 15px;
  }
}
.footer__section-link {
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .footer__section-link:hover {
    text-decoration: underline;
    color: #56C9FF;
  }
}
.footer__link-icon {
  transform: translateY(4px);
  flex-shrink: 0;
}
.footer__bottom-container {
  background-color: #032332;
  padding: 20px 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 63.99em) {
  .footer__bottom-container {
    padding: 20px 24px;
  }
}
@media (max-width: 35.99em) {
  .footer__bottom-container {
    flex-direction: column-reverse;
    row-gap: 24px;
  }
}
.footer__copyright {
  color: #6C90A1;
  font-size: 12px;
  font-weight: 400;
}
.footer__terms-links {
  display: flex;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
.footer__term-link {
  font-size: 12px;
  font-weight: 400;
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .footer__term-link:hover {
    color: #93bbce;
    text-decoration: underline;
  }
}

.site.primary {
  background-color: #FFF;
}
.site.secondary {
  background-color: #F7FBFF;
}

.hero-home {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.hero-home__container {
  position: relative;
  width: 100%;
  max-width: calc(100% - 40px);
}
@media (max-width: 89.9375em) {
  .hero-home__container {
    max-width: calc(100% - 10px);
  }
}
.hero-home__slide-container {
  position: relative;
}
.hero-home__slide-container::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.hero-home__slide-container:not(:first-child):not(.slick-slide) {
  display: none;
}
.hero-home__slide-background {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  background-color: #043248;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 63.99em) {
  .hero-home__slide-background {
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
  }
}
.hero-home__picture, .hero-home__video {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 780px;
}
@media (max-width: 63.99em) {
  .hero-home__picture, .hero-home__video {
    height: 680px;
  }
}
.hero-home__picture {
  display: flex;
}
.hero-home__video {
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-home__background-image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-home .media {
  transform: scale(1.15);
  opacity: 0;
  transition: transform 2.1s ease-in-out, opacity 2.1s ease-in-out;
}
.hero-home .media.image-to-zoom {
  transform: scale(1);
  opacity: 1;
}
.hero-home__slide-foreground-container {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: flex;
  align-items: flex-end;
}
.hero-home__slide-foreground {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 50px;
  padding-right: 70px;
  border-radius: 60px;
  background-color: rgba(119, 125, 131, 0.6);
  backdrop-filter: blur(8px);
  color: #FFF;
  width: 680px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .hero-home__slide-foreground {
    padding: 24px;
    border-radius: 40px;
  }
}
.hero-home__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 25px;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .hero-home__title {
    font-size: 26px;
    margin-bottom: 12px;
  }
}
.hero-home__description {
  font-weight: 500;
  margin-bottom: 30px;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .hero-home__description {
    margin-bottom: 20px;
  }
}
.hero-home__slide-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
}
@media (max-width: 35.99em) {
  .hero-home__button {
    padding: 12px 30px;
  }
}

.button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 12px 40px;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: transform 0.525s ease, background-color 0.825s ease, color 0.825s ease, border-color 0.825s ease, opacity 0.825s ease;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.button.loading {
  opacity: 0.4;
  cursor: progress;
  pointer-events: none;
}
@media (max-width: 63.99em) {
  .button {
    font-size: 14px;
  }
}
.button--primary {
  background-color: #043248;
  color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .button--primary:hover {
    background-color: #00EFA5;
    color: #043248;
  }
}
.button--secondary {
  background-color: #FFF;
  color: #043248;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .button--secondary:hover {
    background-color: #00EFA5;
  }
}
.button--tertiary {
  border-color: #B0C6D6;
  color: #043248;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .button--tertiary:hover {
    background-color: #B0C6D6;
  }
}
.button--quaternary {
  background-color: transparent;
  color: #FFF;
  border-color: #FFF;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .button--quaternary:hover {
    background-color: #B0C6D6;
    border-color: #B0C6D6;
    color: #043248;
  }
}

.select-wrapper {
  width: 300px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.select-wrapper--input {
  width: 100%;
}
.select-wrapper--input.with-error .vs__dropdown-toggle {
  border-color: #E15853;
}

.select-label {
  font-size: 14px;
  font-weight: 500;
  color: #043248;
}
.select-label--input {
  font-size: 18px;
  font-weight: 600;
}
@media (max-width: 79.99em) {
  .select-label--input {
    font-size: 14px;
  }
}

.vs--open .vs__dropdown-toggle {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  border-bottom-color: #C7D3DC;
}

.vs--searchable .vs__dropdown-toggle {
  cursor: pointer;
}

.vs__dropdown-toggle {
  padding: 0;
  height: 44px;
  background-color: #FFF;
  border-radius: 30px;
  border-color: #C7D3DC;
  padding: 10px 20px;
  cursor: pointer;
}

.vs__selected-options {
  padding: 0;
  flex: 1;
  max-width: calc(100% - 30px);
}

.vs__search, .vs__search:focus {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
  pointer-events: none;
}

.vs__selected {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.vs__no-options {
  font-size: 14px;
  color: #043248;
}

.vs__actions {
  padding: 0;
  width: 30px;
  justify-content: flex-end;
}

.vs__clear {
  margin-right: 4px;
}

.vs__dropdown-option {
  color: #043248;
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
}
.vs__dropdown-option--highlight {
  background-color: #C7D3DC;
}

.vs__dropdown-menu {
  border-radius: 10px;
  border: 1px solid #C7D3DC;
  box-shadow: none;
  margin-top: 5px;
  padding: 7px 0;
  display: flex;
  flex-direction: column;
  row-gap: 7px;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100%;
}

.slider-footer {
  display: flex;
  justify-content: center;
  align-content: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.slider-footer__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .slider-footer__button:hover .slider-footer__caret {
    color: #00EFA5;
  }
}
.slider-footer__caret {
  transition: color 0.825s ease;
}
.slider-footer__pagination {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.8;
}
.slider-footer--primary .slider-footer__caret {
  color: #043248;
}
.slider-footer--primary .slider-footer__pagination {
  color: #043248;
}
.slider-footer--secondary .slider-footer__caret {
  color: #FFF;
}
.slider-footer--secondary .slider-footer__pagination {
  color: #FFF;
}

.equal-height-slides .slick-track {
  display: flex !important;
}
.equal-height-slides .slick-slide {
  height: inherit !important;
}
.equal-height-slides .slick-slide > div {
  height: 100%;
}

.breadcrumb {
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
  padding: 30px 0;
}
@media (max-width: 63.99em) {
  .breadcrumb {
    padding: 10px 0;
    white-space: nowrap;
  }
}
.breadcrumb__list > span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumb__list > span > span {
  margin: 0 10px;
}
.breadcrumb__list > span > span:first-child {
  margin-left: 0;
}
.breadcrumb a {
  color: #748287;
  text-decoration: none;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .breadcrumb a:hover {
    text-decoration: underline;
    color: #384D53;
  }
}

.paragraph-with-link {
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
.paragraph-with-link__decor-circle-top, .paragraph-with-link__decor-circle-bottom {
  position: absolute;
  z-index: 0;
}
.paragraph-with-link__decor-circle-top {
  top: 0;
  left: 0;
  transform: translateX(-30%) translateY(-30%) rotate(-135deg);
}
.paragraph-with-link__decor-circle-bottom {
  bottom: 0;
  right: 0;
  transform: translateX(30%) translateY(30%) rotate(180deg);
}
.paragraph-with-link__container {
  padding: 150px 0;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 63.99em) {
  .paragraph-with-link__container {
    padding: 80px 0;
  }
}
.paragraph-with-link__content {
  width: 850px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
}
.paragraph-with-link__paragraph {
  font-size: 36px;
  font-weight: 500;
  color: #043248;
}
.paragraph-with-link__paragraph strong {
  font-weight: 500;
  position: relative;
}
.paragraph-with-link__paragraph strong::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  height: 100%;
  background-color: #66f5c9;
  animation: backgroundSlide 6s infinite;
}
@media (max-width: 35.99em) {
  .paragraph-with-link__paragraph strong::before {
    display: none;
  }
}
@media (max-width: 63.99em) {
  .paragraph-with-link__paragraph {
    font-size: 20px;
    text-align: center;
  }
}
.paragraph-with-link__mobile-animated-line {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 28.5px;
  background-color: #66f5c9;
  animation: backgroundSlideMobile 6s infinite;
}
@media (min-width: 36em) {
  .paragraph-with-link__mobile-animated-line {
    display: none;
  }
}

@keyframes backgroundSlideMobile {
  0% {
    width: 0%;
    opacity: 0;
    right: auto;
  }
  20% {
    width: var(--animated-line-width, 300px);
    opacity: 1;
    right: auto;
  }
  70% {
    width: var(--animated-line-width, 300px);
    opacity: 1;
    right: auto;
  }
  71% {
    width: var(--animated-line-width, 300px);
    opacity: 1;
  }
  90% {
    width: var(--animated-line-width, 300px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes backgroundSlide {
  0% {
    width: 0%;
    opacity: 0;
    left: 0;
    right: auto;
  }
  20% {
    width: 100%;
    opacity: 1;
    left: 0;
    right: auto;
  }
  70% {
    width: 100%;
    opacity: 1;
    left: 0;
    right: auto;
  }
  71% {
    left: auto;
    right: 0;
  }
  90% {
    width: 0%;
    opacity: 0;
    left: auto;
    right: 0;
  }
  100% {
    width: 0%;
    opacity: 0;
    left: auto;
    right: 0;
  }
}
.products-slider__slider {
  display: none;
  min-height: 490px;
  margin: -30px 0;
}
@media (min-width: 64em) {
  .products-slider__slider {
    min-height: 550px;
    width: calc(100% + 50px);
    padding: 0 25px;
    margin-left: -25px;
    overflow: hidden;
  }
}
.products-slider__slider.slick-slider {
  display: block;
}
.products-slider .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.products-slider .slick-slide {
  margin: 0 15px;
}
.products-slider .slick-slide .card {
  box-shadow: none;
}
.products-slider .slick-slide.slick-active .card {
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1);
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .products-slider .slick-slide.slick-active .card:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.25);
  }
}
.products-slider__slider-footer {
  margin-top: 40px;
}
@media (max-width: 63.99em) {
  .products-slider__slider-footer {
    margin-top: 24px;
  }
}

.search-container {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 320px;
}
.search-container__label {
  font-size: 14px;
  font-weight: 500;
  color: #043248;
}
.search-container__input-container {
  position: relative;
  height: 44px;
}
.search-container__search-input {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-color: #FFF;
  border: 1px solid #C7D3DC;
  font-size: 14px;
  color: #043248;
  font-weight: 500;
  padding: 0 20px;
}
.search-container__search-icon {
  position: absolute;
  z-index: 2;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

.card-product-container {
  padding: 30px 0;
}

.card--product {
  transition: box-shadow 0.825s ease, transform 0.825s ease;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--product:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
    transform: translateY(-10px);
  }
  .card--product:hover .card__title {
    color: #00A774;
  }
}
.card--product .card__image-container {
  display: flex;
  flex-direction: column;
  padding: 10px;
  padding-bottom: 0;
  border-radius: 10px;
  overflow: hidden;
}
.card--product .card__image {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 10px;
}
@media (max-width: 35.99em) {
  .card--product .card__image {
    height: 200px;
  }
}
.card--product .card__first-category {
  max-width: calc(100% - 30px);
}
.card--product .card__category-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.card--product .card__body {
  flex: 1;
  padding: 20px;
  padding-top: 0;
  margin-top: -13px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 63.99em) {
  .card--product .card__body {
    padding: 20px 30px;
    padding-top: 0;
  }
}
.card--product .card__title {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 18px;
  color: #043248;
  font-weight: 600;
  transition: color 0.825s ease;
  line-height: 1.6;
}
@media (max-width: 63.99em) {
  .card--product .card__title {
    font-size: 14px;
  }
}
.card--product .card__title-link {
  display: block;
}
.card--product .card__description {
  display: block;
  margin-bottom: 32px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Fallback for browsers that don't support -webkit-line-clamp */
}
@supports not (-webkit-line-clamp: 3) {
  .card--product .card__description {
    display: block;
    max-height: 3.6em; /* Approximate line height */
    position: relative;
  }
  .card--product .card__description::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: white; /* Should match content background */
    padding-left: 4px;
  }
}
.card--product .card__footer {
  margin-top: auto;
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.card--product .card__button {
  padding: 10px;
  flex: 1;
}
.card--product.card--loading .card__image-container {
  height: 210px;
}
.card--product.card--loading .card__category {
  display: inline-block;
  width: 180px;
  height: 28px;
}
.card--product.card--loading .card__title {
  height: 60px;
}
.card--product.card--loading .card__description {
  height: 75px;
}
.card--product.card--loading .card__button {
  width: 125px;
  height: 44px;
}

.card--about {
  transition: box-shadow 0.525s ease, transform 0.525s ease;
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  overflow: hidden;
  background-color: #FFF;
  width: 410px;
  max-width: 100%;
  min-height: 520px;
}
@media (max-width: 63.99em) {
  .card--about {
    width: 300px;
    min-height: auto;
    border-radius: 16px;
  }
}
@media (max-width: 35.99em) {
  .card--about {
    width: 340px;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--about:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
    transform: translateY(-10px);
  }
  .card--about:hover .card__decor-rounded {
    transform: translateX(95px) translateY(70px);
  }
  .card--about:hover .card__title {
    color: #00A774;
  }
}
.card--about .card__image-container {
  display: flex;
  flex-direction: column;
  padding: 10px;
  padding-bottom: 0;
  overflow: hidden;
}
@media (max-width: 48.115em) {
  .card--about .card__image-container {
    height: 150px;
  }
}
.card--about .card__image {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
  height: 100%;
}
.card--about .card__body {
  flex: 1;
  padding: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 48.115em) {
  .card--about .card__body {
    padding-top: 20px;
  }
}
.card--about .card__decor-rounded {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transform: translateX(95px) translateY(100px);
  transition: transform 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--about .card__decor-rounded {
    transform: translateX(100px);
  }
}
.card--about .card__title {
  position: relative;
  z-index: 2;
  margin-bottom: 15px;
  font-size: 30px;
  color: #041E2B;
  font-weight: 600;
  transition: color 0.825s ease;
}
@media (max-width: 63.99em) {
  .card--about .card__title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.card--about .card__title-link {
  display: block;
}
.card--about .card__description {
  position: relative;
  z-index: 2;
  display: block;
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .card--about .card__description {
    font-size: 13px;
    margin-bottom: 20px;
  }
}
.card--about .card__footer {
  position: relative;
  z-index: 2;
  margin-top: auto;
  display: flex;
}
.card--about .card__button {
  padding: 10px 30px;
}

.card-blog-container {
  padding: 30px 0;
}

.card--blog {
  transition: box-shadow 0.825s ease, transform 0.825s ease;
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
  padding: 10px;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--blog:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
    transform: translateY(-10px);
  }
  .card--blog:hover .card__title {
    color: #00A774;
  }
  .card--blog:hover .card__link {
    border-color: #00A774;
    transform: translateY(-5px);
  }
}
.card--blog .card__image-container {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.card--blog .card__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card--blog .card__first-category {
  max-width: calc(100% - 30px);
}
.card--blog .card__category-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
}
.card--blog .card__body {
  flex: 1;
  padding: 20px;
  padding-top: 0;
  margin-top: -13px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 50px;
}
@media (max-width: 63.99em) {
  .card--blog .card__body {
    row-gap: 30px;
  }
}
.card--blog .card__body:not(:has(.card__categories-container)) {
  margin-top: 20px;
}
.card--blog .card__body-content {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.card--blog .card__date {
  font-size: 12px;
  font-weight: 500;
}
.card--blog .card__title {
  font-size: 18px;
  color: #043248;
  font-weight: 600;
  line-height: 1.6;
  transition: color 0.825s ease;
  cursor: pointer;
}
@media (max-width: 63.99em) {
  .card--blog .card__title {
    font-size: 14px;
  }
}
.card--blog .card__title-link {
  display: block;
}
.card--blog .card__description {
  display: block;
  cursor: pointer;
}
.card--blog .card__footer {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.card--blog .card__link {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  color: #043248;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
  transition: transform 0.525s ease, border-color 0.525s ease, color 0.525s ease;
}
.card--blog.card--no-categories .card__body {
  padding-top: 12px;
  margin-top: 0;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--blog.card--secondary:hover .card__title {
    color: #043248;
    text-decoration: underline;
  }
  .card--blog.card--secondary:hover .card__link {
    color: #00A774;
    border-color: transparent;
    transform: none;
  }
}
.card--blog.card--secondary.card--no-link .card__image-container {
  cursor: initial;
}
.card--blog.card--secondary.card--no-link .card__title {
  cursor: initial;
  text-decoration: none;
}
.card--blog.card--secondary.card--no-link .card__description {
  cursor: initial;
}
.card--blog.card--secondary .card__body {
  row-gap: 40px;
}
.card--blog.card--secondary .card__date {
  font-size: 14px;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .card--blog.card--secondary .card__title {
    text-decoration: underline;
  }
}
.card--blog.card--secondary .card__link {
  padding-bottom: 0;
}
@media (max-width: 63.99em) {
  .card--blog.card--secondary .card__link {
    color: #00A774;
  }
}
.card--blog.card--loading .card__image {
  height: 220px;
}
.card--blog.card--loading .card__date {
  width: 50px;
  height: 21px;
}
.card--blog.card--loading .card__title {
  height: 29px;
}
.card--blog.card--loading .card__description {
  height: 75px;
}
.card--blog.card--loading .card__link {
  width: 94px;
  height: 25px;
}

.card-page-container {
  padding: 30px 0;
}

.card--page {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 20px;
  background-color: #FFF;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
  transition: box-shadow 0.525s ease, transform 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--page:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
    transform: translateY(-10px);
  }
  .card--page:hover .card__image {
    transform: scale(1.1);
  }
  .card--page:hover .card__title-link {
    text-decoration: underline;
  }
  .card--page:hover .card__link {
    color: #00A774;
  }
}
.card--page .card__image-container {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
}
.card--page .card__image {
  transition: transform 0.525s ease;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card--page .card__body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  min-height: 190px;
  flex: 1;
}
@media (max-width: 63.99em) {
  .card--page .card__body {
    min-height: auto;
  }
}
.card--page .card__title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .card--page .card__title {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
.card--page .card__description {
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (max-width: 48.115em) {
  .card--page .card__description {
    display: none;
  }
}
.card--page .card__title-link {
  display: block;
}
@media (max-width: 48.115em) {
  .card--page .card__title-link {
    text-decoration: underline;
  }
}
.card--page .card__link {
  align-self: flex-start;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
  margin-top: auto;
}
@media (max-width: 63.99em) {
  .card--page .card__link {
    margin-top: auto;
    color: #00A774;
  }
}
@media (min-width: 36em) {
  .card--page .card__link-secondary-icon {
    display: none;
  }
}
.card--page.card--primary .card__link-secondary-icon {
  display: none;
}
@media (max-width: 35.99em) {
  .card--page.card--secondary {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 24px;
         column-gap: 24px;
    border-radius: 10px;
  }
  .card--page.card--secondary .card__image-container {
    height: 80px;
    width: 130px;
  }
  .card--page.card--secondary .card__image {
    height: 100%;
  }
  .card--page.card--secondary .card__body {
    flex: 1;
    padding: 0;
  }
  .card--page.card--secondary .card__title {
    font-size: 16px;
    margin-bottom: 0;
  }
  .card--page.card--secondary .card__title-link {
    display: flex;
    align-items: center;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
  }
  .card--page.card--secondary .card__description {
    display: none;
  }
  .card--page.card--secondary .card__link {
    display: none;
  }
  .card--page.card--secondary .card__link-icon {
    display: none;
  }
}

.card-feature-container {
  padding: 50px 0;
}

.card--feature {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  padding: 10px;
  background-color: #FFF;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
  height: 100%;
}
.card--feature .card__image-container {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
.card--feature .card__image {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card--feature .card__body {
  padding: 20px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  flex: 1;
}
@media (max-width: 63.99em) {
  .card--feature .card__body {
    padding: 20px 10px;
  }
}
.card--feature .card__title {
  font-size: 18px;
  font-weight: 600px;
  color: #043248;
  line-height: 1.6;
}
@media (max-width: 63.99em) {
  .card--feature .card__title {
    font-size: 14px;
  }
}

.card-area-container {
  padding: 30px 0;
}

.card--area {
  display: flex;
  flex-direction: column;
  background-color: #EDF5FB;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  overflow: hidden;
  min-height: 410px;
}
@media (max-width: 63.99em) {
  .card--area {
    min-height: initial;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--area:hover .card__image-container {
    max-height: 200px;
  }
  .card--area:hover .card__description-container {
    max-height: var(--description-height, 96px);
  }
  .card--area:hover .card__description {
    opacity: 1;
  }
}
.card--area::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 500px;
  height: 315px;
  background: linear-gradient(180deg, #EDF5FB 0%, #D3DFE9 50%);
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
  transform: translateX(135px) translateY(310px);
}
.card--area .card__image-container {
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  z-index: 2;
  max-height: 290px;
  transition: max-height 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--area .card__image-container {
    height: 170px;
  }
}
.card--area .card__image {
  width: 100%;
  height: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.card--area .card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 2;
  padding: 20px;
}
@media (max-width: 63.99em) {
  .card--area .card__body {
    padding: 20px 0;
    row-gap: 15px;
  }
}
.card--area .card__title {
  font-size: 24px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .card--area .card__title {
    font-size: 16px;
  }
}
.card--area .card__description-container {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--area .card__description-container {
    max-height: initial;
  }
}
.card--area .card__description {
  padding-top: 20px;
  opacity: 0;
  transition: opacity 0.525s ease;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Fallback for browsers that don't support -webkit-line-clamp */
}
@supports not (-webkit-line-clamp: 3) {
  .card--area .card__description {
    display: block;
    max-height: 3.6em; /* Approximate line height */
    position: relative;
  }
  .card--area .card__description::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: white; /* Should match content background */
    padding-left: 4px;
  }
}
@media (max-width: 63.99em) {
  .card--area .card__description {
    opacity: 1;
    padding-top: 0;
  }
}

.card-feature-grid-container {
  padding: 30px 0;
}

.card--feature-grid {
  width: 100%;
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1490196078);
  background-color: #FFF;
}
@media (max-width: 48.115em) {
  .card--feature-grid {
    flex-direction: column;
    align-items: stretch;
  }
}
.card--feature-grid .card__image-container {
  display: flex;
  overflow: hidden;
  border-radius: 10px;
}
@media (max-width: 48.115em) {
  .card--feature-grid .card__image-container {
    height: 150px;
  }
}
.card--feature-grid .card__image {
  height: 100%;
  min-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 48.115em) {
  .card--feature-grid .card__image {
    width: 100%;
  }
}
.card--feature-grid .card__body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 20px;
  padding: 10px;
}
@media (max-width: 48.115em) {
  .card--feature-grid .card__body {
    padding-top: 20px;
    row-gap: 10px;
  }
}
.card--feature-grid .card__title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}

.card-project-inline-container {
  padding: 50px 0;
}

.card--project-inline {
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 10px;
  background-color: #FFF;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
  transition: transform 0.525s ease;
  position: relative;
  overflow: hidden;
}
.card--project-inline::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 500px;
  height: 315px;
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
  background: linear-gradient(180deg, #FFFFFF 0%, #CBEEFF 65%);
  transform: translateX(95px) translateY(100px);
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--project-inline:hover {
    transform: translateY(-10px);
  }
  .card--project-inline:hover .card__image {
    transform: scale(1.1);
  }
}
.card--project-inline .card__image-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  z-index: 2;
}
.card--project-inline .card__image {
  transition: transform 0.525s ease;
}
.card--project-inline .card__body {
  padding: 20px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  flex: 1;
}
@media (max-width: 63.99em) {
  .card--project-inline .card__body {
    padding: 20px 10px;
  }
}
.card--project-inline .card__title {
  font-size: 24px;
  font-weight: 600;
  color: #043248;
  margin-bottom: 10px;
  line-height: 1.6;
}
@media (max-width: 63.99em) {
  .card--project-inline .card__title {
    font-size: 16px;
    color: #00A774;
  }
}
.card--project-inline .card__description {
  margin-bottom: 25px;
}
.card--project-inline .card__button {
  margin-top: auto;
  align-self: flex-start;
}

.card--menu-page {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #FFF;
  transition: box-shadow 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--menu-page {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--menu-page:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
  }
  .card--menu-page:hover .card__title {
    color: #00A774;
  }
}
.card--menu-page .card__image {
  border-radius: 10px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 63.99em) {
  .card--menu-page .card__image {
    width: 130px;
    flex-shrink: 0;
  }
}
.card--menu-page .card__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--menu-page .card__title {
    flex: 1;
    padding: 0;
  }
}

.card--menu-service {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #FFF;
  transition: box-shadow 0.525s ease;
  width: 220px;
}
@media (max-width: 84.375em) {
  .card--menu-service {
    width: 170px;
  }
}
@media (max-width: 63.99em) {
  .card--menu-service {
    width: 100%;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--menu-service:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
  }
  .card--menu-service:hover .card__title {
    color: #00A774;
  }
  .card--menu-service:hover .card__link {
    border-color: #00A774;
    transform: translateY(0px);
  }
}
.card--menu-service .card__image {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}
.card--menu-service .card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 110px;
  row-gap: 20px;
  flex: 1;
}
@media (max-width: 63.99em) {
  .card--menu-service .card__body {
    row-gap: 10px;
    min-height: 70px;
  }
}
.card--menu-service .card__title {
  font-size: 16px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
}
@media (max-width: 63.99em) {
  .card--menu-service .card__title {
    font-size: 12px;
  }
}
.card--menu-service .card__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #043248;
  border-bottom: 1px solid transparent;
  transform: translateY(5px);
  transition: border-color 0.525s ease, transform 0.525s ease;
}

.card--menu-product {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #FFF;
  transition: box-shadow 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card--menu-product:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
  }
  .card--menu-product:hover .card__title {
    color: #00A774;
  }
  .card--menu-product:hover .card__link {
    border-color: #00A774;
    transform: translateY(0);
  }
}
.card--menu-product .card__image {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  border-radius: 10px;
  height: 150px;
}
@media (max-width: 89.9375em) {
  .card--menu-product .card__image {
    height: 100px;
  }
}
.card--menu-product .card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  min-height: 110px;
  row-gap: 20px;
}
.card--menu-product .card__title {
  font-size: 12px;
  font-weight: 500;
  color: #043248;
  transition: color 0.525s ease;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  /* Fallback for browsers that don't support -webkit-line-clamp */
}
@supports not (-webkit-line-clamp: 5) {
  .card--menu-product .card__title {
    display: block;
    max-height: 6em; /* Approximate line height */
    position: relative;
  }
  .card--menu-product .card__title::after {
    content: "...";
    position: absolute;
    bottom: 0;
    right: 0;
    background: white; /* Should match content background */
    padding-left: 4px;
  }
}
.card--menu-product .card__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  padding-bottom: 5px;
  font-size: 12px;
  font-weight: 500;
  color: #043248;
  border-bottom: 1px solid transparent;
  transform: translateY(5px);
  transition: border-color 0.525s ease, transform 0.525s ease;
}

.card__categories-container {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
}
.card__other-categories-container {
  position: relative;
  padding: 10px 5px;
  margin: -10px -5px;
  padding-top: 0;
  margin-top: 0;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .card__other-categories-container:hover .card__other-categories {
    opacity: 1;
    pointer-events: all;
  }
}
.card__other-categories-plus {
  width: 26px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  padding: 0;
}
.card__other-categories {
  position: absolute;
  z-index: 4;
  background-color: #FFF;
  bottom: 0;
  left: 50%;
  transform: translateX(calc(-50% - 40px)) translateY(calc(100% - 5px));
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.525s ease;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 5px;
}
.card__other-categories--right {
  left: initial;
  right: 0;
  align-items: flex-end;
}

.category {
  display: inline-flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  min-height: 26px;
  border-radius: 20px;
  background-color: #DDF4FF;
  transition: background-color 0.825s ease;
  color: #005893;
  font-size: 12px;
  font-weight: 500;
}
@media (max-width: 48.115em) {
  .category {
    font-size: 11px;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .category:hover {
    background-color: #BBE9FF;
  }
}
.category--plus {
  font-size: 18px;
  line-height: 1;
  padding: 0;
}

.products-about-section {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.products-about-section__products-title {
  margin-bottom: 40px;
}
@media (max-width: 63.99em) {
  .products-about-section__products-title {
    margin-bottom: 24px;
  }
}
.products-about-section__about-digits-container {
  position: relative;
  padding-top: 150px;
  padding-bottom: 100px;
}
@media (max-width: 63.99em) {
  .products-about-section__about-digits-container {
    padding-top: 40px;
  }
}
.products-about-section__about-digits-container::before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 185px);
  background: linear-gradient(180deg, #00EFA5 0%, #56C9FF 20%, #043248 100%);
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 48.115em) {
  .products-about-section__about-digits-container::before {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
.products-about-section__about-container {
  position: relative;
  z-index: 1;
  width: 1400px;
  max-width: calc(100% - 20px);
}
.products-about-section__about-background-container {
  position: relative;
  width: 100%;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  overflow: hidden;
  background-color: #043248;
  display: flex;
}
@media (max-width: 48.115em) {
  .products-about-section__about-background-container {
    min-height: 470px;
  }
}
.products-about-section__about-background {
  position: relative;
  z-index: 1;
  width: 100%;
  display: block;
}
.products-about-section__about-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.products-about-section__about-foreground {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 75%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 60px;
}
.products-about-section__about-foreground::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}
@media (max-width: 63.99em) {
  .products-about-section__about-foreground {
    padding-bottom: 100px;
  }
}
@media (max-width: 48.115em) {
  .products-about-section__about-foreground {
    justify-content: flex-end;
    padding: 100px 12px;
    padding-top: 0;
  }
}
.products-about-section__about-foreground-content {
  position: relative;
  z-index: 2;
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .products-about-section__about-foreground-content {
    row-gap: 20px;
  }
}
.products-about-section__about-title {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
}
@media (max-width: 48.115em) {
  .products-about-section__about-title {
    font-size: 14px;
  }
}
.products-about-section__about-description {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 48.115em) {
  .products-about-section__about-description {
    font-size: 16px;
  }
}
.products-about-section__about-cards {
  position: relative;
  z-index: 2;
  margin-top: -90px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 16px;
}
@media (max-width: 63.99em) {
  .products-about-section__about-cards {
    margin-top: -60px;
  }
}
.products-about-section__digits-container {
  margin-top: 100px;
}

.features-slider {
  margin: 150px 0;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 63.99em) {
  .features-slider {
    margin: 60px 0;
  }
}
.features-slider__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  text-align: center;
  width: 520px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}
@media (max-width: 63.99em) {
  .features-slider__header {
    row-gap: 16px;
    margin-bottom: 24px;
  }
}
.features-slider__title {
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .features-slider__title {
    font-size: 20px;
  }
}
@media (min-width: 64em) {
  .features-slider__slider {
    margin: -30px 0;
    width: calc(100% + 50px);
    padding: 0 25px;
    margin-left: -25px;
    overflow: hidden;
  }
}
.features-slider .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.features-slider .slick-slide {
  margin: 0 15px;
}
@media (min-width: 64em) {
  .features-slider__feature-container {
    padding: 30px 0;
  }
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .features-slider__feature-container:hover .features-slider__feature {
    background-color: #FFF;
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
  }
  .features-slider__feature-container:hover .features-slider__decor-rounded-top {
    opacity: 0;
  }
  .features-slider__feature-container:hover .features-slider__decor-rounded-bottom {
    transform: translateX(195px) translateY(70px);
  }
}
.features-slider__feature {
  position: relative;
  background-color: rgba(238, 250, 255, 0.9);
  width: 100%;
  height: 100%;
  border-radius: 30px;
  overflow: hidden;
  transition: box-shadow 0.525s ease, background-color 0.525s ease;
  padding: 50px;
  min-height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 63.99em) {
  .features-slider__feature {
    padding: 25px;
    border-radius: 10px;
    min-height: auto;
  }
}
.features-slider__decor-rounded-top {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  transform: translateX(-315px) translateY(-100px) rotate(180deg);
  transition: opacity 0.525s ease;
  opacity: 1;
}
@media (max-width: 63.99em) {
  .features-slider__decor-rounded-top {
    transform: translateX(-315px) translateY(0) rotate(180deg);
  }
}
@media (max-width: 48.115em) {
  .features-slider__decor-rounded-top {
    transform: translateX(-140px) translateY(-20px) rotate(180deg);
  }
}
.features-slider__decor-rounded-bottom {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transform: translateX(265px) translateY(70px);
  transition: transform 0.525s ease;
  opacity: 1;
}
@media (max-width: 63.99em) {
  .features-slider__decor-rounded-bottom {
    transform: translateX(110px) translateY(40px);
  }
}
.features-slider__feature-content {
  position: relative;
  z-index: 2;
  font-size: 21px;
  font-weight: 500;
  color: #043248;
}
@media (max-width: 48.115em) {
  .features-slider__feature-content {
    font-size: 13px;
  }
}
.features-slider__footer {
  margin-top: 60px;
  position: relative;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 63.99em) {
  .features-slider__footer {
    margin-top: 24px;
    justify-content: space-between;
    align-items: center;
  }
}
.features-slider__button {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 63.99em) {
  .features-slider__button {
    position: static;
    transform: none;
  }
}

.decor-rounded {
  width: 500px;
  height: 320px;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
}
@media (max-width: 63.99em) {
  .decor-rounded {
    width: 270px;
    height: 170px;
  }
}
.decor-rounded--primary {
  background: linear-gradient(180deg, #EEFAFF 0%, #D7F1FE 75%);
}
.decor-rounded--secondary {
  background: linear-gradient(180deg, #FFFFFF 0%, #D0FCEF 65%);
}

.decor-circle {
  width: 560px;
  height: 560px;
  display: block;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 50%;
}
@media (max-width: 63.99em) {
  .decor-circle {
    width: 335px;
    height: 335px;
  }
}
.decor-circle--primary {
  background: linear-gradient(180deg, #FFFFFF 0%, #BFFBE8 100%);
}
.decor-circle--secondary {
  width: 820px;
  height: 820px;
  background: linear-gradient(180deg, #EDF5FB 50%, #E0ECF4 90%);
}
.decor-circle--tertiary {
  width: 820px;
  height: 820px;
  background: linear-gradient(180deg, #EDF5FB 35%, #E1EDF6 90%);
}
.decor-circle--quaternary {
  width: 820px;
  height: 820px;
  background: linear-gradient(180deg, #EEFAFF 50%, #E0F5FF 90%);
}
.decor-circle--quinary {
  width: 820px;
  height: 820px;
  background: linear-gradient(180deg, #EEFAFF 35%, #D9F2FE 90%);
}

.partners-slider {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .partners-slider {
    margin: 60px 0;
  }
}
.partners-slider--secondary .partners-slider__title {
  font-size: 30px;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .partners-slider--secondary .partners-slider__title {
    font-size: 20px;
  }
}
.partners-slider__container {
  background-color: #EDF5FB;
  padding: 80px 60px;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
}
@media (max-width: 63.99em) {
  .partners-slider__container {
    padding: 60px 16px;
  }
}
.partners-slider__decor-circle-top {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateX(-500px) translateY(-50px);
}
@media (max-width: 63.99em) {
  .partners-slider__decor-circle-top {
    transform: translateX(-165px) translateY(20px);
  }
}
.partners-slider__decor-circle-bottom {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: translateX(775px) translateY(40px) rotate(180deg);
}
@media (max-width: 63.99em) {
  .partners-slider__decor-circle-bottom {
    transform: rotate(180deg) translateX(-165px) translateY(-30px);
  }
}
.partners-slider__header {
  position: relative;
  z-index: 2;
  width: 520px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin-bottom: 50px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .partners-slider__header {
    row-gap: 10px;
    margin-bottom: 20px;
  }
}
.partners-slider__title {
  font-size: 24px;
  font-weight: 500;
}
@media (max-width: 63.99em) {
  .partners-slider__title {
    font-size: 20px;
  }
}
.partners-slider .slick-list {
  margin: 0 -15px;
}
@media (max-width: 63.99em) {
  .partners-slider .slick-list {
    margin: 0 -5px;
  }
}
.partners-slider .slick-slide {
  margin: 0 15px;
}
@media (max-width: 63.99em) {
  .partners-slider .slick-slide {
    margin: 0 5px;
  }
}
@media (max-width: 63.99em) {
  .partners-slider .slick-slide > div {
    height: 100px;
  }
}
.partners-slider__slider {
  position: relative;
  z-index: 2;
}
.partners-slider__slide {
  border-radius: 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  background-color: #FFF;
}
@media (max-width: 63.99em) {
  .partners-slider__slide {
    height: 100px;
  }
}
.partners-slider__slide-image {
  pointer-events: none;
}
.partners-slider__slider-footer {
  margin-top: 30px;
  justify-content: center;
  position: relative;
  z-index: 2;
}
@media (max-width: 63.99em) {
  .partners-slider__slider-footer {
    margin-top: 24px;
  }
}

.partners-testimonials-section__partners-container {
  margin-bottom: -100px;
  position: relative;
  z-index: 2;
}
.partners-testimonials-section__testimonials-section {
  position: relative;
  padding: 150px 0;
}
.partners-testimonials-section__testimonials-section::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 265px);
  background: linear-gradient(180deg, #56C9FF 0%, #043248 55%);
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__testimonials-section::before {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__testimonials-section {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.partners-testimonials-section__testimonials-container {
  position: relative;
  z-index: 2;
}
.partners-testimonials-section__testimonials-title {
  width: 680px;
  max-width: 100%;
  margin: 40px auto;
  margin-top: 0;
  color: #FFF;
  font-size: 36px;
  font-weight: 600;
  text-align: center;
  position: relative;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__testimonials-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
.partners-testimonials-section__apos {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.partners-testimonials-section__testimonials-title-content {
  position: relative;
  z-index: 2;
}
.partners-testimonials-section .slick-list {
  margin: 0 -15px;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section .slick-list {
    margin: 0 -5px;
  }
}
.partners-testimonials-section .slick-slide {
  margin: 0 15px;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section .slick-slide {
    margin: 0 5px;
  }
}
.partners-testimonials-section__slider-footer {
  margin-top: 30px;
  justify-content: center;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__slider-footer {
    margin-top: 24px;
  }
}
.partners-testimonials-section__testimonial {
  min-height: 350px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  justify-content: space-between;
  border-radius: 20px;
  padding: 40px;
  background-color: #FFF;
  position: relative;
  overflow: hidden;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__testimonial {
    min-height: auto;
    row-gap: 30px;
  }
}
.partners-testimonials-section__testimonial-description {
  position: relative;
  z-index: 2;
}
.partners-testimonials-section__testimonial-author {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.partners-testimonials-section__testimonial-name {
  margin-bottom: 5px;
  font-weight: 700;
  color: #043248;
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__testimonial-name {
    font-size: 12px;
  }
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__tesitmonial-role {
    font-size: 12px;
  }
}
.partners-testimonials-section__decor-rounded {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transform: translateX(110px) translateY(110px);
}
@media (max-width: 63.99em) {
  .partners-testimonials-section__decor-rounded {
    width: 530px;
    height: 315px;
  }
}

.blog-listing-inline {
  margin: 150px 0;
  position: relative;
  overflow-x: clip;
  overflow-y: visible;
}
@media (max-width: 63.99em) {
  .blog-listing-inline {
    margin: 60px 0;
  }
}
.blog-listing-inline--secondary, .blog-listing-inline--tertiary {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .blog-listing-inline--secondary, .blog-listing-inline--tertiary {
    margin: 60px 0;
  }
}
.blog-listing-inline--secondary .blog-listing-inline__title, .blog-listing-inline--tertiary .blog-listing-inline__title {
  font-size: 24px;
}
@media (max-width: 63.99em) {
  .blog-listing-inline--secondary .blog-listing-inline__title, .blog-listing-inline--tertiary .blog-listing-inline__title {
    font-size: 20px;
  }
}
.blog-listing-inline--secondary .blog-listing-inline__decor-circle, .blog-listing-inline--tertiary .blog-listing-inline__decor-circle {
  display: none;
}
@media (max-width: 35.99em) {
  .blog-listing-inline--tertiary .blog-listing-inline__slider, .blog-listing-inline--tertiary .blog-listing-inline__slider-footer {
    display: none;
  }
}
.blog-listing-inline__container {
  position: relative;
  z-index: 2;
}
.blog-listing-inline__decor-circle {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  transform: translateX(-40%) translateY(160px) rotate(180deg);
}
@media (max-width: 63.99em) {
  .blog-listing-inline__decor-circle {
    display: none;
  }
}
.blog-listing-inline__title {
  margin-bottom: 40px;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .blog-listing-inline__title {
    font-size: 20px;
  }
}
.blog-listing-inline .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.blog-listing-inline .slick-slide {
  margin: 0 15px;
}
.blog-listing-inline .slick-slide .card {
  box-shadow: none;
}
.blog-listing-inline .slick-slide.slick-active .card {
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1);
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .blog-listing-inline .slick-slide.slick-active .card:hover {
    box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.25);
  }
}
.blog-listing-inline__slider {
  margin: -30px 0;
  width: calc(100% + 50px);
  padding: 0 25px;
  margin-left: -25px;
  overflow: hidden;
}
.blog-listing-inline__slider-footer {
  margin-top: 40px;
  justify-content: center;
}
@media (max-width: 63.99em) {
  .blog-listing-inline__slider-footer {
    margin-top: 24px;
  }
}
.blog-listing-inline__mobile-grid {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.blog-listing-inline__mobile-grid .card-blog-container {
  padding: 0;
}
@media (min-width: 36em) {
  .blog-listing-inline__mobile-grid {
    display: none;
  }
}

.resources-links {
  margin: 150px 0;
}
@media (max-width: 63.99em) {
  .resources-links {
    margin: 60px 0;
  }
}
.resources-links__container {
  background-color: #EEFAFF;
  border-radius: 20px;
  padding: 100px 110px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
@media (max-width: 63.99em) {
  .resources-links__container {
    padding: 60px 20px;
  }
}
@media (max-width: 48.115em) {
  .resources-links__container {
    flex-direction: column;
    align-items: stretch;
    row-gap: 20px;
  }
}
.resources-links__decor-top {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateX(-500px) translateY(-40px);
}
@media (max-width: 63.99em) {
  .resources-links__decor-top {
    transform: translateX(-30px) translateY(-125px);
  }
}
.resources-links__decor-bottom {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: translateX(775px) translateY(-60px) rotate(180deg);
}
@media (max-width: 63.99em) {
  .resources-links__decor-bottom {
    transform: translateX(280px) translateY(-60px) rotate(180deg);
  }
}
.resources-links__content {
  position: relative;
  z-index: 2;
  width: 410px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: calc(50% - 10px);
}
@media (max-width: 48.115em) {
  .resources-links__content {
    width: 100%;
    max-width: 100%;
    row-gap: 5px;
  }
}
.resources-links__title {
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .resources-links__description {
    line-height: 1.6;
  }
}
.resources-links__links {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 520px;
  max-width: calc(50% - 10px);
}
@media (max-width: 48.115em) {
  .resources-links__links {
    width: 100%;
    max-width: 100%;
    row-gap: 8px;
  }
}
.resources-links__link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 30px;
  border-radius: 20px;
  background-color: #FFF;
  transition: box-shadow 0.525s ease, padding 0.525s ease;
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .resources-links__link:hover {
    padding-left: 40px;
    padding-right: 40px;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.1490196078);
  }
  .resources-links__link:hover .resources-links__link-icon {
    color: #00EFA5;
  }
}
@media (max-width: 63.99em) {
  .resources-links__link {
    width: 100%;
    padding: 15px 30px;
    border-radius: 16px;
    font-size: 15px;
  }
}
.resources-links__link-icon {
  flex-shrink: 0;
  color: #043248;
  transition: color 0.525s ease;
}

.seo-footer {
  margin-top: 20px;
  margin-bottom: 10px;
}
.seo-footer__container {
  width: 1400p;
}
.seo-footer__accordion {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.seo-footer__accordion-title {
  position: relative;
  z-index: 2;
  align-self: center;
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 10px 30px;
  border-radius: 30px;
  background-color: #D8E6F1;
  font-size: 14px;
  color: #041E2B;
  cursor: pointer;
  transition: background-color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .seo-footer__accordion-title:hover {
    background-color: #C7D3DC;
  }
}
.seo-footer__accordion-title.ui-state-active .seo-footer__icon {
  transform: rotate(180deg);
}
.seo-footer__icon {
  transition: transform 0.525s ease;
}
.seo-footer__contents-container {
  position: relative;
  z-index: 1;
  width: 100%;
  transform: translateY(-20px);
  display: none;
}
.seo-footer__contents {
  width: 100%;
  background-color: #EDF5FB;
  padding: 50px 85px;
  border-radius: 60px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 63.99em) {
  .seo-footer__contents {
    padding: 50px 30px;
  }
}
@media (max-width: 48.115em) {
  .seo-footer__contents {
    padding: 50px 16px;
    grid-template-columns: minmax(0, 1fr);
    row-gap: 24px;
  }
}
.seo-footer__column {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 48.115em) {
  .seo-footer__column {
    row-gap: 24px;
  }
}
.seo-footer__content-section {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 48.115em) {
  .seo-footer__content-section {
    row-gap: 15px;
  }
}
.seo-footer__content-title {
  font-size: 12px;
  font-weight: 600;
  color: #041E2B;
}
.seo-footer__content-description {
  font-size: 12px;
}

.product-details {
  margin-top: 115px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .product-details {
    margin-top: 90px;
    margin-bottom: 80px;
  }
}
.product-details__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 48.115em) {
  .product-details__container {
    flex-direction: column-reverse;
    align-items: stretch;
    row-gap: 40px;
  }
}
.product-details__left-side {
  width: 600px;
  max-width: calc(50% - 10px);
}
@media (max-width: 48.115em) {
  .product-details__left-side {
    width: 100%;
    max-width: 100%;
  }
}
.product-details__images-slider {
  width: 100%;
}
@media (max-width: 48.115em) {
  .product-details__images-slider.desktop {
    display: none;
  }
}
.product-details__images-slider-mobile {
  width: 100%;
}
@media (min-width: 48.125em) {
  .product-details__images-slider-mobile {
    display: none;
  }
}
@media (min-width: 36em) and (max-width: 48.115em) {
  .product-details__images-slider-mobile {
    max-width: calc(50% - 10px);
  }
}
.product-details__image-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F7F7F7;
  margin-bottom: 20px;
}
.product-details__image {
  background-color: #F7F7F7;
}
.product-details__slider-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 48.115em) {
  .product-details__slider-footer.desktop {
    display: none;
  }
}
.product-details__button {
  width: 30px;
  align-self: stretch;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-details__slider-nav {
  width: 440px;
  max-width: calc(100% - 180px);
  margin: 0 10px;
}
.product-details__slider-nav .slick-list {
  margin: 0 -5px;
}
.product-details__slider-nav .slick-slide {
  margin: 0 5px;
}
.product-details__slider-nav .slick-current .product-details__slider-nav-item {
  opacity: 1;
  border-color: #B0C6D6;
}
@media (max-width: 48.115em) {
  .product-details__slider-nav {
    width: 100%;
    max-width: calc(100% - 90px);
  }
}
.product-details__slider-nav-item {
  border-radius: 4px;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.6;
  border: 2px solid transparent;
  transition: opacity 0.525s ease, border-color 0.525s ease;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .product-details__slider-nav-item:hover {
    opacity: 1;
  }
}
.product-details__tabs {
  margin-top: 100px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 63.99em) {
  .product-details__tabs {
    margin-top: 30px;
    row-gap: 20px;
  }
}
.product-details__tabs-selectors {
  display: flex;
  justify-content: center;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media (max-width: 79.99em) {
  .product-details__tabs-selectors {
    -moz-column-gap: 20px;
         column-gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media (max-width: 48.115em) {
  .product-details__tabs-selectors {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.product-details__tab-selector.ui-state-active .product-details__tab-selector-link {
  border-color: #00EFA5;
  color: #043248;
}
.product-details__tab-selector-link {
  display: flex;
  padding: 10px 0;
  border-bottom: 2px solid transparent;
  font-size: 18px;
  font-weight: 500;
  transition: border-color 0.525s ease, color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .product-details__tab-selector-link:hover {
    color: #043248;
  }
}
@media (max-width: 63.99em) {
  .product-details__tab-selector-link {
    font-size: 16px;
  }
}
@media (max-width: 48.115em) {
  .product-details__tab-selector-link {
    font-size: 14px;
  }
}
.product-details__tab-container {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-details__tab-content--specs {
  display: flex;
  flex-direction: column;
}
.product-details__tab-content--about {
  display: flex;
  flex-direction: column;
}
.product-details__tab-content--about h2:not(:first-child), .product-details__tab-content--about h3:not(:first-child), .product-details__tab-content--about h4:not(:first-child), .product-details__tab-content--about h5:not(:first-child), .product-details__tab-content--about h6:not(:first-child) {
  margin-top: 50px;
}
@media (max-width: 63.99em) {
  .product-details__tab-content--about h2:not(:first-child), .product-details__tab-content--about h3:not(:first-child), .product-details__tab-content--about h4:not(:first-child), .product-details__tab-content--about h5:not(:first-child), .product-details__tab-content--about h6:not(:first-child) {
    margin-top: 20px;
  }
}
.product-details__tab-content--benefits {
  display: flex;
  flex-direction: column;
}
.product-details__spec-row {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.product-details__spec-row:nth-child(odd) {
  background-color: #F2F7FB;
}
@media (max-width: 63.99em) {
  .product-details__spec-row {
    font-size: 12px;
  }
}
.product-details__spec-title {
  width: 150px;
  color: #062229;
}
@media (max-width: 63.99em) {
  .product-details__spec-title {
    width: 80px;
  }
}
.product-details__spec-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 5px;
}
.product-details__spec-description {
  color: #384D53;
}
.product-details__spec-link {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
  text-decoration: underline;
  color: #0076AE;
}
.product-details__benefit {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  align-items: center;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.product-details__benefit:nth-child(odd) {
  background-color: #F2F7FB;
}
.product-details__benefit {
  color: #062229;
}
@media (max-width: 63.99em) {
  .product-details__benefit {
    font-size: 13px;
  }
}
.product-details__benefit-content {
  flex: 1;
}
.product-details__right-side {
  position: sticky;
  top: 20px;
  width: 630px;
  max-width: calc(50% - 10px);
  display: flex;
  flex-direction: column;
}
@media (min-width: 48.125em) and (max-width: 63.99em) {
  .product-details__right-side {
    top: 100px;
  }
}
@media (max-width: 48.115em) {
  .product-details__right-side {
    width: 100%;
    max-width: 100%;
    position: static;
    row-gap: 20px;
  }
}
@media (min-width: 36em) and (max-width: 48.115em) {
  .product-details__right-side {
    flex-direction: row;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.product-details__right-side-content {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
  width: 100%;
}
@media (max-width: 79.99em) {
  .product-details__right-side-content {
    row-gap: 40px;
  }
}
@media (max-width: 63.99em) {
  .product-details__right-side-content {
    row-gap: 30px;
  }
}
@media (min-width: 36em) and (max-width: 48.115em) {
  .product-details__right-side-content {
    max-width: calc(50% - 10px);
  }
}
.product-details__info-container {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
}
@media (max-width: 63.99em) {
  .product-details__info-container {
    row-gap: 20px;
  }
}
.product-details__title {
  font-size: 36px;
  font-weight: 500;
}
@media (max-width: 63.99em) {
  .product-details__title {
    font-size: 20px;
  }
}
.product-details__buttons {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media (min-width: 36em) and (max-width: 48.115em) {
  .product-details__buttons .button {
    padding: 10px 25px;
  }
}
@media (max-width: 35.99em) {
  .product-details__buttons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-details__meta {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  padding-top: 30px;
  border-top: 1px solid #B0C6D6;
}
.product-details__meta-items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.product-details__meta-label {
  font-size: 16px;
  font-weight: 500;
  color: #384D53;
}
@media (max-width: 48.115em) {
  .product-details__meta-label {
    font-size: 12px;
  }
}
.product-details__share-link {
  display: flex;
}

.related-products {
  overflow: hidden;
}
.related-products--primary {
  margin: 100px 0;
  padding-top: 30px;
}
@media (max-width: 63.99em) {
  .related-products--primary {
    margin: 60px 0;
  }
}
.related-products--primary .related-products__title {
  margin-bottom: 50px;
  font-size: 18px;
}
@media (max-width: 63.99em) {
  .related-products--primary .related-products__title {
    margin-bottom: 20px;
  }
}
.related-products--secondary {
  position: relative;
  padding: 50px 0;
  background-color: #EBEBEB;
}
@media (max-width: 63.99em) {
  .related-products--secondary {
    padding: 40px 0;
  }
}
.related-products--secondary::before, .related-products--secondary::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 850px;
  height: 850px;
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(173, 173, 173, 0) 55%, rgba(173, 173, 173, 0.3) 100%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.related-products--secondary::before {
  bottom: 0;
  left: 0;
  transform: translateX(-50%) translateY(50%) rotate(180deg);
}
.related-products--secondary::after {
  top: 0;
  right: 0;
  transform: translateX(calc(50% - 50px)) translateY(calc(-50% - 50px));
}
.related-products--secondary .related-products__title {
  margin-bottom: 40px;
  font-size: 24px;
}
@media (max-width: 63.99em) {
  .related-products--secondary .related-products__title {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
.related-products__container {
  position: relative;
  z-index: 2;
}
.related-products__title {
  font-weight: 500;
  color: #062229;
}

.hero-products {
  margin-top: 115px;
}
@media (max-width: 63.99em) {
  .hero-products {
    margin-top: 90px;
  }
}
.hero-products__container {
  padding-bottom: 50px;
}
@media (max-width: 63.99em) {
  .hero-products__container {
    padding-bottom: 40px;
  }
}
.hero-products__content {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  width: 630px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .hero-products__content {
    padding-top: 30px;
    row-gap: 16px;
  }
}
.hero-products__title {
  font-size: 36px;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-products__title {
    font-size: 24px;
  }
}

.products-filter {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .products-filter {
    margin-top: 24px;
    margin-bottom: 70px;
  }
}
.products-filter__title {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 48.115em) {
  .products-filter__title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.products-filter__content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  -moz-column-gap: 30px;
       column-gap: 30px;
  width: 100%;
}
.products-filter__mobile-overlay {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}
@media (min-width: 64em) {
  .products-filter__mobile-overlay {
    display: none;
  }
}
.products-filter__mobile-order-by {
  position: fixed;
  z-index: 11;
  background-color: #F7FBFF;
  top: 100%;
  left: 0;
  width: 100%;
  transition: transform 0.525s ease;
  padding: 30px 18px;
  padding-bottom: 48px;
  border-radius: 10px;
  box-shadow: 0 -10px 34px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.products-filter__mobile-order-by--mobile-open {
  transform: translateY(-100%);
}
@media (min-width: 64em) {
  .products-filter__mobile-order-by {
    display: none;
  }
}
.products-filter__filter-radio {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
}
.products-filter__aside {
  position: fixed;
  z-index: 11;
  background-color: #F7FBFF;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 30px 18px;
  padding-bottom: 48px;
  border-radius: 10px;
  transition: transform 0.525s ease, box-shadow 0.525s ease;
}
@media (max-width: 63.99em) {
  .products-filter__aside--mobile-open {
    transform: translateY(-100%);
  }
}
@media (min-width: 64em) {
  .products-filter__aside {
    border-radius: 10px;
    padding: 30px;
    width: 300px;
    position: sticky;
    z-index: 4;
    top: 40px;
    background-color: #F7FBFF;
  }
}
.products-filter__mobile-close-button {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
}
@media (min-width: 64em) {
  .products-filter__mobile-close-button {
    display: none;
  }
}
.products-filter__aside-mobile-buttons {
  display: flex;
  -moz-column-gap: 26px;
       column-gap: 26px;
  margin-top: 10px;
}
@media (min-width: 64em) {
  .products-filter__aside-mobile-buttons {
    display: none;
  }
}
.products-filter__aside-mobile-button {
  flex: 1;
  padding: 10px;
}
.products-filter__title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 63.99em) {
  .products-filter__title-container {
    justify-content: flex-start;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.products-filter__filters-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .products-filter__filters-title {
    font-size: 16px;
  }
}
.products-filter__status-results {
  font-size: 14px;
  font-weight: 500;
  color: #677D83;
}
.products-filter__selected-filters {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.products-filter__filters {
  width: 100%;
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #DCE5EF;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 63.99em) {
  .products-filter__filters {
    row-gap: 20px;
    padding-top: 20px;
    margin-top: 16px;
  }
  .products-filter__filters .select-wrapper {
    width: 100%;
    max-width: 400px;
    align-self: center;
  }
}
@media (max-width: 35.99em) {
  .products-filter__filters .vs__dropdown-menu {
    height: 100px;
  }
}
.products-filter__header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 40px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  padding: 30px;
  background-color: #F7FBFF;
  border-radius: 10px;
}
@media (max-width: 48.115em) {
  .products-filter__header {
    flex-direction: column;
    align-items: stretch;
    row-gap: 20px;
    background-color: transparent;
    padding: 0;
  }
}
@media (max-width: 63.99em) {
  .products-filter__header {
    margin-bottom: 20px;
  }
}
@media (max-width: 35.99em) {
  .products-filter__search-container {
    width: 100%;
  }
}
@media (min-width: 36em) and (max-width: 63.99em) {
  .products-filter__search-container {
    align-self: flex-end;
  }
}
.products-filter__mobile-buttons {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  white-space: nowrap;
}
@media (min-width: 64em) {
  .products-filter__mobile-buttons {
    display: none;
  }
}
.products-filter__mobile-order-by-button, .products-filter__mobile-filters-button {
  flex: 1;
  padding: 10px;
}
@media (min-width: 48.125em) {
  .products-filter__mobile-order-by-button, .products-filter__mobile-filters-button {
    min-width: 150px;
  }
}
.products-filter__mobile-order-by-icon, .products-filter__mobile-filters-icon {
  width: 16px;
  height: 16px;
}
.products-filter__filter-icon {
  width: 24px;
  height: 24px;
}
.products-filter__order-by {
  margin-left: auto;
}
@media (max-width: 63.99em) {
  .products-filter__order-by {
    display: none;
  }
}
.products-filter__items-container {
  max-width: 100%;
  width: 100%;
}
@media (min-width: 64em) {
  .products-filter__items-container {
    padding-top: 16px;
    padding: 0;
    flex: 1;
    max-width: calc(100% - 330px);
    align-self: stretch;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 64em) {
  .products-filter__results-container {
    max-width: 100%;
    flex: 1;
  }
}
.products-filter__empty-state {
  height: 100%;
}
@media (min-width: 64em) {
  .products-filter__empty-state {
    min-height: 300px;
  }
}
.products-filter__status-bar {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .products-filter__status-bar {
    display: none;
  }
}
.products-filter__status-buttons-container {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  row-gap: 8px;
  flex-wrap: wrap;
}
.products-filter__status-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.products-filter__status-button {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 4px 8px;
  border-radius: 5px;
  font-size: 14px;
  line-height: 1.5;
}
.products-filter__status-results {
  font-size: 14px;
}
.products-filter__clear-button {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 11px;
  font-weight: 700;
}
.products-filter__items-body {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.products-filter__variant-selector {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (min-width: 64em) {
  .products-filter__variant-selector {
    display: none;
  }
}
.products-filter__variant-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2px;
  border-radius: 2px;
  transition: background-color 0.325s;
}
.products-filter__variant-button.active {
  background-color: rgba(1, 170, 211, 0.2);
}
.products-filter__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 36em) {
  .products-filter__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
  }
}
@media (min-width: 48.125em) {
  .products-filter__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 64em) {
  .products-filter__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
  }
}
@media (min-width: 80em) {
  .products-filter__items {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.products-filter__pagination {
  margin-top: 50px;
}
@media (max-width: 63.99em) {
  .products-filter__pagination {
    margin-top: 20px;
  }
}

.filter-buttons, .filter-buttons--desktop {
  width: 100vw;
  transform: translateX(-17px);
  padding-bottom: 10px;
  overflow: auto;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  white-space: nowrap;
}
@media (min-width: 48.125em) {
  .filter-buttons, .filter-buttons--desktop {
    overflow: visible;
    width: auto;
    transform: translateX(0);
    -moz-column-gap: 10px;
         column-gap: 10px;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 64em) {
  .filter-buttons, .filter-buttons--desktop {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.filter-buttons__button, .filter-buttons--desktop__button {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 12px 40px;
  border: 2px solid transparent;
  border-radius: 30px;
  transition: transform 0.525s ease, background-color 0.825s ease, color 0.825s ease, border-color 0.825s ease, opacity 0.825s ease;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
}
.filter-buttons__button[disabled], .filter-buttons--desktop__button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
.filter-buttons__button.loading, .filter-buttons--desktop__button.loading {
  opacity: 0.4;
  cursor: progress;
  pointer-events: none;
}
@media (max-width: 63.99em) {
  .filter-buttons__button, .filter-buttons--desktop__button {
    font-size: 14px;
  }
}
.filter-buttons__button, .filter-buttons--desktop__button {
  justify-content: center;
  cursor: pointer;
}
@media (min-width: 48.125em) {
  .filter-buttons__button, .filter-buttons--desktop__button {
    justify-content: space-between;
  }
}
@media (max-width: 48.115em) {
  .filter-buttons__button:first-of-type, .filter-buttons--desktop__button:first-of-type {
    margin-left: 20px;
  }
  .filter-buttons__button:last-of-type, .filter-buttons--desktop__button:last-of-type {
    margin-right: 20px;
  }
}
@media (min-width: 48.125em) {
  .filter-buttons__button, .filter-buttons--desktop__button {
    justify-content: space-between;
    padding: 10px 16px;
  }
}
.filter-buttons__button.ui-state-active .filter-buttons__button-icon, .filter-buttons--desktop__button.ui-state-active .filter-buttons__button-icon {
  transform: rotate(180deg);
}
.filter-buttons__button-icon, .filter-buttons--desktop__button-icon {
  transition: transform 0.325s;
}
@media (min-width: 48.125em) {
  .filter-buttons, .filter-buttons--desktop {
    width: 100%;
  }
}

.filter-buttons--desktop {
  flex-direction: column;
  row-gap: 0;
}
@media (max-width: 63.99em) {
  .filter-buttons--desktop {
    display: none;
  }
}
.filter-buttons--desktop .filter-buttons__button:not(:first-of-type) {
  margin-top: 16px;
}

.filter-modal-background {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

.filter-modal-container {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  width: 100%;
}

.filter-modal-container__dropdown-filter, .filter-modal-dropdown__dropdown-filter {
  transform: translateY(100%);
  transition: transform 0.325s;
  padding: 24px 18px;
  width: 100%;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  max-height: 75vh;
}
.filter-modal-container__dropdown-filter.active, .filter-modal-dropdown__dropdown-filter.active {
  transform: translateY(0);
}
.filter-modal-container__dropdown-filter-header, .filter-modal-dropdown__dropdown-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 32px;
}
.filter-modal-container__dropdown-filter-title, .filter-modal-dropdown__dropdown-filter-title {
  font-weight: 600;
}
.filter-modal-container__dropdown-filter-close, .filter-modal-dropdown__dropdown-filter-close {
  display: flex;
  flex-direction: column;
}
.filter-modal-container__dropdown-filter-options, .filter-modal-dropdown__dropdown-filter-options {
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  align-items: flex-start;
  padding-bottom: 100px;
}
.filter-modal-container__dropdown-filter-option-container, .filter-modal-dropdown__dropdown-filter-option-container {
  color: black;
}

.filter-modal-dropdown {
  padding: 16px 10px;
}
.filter-modal-dropdown__dropdown-filter-options {
  padding-bottom: 0;
  row-gap: 8px;
}
.filter-modal-dropdown__dropdown-filter-option-label {
  flex: 1;
}

.pagination {
  display: flex;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.pagination .page-item.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
  background-color: #FFF;
  border-color: #FFF;
  border-radius: 10px;
}
.pagination .page-item:first-child {
  margin-right: 10px;
}
.pagination .page-item:first-child .page-link {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pagination .page-item:last-child {
  margin-left: 10px;
}
.pagination .page-item:last-child .page-link {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.pagination .page-item.active .page-link {
  background-color: #B0C6D6;
}
.pagination .page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #043248;
  border-radius: 50%;
  border: 2px solid #B0C6D6;
  transition: background-color 0.525s ease;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .pagination .page-link:hover {
    background-color: #B0C6D6;
    border-color: #B0C6D6;
  }
}

.empty-state {
  background-color: #F7FBFF;
  width: 100%;
  height: 100%;
  padding: 50px 30px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.empty-state::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 38px;
  right: 28px;
  display: block;
  width: 715px;
  height: 715px;
  border-radius: 50%;
  background: linear-gradient(0deg, #F7FBFF 55%, #E8F3FA 100%);
}
.empty-state__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  width: 260px;
  position: relative;
  z-index: 2;
}
.empty-state__title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
  line-height: 1.6;
}
.empty-state__description {
  font-size: 14px;
  font-weight: 500;
}

.hero-category {
  margin: 115px 0;
}
@media (max-width: 63.99em) {
  .hero-category {
    margin-top: 90px;
    margin-bottom: 40px;
  }
}
.hero-category__container {
  display: flex;
  flex-direction: column;
}
.hero-category__header {
  padding-top: 40px;
  padding-bottom: 60px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  width: 630px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .hero-category__header {
    padding: 30px 0;
    row-gap: 8px;
  }
}
.hero-category__pretitle {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  color: #062229;
}
.hero-category__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.6;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-category__title {
    font-size: 24px;
  }
}
.hero-category__content-container {
  background-color: #F7FBFF;
  border-radius: 20px;
  padding: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
}
.hero-category__content-container::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateX(50px) translateY(20px);
  display: block;
  width: 950px;
  height: 315px;
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
  background: linear-gradient(180deg, #F7FBFF 0%, #D0FCEF 65%);
}
@media (max-width: 48.115em) {
  .hero-category__content-container::before {
    right: initial;
    left: 0;
    transform: translateY(100px);
  }
}
@media (max-width: 63.99em) {
  .hero-category__content-container {
    align-items: flex-start;
  }
}
@media (max-width: 35.99em) {
  .hero-category__content-container {
    row-gap: 24px;
    flex-direction: column;
    padding: 24px 16px;
  }
}
.hero-category__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 570px;
  max-width: calc(50% - 10px);
}
@media (max-width: 35.99em) {
  .hero-category__content {
    width: 100%;
    max-width: 100%;
  }
}
.hero-category__description {
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .hero-category__description {
    margin-bottom: 20px;
  }
}
.hero-category__features {
  display: flex;
  flex-direction: column;
}
.hero-category__feature {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 5px 0;
}
.hero-category__feature-icon {
  pointer-events: none;
}
.hero-category__feature-text {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #062229;
}
.hero-category__button {
  margin-top: 50px;
}
@media (max-width: 63.99em) {
  .hero-category__button {
    margin-top: 20px;
  }
}
.hero-category__image {
  position: relative;
  z-index: 2;
  border-radius: 10px;
  pointer-events: none;
  max-width: calc(50% - 10px);
  border-radius: 10px;
}
@media (max-width: 35.99em) {
  .hero-category__image {
    width: 100%;
    max-width: 100%;
  }
}

.fixed-bottom-cta {
  position: fixed;
  z-index: 11;
  bottom: 0;
  left: 0;
  padding: 15px 0;
  background-color: #EDF5FB;
  border-top: 1px solid #D3E4F1;
  width: 100%;
}
.fixed-bottom-cta__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.fixed-bottom-cta__title {
  flex: 1;
  font-size: 18px;
  font-weight: 500;
  color: #384D53;
}
@media (max-width: 48.115em) {
  .fixed-bottom-cta__title {
    font-size: 14px;
  }
}
@media (max-width: 48.115em) {
  .fixed-bottom-cta__button {
    padding: 10px 16px;
  }
}

.pages-list {
  margin: 70px 0;
}
@media (max-width: 63.99em) {
  .pages-list {
    margin: 60px 0;
  }
}
@media (max-width: 48.115em) {
  .pages-list--slider-mobile .pages-list__pages {
    display: none;
  }
}
@media (min-width: 48.125em) {
  .pages-list--slider-mobile .pages-list__slider {
    display: none;
  }
}
.pages-list__title {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .pages-list__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.pages-list__pages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
@media (max-width: 48.115em) {
  .pages-list__pages {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}
@media (max-width: 35.99em) {
  .pages-list__pages {
    grid-template-columns: minmax(0, 1fr);
  }
}
.pages-list__slider {
  margin: -30px 0;
}
.pages-list__slider .slick-list {
  margin: 0 -10px;
}
.pages-list__slider .slick-slide {
  margin: 0 10px;
}
.pages-list__slider-footer {
  margin-top: 20px;
}
@media (min-width: 48.125em) {
  .pages-list__slider-footer {
    display: none;
  }
}

.hero-services {
  margin-top: 115px;
  overflow: hidden;
  position: relative;
}
@media (max-width: 63.99em) {
  .hero-services {
    margin-top: 90px;
    margin-bottom: 0;
  }
}
.hero-services--secondary .hero-services__items {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 30px;
  justify-content: center;
  margin-left: -15px;
  margin-right: -15px;
}
.hero-services--secondary .hero-services__items .card {
  flex-basis: calc(33.33% - 30px);
  margin: 0 15px;
}
@media (max-width: 48.115em) {
  .hero-services--secondary .hero-services__items .card {
    flex-basis: initial;
    margin: 0;
  }
}
@media (max-width: 48.115em) {
  .hero-services--secondary .hero-services__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-left: 0;
    margin-right: 0;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media (max-width: 35.99em) {
  .hero-services--secondary .hero-services__items {
    grid-template-columns: minmax(0, 1fr);
  }
}
.hero-services::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 560px;
  border-radius: 50%;
  background: linear-gradient(315deg, #FFFFFF 0%, #BFFBE8 100%);
  transform: translateY(200px) translateX(-200px);
}
@media (max-width: 48.115em) {
  .hero-services::before {
    display: none;
  }
}
.hero-services__container {
  position: relative;
  z-index: 2;
}
.hero-services__header {
  width: 630px;
  max-width: 100%;
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 63.99em) {
  .hero-services__header {
    row-gap: 10px;
    padding: 30px 0;
  }
}
.hero-services__title {
  font-size: 36px;
  color: #062229;
  font-weight: 500;
}
@media (max-width: 63.99em) {
  .hero-services__title {
    font-size: 24px;
  }
}
.hero-services__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin-bottom: 70px;
}
@media (max-width: 48.115em) {
  .hero-services__items {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 35.99em) {
  .hero-services__items {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-width: 63.99em) {
  .hero-services .card__title {
    font-size: 18px;
  }
}
@media (max-width: 63.99em) {
  .hero-services .card__title-link {
    text-decoration: none;
  }
}
@media (max-width: 48.115em) {
  .hero-services .card__description {
    display: block;
    margin-top: 0;
  }
}
@media (max-width: 63.99em) {
  .hero-services .card__link {
    color: #043248;
  }
}

.hero-service {
  margin-top: 115px;
}
@media (max-width: 63.99em) {
  .hero-service {
    margin-top: 90px;
  }
}
.hero-service__container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .hero-service__container {
    margin-bottom: 60px;
  }
}
@media (max-width: 35.99em) {
  .hero-service__container {
    flex-direction: column-reverse;
    row-gap: 30px;
  }
}
.hero-service__content {
  width: 630px;
  max-width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding-top: 40px;
}
@media (max-width: 63.99em) {
  .hero-service__content {
    row-gap: 20px;
    max-width: calc(50% - 10px);
  }
}
@media (max-width: 35.99em) {
  .hero-service__content {
    width: 100%;
    max-width: 100%;
    padding-top: 0;
  }
}
.hero-service__pretitle {
  color: #062229;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
.hero-service__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
  line-height: 1.6;
}
@media (max-width: 63.99em) {
  .hero-service__title {
    font-size: 24px;
  }
}
.hero-service__features-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.hero-service__features-title {
  font-size: 24px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-service__features-title {
    font-size: 18px;
  }
}
.hero-service__features {
  display: flex;
  flex-direction: column;
}
.hero-service__feature {
  display: flex;
  -moz-column-gap: 15px;
       column-gap: 15px;
  align-items: center;
  padding: 10px 15px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
}
.hero-service__feature:nth-child(odd) {
  background-color: #F2F7FB;
}
.hero-service__feature {
  color: #062229;
}
@media (max-width: 48.115em) {
  .hero-service__feature {
    font-size: 12px;
  }
}
.hero-service__feature-icon {
  pointer-events: none;
}
.hero-service__feature-text {
  flex: 1;
}
.hero-service__button {
  align-self: flex-start;
}
.hero-service__image {
  border-radius: 10px;
  margin-top: 100px;
  width: 600px;
  max-width: calc(50% - 35px);
  pointer-events: none;
}
@media (max-width: 63.99em) {
  .hero-service__image {
    max-width: calc(50% - 15px);
    margin-top: 40px;
  }
}
@media (max-width: 35.99em) {
  .hero-service__image {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }
}

.features-cards-slider {
  margin: 100px 0;
  overflow: hidden;
}
@media (max-width: 63.99em) {
  .features-cards-slider {
    margin: 60px 0;
  }
}
.features-cards-slider__title {
  font-size: 24px;
  font-weight: 600;
  color: #043248;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
@media (max-width: 63.99em) {
  .features-cards-slider__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.features-cards-slider__slider {
  margin-top: -50px;
  width: calc(100% + 50px);
  padding: 0 25px;
  margin-left: -25px;
  overflow: hidden;
}
@media (max-width: 48.115em) {
  .features-cards-slider__slider {
    margin-bottom: -50px;
  }
}
.features-cards-slider .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.features-cards-slider .slick-slide {
  margin: 0 15px;
}
.features-cards-slider .slick-slide .card {
  box-shadow: none;
  transition: box-shadow 0.325s ease;
}
.features-cards-slider .slick-slide.slick-active .card {
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1);
}
.features-cards-slider__slider-footer {
  margin-top: 30px;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.hero-about {
  margin-top: 115px;
}
@media (max-width: 63.99em) {
  .hero-about {
    margin-top: 90px;
  }
}
.hero-about__container {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  background-color: #F7FBFF;
  border-radius: 10px;
}
.hero-about__container::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateX(50px) translateY(20px);
  width: 950px;
  height: 315px;
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
  background: linear-gradient(180deg, #F7FBFF 0%, #D0FCEF 65%);
}
@media (max-width: 63.99em) {
  .hero-about__container::before {
    right: initial;
    left: 0;
    transform: translateY(100px);
  }
}
@media (max-width: 63.99em) {
  .hero-about__container {
    padding: 30px 16px;
    padding-bottom: 90px;
  }
}
@media (max-width: 35.99em) {
  .hero-about__container {
    flex-direction: column;
    row-gap: 20px;
  }
}
.hero-about__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 600px;
  max-width: calc(50% - 15px);
}
@media (max-width: 63.99em) {
  .hero-about__content {
    row-gap: 10px;
  }
}
@media (max-width: 35.99em) {
  .hero-about__content {
    width: 100%;
    max-width: 100%;
  }
}
.hero-about__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-about__title {
    font-size: 24px;
  }
}
.hero-about__image {
  max-width: calc(50% - 15px);
  border-radius: 10px;
  pointer-events: none;
  position: relative;
  z-index: 2;
}
@media (max-width: 35.99em) {
  .hero-about__image {
    width: 100%;
    max-width: 100%;
  }
}

.about-section {
  margin-top: 180px;
  margin-bottom: 100px;
}
@media (max-width: 79.99em) {
  .about-section {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.about-section__header-container {
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}
@media (max-width: 48.115em) {
  .about-section__header-container {
    margin-bottom: 35px;
  }
}
.about-section__header {
  align-self: center;
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 30px;
}
@media (max-width: 63.99em) {
  .about-section__header {
    row-gap: 20px;
  }
}
.about-section__title {
  font-size: 36px;
  color: #043248;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .about-section__title {
    font-size: 24px;
    font-weight: 500;
  }
}
.about-section__images-container {
  position: relative;
  z-index: 2;
  margin-top: 100px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .about-section__images-container {
    max-width: 100%;
    margin-top: 35px;
    margin-bottom: 35px;
  }
}
.about-section__images {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 48.115em) {
  .about-section__images {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.about-section__image {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.about-section__image:nth-child(odd) {
  transform: translateY(-40px);
}
@media (max-width: 63.99em) {
  .about-section__image:nth-child(odd) {
    transform: translateY(-20px);
  }
}
@media (max-width: 48.115em) {
  .about-section__image:nth-child(odd) {
    transform: translateY(-10px);
  }
}
.about-section__bottom-container {
  margin-top: 100px;
  padding-bottom: 100px;
  width: 1440px;
  max-width: 100%;
  position: relative;
}
.about-section__bottom-container::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 200px);
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  background: linear-gradient(180deg, #56C9FF 15%, #043248 100%);
}
@media (max-width: 63.99em) {
  .about-section__bottom-container::before {
    height: calc(100% + 140px);
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
@media (max-width: 63.99em) {
  .about-section__bottom-container {
    padding-bottom: 50px;
    margin-top: 35px;
  }
}
.about-section__bottom-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 110px;
}
@media (max-width: 48.115em) {
  .about-section__bottom-content {
    row-gap: 40px;
  }
}
.about-section__bottom-header {
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 30px;
}
@media (max-width: 48.115em) {
  .about-section__bottom-header {
    row-gap: 20px;
  }
}
.about-section__bottom-title {
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 48.115em) {
  .about-section__bottom-title {
    font-size: 20px;
  }
}
.about-section__bottom-title, .about-section__bottom-description {
  color: #FFF;
}

.digits {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  width: 100%;
}
@media (max-width: 48.115em) {
  .digits {
    align-items: center;
    row-gap: 30px;
  }
}
.digits--primary .digits__title {
  font-size: 30px;
}
@media (max-width: 48.115em) {
  .digits--primary .digits__title {
    font-size: 20px;
  }
}
.digits--secondary .digits__title {
  font-size: 24px;
}
@media (max-width: 63.99em) {
  .digits--secondary .digits__title {
    align-self: center;
  }
}
@media (max-width: 48.115em) {
  .digits--secondary .digits__title {
    font-size: 20px;
  }
}
.digits__title {
  font-weight: 600;
  color: #FFF;
}
@media (max-width: 48.115em) {
  .digits__title {
    font-size: 20px;
  }
}
.digits__items {
  display: flex;
  justify-content: center;
  -moz-column-gap: 55px;
       column-gap: 55px;
  row-gap: 40px;
  flex-wrap: wrap;
}
@media (max-width: 48.115em) {
  .digits__items {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 40px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
.digits__digit-container {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  flex: 1;
  max-width: 220px;
}
@media (max-width: 48.115em) {
  .digits__digit-container {
    align-items: center;
    text-align: center;
    row-gap: 10px;
  }
}
.digits__digit {
  font-size: 64px;
  font-weight: 600;
  font-family: "Ubuntu", sans-serif;
  color: #FFF;
  line-height: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media (max-width: 63.99em) {
  .digits__digit {
    font-size: 48px;
  }
}
.digits__digit-value {
  font-family: "Manrope", sans-serif;
}
.digits__digit-description {
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .digits__digit-description {
    font-size: 13px;
  }
}

.areas-cards {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .areas-cards {
    margin: 60px 0;
  }
}
.areas-cards__header {
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  margin-bottom: 60px;
}
@media (max-width: 63.99em) {
  .areas-cards__header {
    margin-bottom: 20px;
    row-gap: 10px;
  }
}
.areas-cards__title {
  font-size: 36px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .areas-cards__title {
    font-size: 18px;
    font-weight: 500;
  }
}
.areas-cards__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
}
@media (max-width: 48.115em) {
  .areas-cards__cards {
    display: none;
  }
}
.areas-cards__slider {
  margin: -30px 0;
}
.areas-cards__slider .slick-list {
  margin: 0 -10px;
}
.areas-cards__slider .slick-slide {
  margin: 0 10px;
}
@media (min-width: 48.125em) {
  .areas-cards__slider, .areas-cards__slider-footer {
    display: none;
  }
}
.areas-cards__slider-footer {
  margin-top: 20px;
}

.lab-banner {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .lab-banner {
    margin: 60px 0;
  }
}
.lab-banner__container {
  width: 1400px;
  overflow: hidden;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  position: relative;
  min-height: 680px;
  display: flex;
}
.lab-banner__container::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 75%);
}
@media (max-width: 63.99em) {
  .lab-banner__container::before {
    display: none;
  }
}
.lab-banner__container::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.4;
}
@media (max-width: 63.99em) {
  .lab-banner__container::after {
    opacity: 0.7;
  }
}
@media (max-width: 63.99em) {
  .lab-banner__container {
    min-height: 450px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
.lab-banner__background-image {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.lab-banner__foreground {
  position: relative;
  z-index: 3;
  padding: 60px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
}
@media (max-width: 63.99em) {
  .lab-banner__foreground {
    padding: 60px 17px;
  }
}
.lab-banner__content {
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.lab-banner__icon {
  margin-bottom: 60px;
}
@media (max-width: 63.99em) {
  .lab-banner__icon {
    margin-bottom: 40px;
  }
}
.lab-banner__title {
  font-size: 36px;
  font-weight: 600;
  color: #FFF;
  margin-bottom: 30px;
}
@media (max-width: 63.99em) {
  .lab-banner__title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.lab-banner__description {
  color: #FFF;
}

.features-cards-grid {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .features-cards-grid {
    margin: 60px 0;
  }
}
.features-cards-grid__title {
  margin-bottom: 50px;
  font-size: 36px;
  color: #043248;
}
@media (max-width: 63.99em) {
  .features-cards-grid__title {
    font-size: 18px;
    margin-bottom: 20px;
    color: #062229;
  }
}
.features-cards-grid__items {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
}
@media (max-width: 63.99em) {
  .features-cards-grid__items {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .features-cards-grid__items {
    display: none;
  }
}
.features-cards-grid__slider {
  margin: -30px 0;
}
.features-cards-grid__slider .slick-list {
  margin: 0 -10px;
}
.features-cards-grid__slider .slick-slide {
  margin: 0 10px;
}
@media (min-width: 48.125em) {
  .features-cards-grid__slider {
    display: none;
  }
}
.features-cards-grid__slider-footer {
  margin-top: 20px;
}
@media (min-width: 48.125em) {
  .features-cards-grid__slider-footer {
    display: none;
  }
}

.projects-listing-inline {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .projects-listing-inline {
    margin: 60px 0;
  }
}
.projects-listing-inline__header {
  width: 630px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 30px;
}
@media (max-width: 63.99em) {
  .projects-listing-inline__header {
    margin-bottom: 20px;
    row-gap: 20px;
  }
}
.projects-listing-inline__title {
  font-size: 36px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .projects-listing-inline__title {
    font-size: 18px;
    font-weight: 500;
  }
}
.projects-listing-inline__slider {
  margin: -50px 0;
}
.projects-listing-inline .slick-list {
  margin: 0 -15px;
}
.projects-listing-inline .slick-slide {
  margin: 0 15px;
}
.projects-listing-inline__slider-footer {
  margin-top: 30px;
}
@media (max-width: 63.99em) {
  .projects-listing-inline__slider-footer {
    margin-top: 20px;
  }
}
.projects-listing-inline__link-container {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  position: relative;
  z-index: 2;
}
@media (max-width: 63.99em) {
  .projects-listing-inline__link-container {
    margin-top: 30px;
  }
}

.banner-locations {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .banner-locations {
    margin: 60px 0;
  }
}
.banner-locations__container {
  background-color: #F7FBFF;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  padding: 30px 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.banner-locations__container::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 820px;
  height: 820px;
  border-radius: 50%;
  background: linear-gradient(0deg, #EDF5FB 50%, #E0ECF4 90%);
  transform: translateX(-175px) translateY(-60px);
}
@media (max-width: 48.115em) {
  .banner-locations__container::before {
    width: 550px;
    height: 550px;
    transform: translateX(-50px) translateY(-235px) rotate(130deg);
    left: initial;
    right: 0;
  }
}
@media (max-width: 63.99em) {
  .banner-locations__container {
    padding: 40px 20px;
    background-color: #EDF5FB;
  }
}
@media (max-width: 35.99em) {
  .banner-locations__container {
    flex-direction: column;
    row-gap: 0;
    padding-bottom: 0;
  }
}
.banner-locations__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  width: 480px;
  max-width: calc(50% - 15px);
}
@media (max-width: 63.99em) {
  .banner-locations__content {
    row-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .banner-locations__content {
    width: 100%;
    max-width: 100%;
  }
}
.banner-locations__title {
  font-size: 36px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .banner-locations__title {
    font-size: 18px;
  }
}
.banner-locations__images-container {
  max-width: calc(50% - 15px);
  width: 495px;
  height: 400px;
  position: relative;
}
@media (max-width: 35.99em) {
  .banner-locations__images-container {
    max-width: 100%;
    height: 300px;
  }
}
.banner-locations__world-image {
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 40px;
  pointer-events: none;
}
@media (max-width: 79.99em) {
  .banner-locations__world-image {
    right: 0;
  }
}
@media (max-width: 63.99em) {
  .banner-locations__world-image {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 35.99em) {
  .banner-locations__world-image {
    width: 75%;
    bottom: initial;
    right: initial;
    top: 50%;
    left: 50%;
    transform: translateX(-44%) translateY(-50%);
  }
}
.banner-locations__image {
  position: absolute;
  z-index: 2;
  border-radius: 20px;
  box-shadow: 0px 5px 30px 0px rgba(2, 30, 50, 0.2509803922);
  pointer-events: none;
}
@media (max-width: 79.99em) {
  .banner-locations__image {
    width: 130px;
  }
}
@media (max-width: 63.99em) {
  .banner-locations__image {
    width: 110px;
    border-radius: 10px;
  }
}
.banner-locations__image:nth-child(1) {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 48.115em) {
  .banner-locations__image:nth-child(1) {
    width: 107px;
    height: 107px;
  }
}
.banner-locations__image:nth-child(2) {
  top: 0;
  right: 60px;
}
@media (max-width: 48.115em) {
  .banner-locations__image:nth-child(2) {
    top: 20px;
    right: 30px;
    width: 107px;
    height: 90px;
  }
}
.banner-locations__image:nth-child(3) {
  bottom: 40px;
  right: 0;
}
@media (max-width: 48.115em) {
  .banner-locations__image:nth-child(3) {
    bottom: 60px;
    width: 90px;
    height: 70px;
  }
}

.sticky-section-selector {
  position: sticky;
  z-index: 4;
  bottom: 40px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
@media (max-width: 48.115em) {
  .sticky-section-selector {
    bottom: 20px;
    overflow: auto;
    white-space: nowrap;
    padding: 10px 18px;
    padding-top: 0;
    justify-content: flex-start;
  }
}
.sticky-section-selector__buttons-container {
  pointer-events: all;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 40px;
  padding-bottom: 25px;
  background: rgba(6, 34, 41, 0.5019607843);
  backdrop-filter: blur(4px);
  border-radius: 10px;
}
@media (max-width: 48.115em) {
  .sticky-section-selector__buttons-container {
    padding: 20px;
  }
}
.sticky-section-selector__buttons {
  display: flex;
  position: relative;
  -moz-column-gap: 50px;
       column-gap: 50px;
}
.sticky-section-selector__buttons::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #DEEBEE;
  opacity: 0.1;
  pointer-events: none;
}
.sticky-section-selector__button {
  position: relative;
  z-index: 2;
  color: #FFF;
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 14px;
  border-bottom: 2px solid transparent;
  transition: border-color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .sticky-section-selector__button:hover {
    border-color: #FFF;
  }
}
.sticky-section-selector__button.active {
  border-color: #00EFA5;
}
@media (max-width: 48.115em) {
  .sticky-section-selector__button {
    font-size: 14px;
  }
}

.hero-projects {
  margin-top: 115px;
  margin-bottom: 60px;
  position: relative;
}
@media (max-width: 63.99em) {
  .hero-projects {
    margin-top: 90px;
  }
}
.hero-projects::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 520px;
  height: 520px;
  border-radius: 50%;
  background: linear-gradient(85deg, #F7FBFF 0%, #BFFBE8 100%);
  transform: translateX(-200px) translateY(50%);
}
@media (max-width: 63.99em) {
  .hero-projects::before {
    display: none;
  }
}
.hero-projects__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  margin-top: 30px;
}
@media (max-width: 35.99em) {
  .hero-projects__container {
    flex-direction: column;
    row-gap: 20px;
  }
}
.hero-projects__content {
  width: 630px;
  max-width: calc(50% - 15px);
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 35.99em) {
  .hero-projects__content {
    width: 100%;
    max-width: 100%;
    row-gap: 15px;
  }
}
.hero-projects__pretitle {
  font-size: 12px;
  font-weight: 500;
  color: #062229;
  text-transform: uppercase;
}
.hero-projects__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-projects__title {
    font-size: 24px;
  }
}
@media (max-width: 35.99em) {
  .hero-projects__title {
    font-size: 18px;
  }
}
.hero-projects__image {
  max-width: calc(50% - 15px);
  border-radius: 10px;
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 35.99em) {
  .hero-projects__image {
    width: 100%;
    max-width: 100%;
  }
}

.blog-filter {
  margin-top: 60px;
  margin-bottom: 100px;
  position: relative;
  z-index: 2;
}
@media (max-width: 63.99em) {
  .blog-filter {
    margin: 60px 0;
  }
}

.v-blog-filter {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48.125em) {
  .v-blog-filter .products-filter__header {
    display: none;
  }
}
@media (min-width: 48.125em) {
  .v-blog-filter .products-filter__aside {
    display: none;
  }
}
.v-blog-filter__filters {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 20px;
       column-gap: 20px;
  position: relative;
  z-index: 2;
  padding: 30px;
  border-radius: 10px;
  background-color: rgba(222, 229, 236, 0.4);
  backdrop-filter: blur(4px);
}
@media (max-width: 79.99em) {
  .v-blog-filter__filters {
    margin-bottom: 20px;
  }
}
@media (max-width: 63.99em) {
  .v-blog-filter__filters {
    flex-direction: column;
    row-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .v-blog-filter__filters {
    row-gap: 5px;
    display: none;
  }
}
.v-blog-filter__filters .select-wrapper {
  width: 250px;
}
@media (max-width: 48.115em) {
  .v-blog-filter__filters .select-wrapper {
    width: 100%;
  }
}
.v-blog-filter__filter-selects {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 79.99em) {
  .v-blog-filter__filter-selects {
    flex-wrap: wrap;
    row-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .v-blog-filter__filter-selects {
    flex-direction: column;
    row-gap: 5px;
  }
}
.v-blog-filter .search-container {
  width: 250px;
}
@media (max-width: 48.115em) {
  .v-blog-filter .search-container {
    max-width: 100%;
    width: 400px;
    margin-left: auto;
  }
}
.v-blog-filter__mobile-search {
  width: 100%;
}
@media (min-width: 48.125em) {
  .v-blog-filter__mobile-search {
    display: none;
  }
}
.v-blog-filter__search-input {
  width: 300px;
}
@media (max-width: 48.115em) {
  .v-blog-filter__search-input {
    width: 100%;
  }
}
.v-blog-filter__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 50px;
}
@media (max-width: 79.99em) {
  .v-blog-filter__cards {
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .v-blog-filter__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 35.99em) {
  .v-blog-filter__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.v-blog-filter__pagination {
  margin-top: 50px;
}

.quote-component {
  padding-top: 115px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .quote-component {
    padding-top: 90px;
    margin-bottom: 70px;
  }
}
@media (max-width: 35.99em) {
  .quote-component__container {
    max-width: 100%;
  }
}
.quote-component__header {
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
  margin-bottom: 60px;
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 40px;
}
@media (max-width: 63.99em) {
  .quote-component__header {
    row-gap: 18px;
    margin-bottom: 30px;
  }
}
@media (max-width: 35.99em) {
  .quote-component__header {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}
.quote-component__title {
  font-size: 36px;
  color: #062229;
  font-weight: 500;
}
@media (max-width: 63.99em) {
  .quote-component__title {
    font-size: 24px;
  }
}

.v-quote-form {
  padding: 50px;
  width: 1070px;
  max-width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (max-width: 63.99em) {
  .v-quote-form {
    padding: 30px 20px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-form {
    border-radius: 0;
  }
}
.v-quote-form__loader {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.v-quote-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 1px solid #E5ECF1;
  position: relative;
}
@media (max-width: 63.99em) {
  .v-quote-header {
    padding-bottom: 20px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-header {
    -moz-column-gap: 10px;
         column-gap: 10px;
    border-bottom: 2px solid #E7EEF2;
  }
}
.v-quote-header__mobile-progress {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 100%;
  transition: max-width 0.525s ease;
  background-color: #00EFA5;
  transform: translateY(2px);
}
@media (min-width: 36em) {
  .v-quote-header__mobile-progress {
    display: none;
  }
}

.v-quote-step-header {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 220px;
}
@media (max-width: 63.99em) {
  .v-quote-step-header {
    width: 25%;
  }
}
@media (max-width: 35.99em) {
  .v-quote-step-header {
    width: auto;
  }
}
.v-quote-step-header:last-child .v-quote-step-header__step-indicator-container::after {
  display: none;
}
.v-quote-step-header:first-child .v-quote-step-header__step-indicator-container::before {
  display: none;
}
.v-quote-step-header__step-indicator-container {
  position: relative;
  display: flex;
}
.v-quote-step-header__step-indicator-container::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 3px;
  width: calc(100% - 50px);
  background-color: #E7EEF2;
  transition: background-color 0.325s ease;
}
.v-quote-step-header__step-indicator-container::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  height: 3px;
  width: calc(100% - 50px);
  background-color: #E7EEF2;
  transition: background-color 0.325s ease;
}
@media (max-width: 35.99em) {
  .v-quote-step-header__step-indicator-container {
    display: none;
  }
}
.v-quote-step-header__step-indicator {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #FFF;
  position: relative;
  z-index: 3;
}
.v-quote-step-header__step-indicator::before, .v-quote-step-header__step-indicator::after {
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.v-quote-step-header__step-indicator::before {
  border: 2px solid #1B7FAD;
  width: 40px;
  height: 40px;
  background-color: transparent;
  transition: background-color 0.325s ease, border-color 0.325s ease;
}
.v-quote-step-header__step-indicator::after {
  width: 20px;
  height: 20px;
  background-color: #1B7FAD;
  transition: opacity 0.325s ease;
  opacity: 1;
}
.v-quote-step-header__check-icon {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
}
.v-quote-step-header__check-mobile {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #00EFA5;
  width: 30px;
  height: 30px;
  border-radius: 30px;
}
@media (min-width: 36em) {
  .v-quote-step-header__check-mobile {
    display: none;
  }
}
.v-quote-step-header__check-icon-mobile {
  pointer-events: none;
}
.v-quote-step-header.pending .v-quote-step-header__step-indicator::before {
  border-color: #A1B7CE;
}
.v-quote-step-header.pending .v-quote-step-header__step-indicator::after {
  opacity: 0;
}
.v-quote-step-header.active .v-quote-step-header__title, .v-quote-step-header.completed .v-quote-step-header__title {
  color: #384D53;
}
.v-quote-step-header.active .v-quote-step-header__description, .v-quote-step-header.completed .v-quote-step-header__description {
  color: #043248;
}
.v-quote-step-header.active .v-quote-step-header__indicator-label {
  color: #1B7FAD;
}
.v-quote-step-header.active .v-quote-step-header__step-indicator-container::after {
  background-color: #1B7FAD;
}
.v-quote-step-header.active .v-quote-step-header__content-index {
  color: #043248;
  border-color: #1B7FAD;
}
.v-quote-step-header.active .v-quote-step-header__description {
  display: block;
}
@media (max-width: 35.99em) {
  .v-quote-step-header.active {
    flex: 1;
  }
}
.v-quote-step-header.completed .v-quote-step-header__indicator-label {
  color: #00EFA5;
}
.v-quote-step-header.completed .v-quote-step-header__step-indicator-container::after {
  background-color: #00EFA5;
}
.v-quote-step-header.completed .v-quote-step-header__step-indicator::before {
  border-color: #00EFA5;
  background-color: #00EFA5;
}
.v-quote-step-header.completed .v-quote-step-header__step-indicator::after {
  opacity: 0;
}
.v-quote-step-header.completed ~ .active .v-quote-step-header__step-indicator-container::before, .v-quote-step-header.completed ~ .completed .v-quote-step-header__step-indicator-container::before {
  background-color: #00EFA5;
}
.v-quote-step-header.completed ~ .active:last-child .v-quote-step-header__step-indicator-container::before {
  background-color: #1B7FAD;
}
.v-quote-step-header__content {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media (max-width: 35.99em) {
  .v-quote-step-header__content {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
}
.v-quote-step-header__content-index {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #A1B7CE;
  color: #A1B7CE;
  font-size: 14px;
  font-weight: 600;
}
@media (min-width: 36em) {
  .v-quote-step-header__content-index {
    display: none;
  }
}
.v-quote-step-header__title {
  font-size: 14px;
  color: #A1B7CE;
  font-weight: 600;
  text-transform: uppercase;
  transition: color 0.325s ease;
}
@media (max-width: 35.99em) {
  .v-quote-step-header__title {
    display: none;
  }
}
.v-quote-step-header__description {
  font-size: 18px;
  color: #A1B7CE;
  font-weight: 600;
  transition: color 0.325s ease;
}
@media (max-width: 63.99em) {
  .v-quote-step-header__description {
    font-size: 14px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-step-header__description {
    flex: 1;
    display: none;
  }
}
.v-quote-step-header__indicator-label {
  font-size: 14px;
  color: #A1B7CE;
  font-weight: 500;
  transition: color 0.325s ease;
  margin-top: auto;
}
@media (max-width: 63.99em) {
  .v-quote-step-header__indicator-label {
    font-size: 12px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-step-header__indicator-label {
    display: none;
  }
}

.v-quote-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
  border-top: 1px solid #E5ECF1;
}
@media (max-width: 63.99em) {
  .v-quote-footer {
    padding-top: 30px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-footer__button[disabled] {
    display: none;
  }
  .v-quote-footer__button[disabled] ~ .button {
    margin: 0 auto;
  }
}

.v-quote-step {
  padding: 50px 0;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 63.99em) {
  .v-quote-step {
    padding: 30px 0;
    row-gap: 20px;
  }
}
.v-quote-step__type-selector-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.v-quote-step__title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.v-quote-step__type-selector-label, .v-quote-step__title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .v-quote-step__type-selector-label, .v-quote-step__title {
    font-size: 14px;
  }
}
.v-quote-step__title {
  flex: 1;
}
.v-quote-step__type-selector-options {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media (max-width: 48.115em) {
  .v-quote-step__type-selector-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 10px;
  }
}
.v-quote-step__radio-button {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  cursor: pointer;
  padding: 6px 10px;
  padding-right: 20px;
  min-height: 48px;
  border-radius: 40px;
  border: 1px solid #B1DCF1;
  color: #005893;
  font-size: 18px;
  font-weight: 500;
  transition: background-color 0.325s ease;
}
.v-quote-step__radio-button.selected {
  background-color: #DDF4FF;
}
.v-quote-step__radio-button.selected .v-quote-step__radio-button-circle::before {
  background-color: #1B7FAD;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .v-quote-step__radio-button:hover {
    background-color: #DDF4FF;
  }
}
.v-quote-step__radio-button--loading {
  width: 500px;
  height: 48px;
  max-width: 100%;
  padding: 0;
  border-color: transparent;
}
@media (max-width: 63.99em) {
  .v-quote-step__radio-button {
    font-size: 13px;
  }
}
.v-quote-step__radio-button-circle {
  display: inline-block;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #FFF;
  border: 1px solid #81B8D3;
  position: relative;
}
.v-quote-step__radio-button-circle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: transparent;
  transition: background-color 0.325s ease;
}
.v-quote-step__items-options-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 48.115em) {
  .v-quote-step__items-options-container {
    row-gap: 10px;
  }
}
.v-quote-step__category {
  border: 1px solid #C7D3DC;
  border-radius: 10px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: background-color 0.525s ease, box-shadow 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .v-quote-step__category:not(.active):hover {
    background-color: #F7FBFF;
    box-shadow: 0px 4px 10px -3px rgba(0, 0, 0, 0.1);
  }
}
.v-quote-step__category.active .v-quote-step__open-icon {
  transform: rotate(180deg);
}
.v-quote-step__category-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 20px;
  font-size: 18px;
  color: #043248;
  font-weight: 600;
  cursor: pointer;
}
.v-quote-step__open-icon {
  transition: transform 0.525s ease;
}
.v-quote-step__category-dropdown-content {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.525s ease;
  padding: 0 20px;
}
.v-quote-step__items-options, .v-quote-step__category-dropdown-items {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  align-items: flex-start;
}
.v-quote-step__category-dropdown-items {
  border-top: 1px solid #C7D3DC;
  padding-top: 20px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.v-quote-step__pagination-container {
  width: 100%;
}
.v-quote-step__form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 40px;
  -moz-column-gap: 60px;
       column-gap: 60px;
  width: 760px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 63.99em) {
  .v-quote-step__form-grid {
    row-gap: 24px;
  }
}
@media (max-width: 35.99em) {
  .v-quote-step__form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.v-quote-step__error {
  font-size: 12px;
  font-weight: 500;
  color: #E15853;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.v-quote-step__error-icon {
  pointer-events: none;
}

.input-text-container, .input-textarea-container {
  display: flex;
  flex-direction: column;
  row-gap: 5px;
  width: 350px;
  max-width: 100%;
}
@media (max-width: 48.115em) {
  .input-text-container, .input-textarea-container {
    width: 100%;
  }
}
.input-text-container.with-error .input-text-container__input, .input-text-container.with-error .input-textarea-container__input, .input-textarea-container.with-error .input-text-container__input, .input-textarea-container.with-error .input-textarea-container__input {
  border-color: #E15853;
}
.input-text-container.with-error .input-text-container__vti.vue-tel-input, .input-textarea-container.with-error .input-text-container__vti.vue-tel-input {
  border-color: #E15853;
}
.input-text-container.valid .input-text-container__input, .input-text-container.valid .input-textarea-container__input, .input-textarea-container.valid .input-text-container__input, .input-textarea-container.valid .input-textarea-container__input {
  border-color: #56C9FF;
}
.input-text-container__label, .input-textarea-container__label {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.input-text-container__inner-label, .input-textarea-container__inner-label {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 79.99em) {
  .input-text-container__inner-label, .input-textarea-container__inner-label {
    font-size: 14px;
    font-weight: 500;
  }
}
.input-text-container__input, .input-textarea-container__input {
  font-size: 14px;
  color: #043248;
  font-weight: 500;
  width: 100%;
  display: inline-block;
  height: 48px;
  padding: 10px 20px;
  border-radius: 40px;
  border: 1px solid #C7D3DC;
  background-color: #FFF;
  transition: border-color 0.325s ease;
}
.input-text-container__input:focus-visible, .input-textarea-container__input:focus-visible {
  border-color: #043248;
}
.input-text-container__error, .input-textarea-container__error {
  font-size: 12px;
  font-weight: 500;
  color: #E15853;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.input-text-container__error-icon, .input-textarea-container__error-icon {
  pointer-events: none;
}

.input-text-container__open-icon {
  transition: transform 0.325s ease;
}
.input-text-container__vti.vue-tel-input {
  position: relative;
  align-items: stretch;
  height: 48px;
  border: 1px solid #C7D3DC;
  border-radius: 40px;
  transition: border-color 0.325s ease;
}
.input-text-container__vti.vue-tel-input:focus-within {
  box-shadow: none;
  border-color: #043248;
}
.input-text-container__vti.vue-tel-input .vti__dropdown {
  position: static;
  padding: 0 20px;
  min-width: 90px;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .input-text-container__vti.vue-tel-input .vti__dropdown:hover {
    background-color: transparent;
  }
}
.input-text-container__vti.vue-tel-input .vti__dropdown.open {
  background-color: transparent;
}
.input-text-container__vti.vue-tel-input .vti__dropdown.open .input-text-container__open-icon {
  transform: rotate(180deg);
}
.input-text-container__vti.vue-tel-input .vti__selection {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.input-text-container__vti.vue-tel-input .vti__country-code {
  color: #004433;
  font-size: 14px;
  font-weight: 500;
}
.input-text-container__vti.vue-tel-input .vti__dropdown-list {
  width: calc(100% + 4px);
}
.input-text-container__vti.vue-tel-input .vti__input {
  flex: 1;
  font-size: 14px;
  color: #043248;
  font-weight: 500;
  padding: 0;
  background-color: transparent;
}
.input-text-container__vti.vue-tel-input .vti__dropdown-list {
  top: initial;
  bottom: 0;
  transform: translateY(calc(100% + 2px));
  border-radius: 20px;
}
.input-text-container__vti.vue-tel-input .vti__dropdown-item {
  font-size: 16px;
  color: #043248;
}
.input-text-container__vti.vue-tel-input .vti__dropdown-item.highlighted {
  background-color: #005893;
  color: #FFF;
}

.input-textarea-container {
  width: 100%;
}
.input-textarea-container__input {
  height: 150px;
  border-radius: 20px;
}

.typ-general {
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .typ-general {
    margin-bottom: 60px;
  }
}
.typ-general__container {
  width: 100%;
  max-width: calc(100% - 40px);
  height: 680px;
  overflow: hidden;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
  position: relative;
}
@media (max-width: 89.9375em) {
  .typ-general__container {
    max-width: calc(100% - 10px);
  }
}
.typ-general__background-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
  pointer-events: none;
}
.typ-general__foreground {
  position: absolute;
  z-index: 2;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  width: 820px;
  max-width: calc(100% - 40px);
  padding: 50px;
  border-radius: 60px;
  background-color: rgba(119, 125, 131, 0.6);
  backdrop-filter: blur(10px);
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  align-items: center;
}
@media (max-width: 48.115em) {
  .typ-general__foreground {
    max-width: calc(100% - 20px);
    padding: 24px;
    border-radius: 40px;
    bottom: 10px;
    row-gap: 20px;
  }
}
.typ-general__content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: center;
  text-align: center;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .typ-general__content {
    row-gap: 20px;
  }
}
.typ-general__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}
.typ-general__icon {
  pointer-events: none;
}
.typ-general__pretitle {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 10%;
}
.typ-general__title {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.4;
  color: #FFF;
}
@media (max-width: 63.99em) {
  .typ-general__title {
    font-size: 26px;
  }
}
.typ-general__description {
  color: #FFF;
}
.typ-general__buttons {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: center;
}
@media (max-width: 35.99em) {
  .typ-general__buttons {
    align-self: stretch;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .typ-general__buttons .button {
    padding: 10px;
  }
}

.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}

.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 32px;
  height: 32px;
  margin: 4px;
  border: 4px solid #043248;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #043248 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.search-results {
  margin-top: 115px;
  margin-bottom: 100px;
  padding-top: 40px;
}
@media (max-width: 63.99em) {
  .search-results {
    margin-top: 90px;
    margin-bottom: 60px;
    padding-top: 30px;
  }
}
.search-results__title {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 20px;
}
@media (max-width: 63.99em) {
  .search-results__title {
    font-size: 24px;
    margin-bottom: 16px;
  }
}

.v-search-results__results-sections {
  display: flex;
  flex-direction: column;
  row-gap: 100px;
}
@media (max-width: 63.99em) {
  .v-search-results__results-sections {
    row-gap: 70px;
  }
}
.v-search-results__search-container {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}
@media (max-width: 63.99em) {
  .v-search-results__search-container {
    margin-bottom: 20px;
  }
}
.v-search-results__results-summary {
  font-size: 18px;
  font-weight: 500;
  color: #384D53;
}
.v-search-results__results-summary--loading {
  width: 300px;
  height: 27px;
}
@media (max-width: 63.99em) {
  .v-search-results__results-summary {
    font-size: 14px;
  }
}
.v-search-results__search-term {
  font-weight: 700;
  color: #062229;
}
.v-search-results__search-input {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
@media (max-width: 63.99em) {
  .v-search-results__search-input {
    font-size: 16px;
  }
}
@media (max-width: 35.99em) {
  .v-search-results__search-input {
    width: 100%;
  }
}
.v-search-results__input {
  width: 450px;
  max-width: 100%;
}
.v-search-results__search-button {
  width: 44px;
  height: 44px;
  border: 1px solid #062229;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: color 0.525s ease, border-color 0.525s ease, background-color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .v-search-results__search-button:hover {
    border-color: #56C9FF;
    background-color: #56C9FF;
  }
}
.v-search-results__header {
  margin-bottom: 50px;
  position: relative;
  width: 100%;
}
@media (max-width: 63.99em) {
  .v-search-results__header {
    margin-bottom: 30px;
  }
}
@media (max-width: 35.99em) {
  .v-search-results__header {
    overflow: auto;
    width: 100vw;
    margin-left: -20px;
    padding-bottom: 10px;
    margin-bottom: 20px;
  }
}
.v-search-results__categories {
  display: flex;
  -moz-column-gap: 60px;
       column-gap: 60px;
  position: relative;
  z-index: 2;
}
.v-search-results__categories::after {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #E5ECF1;
}
@media (max-width: 63.99em) {
  .v-search-results__categories {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .v-search-results__categories {
    white-space: nowrap;
    margin: 0 20px;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.v-search-results__category {
  font-size: 18px;
  font-weight: 500;
  color: #384D53;
  transition: color 0.325s ease, border-color 0.325s ease;
  border-bottom: 2px solid transparent;
  padding: 10px 0;
  position: relative;
  z-index: 2;
}
.v-search-results__category--active {
  color: #062229;
  border-color: #00EFA5;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .v-search-results__category:hover {
    border-color: #062229;
  }
}
@media (max-width: 63.99em) {
  .v-search-results__category {
    font-size: 14px;
  }
}
.v-search-results__section {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.v-search-results__section-title {
  font-size: 24px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .v-search-results__section-title {
    font-size: 20px;
  }
}
.v-search-results__cards {
  display: grid;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 40px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.v-search-results__cards--services, .v-search-results__cards--others {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 79.99em) {
  .v-search-results__cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .v-search-results__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 35.99em) {
  .v-search-results__cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
.v-search-results__load-more {
  align-self: center;
  position: relative;
}
.v-search-results__load-more .lds-ring {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.v-search-results__load-more .lds-ring div {
  border-color: #fff transparent transparent transparent;
}

.contact-section {
  padding-top: 115px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .contact-section {
    padding-top: 90px;
    margin-bottom: 50px;
  }
}
@media (max-width: 35.99em) {
  .contact-section {
    margin-bottom: 0;
  }
}
@media (max-width: 63.99em) {
  .contact-section__container {
    width: 600px;
  }
}
@media (max-width: 35.99em) {
  .contact-section__container {
    max-width: 100%;
    margin-bottom: 0;
  }
}
.contact-section__header {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  width: 630px;
  max-width: 100%;
  margin-bottom: 50px;
}
@media (max-width: 63.99em) {
  .contact-section__header {
    margin-bottom: 30px;
    row-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .contact-section__header {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
    row-gap: 10px;
  }
}
.contact-section__title {
  font-size: 36px;
  color: #062229;
  font-weight: 500;
  padding-top: 40px;
}
@media (max-width: 63.99em) {
  .contact-section__title {
    font-size: 24px;
  }
}
.contact-section__content-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (max-width: 63.99em) {
  .contact-section__content-container {
    flex-direction: column;
    row-gap: 30px;
  }
}
.contact-section__contact-container {
  width: 900px;
  max-width: calc(100% - 390px);
  padding: 50px 70px;
  background-color: #FFF;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media (max-width: 79.99em) {
  .contact-section__contact-container {
    padding: 20px 30px;
  }
}
@media (max-width: 63.99em) {
  .contact-section__contact-container {
    row-gap: 20px;
    width: 100%;
    max-width: 100%;
    padding: 20px;
  }
}
@media (max-width: 35.99em) {
  .contact-section__contact-container {
    border-radius: 0;
  }
}
.contact-section__contact-header {
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  border-bottom: 1px solid #DCE5EF;
}
.contact-section__contact-title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .contact-section__contact-title {
    font-size: 14px;
  }
}
.contact-section__address-container {
  width: 340px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
@media (max-width: 63.99em) {
  .contact-section__address-container {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (max-width: 48.115em) {
  .contact-section__address-container {
    flex-direction: column;
  }
}
@media (max-width: 35.99em) {
  .contact-section__address-container {
    background-color: #FFF;
    padding-bottom: 50px;
  }
}
.contact-section__address-data {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  padding: 30px;
  background-color: #FFF;
  border-radius: 20px;
}
@media (max-width: 63.99em) {
  .contact-section__address-data {
    width: calc(50% - 10px);
    padding: 20px;
    padding-top: 0;
  }
}
@media (max-width: 48.115em) {
  .contact-section__address-data {
    width: 100%;
  }
}
@media (max-width: 35.99em) {
  .contact-section__address-data {
    padding: 0 18px;
    border-radius: 0;
    row-gap: 20px;
  }
}
.contact-section__address-title {
  border-bottom: 1px solid #DCE5EF;
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .contact-section__address-title {
    font-size: 14px;
    padding: 20px 0;
  }
}
.contact-section__address-content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
.contact-section__company-items {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.contact-section__company-item {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  padding: 15px;
  border-radius: 10px;
  background-color: #F7FBFF;
}
.contact-section__company-title {
  font-size: 14px;
  font-weight: 600;
  color: #043248;
}
.contact-section__company-details {
  font-size: 14px;
  font-weight: 600;
  color: #384D53;
}
.contact-section__address-items {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.contact-section__address-item {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.contact-section__address-icon {
  pointer-events: none;
  height: 1lh;
}
.contact-section__address-text {
  font-size: 14px;
  font-weight: 600;
  color: #384D53;
}
.contact-section__iframe-container {
  width: 100%;
  height: 340px;
  position: relative;
}
@media (max-width: 63.99em) {
  .contact-section__iframe-container {
    width: calc(50% - 10px);
    height: inherit;
  }
}
@media (max-width: 48.115em) {
  .contact-section__iframe-container {
    width: 100%;
    height: 340px;
  }
}
@media (max-width: 35.99em) {
  .contact-section__iframe-container {
    padding: 0 18px;
  }
}
.contact-section__iframe-container iframe {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  border-radius: 20px;
  position: relative;
  z-index: 1;
}
.contact-section__button {
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.work-banner {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .work-banner {
    margin: 60px 0;
  }
}
@media (max-width: 35.99em) {
  .work-banner {
    margin-top: 0;
  }
}
.work-banner__container {
  position: relative;
  width: 1400px;
  overflow: hidden;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
}
@media (max-width: 63.99em) {
  .work-banner__container {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }
}
@media (max-width: 48.115em) {
  .work-banner__container {
    height: 450px;
  }
}
@media (max-width: 35.99em) {
  .work-banner__container {
    max-width: 100%;
  }
}
.work-banner__container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
}
@media (max-width: 48.115em) {
  .work-banner__container::before {
    opacity: 0.7;
  }
}
.work-banner__container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0) 75%);
}
@media (max-width: 48.115em) {
  .work-banner__container::after {
    display: none;
  }
}
.work-banner__background-image {
  position: relative;
  z-index: 1;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.work-banner__foreground {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 60px;
}
@media (max-width: 48.115em) {
  .work-banner__foreground {
    padding: 18px;
  }
}
.work-banner__foreground-content {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
  align-items: flex-start;
  width: 630px;
  max-width: 100%;
}
.work-banner__title {
  color: #FFF;
  font-size: 36px;
  font-weight: 600;
}
@media (max-width: 63.99em) {
  .work-banner__title {
    font-size: 24px;
  }
}
@media (max-width: 48.115em) {
  .work-banner__title {
    font-size: 18px;
  }
}
.work-banner__description {
  color: #FFF;
  width: 480px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .work-banner__button {
    background-color: #FFF;
    color: #043248;
  }
}

.contact-form {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  position: relative;
}
@media (max-width: 63.99em) {
  .contact-form {
    row-gap: 20px;
  }
}
.contact-form__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 40px;
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media (max-width: 79.99em) {
  .contact-form__fields {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .contact-form__fields {
    grid-template-columns: minmax(0, 1fr);
  }
}
.contact-form__select-container {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 60px;
       column-gap: 60px;
}
@media (max-width: 79.99em) {
  .contact-form__select-container {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 48.115em) {
  .contact-form__select-container {
    grid-template-columns: minmax(0, 1fr);
  }
}
.contact-form .input-file-container {
  grid-column: 1/-1;
}
.contact-form__textarea {
  grid-column: 1/-1;
}
.contact-form__submit {
  align-self: center;
}
.contact-form__loader {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.input-file-container {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.input-file-container__label {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 79.99em) {
  .input-file-container__label {
    font-size: 14px;
  }
}
.input-file-container__drag-and-drop {
  display: flex;
  flex-direction: column;
  border-radius: 20px;
  border: 1px solid #B8DDEE;
  transition: background-color 0.525s ease;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .input-file-container__drag-and-drop:hover {
    background-color: #F7FBFF;
  }
}
.input-file-container__drag-and-drop--active, .input-file-container__drag-and-drop--filled {
  background-color: #DDF4FF;
}
.input-file-container__drag-and-drop--active .input-file-container__drag-and-drop-icon-container, .input-file-container__drag-and-drop--filled .input-file-container__drag-and-drop-icon-container {
  background-color: #FFF;
}
.input-file-container__drag-and-drop--with-error {
  border-color: #E15853;
}
.input-file-container__drag-and-drop-content {
  padding: 15px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 5px;
}
.input-file-container__drag-and-drop-file {
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
  padding: 10px;
  background-color: #FFF;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
}
.input-file-container__drag-and-drop-filename {
  flex: 1;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  max-width: calc(100% - 28px);
}
.input-file-container__drag-and-drop-filename-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-file-container__drag-and-drop-remove {
  display: inline-flex;
}
.input-file-container__drag-and-drop-placeholder, .input-file-container__drag-and-drop-filled-text {
  font-weight: 500;
  font-size: 14px;
  color: #043248;
}
@media (max-width: 63.99em) {
  .input-file-container__drag-and-drop-placeholder, .input-file-container__drag-and-drop-filled-text {
    font-size: 13px;
  }
}
.input-file-container__drag-and-drop-icon, .input-file-container__drag-and-drop-clip {
  pointer-events: none;
}
.input-file-container__drag-and-drop-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #DDF4FF;
  transition: background-color 0.525s ease;
}
.input-file-container__input-file {
  display: none;
}
.input-file-container__error {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #E15853;
}
.input-file-container__error-icon {
  flex-shrink: 0;
}

.hero-news {
  padding-top: 115px;
}
@media (max-width: 63.99em) {
  .hero-news {
    padding-top: 90px;
  }
}
.hero-news__content {
  width: 630px;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  padding: 40px 0;
}
@media (max-width: 63.99em) {
  .hero-news__content {
    padding-bottom: 0;
    row-gap: 10px;
  }
}
.hero-news__pretitle {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 10%;
  color: #062229;
}
.hero-news__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .hero-news__title {
    font-size: 18px;
  }
}

.articles-banner {
  margin: 100px 0;
}
@media (max-width: 63.99em) {
  .articles-banner {
    margin: 70px 0;
  }
}
.articles-banner__container {
  position: relative;
  padding: 40px;
  border-radius: 10px;
  background-color: #F7FBFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
}
.articles-banner__container::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  transform: translateX(50px) translateY(20px);
  width: 950px;
  height: 315px;
  border-top-left-radius: 210px;
  border-bottom-right-radius: 80px;
  background: linear-gradient(180deg, #F7FBFF 0%, #D0FCEF 65%);
}
@media (max-width: 63.99em) {
  .articles-banner__container::before {
    width: 500px;
    height: 315px;
    right: initial;
    left: 0;
    transform: translateX(115px) translateY(40%);
  }
}
@media (max-width: 63.99em) {
  .articles-banner__container {
    padding: 20px;
    border-radius: 20px;
  }
}
@media (max-width: 35.99em) {
  .articles-banner__container {
    flex-direction: column-reverse;
    row-gap: 20px;
    align-items: stretch;
    padding: 10px;
    box-shadow: 0 5px 30px 0 rgba(2, 30, 50, 0.25);
  }
}
.articles-banner__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 30px;
  width: 600px;
  max-width: calc(50% - 15px);
}
@media (max-width: 63.99em) {
  .articles-banner__content {
    row-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .articles-banner__content {
    width: 100%;
    max-width: 100%;
    padding: 20px 10px;
    padding-top: 0;
    row-gap: 10px;
  }
}
.articles-banner__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .articles-banner__title {
    font-size: 18px;
  }
}
.articles-banner__image {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 2;
  pointer-events: none;
  max-width: calc(50% - 15px);
}
@media (max-width: 63.99em) {
  .articles-banner__image {
    text-decoration: none;
  }
}
@media (max-width: 35.99em) {
  .articles-banner__image {
    width: 100%;
    max-width: 100%;
  }
}

.hero-blog-single__image-container {
  width: 100%;
  max-width: calc(100% - 40px);
  height: 600px;
  position: relative;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  overflow: hidden;
}
.hero-blog-single__image-container::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 63.99em) {
  .hero-blog-single__image-container::before {
    display: none;
  }
}
@media (max-width: 89.9375em) {
  .hero-blog-single__image-container {
    max-width: calc(100% - 10px);
  }
}
@media (max-width: 63.99em) {
  .hero-blog-single__image-container {
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    height: 480px;
  }
}
@media (max-width: 48.115em) {
  .hero-blog-single__image-container {
    height: 380px;
  }
}
.hero-blog-single__picture {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
}
.hero-blog-single__image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  pointer-events: none;
}

.blog-content__container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (max-width: 63.99em) {
  .blog-content__container {
    flex-direction: column;
    align-items: stretch;
    row-gap: 40px;
    width: 700px;
  }
}
.blog-content__mobile-list-button {
  position: sticky;
  top: 90px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
  font-size: 16px;
  font-weight: 600;
  color: #043248;
  min-height: 44px;
  padding: 10px;
}
@media (min-width: 64em) {
  .blog-content__mobile-list-button {
    display: none;
  }
}
.blog-content__aside-overlay {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.525s ease;
}
.blog-content__aside-overlay.active {
  opacity: 1;
  pointer-events: all;
}
@media (min-width: 64em) {
  .blog-content__aside-overlay {
    display: none;
  }
}
.blog-content__aside {
  width: 350px;
  max-width: 100%;
  position: sticky;
  top: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
@media (max-width: 63.99em) {
  .blog-content__aside {
    width: 100%;
    position: fixed;
    z-index: 10;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.525s ease;
    width: 340px;
    padding: 20px 10px;
    background-color: #F7FBFF;
    row-gap: 20px;
    border-radius: 10px;
  }
  .blog-content__aside.active {
    opacity: 1;
    pointer-events: all;
  }
}
.blog-content__aside-title {
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
  padding-bottom: 20px;
  border-bottom: 1px solid #DCE5EF;
}
.blog-content__aside-links {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
@media (max-width: 63.99em) {
  .blog-content__aside-links {
    row-gap: 20px;
  }
}
.blog-content__aside-link {
  font-size: 16px;
  font-weight: 600;
  color: #6D7F84;
  transition: color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .blog-content__aside-link:hover {
    color: #043248;
  }
}
.blog-content__aside-link.active {
  color: #043248;
}
@media (max-width: 63.99em) {
  .blog-content__aside-link {
    font-size: 14px;
  }
}
.blog-content__content {
  flex: 1;
  max-width: calc(100% - 440px);
}
@media (max-width: 79.99em) {
  .blog-content__content {
    max-width: calc(100% - 370px);
  }
}
@media (max-width: 63.99em) {
  .blog-content__content {
    width: 100%;
    max-width: 100%;
  }
}
.blog-content__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.blog-content__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
  margin-bottom: 50px;
  line-height: 1.6;
}
@media (max-width: 63.99em) {
  .blog-content__title {
    font-size: 24px;
  }
}
.blog-content__meta {
  padding-bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-content__date {
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
@media (max-width: 63.99em) {
  .blog-content__date {
    font-size: 12px;
  }
}
.blog-content__share-links {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
}
@media (max-width: 63.99em) {
  .blog-content__share-links {
    font-size: 12px;
  }
}
.blog-content__share-link {
  display: inline-flex;
}
.blog-content__content-container {
  border-top: 1px solid #DCE5EF;
}
.blog-content__paragraph {
  margin: 40px 0;
}
.blog-content__paragraph:last-child {
  margin-bottom: 0;
}
@media (max-width: 63.99em) {
  .blog-content__paragraph {
    margin: 30px 0;
  }
}
.blog-content__gallery-images {
  margin: 40px 0;
  margin-bottom: 80px;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media (max-width: 63.99em) {
  .blog-content__gallery-images {
    margin: 30px 0;
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .blog-content__gallery-images {
    flex-direction: column;
    row-gap: 20px;
  }
}
.blog-content__gallery-first-half, .blog-content__gallery-second-half {
  display: flex;
  flex-direction: column;
  row-gap: 30px;
}
@media (max-width: 63.99em) {
  .blog-content__gallery-first-half, .blog-content__gallery-second-half {
    row-gap: 20px;
  }
}
.blog-content__gallery-first-half .blog-content__gallery-image:nth-child(odd) {
  height: 260px;
}
.blog-content__gallery-second-half .blog-content__gallery-image:nth-child(even) {
  height: 260px;
}
.blog-content__gallery-image {
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.blog-content__single-image {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 480px;
  border-radius: 10px;
  margin: 40px 0;
  pointer-events: none;
}
@media (max-width: 63.99em) {
  .blog-content__single-image {
    margin: 30px 0;
    height: 400px;
  }
}
@media (max-width: 48.115em) {
  .blog-content__single-image {
    height: 200px;
  }
}
.blog-content__banner {
  border-radius: 10px;
  padding: 15px;
  background-color: #FFF;
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
  margin-bottom: 80px;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
}
@media (max-width: 35.99em) {
  .blog-content__banner {
    flex-direction: column;
    row-gap: 20px;
    align-items: stretch;
    padding: 10px;
    padding-bottom: 30px;
  }
}
.blog-content__banner-image {
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  border-radius: 5px;
}
@media (max-width: 35.99em) {
  .blog-content__banner-image {
    width: 100%;
    height: 250px;
  }
}
.blog-content__banner-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.blog-content__banner-title {
  font-size: 24px;
  font-weight: 600;
  color: #043248;
  margin-bottom: 10px;
}
@media (max-width: 63.99em) {
  .blog-content__banner-title {
    font-size: 18px;
  }
}
.blog-content__banner-description {
  margin-bottom: 20px;
}
.blog-content__quote {
  background-color: #F7FBFF;
  padding: 20px;
  border-radius: 10px;
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  margin: 40px 0;
  margin-bottom: 80px;
}
.blog-content__quote-icon {
  pointer-events: none;
  align-self: flex-start;
}
.blog-content__quote-content {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .blog-content__quote-content {
    font-size: 14px;
  }
}
.blog-content__quote-author {
  padding-top: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
  border-top: 1px solid #DCE5EF;
}
.blog-content__gallery-videos-main {
  margin-bottom: 20px;
}
.blog-content__video-content {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .blog-content__video-content:hover .blog-content__play-icon-container {
    background-color: #FFF;
    color: #00EFA5;
  }
}
.blog-content__cover-image {
  width: 100%;
  height: 480px;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}
@media (max-width: 63.99em) {
  .blog-content__cover-image {
    height: 250px;
  }
}
.blog-content__play-icon-container {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  width: 125px;
  height: 125px;
  border-radius: 50%;
  background-color: rgba(119, 125, 131, 0.6);
  backdrop-filter: blur(10px);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  transition: background-color 0.525s ease, color 0.525s ease;
}
@media (max-width: 63.99em) {
  .blog-content__play-icon-container {
    width: 80px;
    height: 80px;
  }
}
.blog-content__play-icon-container {
  pointer-events: none;
}
.blog-content__gallery-videos-secondary-container {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  -moz-column-gap: 10px;
       column-gap: 10px;
  width: 600px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .blog-content__gallery-videos-secondary-container {
    justify-content: space-between;
  }
}
.blog-content__gallery-videos-left, .blog-content__gallery-videos-right {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  background-color: #FFF;
}
.blog-content__gallery-videos-left {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
}
.blog-content__gallery-videos-right {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
.blog-content__gallery-videos-secondary {
  width: calc(100% - 120px);
  height: 80px;
}
.blog-content__gallery-videos-secondary .slick-list {
  margin: 0 -5px;
}
.blog-content__gallery-videos-secondary .slick-slide {
  margin: 0 5px;
}
.blog-content__gallery-videos-secondary .slick-current .blog-content__gallery-video-cover-secondary {
  border-color: #B0C6D6;
  opacity: 1;
}
@media (max-width: 63.99em) {
  .blog-content__gallery-videos-secondary {
    height: 50px;
  }
}
.blog-content__gallery-video-secondary {
  display: flex;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .blog-content__gallery-video-secondary:hover .blog-content__gallery-video-cover-secondary {
    opacity: 1;
  }
}
.blog-content__gallery-video-cover-secondary {
  width: 100%;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
  border-radius: 4px;
  border: 2px solid transparent;
  opacity: 0.6;
  transition: border-color 0.525s ease, opacity 0.525s ease;
  pointer-events: none;
}
@media (max-width: 48.115em) {
  .blog-content__gallery-video-cover-secondary {
    height: 50px;
  }
}
.blog-content__download-links {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
  margin: 40px 0;
}
@media (max-width: 63.99em) {
  .blog-content__download-links {
    row-gap: 30px;
  }
}
.blog-content__download-links-title {
  font-size: 14px;
  font-weight: 500;
  color: #384D53;
  padding-bottom: 30px;
  border-bottom: 1px solid #E6F0F3;
}
.blog-content__download-links-items {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.blog-content__download-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border-radius: 20px;
  background-color: #FFF;
  border: 1px solid #E6F0F3;
  padding: 22px 30px;
  transition: box-shadow 0.525s ease, padding 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .blog-content__download-link:hover {
    box-shadow: 0px 6px 10px 0px rgba(2, 30, 50, 0.1019607843);
    padding: 22px 40px;
  }
  .blog-content__download-link:hover .blog-content__download-icon {
    color: #00EFA5;
  }
}
.blog-content__download-link-title {
  flex: 1;
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 63.99em) {
  .blog-content__download-link-title {
    font-size: 14px;
  }
}
.blog-content__download-icon {
  pointer-events: none;
  color: #043248;
  transition: color 0.325s ease;
}

.download-modal {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.download-modal.loading {
  cursor: progress;
}
.download-modal__content {
  cursor: initial;
  width: 660px;
  max-width: calc(100% - 40px);
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.download-modal__banner-container {
  display: flex;
  flex-direction: column;
}
.download-modal__banner {
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 48.115em) {
  .download-modal__banner {
    height: 150px;
  }
}
.download-modal__close-button {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display: flex;
  width: 24px;
  height: 24px;
  background-color: #F7FBFF;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: background-color 0.325s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .download-modal__close-button:hover {
    background-color: #F7FBFF;
  }
}
.download-modal__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 40px;
  padding: 50px 60px;
  padding-top: 30px;
  background-color: #FFF;
}
@media (max-width: 48.115em) {
  .download-modal__body {
    padding: 20px;
  }
}
.download-modal__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 5px;
}
.download-modal__title {
  font-size: 24px;
  font-weight: 600;
  color: #043248;
}
.download-modal__form {
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media (max-width: 48.115em) {
  .download-modal__form {
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    align-items: stretch;
    row-gap: 10px;
  }
}
.download-modal .input-text-container {
  position: relative;
}
@media (min-width: 48.125em) {
  .download-modal .input-text-container__error {
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(calc(100% + 5px));
  }
}
.download-modal__submit {
  min-height: 48px;
}
.download-modal__loader {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

.terms-component {
  padding-top: 115px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .terms-component {
    padding-top: 90px;
    margin-bottom: 60px;
  }
}
.terms-component__content {
  width: 850px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.terms-component__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 30px;
  margin-bottom: 80px;
  padding-top: 40px;
}
@media (max-width: 63.99em) {
  .terms-component__header {
    padding-top: 30px;
    row-gap: 10px;
    margin-bottom: 40px;
  }
}
.terms-component__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .terms-component__title {
    font-size: 24px;
  }
}
.terms-component__items {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.terms-component__accordion {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 15px 24px 0px rgba(2, 30, 50, 0.1019607843);
}
.terms-component__accordion-icon-container {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #DCE5EF;
  background-color: #FFF;
  color: #043248;
  transition: color 0.525s ease, background-color 0.525s ease, border-color 0.525s ease, transform 0.525s ease;
  flex-shrink: 0;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .terms-component__accordion-icon-container:hover {
    background-color: #00EFA5;
    border-color: #00EFA5;
  }
}
@media (max-width: 63.99em) {
  .terms-component__accordion-icon-container {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 63.99em) {
  .terms-component__accordion-icon {
    width: 16px;
    height: 16px;
  }
}
.terms-component__accordion-title {
  padding: 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #043248;
  transition: background-color 0.525s ease;
  background-color: #FFF;
  cursor: pointer;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .terms-component__accordion-title:not(.ui-state-active):hover {
    background-color: #E8EFF6;
  }
}
.terms-component__accordion-title.ui-state-active {
  background-color: #DDF4FF;
}
.terms-component__accordion-title.ui-state-active .terms-component__accordion-icon-container {
  background-color: #56C9FF;
  border-color: #56C9FF;
  color: #FFF;
  transform: rotate(180deg);
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .terms-component__accordion-title.ui-state-active .terms-component__accordion-icon-container:hover {
    background-color: #28B7FB;
    border-color: #28B7FB;
  }
}
@media (max-width: 63.99em) {
  .terms-component__accordion-title {
    padding: 10px 20px;
    font-size: 14px;
  }
}
.terms-component__accordion-body {
  width: 100%;
  background-color: #DDF4FF;
  padding: 0 30px;
}
@media (max-width: 63.99em) {
  .terms-component__accordion-body {
    padding: 0 20px;
  }
}
.terms-component__accordion-content {
  width: 660px;
  max-width: calc(100% - 54px);
  padding-top: 10px;
  padding-bottom: 25px;
}
@media (max-width: 63.99em) {
  .terms-component__accordion-content {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 20px;
  }
}

.wwu-component {
  padding-top: 115px;
  margin-bottom: 100px;
}
@media (max-width: 63.99em) {
  .wwu-component {
    padding-top: 90px;
    margin-bottom: 60px;
  }
}
@media (max-width: 48.115em) {
  .wwu-component__container {
    width: 600px;
  }
}
@media (max-width: 35.99em) {
  .wwu-component__container {
    max-width: 100%;
  }
}
.wwu-component__content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.wwu-component__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 30px;
  margin-bottom: 80px;
  padding-top: 40px;
  width: 850px;
  max-width: 100%;
}
@media (max-width: 63.99em) {
  .wwu-component__header {
    margin-bottom: 30px;
  }
}
@media (max-width: 48.115em) {
  .wwu-component__header {
    align-items: flex-start;
    text-align: left;
    row-gap: 20px;
  }
}
@media (max-width: 35.99em) {
  .wwu-component__header {
    max-width: calc(100% - 40px);
    margin-left: auto;
    margin-right: auto;
  }
}
.wwu-component__title {
  font-size: 36px;
  font-weight: 500;
  color: #062229;
}
@media (max-width: 63.99em) {
  .wwu-component__title {
    font-size: 24px;
  }
}
.wwu-component__form-container {
  display: flex;
  flex-direction: column;
  padding: 50px 70px;
  width: 900px;
  max-width: 100%;
  background-color: #FFF;
  border-radius: 20px;
}
@media (max-width: 48.115em) {
  .wwu-component__form-container {
    padding: 30px 18px;
  }
}
@media (max-width: 35.99em) {
  .wwu-component__form-container {
    border-radius: 0;
  }
}
.wwu-component__form-header {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  padding-bottom: 20px;
  border-bottom: 1px solid #DCE5EF;
}
.wwu-component__form-title {
  font-size: 18px;
  font-weight: 600;
  color: #043248;
}
@media (max-width: 48.115em) {
  .wwu-component__form-title {
    font-size: 14px;
  }
}
.wwu-component__form {
  padding-top: 30px;
}

.header-submenu-about {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px;
  row-gap: 20px;
  padding: 30px 0;
}
.header-submenu-about .card {
  flex-basis: calc(25% - 30px);
  margin: 0 15px;
}

.header-submenu-services {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -moz-column-gap: 45px;
       column-gap: 45px;
  row-gap: 20px;
  padding: 30px 0;
}
@media (max-width: 79.99em) {
  .header-submenu-services {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

.header-submenu-products {
  padding: 30px 0;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.header-submenu-products__tabs-selectors {
  width: 310px;
  display: flex;
  flex-direction: column;
}
.header-submenu-products__tab-selector.ui-state-active .header-submenu-products__tab-selector-link {
  padding-right: 30px;
  background-color: #FFF;
}
.header-submenu-products__tab-selector.ui-state-active .header-submenu-products__tab-selector-text {
  transform: translateX(10px);
}
.header-submenu-products__tab-selector.ui-state-active .header-submenu-products__caret {
  color: #00EFA5;
}
.header-submenu-products__tab-selector-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-radius: 10px;
  background-color: transparent;
  color: #062229;
  font-size: 16px;
  font-weight: 500;
  transition: background-color 0.525s ease, padding 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header-submenu-products__tab-selector-link:hover {
    background-color: #DBE7F0;
  }
}
.header-submenu-products__tab-selector-text {
  transition: transform 0.525s ease;
}
.header-submenu-products__category-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 940px;
  max-width: calc(100% - 350px);
}
.header-submenu-products__caret {
  transition: color 0.525s ease;
}
.header-submenu-products__empty-category {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 10px;
  background-color: #DBE7F0;
  border-radius: 10px;
  transition: background-color 0.525s ease;
}
@media (min-width: 64em) and (hover: hover) and (pointer: fine) {
  .header-submenu-products__empty-category:hover {
    background-color: #00EFA5;
  }
}
.header-submenu-products__empty-category-text {
  font-size: 12px;
  font-weight: 500;
  color: #043248;
  text-align: center;
}

.header-mobile {
  position: fixed;
  z-index: 9;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
}
@media (min-width: 64em) {
  .header-mobile {
    display: none;
  }
}
.header-mobile--tertiary {
  pointer-events: none;
}
.header-mobile--tertiary .header-mobile__top {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
.header-mobile--tertiary .header-mobile__top-search-button {
  border-color: #FFF;
  color: #FFF;
}
.header-mobile--tertiary .header-mobile__top-hamburger-button {
  background-color: #FFF;
  color: #000;
}
.header-mobile--tertiary .header-mobile__top-search-icon {
  color: #FFF;
}
.header-mobile--primary .header-mobile__top, .header-mobile--secondary .header-mobile__top {
  background-color: #FFF;
}
.header-mobile--primary .header-mobile__top-search-button, .header-mobile--secondary .header-mobile__top-search-button {
  border-color: #043248;
  color: #043248;
}
.header-mobile--primary .header-mobile__top-hamburger-button, .header-mobile--secondary .header-mobile__top-hamburger-button {
  background-color: #043248;
  color: #FFF;
}
.header-mobile--primary .header-mobile__top-search-icon, .header-mobile--secondary .header-mobile__top-search-icon {
  color: #043248;
}
.header-mobile__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 25px;
}
.header-mobile__logo-container {
  pointer-events: all;
  height: 55px;
}
.header-mobile__logo {
  height: 100%;
}
.header-mobile__top-buttons {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.header-mobile__top-search-button, .header-mobile__top-hamburger-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  border: 1px solid #043248;
  pointer-events: all;
}
.header-mobile__top-search-button {
  transition: border-color 0.525s ease, color 0.525s ease;
}
.header-mobile__top-hamburger-button {
  border: none;
  transition: background-color 0.525s ease, color 0.525s ease;
}
.header-mobile__top-search-icon {
  transition: color 0.525s ease;
}
.header-mobile__search-modal, .header-mobile__menu-modal {
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  transition: opacity 0.525s ease;
  pointer-events: none;
  display: flex;
  flex-direction: column;
}
.header-mobile__search-modal.active, .header-mobile__menu-modal.active {
  opacity: 1;
  pointer-events: all;
}
.header-mobile__modal-top {
  background-color: #FFF;
  padding: 16px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header-mobile__modal-close-button {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #043248;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-mobile__modal-content {
  flex: 1;
  overflow: auto;
  height: calc(100% - 156px);
  background-color: #EDF5FB;
  padding: 30px 18px;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.header-mobile__search-form {
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.header-mobile__search-button {
  background-color: #FFF;
}
.header-mobile__modal-linkedin {
  background-color: #28B7FB;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 7px;
       column-gap: 7px;
  color: #FFF;
  font-size: 14px;
  font-weight: 600;
}
.header-mobile__modal-primary-links {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.header-mobile__modal-primary-link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  font-size: 20px;
  font-weight: 500;
  color: #043248;
  background-color: #FFF;
  border-radius: 50px;
}
.header-mobile__modal-secondary-links {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  width: 500px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.header-mobile__modal-secondary-accordion {
  display: flex;
  flex-direction: column;
}
.header-mobile__modal-secondary-link {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
  padding: 10px 20px;
  cursor: pointer;
}
.header-mobile__modal-secondary-link.ui-state-active .header-mobile__modal-secondary-link-caret {
  transform: rotate(180deg);
}
.header-mobile__modal-secondary-link-caret {
  transition: transform 0.525s ease;
}
.header-mobile__modal-secondary-accordion-content {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  width: 100%;
}
.header-mobile__modal-secondary-accordion-links {
  display: flex;
  flex-direction: column;
}
.header-mobile__modal-2 {
  position: absolute;
  z-index: 2;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  pointer-events: none;
  transition: opacity 0.525s ease;
}
.header-mobile__modal-2.active {
  opacity: 1;
  pointer-events: all;
}
.header-mobile__modal-2-top {
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 10px;
  padding: 20px 18px;
  padding-top: 10px;
}
.header-mobile__modal-2-back {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  padding: 20px 0;
  font-size: 20px;
  font-weight: 500;
  color: #043248;
}
.header-mobile__modal-2-breadcrumb {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555555;
  font-weight: 500;
}
.header-mobile__modal-2-breadcrumb strong {
  font-weight: 700;
  color: #043248;
}
.header-mobile__modal-2-content-container {
  background-color: #EDF5FB;
  padding: 30px 18px;
  flex: 1;
  height: 100%;
  max-height: calc(100% - 130px);
  overflow: auto;
}
.header-mobile__modal-2-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  min-height: 100%;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}
.header-mobile__modal-2-products-categories {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.header-mobile__modal-2-link-all {
  border: 2px solid #B0C6D6;
  border-radius: 30px;
  min-height: 44px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  color: #043248;
}
.header-mobile__modal-2-services {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 19px;
}
.header-mobile__modal-2-about {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
}