@charset "UTF-8";
/*
@font-face {
    // This is parsed as a normal function call that takes a quoted string.
    src: url("../fonts//PlusJakartaSans-VariableFont_wght.ttf") format("ttf");

    font-family: "Plus Jakarta Sans", sans-serif;
}
*/
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap");
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

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

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-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 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/**
 * Set up a decent box model on the root element
 */
html {
  box-sizing: border-box;
}

/**
 * Make all elements from the DOM inherit from the parent box-sizing
 * Since `*` has a specificity of 0, it does not override the `html` value
 * making all elements inheriting from the root box-sizing value
 * See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
 */
*,
*::before,
*::after {
  box-sizing: inherit;
}

/**
 * Basic styles for links
 */
a {
  color: rgb(0, 52, 84);
  text-decoration: none;
}
a:hover, a:active, a:focus, a:focus-within {
  color: rgb(34, 34, 34);
  text-decoration: underline;
}

picture > img {
  display: block;
}

/*
@font-face {
    // This is parsed as a normal function call that takes a quoted string.
    src: url("../fonts//Inter-VariableFont_opsz,wght.ttf") format("ttf");

    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
}
*/
/**
 * Clear inner floats
 */
.clearfix::after {
  clear: both;
  content: "";
  display: table;
}

/**
 * Main content containers
 * 1. Make the container full-width with a maximum width
 * 2. Center it in the viewport
 * 3. Leave some space on the edges, especially valuable on small screens
 */
.container {
  max-width: 1180px; /* 1 */
  margin-left: auto; /* 2 */
  margin-right: auto; /* 2 */
  padding-left: 20px; /* 3 */
  padding-right: 20px; /* 3 */
  width: 100%; /* 1 */
}

/**
 * Hide text while making it readable for screen readers
 * 1. Needed in WebKit-based browsers because of an implementation bug;
 *    See: https://code.google.com/p/chromium/issues/detail?id=457146
 */
.hide-text {
  overflow: hidden;
  padding: 0; /* 1 */
  text-indent: 101%;
  white-space: nowrap;
}

/**
 * Hide element while making it readable for screen readers
 * Shamelessly borrowed from HTML5Boilerplate:
 * https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119-L133
 */
.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.hidden {
  display: none !important;
}

#loader {
  display: none;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-top: 4px solid #4A95B4;
  width: 15px;
  height: 15px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/**
 * Basic typography style for copy text
 */
body {
  color: rgb(34, 34, 34);
  font: normal 125%/1.4 "Plus Jakarta Sans", sans-serif;
}

h1 {
  font: 800 48px/1.14 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  h1 {
    font: 800 32px/1.14 "Plus Jakarta Sans", sans-serif;
  }
}

h2 {
  font: 700 30px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}

h3 {
  font: 700 22px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}

h4 {
  font: 700 18px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}

p {
  color: #494949;
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  line-height: normal;
  letter-spacing: 0.2px;
  line-height: 24px !important;
}

b {
  font-weight: revert-layer !important;
}

.mainNav {
  display: flex;
  padding: 0 98px;
  border-bottom: 1px solid rgb(169, 169, 169);
}
@media (max-width: 768px) {
  .mainNav {
    padding: 0;
    height: 84px;
  }
}
.mainNav .mainNav__list {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  width: 100%;
  flex-wrap: wrap;
}
.mainNav .mainNav__list .mainNav__wrapper {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--logo {
    flex: 1 1 50%;
    justify-content: flex-start;
    padding-left: 15px;
  }
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--mobile {
    flex: 1 1 50%;
    justify-content: flex-end;
    padding-right: 15px;
  }
}
.mainNav .mainNav__list .mainNav__wrapper--mobile .mainNav__item {
  display: flex;
  flex-direction: row;
  gap: 12px;
}
@media (max-width: 576px) {
  .mainNav .mainNav__list .mainNav__wrapper--mobile .mainNav__item .button-navigation-open {
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(100%) contrast(105%);
  }
}
@media (min-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--mobile {
    display: none;
  }
}
.mainNav .mainNav__list .mainNav__wrapper--show {
  display: flex !important;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--logo, .mainNav .mainNav__list .mainNav__wrapper--mobile {
    height: 84px;
  }
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--items, .mainNav .mainNav__list .mainNav__wrapper--marketing {
    display: none;
    flex: 1 1 100%;
    background-color: white;
  }
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--marketing {
    padding: 28px 0 47px 0;
  }
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--items {
    flex-direction: column;
    align-items: flex-start;
  }
}
.mainNav .mainNav__list .mainNav__wrapper--items .mainNav__item {
  width: fit-content;
}
.mainNav .mainNav__list .mainNav__wrapper--items .mainNav__item img {
  width: 100%;
}
.mainNav .mainNav__list .mainNav__wrapper--items .mainNav__item .button-navigation-v2 img {
  width: auto;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper--items .mainNav__item {
    width: 100%;
  }
}
.mainNav .mainNav__list .mainNav__wrapper--items .mainNav__item a {
  justify-content: space-between;
}
.mainNav .mainNav__list .mainNav__wrapper a {
  display: flex;
  flex-direction: row;
  text-decoration: none;
  align-items: center;
  gap: 10px;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__list {
  display: none;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item.logo img {
  content: url("https://otinus.com/media/68/download/logo-black.png?v=1");
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item:has(.button-navigation-standard) {
  padding: 20px 0;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item:has(.button-navigation-standard) {
    padding: 0;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item:has(.mainNav__wrapper--show) > a::after {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item:hover .mainNav__list {
    display: flex;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list {
  flex-direction: column;
  position: absolute;
  top: 78px;
  left: 0;
  width: 100%;
  background: #F8F8F8;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list {
    position: unset;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list h2 {
  font: 600 19px/1.21 "Plus Jakarta Sans", sans-serif;
  min-height: 64px;
  align-self: baseline;
  margin: 0;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  align-items: center;
  gap: 30px;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__wrapper:first-child {
  gap: 20px;
  padding: 40px 0;
  box-shadow: 0 30px 49.6px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__wrapper:first-child {
    overflow: auto;
    max-width: 100vw;
    width: 100%;
    padding-left: 225px !important;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__list {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  position: relative;
  top: 0;
  gap: 12px;
  border-bottom: none;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__item {
  padding: 0;
  align-self: center;
  width: 200px;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__item {
    align-self: auto;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__item .mainNav__list {
  margin-top: 15px;
  display: none;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__list .mainNav__item .mainNav__item {
  width: auto;
  margin-bottom: 35px;
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__wrapper:last-child {
  display: none;
  gap: 53px;
  padding: 40px 25px;
  border-top: 1px solid rgb(169, 169, 169);
  background-color: white;
}
@media (max-width: 768px) {
  .mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__wrapper:last-child {
    flex-direction: column;
    align-items: flex-start;
  }
}
.mainNav .mainNav__list .mainNav__wrapper .mainNav__item .mainNav__wrapper:last-child .mainNav__item {
  width: fit-content;
}
.mainNav.mainNav--v2 {
  position: absolute;
  width: 100%;
  z-index: 1;
  border-bottom: 1px solid #426A8D;
}
.mainNav.mainNav--v2 .mainNav__item.logo img {
  content: url("https://otinus.com/media/69/download/logo-white.png?v=1") !important;
}
.mainNav.mainNav--v2:has(.mainNav__item:hover) {
  background-color: white;
}
.mainNav.mainNav--v2:has(.mainNav__item:hover) .mainNav__item.logo img {
  content: url("https://otinus.com/media/68/download/logo-black.png?v=1") !important;
}
.mainNav.mainNav--v2:has(.mainNav__item:hover) .button-navigation-standard {
  color: #003454;
}
.mainNav.mainNav--v2:has(.mainNav__item:hover) .button-navigation-standard--dropdown::after {
  filter: invert(17%) sepia(15%) saturate(6194%) hue-rotate(174deg) brightness(92%) contrast(105%);
}
@media (min-width: 768px) {
  .mainNav.mainNav--v2:has(.mainNav__item:hover) .button-navigation-standard:hover {
    color: #D3004B;
    background-color: #E8E8E8;
  }
}
.mainNav.mainNav--v2:has(.mainNav__item:hover) .button-navigation-v1 {
  background-color: #003454;
  color: white;
}
.mainNav.mainNav--v2 .button-navigation-standard {
  color: white;
}
@media (min-width: 768px) {
  .mainNav.mainNav--v2 .button-navigation-standard:hover {
    color: #D3004B;
    background: none;
  }
}
.mainNav.mainNav--v2 .button-navigation-v1 {
  background-color: white;
  color: #003454;
}
.mainNav.mainNav--v2 .button-navigation-standard--dropdown::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.46681 8.2651C7.18392 8.5783 6.72647 8.5783 6.44658 8.2651L0.665296 1.86776C0.382402 1.55456 0.382402 1.04811 0.665296 0.738234C0.948191 0.428364 1.40564 0.425032 1.68552 0.738234L6.95218 6.56914L12.2219 0.734903C12.5047 0.4217 12.9622 0.4217 13.2421 0.734903C13.522 1.04811 13.525 1.55456 13.2421 1.86443L7.46681 8.2651Z' fill='%23000000'/%3E%3C/svg%3E%0A");
  filter: invert(100%) sepia(86%) saturate(0%) hue-rotate(219deg) brightness(108%) contrast(101%);
}
.breadcrumb {
  height: 73px;
  background-color: #F6F6F6;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .breadcrumb {
    padding: 0 15px;
  }
}
.breadcrumb .breadcrumb__container {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  align-items: center;
}
.breadcrumb .breadcrumb__container .breadcrumb__item {
  font: 400 12px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #424242;
}

footer > .footer__container {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
}
@media (min-width: 1024px) {
  footer > .footer__container {
    grid-template-columns: 20% 20% 20% 20% 20%;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 50px 0;
  }
}
@media (max-width: 576px) {
  footer > .footer__container {
    display: flex;
    gap: 24px;
    flex-direction: column;
    padding: 50px 15px 50px;
  }
}
footer > .footer__container img {
  width: 100%;
  max-width: 157px;
}
footer .footer__bottom {
  background-color: #F5F5F5;
}
footer .footer__bottom .footer__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 0;
  font: 500 16px/1.21 "Inter", sans-serif;
}
@media (max-width: 576px) {
  footer .footer__bottom .footer__container {
    padding: 32px 15px;
  }
}
footer .footer__bottom .footer__container .footer__social {
  display: flex;
  gap: 15px;
}
footer .footer__bottom .footer__container .footer__social .footer__icon {
  width: 35px;
  height: 35px;
  border: 1.5px solid #000;
  border-radius: 50%;
  opacity: 0.1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
footer .footer__bottom .footer__container .footer__social .footer__icon img {
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
  display: block;
}
footer h4 {
  font: 700 16px/1.21 "Inter", sans-serif;
  margin-top: 0;
  color: #003454;
}
footer a {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  display: flex;
  color: #818181;
}
footer a:hover {
  color: #426A8D;
}
footer p {
  margin: 0;
}
footer .button-v4 {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  padding: 15px 35px 15px 25px;
}
footer .button-v4::before {
  padding-right: 10px;
  content: url("data:image/svg+xml,%0A%3Csvg width='14' height='18' viewBox='0 0 14 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_327_8469)'%3E%3Cpath d='M7.75938 17.55C9.49609 15.293 13.457 9.82266 13.457 6.75C13.457 3.02344 10.5456 0 6.95703 0C3.36849 0 0.457031 3.02344 0.457031 6.75C0.457031 9.82266 4.41797 15.293 6.15469 17.55C6.57109 18.0879 7.34297 18.0879 7.75938 17.55ZM6.95703 4.5C7.53167 4.5 8.08277 4.73705 8.4891 5.15901C8.89542 5.58097 9.1237 6.15326 9.1237 6.75C9.1237 7.34674 8.89542 7.91903 8.4891 8.34099C8.08277 8.76295 7.53167 9 6.95703 9C6.3824 9 5.8313 8.76295 5.42497 8.34099C5.01864 7.91903 4.79036 7.34674 4.79036 6.75C4.79036 6.15326 5.01864 5.58097 5.42497 5.15901C5.8313 4.73705 6.3824 4.5 6.95703 4.5Z' fill='%23000000'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_327_8469'%3E%3Crect width='13' height='18' fill='white' transform='translate(0.457031)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  filter: invert(34%) sepia(95%) saturate(278%) hue-rotate(165deg) brightness(91%) contrast(82%);
}

.button-navigation-standard {
  padding: 9px 13px;
  border-radius: 43px;
  background-color: transparent;
  color: #003454;
  font: 500 16px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .button-navigation-standard {
    padding: 15px 25px;
    border-bottom: 1px solid #426A8D;
    border-radius: 0%;
  }
}
@media (min-width: 768px) {
  .button-navigation-standard:hover {
    color: #D3004B;
    background-color: #E8E8E8;
  }
}
@media (max-width: 768px) {
  .button-navigation-standard {
    font-size: 22px;
    color: #00588E;
  }
  .button-navigation-standard:hover, .button-navigation-standard:active, .button-navigation-standard:focus, .button-navigation-standard:focus-within {
    color: #00588E;
  }
}
.button-navigation-standard--dropdown::after {
  content: url("data:image/svg+xml,%0A%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.46681 8.2651C7.18392 8.5783 6.72647 8.5783 6.44658 8.2651L0.665296 1.86776C0.382402 1.55456 0.382402 1.04811 0.665296 0.738234C0.948191 0.428364 1.40564 0.425032 1.68552 0.738234L6.95218 6.56914L12.2219 0.734903C12.5047 0.4217 12.9622 0.4217 13.2421 0.734903C13.522 1.04811 13.525 1.55456 13.2421 1.86443L7.46681 8.2651Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}
@media (max-width: 768px) {
  .button-navigation-standard--dropdown {
    font-size: 22px;
    color: #00588E;
  }
}
.button-navigation-standard--dropdown::after:hover {
  filter: invert(9%) sepia(59%) saturate(7406%) hue-rotate(326deg) brightness(93%) contrast(119%);
}

.button-navigation-open {
  content: url("data:image/svg+xml,%3Csvg width='34' height='29' viewBox='0 0 34 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='2.5' y1='2.5' x2='31.5' y2='2.5' stroke='%23000000' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='2.5' y1='14.5' x2='23.5' y2='14.5' stroke='%23000000' stroke-width='5' stroke-linecap='round'/%3E%3Cline x1='2.5' y1='26.5' x2='31.5' y2='26.5' stroke='%23000000' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}

.button-navigation-call {
  content: url("data:image/svg+xml,%0A%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='31' height='32' rx='15.5' fill='%23D3004B'/%3E%3Cpath d='M13.0088 9.67324C12.7982 9.16467 12.2432 8.89398 11.7127 9.0389L9.30661 9.69512C8.83084 9.82636 8.5 10.2584 8.5 10.7505C8.5 17.5151 13.9849 23 20.7495 23C21.2416 23 21.6736 22.6692 21.8049 22.1934L22.4611 19.7873C22.606 19.2568 22.3353 18.7018 21.8268 18.4912L19.2019 17.3975C18.7562 17.2116 18.2394 17.3401 17.9359 17.7147L16.8313 19.0627C14.9064 18.1522 13.3478 16.5936 12.4373 14.6687L13.7853 13.5668C14.1599 13.2606 14.2884 12.7465 14.1025 12.3009L13.0088 9.67598V9.67324Z' fill='white'/%3E%3C/svg%3E%0A");
}

.button-navigation-v1 {
  padding: 15px 27px;
  border-radius: 43px;
  background-color: #003454;
  color: white;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
}
.button-navigation-v1::before {
  content: url("data:image/svg+xml,%0A%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.96972 1.17324C4.75919 0.664672 4.20413 0.393981 3.67369 0.538896L1.26754 1.19512C0.791782 1.32636 0.460938 1.75837 0.460938 2.25054C0.460938 9.01509 5.94585 14.5 12.7104 14.5C13.2026 14.5 13.6346 14.1692 13.7658 13.6934L14.422 11.2873C14.567 10.7568 14.2963 10.2018 13.7877 9.99121L11.1628 8.89751C10.7171 8.71158 10.2004 8.84009 9.89685 9.21469L8.79221 10.5627C6.8673 9.65217 5.30877 8.09364 4.39826 6.16873L5.74625 5.06682C6.12085 4.76059 6.24935 4.24655 6.06343 3.80086L4.96972 1.17598V1.17324Z' fill='%23D3004B'/%3E%3C/svg%3E%0A");
  height: 15px;
}
.button-navigation-v1:hover, .button-navigation-v1:active, .button-navigation-v1:focus, .button-navigation-v1:focus-within {
  color: white;
}

.button-navigation-v2 {
  color: #00588E;
  font: 700 18px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
  text-decoration: underline !important;
  display: flex !important;
  flex-direction: row !important;
  gap: 20px;
}
.button-navigation-v2:hover, .button-navigation-v2:active, .button-navigation-v2:focus, .button-navigation-v2:focus-within {
  color: #003454;
}
.button-navigation-v2:hover img, .button-navigation-v2:active img, .button-navigation-v2:focus img, .button-navigation-v2:focus-within img {
  filter: invert(14%) sepia(56%) saturate(1834%) hue-rotate(176deg) brightness(100%) contrast(101%);
}
.button-navigation-v2 img {
  filter: invert(18%) sepia(63%) saturate(2715%) hue-rotate(183deg) brightness(105%) contrast(104%);
}

.button-base {
  padding: 5px;
  border-radius: 61px;
  background-color: #00588E;
  color: white;
  font: 700 11px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
  width: 63px;
  cursor: pointer;
}
.button-base:hover, .button-base:active, .button-base:focus, .button-base:focus-within {
  color: white;
  background-color: #003454;
}

.button-pro {
  padding: 5px;
  border-radius: 61px;
  background-color: #D3004B;
  color: white;
  font: 700 11px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
  min-width: 63px;
  align-items: center;
}
.button-pro:hover {
  color: white;
  background-color: #9E0038;
}

.button-primary {
  font: 700 15px/1.21 "Plus Jakarta Sans", sans-serif;
  padding: 15px 55px;
  border-radius: 43px;
  background: #00588E;
  color: white;
  cursor: pointer;
}
.button-primary:hover, .button-primary:active, .button-primary:focus, .button-primary:focus-within {
  background-color: #D3004B;
  color: white;
  text-decoration: none;
}
@media (max-width: 768px) {
  .button-primary {
    padding: 15px 35px;
  }
}

.button-secondary {
  font: 700 15px/1.21 "Plus Jakarta Sans", sans-serif;
  padding: 15px 55px;
  border-radius: 43px;
  background: white;
  color: #666666;
  cursor: pointer;
}
.button-secondary:hover, .button-secondary:active, .button-secondary:focus, .button-secondary:focus-within {
  background-color: #D3004B;
  color: white;
  text-decoration: none;
}
@media (max-width: 768px) {
  .button-secondary {
    padding: 15px 35px;
  }
}

.button-v1 {
  color: #4A95B4;
  font: 700 16px/1.21 "Inter", sans-serif;
  background-color: white;
  padding: 15px 55px;
  border-radius: 33px;
  border: none;
  cursor: pointer;
}
.button-v1:hover {
  text-decoration: none;
  background: #D3004B;
  color: white;
}

.button-v2 {
  border: none;
  background: #426A8D;
  color: white;
  border-radius: 36px;
  padding: 15px 55px;
}

.button-v3 {
  background: #E8E8E8;
  border-radius: 33px;
  padding: 15px 35px;
  justify-content: center;
  align-items: center;
  color: #666666;
}
.button-v3:hover {
  text-decoration: none;
  background: #D3004B;
  color: white;
}

.button-v4 {
  background: white;
  border-radius: 33px;
  padding: 15px 35px;
  border: 1px solid #D0D0D0;
  justify-content: center;
  align-items: center;
  color: #426A8D;
  padding: 15px 35px;
}
.button-v4:hover {
  text-decoration: none;
  background: #D0D0D0;
  color: white;
}

/*
.toggle-base-pro {
    .switch {
        position: relative;
        display: inline-block;
        width: 80px;
        height: 40px;
        border-radius: 50px;
        overflow: hidden;
      }

      input {
        opacity: 0;
        width: 0;
        height: 0;
      }

      .slider {
        position: absolute;
        background: #E8E8E8;
        box-shadow: 0px 4px 8.4px 0px rgba(0, 0, 0, 0.25) inset;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 50px;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        cursor: pointer;
      }

      .slider::before {
        position: absolute;
        content: "";
        background-color: #ffc207;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        left: 5px;
        bottom: 5px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
      }



      input:checked + .slider::before {
        -webkit-transform: translateX(40px);
                transform: translateX(40px);
        background-color: green;

      }

      input:checked + .slider::after {
        -webkit-transform: translateX(60px);
                transform: translateX(60px);
      }

      input:checked ~ .bg {
        background-color: var(--bg2);
      }

}
      */
.toggle-base-pro .switch {
  position: relative;
  display: inline-block;
  width: 202px;
  height: 45px;
  background: #E8E8E8;
  box-shadow: 0px 4px 8.4px 0px rgba(0, 0, 0, 0.25) inset;
  border-radius: 85px;
  padding: 5px 8px;
}
.toggle-base-pro .switch input {
  display: none;
}
.toggle-base-pro .slider {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  z-index: 1; /* Ustawienie elementów nad tłem */
}
.toggle-base-pro .slider::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 50%; /* Początkowa szerokość tła */
  height: 100%;
  background: #00588E;
  border-radius: 34px;
  transition: transform 0.4s ease, background-color 0.4s ease; /* Płynne przesunięcie i zmiana koloru */
  z-index: 0; /* Tło za napisami */
  border-radius: 48px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.toggle-base-pro input:checked + .slider::before {
  transform: translateX(100%); /* Przesunięcie tła na prawo */
  background-color: #D3004B; /* Zmiana tła na czerwone */
}
.toggle-base-pro .label-base,
.toggle-base-pro .label-pro {
  z-index: 2; /* Napisy nad tłem */
  cursor: pointer;
}
.toggle-base-pro .label-base {
  padding: 8px 15px;
}
.toggle-base-pro .label-pro {
  padding-right: 18px;
}
.toggle-base-pro .label-base,
.toggle-base-pro .label-pro {
  font: 700 14px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: white; /* Tekst dla "Base" */
}
.toggle-base-pro .label-pro {
  color: #818181; /* Tekst dla "Pro" */
}
.toggle-base-pro input:checked + .slider .label-base {
  color: #818181; /* Zmiana koloru tekstu "Base" przy zaznaczeniu */
}
.toggle-base-pro input:checked + .slider .label-pro {
  color: white; /* Zmiana koloru tekstu "Pro" przy zaznaczeniu */
}

.button-v5 {
  background: #E8E8E8;
  border-radius: 43px;
  padding: 15px 50px;
  justify-content: center;
  align-items: center;
  color: #00588E;
}
.button-v5:hover {
  text-decoration: none;
  background: #003454;
  color: white;
}

.button-v6 {
  background: #00588E;
  border-radius: 43px;
  padding: 15px 50px;
  justify-content: center;
  align-items: center;
  color: white;
}
.button-v6:hover {
  text-decoration: none;
  background: #003454;
  color: white;
}

.button-v7 {
  background: #D0D0D0;
  border-radius: 43px;
  padding: 15px 50px;
  justify-content: center;
  align-items: center;
  color: white;
}
.button-v7:hover {
  text-decoration: none;
  background: #D3004B;
  color: white;
}

.button-v8 {
  border-radius: 10px;
  padding: 30px 37px;
  justify-content: center;
  align-items: center;
  color: white;
  background: #003454;
}
.button-v8:hover {
  color: white;
}
.button-v8:hover a {
  text-decoration: underline;
}

.button-v9 {
  padding: 5px;
  border-radius: 61px;
  background-color: #00588E;
  color: #9B9B9B;
  letter-spacing: 0.2px;
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  width: fit-content;
  background-color: white;
  cursor: pointer;
}
.button-v9:hover, .button-v9:active, .button-v9:focus, .button-v9:focus-within {
  color: #9B9B9B;
  background-color: #E8E8E8;
}

.button-v10 {
  padding: 5px;
  border-radius: 61px;
  background-color: white;
  color: #003454;
  letter-spacing: 0.2px;
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  width: fit-content;
  background-color: white;
  cursor: pointer;
  border: none;
}
.button-v10:hover, .button-v10:active, .button-v10:focus, .button-v10:focus-within {
  background-color: #E8E8E8;
}

.button-v11 {
  padding: 5px;
  border-radius: 61px;
  color: #003454;
  letter-spacing: 0.2px;
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  width: fit-content;
  background-color: unset;
  cursor: pointer;
  border: none;
}
.button-v12 {
  padding: 5px;
  border-radius: 61px;
  background-color: #00588E;
  color: white;
  letter-spacing: 0.2px;
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  width: fit-content;
  cursor: pointer;
  border: none;
}
.left-right-text-image.left-right-text-image--image-left .left-right-text-image__container {
  grid-template-areas: "image text";
}
@media (max-width: 768px) {
  .left-right-text-image.left-right-text-image--image-left .left-right-text-image__container {
    grid-template-areas: "image" "text";
  }
}
.left-right-text-image.left-right-text-image--image-right .left-right-text-image__container {
  grid-template-areas: "text image";
}
@media (max-width: 768px) {
  .left-right-text-image.left-right-text-image--image-right .left-right-text-image__container {
    grid-template-areas: "image" "text";
  }
}
.left-right-text-image__image {
  grid-area: image;
}
.left-right-text-image__text {
  grid-area: text;
}
.left-right-text-image__icon {
  position: relative;
}
@media (max-width: 576px) {
  .left-right-text-image__icon {
    height: fit-content;
  }
}
.left-right-text-image__icon::before {
  content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 124 96' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Group-3630' serif:id='Group 3630'%3E%3Cg id='Vector'%3E%3Cpath d='M107.038,21.278C105.954,17.225 102.77,14.044 98.726,12.967C91.394,11 62,11 62,11C62,11 32.606,11 25.274,12.967C21.23,14.044 18.046,17.225 16.962,21.278C15,28.615 15,43.904 15,43.904C15,43.904 15,59.192 16.962,66.529C18.046,70.582 21.23,73.626 25.274,74.704C32.606,76.67 62,76.67 62,76.67C62,76.67 91.394,76.67 98.726,74.704C102.77,73.626 105.954,70.565 107.038,66.529C109,59.192 109,43.904 109,43.904C109,43.904 109,28.615 107.038,21.278ZM52.397,57.79L52.397,30.017L76.955,43.904L52.397,57.79Z' style='fill:rgb(211,0,75);fill-rule:nonzero;'/%3E%3C/g%3E%3Cg id='Vector_2'%3E%3Cpath d='M52.397,30.017L52.397,57.79L76.955,43.904L52.397,30.017Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 124px;
  height: 96px;
}
.left-right-text-image .left-right-text-image__container {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 57px;
  padding-top: 64px;
  align-items: center;
}
@media (max-width: 768px) {
  .left-right-text-image .left-right-text-image__container {
    grid-template-columns: 1fr;
  }
}
.left-right-text-image .left-right-text-image__container img {
  border-radius: 20px;
  width: 100%;
}
.left-right-text-image .left-right-text-image__container h3 {
  font: 700 30px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #003454;
}
.left-right-text-image .left-right-text-image__container p, .left-right-text-image .left-right-text-image__container li {
  font: 400 16px/1.21 "Inter", sans-serif;
  color: #424242;
}
.left-right-text-image .left-right-text-image__container li {
  list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cg clip-path='url(%23clip0_2040_9121)'%3E%3Cpath d='M9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948212 11.3869 0 9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18ZM12.9727 7.34766L8.47266 11.8477C8.14219 12.1781 7.60781 12.1781 7.28086 11.8477L5.03086 9.59766C4.70039 9.26719 4.70039 8.73281 5.03086 8.40586C5.36133 8.07891 5.8957 8.07539 6.22266 8.40586L7.875 10.0582L11.7773 6.15234C12.1078 5.82188 12.6422 5.82188 12.9691 6.15234C13.2961 6.48281 13.2996 7.01719 12.9691 7.34414L12.9727 7.34766Z' fill='%23D3004B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2040_9121'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  padding: 10px 0;
}
.left-right-text-image .left-right-text-image__container .splide__arrows .splide__arrow {
  width: 45px;
  height: 26px;
  background: none;
  border: none;
  filter: invert(39%) sepia(13%) saturate(1473%) hue-rotate(167deg) brightness(95%) contrast(95%);
  transition: all 300ms ease-out;
  cursor: pointer;
}
.left-right-text-image .left-right-text-image__container .splide__arrows .splide__arrow.splide__arrow--prev:hover {
  transform: translateX(-20px);
}
.left-right-text-image .left-right-text-image__container .splide__arrows .splide__arrow.splide__arrow--next:hover {
  transform: rotate(180deg) translateX(-20px);
}
.left-right-text-image .left-right-text-image__container .splide__arrows .splide__arrow.splide__arrow--next {
  transform: rotate(180deg);
}
.left-right-text-image .left-right-text-image__container .splide__arrows {
  position: absolute;
  bottom: -60px;
  z-index: 1;
}
.left-right-text-image .left-right-text-image__container .splide__pagination {
  display: none;
}

.assistance-by-a-specialist {
  background: linear-gradient(180deg, rgb(255, 255, 255) 70%, rgb(246, 246, 246) 70%);
}
@media (max-width: 768px) {
  .assistance-by-a-specialist {
    margin-top: 32px;
  }
}
.assistance-by-a-specialist .assistance-by-a-specialist__container {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
}
.assistance-by-a-specialist .assistance-by-a-specialist__container img {
  width: 100%;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .assistance-by-a-specialist .assistance-by-a-specialist__container img {
    height: 558px;
    object-fit: cover;
  }
}
.assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text {
  position: absolute;
  right: 134px;
  top: 0;
  padding-top: 60px;
}
@media (max-width: 768px) {
  .assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text {
    right: auto;
    padding: 0 15px;
  }
}
.assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text h2 {
  font: 700 48px/1.21 "Plus Jakarta Sans", sans-serif;
  line-height: 107.717%;
  margin: 0;
  color: #003454;
}
@media (max-width: 768px) {
  .assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text h2 {
    font-size: 36px;
  }
}
.assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text p {
  font: 400 21px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #00588E;
  margin-bottom: 46px;
}
@media (max-width: 768px) {
  .assistance-by-a-specialist .assistance-by-a-specialist__container .assistance-by-a-specialist__text p {
    font-size: 18px;
    margin-bottom: 30px;
  }
}

.hero-image {
  position: relative;
}
.hero-image img {
  width: 100%;
}
.hero-image .hero-image__container {
  position: absolute;
  top: 78px;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 1080px;
}
.hero-image .hero-image__container .hero-image__text {
  max-width: 574px;
}
.hero-image .hero-image__container .hero-image__text h1 {
  font: 800 48px/1.21 "Plus Jakarta Sans", sans-serif;
}
.hero-image .hero-image__container .hero-image__text p {
  font: 300 16px/1.21 "Plus Jakarta Sans", sans-serif;
}
.hero-image video {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.hero-image.hero-image--v1 .hero-image__container .hero-image__text h1 {
  color: #003454;
}
.hero-image.hero-image--v1 .hero-image__container .hero-image__text p {
  color: #818181;
}
.hero-image.hero-image--v2 .hero-image__container .hero-image__text p {
  color: #818181;
}
.hero-image.hero-image--v3 .hero-image__container .hero-image__text p {
  color: #003454;
}
.hero-image.hero-image--v4 {
  background-color: #426A8D;
}
.hero-image.hero-image--v4 img {
  mix-blend-mode: multiply;
}
.hero-image.hero-image--v4 .hero-image__container .hero-image__text h1 {
  color: white;
}
.hero-image.hero-image--v5 {
  height: 450px;
}
@media (max-width: 768px) {
  .hero-image.hero-image--v5 .hero-image__container {
    top: 10px;
    padding: 0 16px;
  }
}
.hero-image.hero-image--v5 .hero-image__container .hero-image__text h1, .hero-image.hero-image--v5 .hero-image__container .hero-image__text p {
  color: white;
}
.hero-image.hero-image--v6 {
  background-color: #426A8D;
}
.hero-image.hero-image--v6 img {
  mix-blend-mode: multiply;
}
.hero-image.hero-image--v6 .hero-image__container .hero-image__text {
  max-width: fit-content;
}
.hero-image.hero-image--v6 .hero-image__container .hero-image__text h1 {
  margin-bottom: 0;
}
.hero-image.hero-image--v6 .hero-image__container .hero-image__text h3 {
  margin-top: 0;
}
.hero-image.hero-image--v6 .hero-image__container .hero-image__text h1, .hero-image.hero-image--v6 .hero-image__container .hero-image__text p {
  color: white;
}
.hero-image.hero-image--v6 .hero-image__container .hero-image__text h3 {
  color: #D3004B;
}

.advantage {
  margin-top: 64px;
}
.advantage .advantage__container .advantage__cards {
  display: flex;
  gap: 20px;
  overflow: hidden;
}
.advantage .advantage__container .advantage__cards .advantage__card {
  min-width: 340px;
  padding: 60px;
  background-color: #F9F9F9;
  border-radius: 20px;
  text-align: center;
}

form label:not(.choice label) {
  display: none;
}
form select, form input:not(input[type=checkbox]) {
  border-radius: 36px;
  border: 1px solid #D5D5D5;
  font: 300 16px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #666666;
  padding: 10px 15px;
  width: 100%;
}
form select {
  appearance: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-down-light 1'%3E%3Cpath id='Vector' d='M9.91748 15.1694C9.6874 15.3995 9.30889 15.3995 9.07881 15.1694L1.95381 8.04443C1.72373 7.81436 1.72373 7.43584 1.95381 7.20576C2.18389 6.97568 2.5624 6.97568 2.79248 7.20576L9.49814 13.9114L16.2038 7.20576C16.4339 6.97568 16.8124 6.97568 17.0425 7.20576C17.2726 7.43584 17.2726 7.81436 17.0425 8.04443L9.91748 15.1694Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
}
form .choice {
  display: flex;
  gap: 20px;
}
form .choice input[type=checkbox] {
  accent-color: #00588E;
  min-width: 18px;
  height: 18px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
}
form .choice label {
  font: 400 15px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #424242;
}
form .width-full, form .width-half, form .width-one-sixth, form .width-five-sixths {
  float: left;
  margin: 10px;
}
form .width-full {
  width: calc(100% - 20px);
}
form .width-half {
  width: calc(50% - 20px);
}
@media (max-width: 576px) {
  form .width-half {
    width: calc(100% - 20px);
  }
}
form .width-one-sixth {
  width: calc(20% - 20px);
}
form .width-five-sixths {
  width: calc(80% - 20px);
}
form ::after {
  content: "";
  clear: both;
  display: table;
}
form button {
  padding: 5px;
  border-radius: 10px;
  background-color: #00588E;
  color: white;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
  width: fit-content;
  border: none;
  cursor: pointer;
  padding: 15px 50px;
}
form button:hover, form button:active, form button:focus, form button:focus-within {
  color: white;
  background-color: #003454;
}

.simple-cards {
  background-color: #F6F6F6;
  padding: 54px 0 0;
}
.simple-cards .simple-cards__headline {
  max-width: 1080px;
  margin: 0 auto;
}
.simple-cards .simple-cards__headline h3 {
  margin: 0 0 40px;
  font: 700 22px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #003454;
}
.simple-cards .simple-cards__container {
  max-width: 1080px;
  margin: 0 auto;
}
.simple-cards .simple-cards__container .simple-cards__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
}
@media (max-width: 768px) {
  .simple-cards .simple-cards__container .simple-cards__cards {
    grid-template-columns: 1fr;
  }
}
.simple-cards .simple-cards__container .simple-cards__cards .simple-cards__card {
  text-align: center;
  background-color: white;
  padding: 49px 25px;
  border-radius: 20px;
}
.simple-cards.simple-cards--v2 {
  background-color: white;
}
.simple-cards.simple-cards--v2 .simple-cards__container .simple-cards__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 15px;
  grid-row-gap: 0px;
}
@media (max-width: 768px) {
  .simple-cards.simple-cards--v2 .simple-cards__container .simple-cards__cards {
    grid-template-columns: 1fr;
  }
}
.simple-cards.simple-cards--v2 .simple-cards__container .simple-cards__cards .simple-cards__card {
  text-align: center;
  background-color: #F7F7F7;
  padding: 34px 34px 46px;
  border-radius: 20px;
}

.interested {
  box-shadow: 0px 4px 49.6px 0px rgba(0, 0, 0, 0.07);
  padding: 64px 0;
}
@media (max-width: 768px) {
  .interested {
    padding: 30px 15px 60px 15px;
  }
}
.interested .interested__container {
  max-width: 1080px;
  margin: 0 auto;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .interested .interested__container {
    flex-direction: column;
    gap: 33px;
  }
}
@media (max-width: 576px) {
  .interested .interested__container .interested__marketing {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.interested .interested__container .interested__marketing h3, .interested .interested__container .interested__marketing h4 {
  margin: 0;
  color: #003454;
}
.interested .interested__container .interested__marketing h3 {
  font-weight: 700;
}
.interested .interested__container .interested__marketing h4 {
  font-weight: 400;
}
.interested .interested__container .interested__marketing h4 span {
  color: #D3004B;
  text-decoration: underline;
}
.interested .interested__container .interested__cta {
  display: flex;
  gap: 18px;
}
.interested .interested__container .interested__cta input {
  border-radius: 36px;
  border: 1px solid #D5D5D5;
  padding: 15px 28px;
  width: 100%;
}
@media (max-width: 576px) {
  .interested .interested__container .interested__cta input {
    padding: 15px 20px;
  }
}
.interested .interested__container .interested__cta input::placeholder {
  font-size: 14px;
  font-weight: 300;
}
@media (max-width: 576px) {
  .interested .interested__container .interested__cta .button-v2 {
    padding: 15px 30px;
  }
}

.call-to-action-v2 {
  padding: 48px 0;
  background: #003454;
}
@media (max-width: 768px) {
  .call-to-action-v2 {
    padding: 30px 15px 60px 15px;
  }
}
.call-to-action-v2 .call-to-action-v2__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .call-to-action-v2 .call-to-action-v2__container {
    flex-direction: column;
    gap: 33px;
  }
}
@media (max-width: 576px) {
  .call-to-action-v2 .call-to-action-v2__container .call-to-action-v2__marketing {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
}
.call-to-action-v2 .call-to-action-v2__container .call-to-action-v2__marketing h2 {
  margin: 0;
  color: white;
}
.call-to-action-v2 .call-to-action-v2__container .call-to-action-v2__cta {
  display: flex;
  gap: 18px;
}
.call-to-action-v2 .call-to-action-v2__container .call-to-action-v2__cta .button-pro {
  border: none;
  width: 171px;
  height: 50px;
}
@media (max-width: 576px) {
  .call-to-action-v2 .call-to-action-v2__container .call-to-action-v2__cta .button-pro {
    padding: 15px 30px;
  }
}

.pretariff {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7%, rgb(211, 0, 75) 7%, rgb(211, 0, 75) 100%);
}
@media (max-width: 768px) {
  .pretariff {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 7%, rgb(211, 0, 75) 7%, rgb(211, 0, 75) 100%);
  }
}
.pretariff .pretariff__container {
  max-width: 916px;
  margin: -17px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .pretariff .pretariff__container {
    flex-direction: column;
    margin: -50px auto 0;
  }
}
.pretariff .pretariff__container h2 {
  color: white;
  font-size: 24px;
}
.pretariff .pretariff__container h2 span {
  color: #003454;
}
@media (max-width: 768px) {
  .pretariff .pretariff__container h2 {
    order: 2;
    margin-top: 0;
    text-align: center;
  }
}
@media (max-width: 768px) {
  .pretariff .pretariff__container button {
    order: 3;
    margin-bottom: 20px;
  }
}
.pretariff .pretariff__container img {
  margin-left: -48px;
}
@media (max-width: 768px) {
  .pretariff .pretariff__container img {
    order: 1;
    max-width: 60%;
    margin: 0 auto;
  }
}
.pretariff dialog {
  max-width: 794px;
  padding: 54px 0;
  border: unset;
  border-radius: 12px;
}
.pretariff dialog img {
  width: 100%;
}
.pretariff dialog::backdrop {
  background: rgba(0, 0, 0, 0.58);
}
@media (max-width: 768px) {
  .pretariff dialog {
    margin: auto 15px;
    padding: 16px 0;
  }
}
.pretariff dialog .pre-tariff__close {
  cursor: pointer;
  position: absolute;
  right: 55px;
  background: none;
  border: none;
}
@media (max-width: 768px) {
  .pretariff dialog .pre-tariff__close {
    right: 12px;
  }
}
@media (max-width: 768px) {
  .pretariff dialog .pre-tariff__close svg {
    width: 24px;
    height: 24px;
  }
}
.pretariff dialog h2, .pretariff dialog h3 {
  margin: 0;
  padding: 0 54px;
}
@media (max-width: 768px) {
  .pretariff dialog h2, .pretariff dialog h3 {
    padding: 0 24px;
  }
}
.pretariff dialog h2 {
  color: #003454;
  font: 800 48px/1.21 "Plus Jakarta Sans", sans-serif;
}
@media (max-width: 768px) {
  .pretariff dialog h2 {
    font: 800 26px/1.21 "Plus Jakarta Sans", sans-serif;
  }
}
.pretariff dialog h3 {
  color: #D3004B;
  font: 700 30px/1.21 "Inter", sans-serif;
}
@media (max-width: 768px) {
  .pretariff dialog h3 {
    font: 700 16px/1.21 "Inter", sans-serif;
  }
}
.pretariff dialog .pre-tariff__banner {
  background-color: #D3004B;
  padding: 22px 54px;
  color: white;
  font: 700 24px/1.21 "Inter", sans-serif;
}
@media (max-width: 768px) {
  .pretariff dialog .pre-tariff__banner {
    padding: 22px 24px;
    font: 700 18px/1.21 "Inter", sans-serif;
  }
}
.pretariff dialog .pre-tariff__banner span {
  color: #003454;
}
.pretariff dialog p {
  padding: 22px 54px;
}
@media (max-width: 768px) {
  .pretariff dialog p {
    padding: 0 24px;
  }
}
.pretariff dialog .pre-tariff__buttons {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 0 54px;
}
@media (max-width: 768px) {
  .pretariff dialog .pre-tariff__buttons {
    flex-direction: column;
    padding: 0 24px;
  }
}
.pretariff dialog .pre-tariff__buttons button {
  padding: 15px 23px;
}

.hero-video .hero-video__container {
  position: relative;
}
.hero-video .hero-video__container video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
}
.hero-video .hero-video__container .hero-video__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.hero-video .hero-video__container .hero-video__text h1 {
  color: #D3004B;
  font-weight: 700;
  font-size: 40px;
}
@media (max-width: 768px) {
  .hero-video .hero-video__container .hero-video__text h1 {
    font-size: 22px;
  }
}
.hero-video .hero-video__container .hero-video__text h1 span {
  color: white;
  font-weight: 800;
  font-size: 64px;
}
@media (max-width: 768px) {
  .hero-video .hero-video__container .hero-video__text h1 span {
    font-size: 32px;
  }
}
.hero-video .hero-video__container .hero-video__text .hero-video__buttons {
  display: flex;
  gap: 24px;
  justify-content: center;
}
@media (max-width: 768px) {
  .hero-video .hero-video__container .hero-video__text .hero-video__buttons {
    gap: 12px;
  }
}
.hero-video .hero-video__container .hero-video__text .hero-video__buttons .button-base {
  padding: 15px 50px;
  width: fit-content;
  font-size: 16px;
}
@media (max-width: 768px) {
  .hero-video .hero-video__container .hero-video__text .hero-video__buttons .button-base {
    font-size: 14px;
    padding: 15px 35px;
  }
}
@media (max-width: 768px) {
  .hero-video .hero-video__container .hero-video__text .hero-video__buttons .button-v9 {
    font-size: 14px;
    padding: 15px 35px;
    width: 140px;
  }
}
.hero-video .hero-video__container .hero-video__scroll-indicator {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  margin-top: 72px;
}
.hero-video .hero-video__container .hero-video__scroll-indicator p {
  color: white;
}
.hero-video .hero-video__container .hero-video__scroll-indicator lord-icon {
  width: 64px;
  height: 64px;
  color: white;
}

.main-slider {
  padding: 0 15px;
  background-size: cover;
  background-position-y: 80%;
}
@media (max-width: 576px) {
  .main-slider {
    background-size: 1000px;
    background-position-y: -200px;
    background-color: white;
  }
}
.main-slider .main-slider__container {
  max-width: 1440px;
}
.main-slider .main-slider__container .splide__arrows.splide__arrows--ltr {
  display: none;
}
@media (max-width: 576px) {
  .main-slider .main-slider__container {
    padding-bottom: 50px;
  }
}
@media (min-width: 1024px) {
  .main-slider .main-slider__container {
    padding: 144px 180px;
    margin: 0 auto;
    position: relative;
  }
}
.main-slider .main-slider__container h1 {
  color: #003454;
}
.main-slider .main-slider__container h1 span {
  color: #D3004B;
  font: 700 30px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container h1 span {
    font: 700 22px/1.21 "Inter", sans-serif;
  }
}
.main-slider .main-slider__container p {
  width: 412px;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container p {
    width: 100%;
  }
}
.main-slider .main-slider__container .main-slider__buttons {
  display: flex;
  gap: 15px;
  margin-top: 35px;
}
.main-slider .main-slider__container .splide__slide {
  display: flex;
  gap: 30px;
  align-items: center;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container .splide__slide {
    flex-direction: column-reverse;
    gap: 0;
  }
}
.main-slider .main-slider__container .splide__slide .main-slider__text {
  flex-basis: 47%;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container .splide__slide .main-slider__text h1 {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .main-slider .main-slider__container .splide__slide .main-slider__text {
    flex-basis: 100%;
  }
}
.main-slider .main-slider__container .splide__slide .main-slider__image {
  flex-basis: 53%;
  display: flex;
  align-items: center;
  height: 383px;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container .splide__slide .main-slider__image {
    flex-basis: 100%;
  }
}
.main-slider .main-slider__container .splide__slide .main-slider__image img {
  width: 100%;
}
.main-slider .main-slider__container .splide__pagination {
  justify-content: flex-start;
  padding-left: 0;
  gap: 8px;
  padding-top: 24px;
}
@media (max-width: 576px) {
  .main-slider .main-slider__container .splide__pagination {
    position: absolute;
    top: 45%;
    transform: translatey(-50%);
  }
}
.main-slider .main-slider__container .splide__pagination .splide__pagination__page {
  width: 41px;
  height: 8px;
  border-radius: 36px;
  background: #E2E2E2;
  border: none;
}
.main-slider .main-slider__container .splide__pagination .splide__pagination__page.is-active {
  background: #D3004B;
}
@media (max-width: 768px) {
  .main-slider .main-slider__container .splide__arrows {
    display: none;
  }
}
.main-slider .main-slider__container .splide__arrows .splide__arrow--prev, .main-slider .main-slider__container .splide__arrows .splide__arrow--next {
  filter: invert(37%) sepia(41%) saturate(541%) hue-rotate(166deg) brightness(93%) contrast(87%);
  align-items: center;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  height: 2.5em;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.5em;
  z-index: 1;
  transition: all 300ms ease-out;
  transform: translateX(0);
}
.main-slider .main-slider__container .splide__arrows .splide__arrow--prev {
  left: 77px;
}
.main-slider .main-slider__container .splide__arrows .splide__arrow--prev:hover {
  transform: translateX(-20px);
}
.main-slider .main-slider__container .splide__arrows .splide__arrow--next {
  right: 77px;
  transform: rotate(180deg);
}
.main-slider .main-slider__container .splide__arrows .splide__arrow--next:hover {
  transform: rotate(180deg) translateX(-20px);
}

.can-serve-you {
  background: linear-gradient(#00588E, #001F31);
  padding: 72px 0;
  position: relative;
  height: 300px;
  display: flex;
  overflow: hidden;
}
@media (max-width: 768px) {
  .can-serve-you {
    height: auto;
    padding: 0;
  }
}
.can-serve-you video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  background-size: cover;
}
.can-serve-you .can-serve-you__container {
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container {
    flex-direction: column;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing {
  display: flex;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__marketing {
    width: 100%;
    padding: 48px 19px;
    justify-content: center;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__icon {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='42' viewBox='0 0 32 42' fill='none'%3E%3Cg clip-path='url(%23clip0_99_1499)'%3E%3Cpath d='M29.3333 15.75C29.3333 8.49844 23.3667 2.625 16 2.625C8.63333 2.625 2.66667 8.49844 2.66667 15.75C2.66667 17.0297 3.11667 18.7852 4.05 20.9508C4.95833 23.0754 6.23333 25.3805 7.68333 27.6855C10.525 32.2219 13.8833 36.5613 16.0083 39.1699C18.125 36.5613 21.4917 32.2219 24.3333 27.6855C25.775 25.3805 27.0583 23.0672 27.9667 20.9508C28.8833 18.7852 29.3333 17.0297 29.3333 15.75ZM32 15.75C32 22.9195 22.25 35.6836 17.975 40.95C16.95 42.2051 15.05 42.2051 14.025 40.95C9.75 35.6836 0 22.9195 0 15.75C0 7.05469 7.16667 0 16 0C24.8333 0 32 7.05469 32 15.75ZM12 15.75C12 16.7943 12.4214 17.7958 13.1716 18.5342C13.9217 19.2727 14.9391 19.6875 16 19.6875C17.0609 19.6875 18.0783 19.2727 18.8284 18.5342C19.5786 17.7958 20 16.7943 20 15.75C20 14.7057 19.5786 13.7042 18.8284 12.9658C18.0783 12.2273 17.0609 11.8125 16 11.8125C14.9391 11.8125 13.9217 12.2273 13.1716 12.9658C12.4214 13.7042 12 14.7057 12 15.75ZM16 22.3125C14.2319 22.3125 12.5362 21.6211 11.286 20.3904C10.0357 19.1597 9.33333 17.4905 9.33333 15.75C9.33333 14.0095 10.0357 12.3403 11.286 11.1096C12.5362 9.8789 14.2319 9.1875 16 9.1875C17.7681 9.1875 19.4638 9.8789 20.714 11.1096C21.9643 12.3403 22.6667 14.0095 22.6667 15.75C22.6667 17.4905 21.9643 19.1597 20.714 20.3904C19.4638 21.6211 17.7681 22.3125 16 22.3125Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_99_1499'%3E%3Crect width='32' height='42' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  filter: invert(11%) sepia(67%) saturate(5437%) hue-rotate(328deg) brightness(116%) contrast(110%);
  padding-right: 34px;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__icon {
    padding-right: 14px;
    width: 32px;
    align-self: flex-start;
    padding-top: 12px;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container {
  flex-direction: column;
  align-items: normal;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container {
    width: fit-content;
    margin: 0;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container h2 {
  color: white;
  margin: 0 0 8px;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container h2 {
    font: 700 28px/1.21 "Plus Jakarta Sans", sans-serif;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container h2 span {
  color: #90C1D5;
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container h2 span:first-child {
  font: 400 20px/1.21 "Inter", sans-serif;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__container h2 span:first-child {
    font: 400 20px/1.21 "Inter", sans-serif;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__badge {
  width: fit-content;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__show {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.can-serve-you .can-serve-you__container .can-serve-you__marketing .can-serve-you__show::after {
  display: block;
  width: 11px;
  height: 10px;
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10' viewBox='0 0 11 10' fill='none'%3E%3Cpath d='M5.5 0.9375C6.57744 0.9375 7.61075 1.36551 8.37262 2.12738C9.13449 2.88925 9.5625 3.92256 9.5625 5C9.5625 6.07744 9.13449 7.11075 8.37262 7.87262C7.61075 8.63449 6.57744 9.0625 5.5 9.0625C4.42256 9.0625 3.38925 8.63449 2.62738 7.87262C1.86551 7.11075 1.4375 6.07744 1.4375 5C1.4375 3.92256 1.86551 2.88925 2.62738 2.12738C3.38925 1.36551 4.42256 0.9375 5.5 0.9375ZM5.5 10C6.82608 10 8.09785 9.47322 9.03553 8.53553C9.97322 7.59785 10.5 6.32608 10.5 5C10.5 3.67392 9.97322 2.40215 9.03553 1.46447C8.09785 0.526784 6.82608 0 5.5 0C4.17392 0 2.90215 0.526784 1.96447 1.46447C1.02678 2.40215 0.5 3.67392 0.5 5C0.5 6.32608 1.02678 7.59785 1.96447 8.53553C2.90215 9.47322 4.17392 10 5.5 10ZM4.71875 6.5625C4.45898 6.5625 4.25 6.77148 4.25 7.03125C4.25 7.29102 4.45898 7.5 4.71875 7.5H6.28125C6.54102 7.5 6.75 7.29102 6.75 7.03125C6.75 6.77148 6.54102 6.5625 6.28125 6.5625H6.125V4.84375C6.125 4.58398 5.91602 4.375 5.65625 4.375H4.71875C4.45898 4.375 4.25 4.58398 4.25 4.84375C4.25 5.10352 4.45898 5.3125 4.71875 5.3125H5.1875V6.5625H4.71875ZM5.5 3.75C5.66576 3.75 5.82473 3.68415 5.94194 3.56694C6.05915 3.44973 6.125 3.29076 6.125 3.125C6.125 2.95924 6.05915 2.80027 5.94194 2.68306C5.82473 2.56585 5.66576 2.5 5.5 2.5C5.33424 2.5 5.17527 2.56585 5.05806 2.68306C4.94085 2.80027 4.875 2.95924 4.875 3.125C4.875 3.29076 4.94085 3.44973 5.05806 3.56694C5.17527 3.68415 5.33424 3.75 5.5 3.75Z' fill='black'/%3E%3C/svg%3E");
  filter: invert(100%) sepia(2%) saturate(7425%) hue-rotate(338deg) brightness(109%) contrast(110%);
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__zip-check {
    width: 100%;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form {
  display: flex;
  gap: 10px;
  align-items: flex-end;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__zip-check form {
    padding: 48px 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.29) 0%, rgba(0, 0, 0, 0) 100%);
    background-blend-mode: multiply;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form label {
  display: block;
  color: #CFDBE0;
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  padding-bottom: 10px;
  padding-left: 15px;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__zip-check form label {
    font: 400 14px/1.21 "Plus Jakarta Sans", sans-serif;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form select, .can-serve-you .can-serve-you__container .can-serve-you__zip-check form input {
  color: #90C1D5;
  background-color: #002A43;
  padding: 10px 40px;
  border-radius: 43px;
  border: none;
  font: 500 20px/1.21 "Plus Jakarta Sans", sans-serif;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__zip-check form select, .can-serve-you .can-serve-you__container .can-serve-you__zip-check form input {
    padding: 10px 20px;
  }
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form select {
  appearance: none;
  box-shadow: 0px 9px 16.6px 0px rgba(0, 0, 0, 0.25) inset;
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form input {
  width: 192px;
  letter-spacing: 10px;
  box-shadow: 0px 9px 16.6px 0px rgba(0, 0, 0, 0.25) inset;
}
.can-serve-you .can-serve-you__container .can-serve-you__zip-check form input::placeholder {
  color: #426A8D;
}
@media (max-width: 576px) {
  .can-serve-you .can-serve-you__container .can-serve-you__zip-check form .button-v1 {
    padding: 13px 14px;
  }
}
.can-serve-you .can-serve-you__container--in-range {
  max-width: 1014px;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__marketing {
  margin-left: 66px;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__marketing h2 {
  color: white;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__marketing p {
  color: #90C1D5;
  margin: 0;
  font: 400 18px/1.14 "Plus Jakarta Sans", sans-serif;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__zip-check form {
  gap: 24px;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__zip-check form h2 {
  margin: 0;
}
.can-serve-you .can-serve-you__container--in-range .can-serve-you__zip-check form p {
  color: white;
  margin: 0;
  font: 400 18px/1.14 "Plus Jakarta Sans", sans-serif;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range {
  max-width: 1014px;
  gap: 40px;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__marketing {
  margin-left: 66px;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__marketing .can-serve-you__container h2 {
  color: white;
  font: 700 29px/1.21 "Plus Jakarta Sans", sans-serif;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__marketing .can-serve-you__container h2 span {
  font: 700 29px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #D3004B;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__marketing p {
  color: #90C1D5;
  margin: 0;
  font: 400 16px/1.14 "Plus Jakarta Sans", sans-serif;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__zip-check form {
  gap: 24px;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__zip-check input {
  max-width: 283px;
  font: 600 20px/1.14 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 1px;
  text-align: center;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__zip-check input::placeholder {
  font: 600 20px/1.14 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 1px;
  text-align: center;
}
.can-serve-you .can-serve-you__container.can-serve-you__container--out-of-range .can-serve-you__zip-check .button-v1 {
  width: 173px;
}
.can-serve-you dialog {
  border: none;
  border-radius: 20px;
  background: #FFF;
  max-width: 1362px;
  padding: 96px 82px;
}
.can-serve-you dialog h2 {
  color: #003454 !important;
  margin-bottom: 42px !important;
}
.can-serve-you dialog button {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  position: absolute;
  right: 32px;
  top: 32px;
}
.can-serve-you dialog button::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cpath d='M1 1L31 31' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M31 1L1 31' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}
.can-serve-you dialog button, .can-serve-you dialog::before {
  width: 32px;
  height: 32px;
}

.machines {
  background: #F6F6F6;
  padding-top: 90px;
  padding-bottom: 90px;
}
@media (max-width: 768px) {
  .machines {
    padding: 0;
  }
}
.machines .machines__container {
  display: grid;
  grid-template-columns: 24% 76%;
  margin-left: auto;
}
@media (max-width: 576px) {
  .machines .machines__container {
    display: flex;
    flex-direction: column;
    padding: 40px 0 70px 0;
  }
}
.machines .machines__container .machines__text {
  display: flex;
  flex-direction: column;
  gap: 37px;
}
@media (max-width: 576px) {
  .machines .machines__container .machines__text {
    gap: 20px;
    padding: 0 15px;
  }
}
.machines .machines__container .machines__text h2 {
  font: 800 46px/1.14 "Plus Jakarta Sans", sans-serif;
  color: #003454;
  margin: 0;
}
@media (max-width: 768px) {
  .machines .machines__container .machines__text h2 {
    font: 800 32px/1.14 "Plus Jakarta Sans", sans-serif;
  }
}
.machines .machines__container .machines__text h2 span {
  font: 700 30px/1.21 "Inter", sans-serif;
  color: #D3004B;
}
@media (max-width: 768px) {
  .machines .machines__container .machines__text h2 span {
    font: 700 22px/1.21 "Inter", sans-serif;
  }
}
.machines .machines__container .machines__text p {
  margin: 0;
}
@media (min-width: 768px) {
  .machines .machines__container .machines__text p {
    max-width: 270px;
  }
}
@media (max-width: 576px) {
  .machines .machines__container .machines__text .toggle-base-pro {
    padding-top: 20px;
  }
}
.machines .machines__container .machines__slider {
  max-width: 100%;
}
.machines .machines__container .machines__slider .splide__track {
  padding-top: 70px;
  padding-bottom: 70px;
}
@media (min-width: 1024px) {
  .machines .machines__container .machines__slider .splide__track {
    padding-left: 70px;
    padding-right: 180px;
  }
}
.machines .machines__container .machines__slider .splide__track .splide__slide {
  padding: 25px 25px 40px 25px;
  border-radius: 16px;
  background: #FFF;
}
.machines .machines__container .machines__slider .splide__track .splide__slide:hover {
  box-shadow: 0px 4px 58.9px 0px rgba(0, 0, 0, 0.33);
}
.machines .machines__container .machines__slider .splide__track .splide__slide:hover img {
  transform: scale(1.1);
}
.machines .machines__container .machines__slider .splide__track .splide__slide img {
  width: 100%;
  margin-bottom: 64px;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h2 {
  font: 700 24px/1.14 "Plus Jakarta Sans", sans-serif;
  color: #003454;
  margin-top: 8px;
  margin-bottom: 20px;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h3 {
  margin: 0;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h3 .machines__text--full-price {
  font: 400 16px/1.21 "Inter", sans-serif;
  color: #ABABAB;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h3 .machines__text--monthly-price {
  font: 700 20px/1.21 "Inter", sans-serif;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h3 .machines__text--monthly-price span {
  color: #D3004B;
}
.machines .machines__container .machines__slider .splide__track .splide__slide h3 .machines__text--otinus-finance {
  font: 400 16px/1.21 "Inter", sans-serif;
}
.machines .machines__container .machines__slider .splide__track .splide__slide a {
  display: flex;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  margin-top: 32px;
}
.machines .machines__container .machines__slider .splide__track .splide__slide .button-base,
.machines .machines__container .machines__slider .splide__track .splide__slide .button-pro {
  font: 700 10px/1.14 "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  width: 63px;
}
.machines .machines__container .splide__arrows {
  position: absolute;
  bottom: -20px;
  z-index: 1;
  left: 65px;
}
@media (max-width: 768px) {
  .machines .machines__container .splide__arrows {
    left: 10px;
  }
}
.machines .machines__container .splide__arrows .splide__arrow {
  width: 45px;
  height: 26px;
  background: none;
  border: none;
  filter: invert(39%) sepia(13%) saturate(1473%) hue-rotate(167deg) brightness(95%) contrast(95%);
  transition: all 300ms ease-out;
  cursor: pointer;
}
.machines .machines__container .splide__arrows .splide__arrow.splide__arrow--next {
  transform: rotate(180deg);
}
.machines .machines__container .splide__arrows .splide__arrow.splide__arrow--next:hover {
  transform: rotate(180deg) translateX(-20px);
}
.machines .machines__container .splide__arrows .splide__arrow.splide__arrow--prev:hover {
  transform: translateX(-20px);
}
.machines .machines__container .splide__pagination {
  display: none;
}

.our-promise {
  background: linear-gradient(180deg, rgb(238, 238, 238) 50%, rgb(255, 255, 255) 50%);
  height: 100%;
  padding: 137px 0;
}
@media (max-width: 576px) {
  .our-promise {
    padding: 45px 0;
  }
}
.our-promise .our-promise__container {
  margin-left: auto;
  display: grid;
  grid-template-columns: 21% 79%;
  position: relative;
}
@media (max-width: 576px) {
  .our-promise .our-promise__container {
    grid-template-columns: 10% 90%;
  }
}
.our-promise .our-promise__container .our-promise__text {
  display: flex;
  flex-direction: column;
  gap: 134px;
  margin-top: 50px;
}
.our-promise .our-promise__container .our-promise__text .our-promise__need, .our-promise .our-promise__container .our-promise__text .our-promise__dont {
  color: #003454;
  min-height: 164px;
}
.our-promise .our-promise__container .our-promise__text .our-promise__need {
  font: 800 48px/1.14 "Plus Jakarta Sans", sans-serif;
}
@media (max-width: 576px) {
  .our-promise .our-promise__container .our-promise__text .our-promise__need {
    font: 800 16px/1.14 "Plus Jakarta Sans", sans-serif;
    position: absolute;
    transform: rotate(270deg);
    top: 40px;
    left: -60px;
    width: 300px;
  }
}
.our-promise .our-promise__container .our-promise__text .our-promise__need span {
  font: 700 30px/1.21 "Inter", sans-serif;
  color: #D3004B;
}
@media (max-width: 576px) {
  .our-promise .our-promise__container .our-promise__text .our-promise__need span {
    font: 700 22px/1.21 "Inter", sans-serif;
    position: absolute;
    left: 150px;
    top: 90px;
    display: block;
    transform: rotate(90deg);
    width: 200px;
  }
}
@media (max-width: 576px) {
  .our-promise .our-promise__container .our-promise__text .our-promise__need br {
    display: none;
  }
}
.our-promise .our-promise__container .our-promise__text .our-promise__dont {
  font: 800 42px/1.14 "Plus Jakarta Sans", sans-serif;
}
@media (max-width: 576px) {
  .our-promise .our-promise__container .our-promise__text .our-promise__dont {
    font: 800 16px/1.14 "Plus Jakarta Sans", sans-serif;
    position: absolute;
    transform: rotate(270deg);
    bottom: 0;
    width: 300px;
    bottom: 185px;
    left: -60px;
  }
}
.our-promise .our-promise__container .our-promise__slider .splide__track {
  padding-top: 70px;
  padding-bottom: 70px;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide {
  height: 456px;
  background: linear-gradient(180deg, rgb(255, 255, 255) 50%, rgb(238, 238, 238) 50%);
  margin-right: 25px;
  border-radius: 20px;
  display: grid;
  grid-auto-rows: 1fr;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide:hover {
  box-shadow: 0px 0px 31.4px 0px rgba(0, 0, 0, 0.25);
}
.our-promise .our-promise__container .our-promise__slider .splide__slide:hover .our-promise__top {
  color: #D3004B;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide:hover .our-promise__bottom {
  font-weight: 700;
  text-decoration-line: line-through;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__top, .our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__bottom {
  padding: 20px;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__top {
  color: #204660;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__top lord-icon {
  width: 120px;
  height: 120px;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__top h4 {
  margin: 0;
  color: inherit;
}
.our-promise .our-promise__container .our-promise__slider .splide__slide .our-promise__bottom {
  font: 400 18px/1.21 "Inter", sans-serif;
}
.our-promise .our-promise__container .our-promise__slider .splide__arrows {
  position: absolute;
  bottom: -20px;
  z-index: 1;
  left: 65px;
}
.our-promise .our-promise__container .our-promise__slider .splide__arrows .splide__arrow {
  width: 45px;
  height: 26px;
  background: none;
  border: none;
  filter: invert(39%) sepia(13%) saturate(1473%) hue-rotate(167deg) brightness(95%) contrast(95%);
  transition: all 300ms ease-out;
  cursor: pointer;
}
.our-promise .our-promise__container .our-promise__slider .splide__arrows .splide__arrow.splide__arrow--next {
  transform: rotate(180deg);
}
.our-promise .our-promise__container .our-promise__slider .splide__arrows .splide__arrow.splide__arrow--next:hover {
  transform: rotate(180deg) translateX(-20px);
}
.our-promise .our-promise__container .our-promise__slider .splide__arrows .splide__arrow.splide__arrow--prev:hover {
  transform: translateX(-20px);
}
.our-promise .our-promise__container .our-promise__slider .splide__pagination {
  display: none;
}

.recommendations {
  height: 718px;
  background-image: url("/media/31/download/recommendation.jpg?v=2");
}
@media (max-width: 576px) {
  .recommendations {
    height: 990px;
  }
}
.recommendations .recommendations__container {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  height: 100%;
  align-items: center;
}
@media (min-width: 1024px) {
  .recommendations .recommendations__container {
    padding: 0 180px;
  }
}
@media (max-width: 576px) {
  .recommendations .recommendations__container {
    flex-direction: column;
    padding: 15px;
    background-image: url("/media/36/download/recommendation.jpg?v=1");
    background-size: cover;
    background-position-y: bottom;
  }
}
.recommendations .recommendations__container .recommendations__text {
  flex-basis: 40%;
}
.recommendations .recommendations__container .recommendations__text h2 {
  font: 800 48px/1.14 "Plus Jakarta Sans", sans-serif;
  color: #003454;
}
@media (max-width: 576px) {
  .recommendations .recommendations__container .recommendations__text h2 {
    font: 800 36px/1.14 "Plus Jakarta Sans", sans-serif;
  }
}
.recommendations .recommendations__container .recommendations__text h2 span {
  font: 700 30px/1.21 "Inter", sans-serif;
  color: #90C1D5;
}
@media (max-width: 576px) {
  .recommendations .recommendations__container .recommendations__text h2 span {
    font: 700 22px/1.21 "Inter", sans-serif;
  }
}
.recommendations .recommendations__container .recommendations__text p {
  color: #666666;
}
.recommendations .recommendations__container .recommendations__video {
  flex-basis: 60%;
  display: flex;
  justify-content: center;
}
.recommendations .recommendations__container .recommendations__video a {
  height: fit-content;
}
@media (max-width: 576px) {
  .recommendations .recommendations__container .recommendations__video {
    align-items: flex-end;
    padding-bottom: 120px;
  }
}
@media (max-width: 576px) {
  .recommendations .recommendations__container .recommendations__video .recommendations__icon {
    height: fit-content;
  }
}
.recommendations .recommendations__container .recommendations__video .recommendations__icon::before {
  content: url("data:image/svg+xml,%0A%3Csvg width='124' height='96' viewBox='0 0 124 96' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 3593'%3E%3Cg id='Vector' filter='url(%23filter0_d_0_2096)'%3E%3Cpath d='M107.038 21.2781C105.954 17.225 102.77 14.0441 98.7258 12.9667C91.3944 11 62 11 62 11C62 11 32.6056 11 25.2743 12.9667C21.23 14.0441 18.0461 17.225 16.9619 21.2781C15 28.6147 15 43.9036 15 43.9036C15 43.9036 15 59.1924 16.9619 66.529C18.0461 70.5821 21.23 73.6262 25.2743 74.7036C32.6056 76.6703 62 76.6703 62 76.6703C62 76.6703 91.3944 76.6703 98.7258 74.7036C102.77 73.6262 105.954 70.565 107.038 66.529C109 59.1924 109 43.9036 109 43.9036C109 43.9036 109 28.6147 107.038 21.2781ZM52.3969 57.7901V30.017L76.9553 43.9036L52.3969 57.7901Z' fill='%23D3004B'/%3E%3C/g%3E%3Cg id='Vector_2' filter='url(%23filter1_d_0_2096)'%3E%3Cpath d='M52.3969 30.0171V57.7902L76.9553 43.9036L52.3969 30.0171Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_0_2096' x='0' y='0' width='124' height='95.6703' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.48 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_2096'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_2096' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_0_2096' x='37.3969' y='19.0171' width='54.5584' height='57.7731' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.48 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_0_2096'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_0_2096' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

.call-to-action {
  background: linear-gradient(90deg, rgb(246, 246, 246) 40%, rgb(255, 255, 255) 40%);
  padding: 100px 0;
}
@media (max-width: 768px) {
  .call-to-action {
    padding: 0 15px;
  }
}
@media (max-width: 576px) {
  .call-to-action {
    background: none;
  }
}
.call-to-action .call-to-action__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  gap: 20px;
}
@media (max-width: 576px) {
  .call-to-action .call-to-action__container {
    flex-direction: column;
    padding: 40px 0;
  }
}
.call-to-action .call-to-action__container .call-to-action__left, .call-to-action .call-to-action__container .call-to-action__right {
  flex-basis: 50%;
  padding: 104px 40px;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 576px) {
  .call-to-action .call-to-action__container .call-to-action__left, .call-to-action .call-to-action__container .call-to-action__right {
    padding: 60px 40px;
  }
}
.call-to-action .call-to-action__container .call-to-action__left h2, .call-to-action .call-to-action__container .call-to-action__right h2 {
  font: 600 34px/1.21 "Inter", sans-serif;
  margin: 0;
}
.call-to-action .call-to-action__container .call-to-action__left h3, .call-to-action .call-to-action__container .call-to-action__right h3 {
  font: 600 22px/1.21 "Inter", sans-serif;
  margin: 0;
}
.call-to-action .call-to-action__container .call-to-action__left {
  background: url("/media/14/download/showroom.webp?v=2"), #426A8D;
  background-blend-mode: multiply, normal;
  background-repeat: no-repeat;
  background-size: cover;
}
.call-to-action .call-to-action__container .call-to-action__left i::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='95' height='121' viewBox='0 0 95 121' fill='none'%3E%3Cpath d='M94.8837 88.3109C94.8837 88.8042 94.6389 89.2729 94.2472 89.5442L48.47 120.253C48.2252 120.426 47.9559 120.5 47.6622 120.5C47.3684 120.5 47.0991 120.426 46.8543 120.253L0.636476 88.6809C0.22032 88.4096 0 87.9409 0 87.4476C0 86.9543 0.269279 86.4856 0.685435 86.239L39.951 61.647C40.6365 61.2276 41.5422 61.425 41.9584 62.1156C42.3745 62.8063 42.1787 63.7189 41.4933 64.1382L4.13709 87.5216L47.6867 117.269L90.7956 88.3356L53.4149 64.2862C52.7295 63.8422 52.5337 62.9543 52.9743 62.2636C53.4149 61.573 54.2962 61.3756 54.9816 61.8196L94.2228 87.0776C94.6389 87.3489 94.8837 87.7929 94.8837 88.3109ZM4.16157 3.13926V1.95529C4.16157 1.14131 4.82252 0.5 5.60588 0.5H89.3758C90.1836 0.5 90.8201 1.16598 90.8201 1.95529V3.13926C90.8201 9.94707 85.3121 15.4722 78.5557 15.4722H75.6671L72.8274 24.722C71.9706 27.5586 69.4002 29.4332 66.4871 29.4332H63.1089V39.6202C63.1089 42.4568 60.8078 44.7754 57.9927 44.7754H55.5202V50.5719C55.5202 53.4085 53.2191 55.7271 50.4039 55.7271H48.9351V77.8525C48.9351 78.6665 48.2742 79.3078 47.4908 79.3078C46.7075 79.3078 46.0465 78.6418 46.0465 77.8525V55.7271H44.5777C41.7625 55.7271 39.4614 53.4085 39.4614 50.5719V44.7754H36.9645C34.1493 44.7754 31.8482 42.4568 31.8482 39.6202V29.4332H28.47C25.5324 29.4332 22.9865 27.5339 22.1297 24.722L19.2901 15.4722H16.4015C9.64504 15.4722 4.16157 9.9224 4.16157 3.13926ZM52.6316 44.8001H42.3745V50.5966C42.3745 51.8299 43.3537 52.8165 44.5777 52.8165H50.4529C51.6769 52.8165 52.6561 51.8299 52.6561 50.5966V44.8001H52.6316ZM60.2203 29.4579H34.7613V39.6449C34.7613 40.8782 35.7405 41.8648 36.9645 41.8648H58.0171C59.2411 41.8648 60.2203 40.8782 60.2203 39.6449V29.4579ZM72.6316 15.4969H22.3256L24.896 23.8834C25.3856 25.462 26.8054 26.5473 28.47 26.5473H66.5116C68.1518 26.5473 69.5961 25.4866 70.0857 23.8834L72.6561 15.4969H72.6316ZM7.07466 3.43525C7.22154 8.49178 11.3586 12.5617 16.4015 12.5617H78.5802C83.6475 12.5617 87.7846 8.49178 87.9315 3.43525H7.07466ZM43.9413 37.4003H50.6242C51.4321 37.4003 52.0685 36.7343 52.0685 35.945C52.0685 35.1557 51.4076 34.4897 50.6242 34.4897H43.9413C43.1334 34.4897 42.4969 35.1557 42.4969 35.945C42.4969 36.7343 43.1579 37.4003 43.9413 37.4003ZM43.0845 9.45375H49.7674C50.5753 9.45375 51.2118 8.78777 51.2118 7.99846C51.2118 7.20915 50.5508 6.54317 49.7674 6.54317H43.0845C42.2766 6.54317 41.6401 7.20915 41.6401 7.99846C41.6401 8.78777 42.3011 9.45375 43.0845 9.45375ZM47.5398 87.4476C46.7319 87.4476 46.0955 88.1136 46.0955 88.9029V101.063C46.0955 101.877 46.7564 102.519 47.5398 102.519C48.3231 102.519 48.9841 101.853 48.9841 101.063V88.9029C48.9841 88.0889 48.3231 87.4476 47.5398 87.4476ZM38.213 85.2523L31.0649 95.0447C30.5998 95.686 30.7222 96.6233 31.3831 97.092C31.6524 97.2893 31.9461 97.388 32.2399 97.388C32.6805 97.388 33.1212 97.1907 33.4149 96.796L40.563 87.0036C41.0282 86.3623 40.9058 85.425 40.2448 84.9563C39.6083 84.4877 38.6781 84.611 38.213 85.277V85.2523ZM61.6891 99.1393C61.9339 99.1393 62.1542 99.0899 62.3745 98.9666C63.0845 98.5719 63.3537 97.684 62.9621 96.9687L57.2093 86.2883C56.8176 85.573 55.9364 85.3017 55.2264 85.6963C54.5165 86.091 54.2472 86.9789 54.6389 87.6942L60.3917 98.3746C60.661 98.8679 61.1506 99.1393 61.6646 99.1393H61.6891Z' fill='white'/%3E%3C/svg%3E");
}
.call-to-action .call-to-action__container .call-to-action__left h2 {
  color: white;
}
@media (max-width: 576px) {
  .call-to-action .call-to-action__container .call-to-action__left h2 {
    font: 600 28px/1.21 "Plus Jakarta Sans", sans-serif;
  }
}
.call-to-action .call-to-action__container .call-to-action__left h3 {
  color: #90C1D5;
}
.call-to-action .call-to-action__container .call-to-action__left .button-pro {
  padding: 15px 35px;
  width: fit-content;
  font: 700 16px/1.21 "Inter", sans-serif;
}
.call-to-action .call-to-action__container .call-to-action__left .button-pro:hover {
  text-decoration: none;
}
.call-to-action .call-to-action__container .call-to-action__left .call-to-action__buttons, .call-to-action .call-to-action__container .call-to-action__left .button-secondary {
  display: flex;
  gap: 10px;
}
@media (max-width: 768px) {
  .call-to-action .call-to-action__container .call-to-action__left .call-to-action__buttons {
    flex-direction: column;
  }
}
.call-to-action .call-to-action__container .call-to-action__left .button-secondary {
  color: #003454;
}
.call-to-action .call-to-action__container .call-to-action__left .button-secondary:hover {
  color: white;
  background-color: #00588E;
}
.call-to-action .call-to-action__container .call-to-action__right {
  background-color: #90C1D5;
}
.call-to-action .call-to-action__container .call-to-action__right h2 {
  color: #003454;
}
@media (max-width: 576px) {
  .call-to-action .call-to-action__container .call-to-action__right h2 {
    font: 600 28px/1.21 "Plus Jakarta Sans", sans-serif;
  }
}
.call-to-action .call-to-action__container .call-to-action__right h3 {
  color: #00588E;
}
.call-to-action .call-to-action__container .call-to-action__right i::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='121' viewBox='0 0 144 121' fill='none'%3E%3Cpath d='M105.578 46.1682C118.876 38.2153 129.043 39.596 134.916 50.0619C139.598 58.429 136.024 69.5576 127.353 74.114C118.959 78.5047 106.215 75.9365 101.201 61.4666C100.148 64.228 99.2895 66.5476 98.3753 68.8396C97.5442 70.9383 96.6023 73.0646 93.8042 72.8713C91.0062 72.678 90.369 70.4137 89.7318 68.2873C89.1777 66.4924 88.6236 64.6699 88.3466 62.7921C87.8203 59.5336 85.9641 58.5671 82.8059 58.6499C76.2956 58.8156 69.7575 58.7052 63.2195 58.6499C56.349 58.5947 52.7752 54.9772 52.7475 48.1289V38.878C52.332 38.74 51.9441 38.6295 51.5286 38.4914C50.8083 39.3475 49.8664 40.0931 49.4508 41.0872C48.7582 42.7164 48.4535 44.5114 47.9271 46.2235C46.9852 49.3163 46.625 52.9061 42.1925 52.7681C41.9154 67.6798 38.591 73.1751 28.4515 75.8537C21.5256 77.6762 13.3254 74.0035 9.33605 67.2932C5.54066 60.8867 6.53799 52.1329 11.7186 46.5272C18.0904 39.596 25.4318 39.2094 37.7876 45.5055C36.2639 41.4462 34.851 37.9115 33.6321 34.294C32.9949 32.4439 32.3854 30.4557 32.33 28.5226C32.1361 22.5579 32.1361 16.5656 32.1915 10.5733C32.2469 4.49814 35.9869 0.714969 42.054 0.632126C52.9969 0.521669 63.9398 0.466437 74.8827 0.521666C80.5619 0.521666 84.3296 4.27722 84.5789 9.9934C84.6897 12.6168 84.7729 15.2401 84.5789 17.8635C84.4127 20.3764 85.4931 21.2601 87.8757 21.2048C90.3967 21.1496 92.9177 21.2048 95.4387 21.2877C101.589 21.481 104.913 24.9052 104.941 31.0079C104.969 35.8405 104.996 40.6454 105.052 45.4779C105.052 45.6436 105.273 45.8092 105.523 46.1682H105.578ZM42.608 46.0578C42.8851 46.0302 43.1621 46.0025 43.4391 45.9749C43.827 44.7323 44.2148 43.462 44.575 42.2194C46.5696 35.3158 48.0656 34.156 55.2409 34.1284C61.4465 34.1007 67.6521 34.1284 73.8577 34.0179C78.6504 33.9351 80.5065 32.0573 80.5065 27.2524C80.5065 22.4475 80.3957 15.9305 80.2295 10.2695C80.1187 6.67967 78.2625 4.69144 74.7442 4.71905C63.6904 4.71905 52.6644 4.85713 41.6107 5.05043C38.9789 5.10565 36.6241 6.43114 36.6518 9.33065C36.7626 19.4099 34.9064 29.7101 39.9762 39.2646C41.112 41.4186 41.7215 43.821 42.5803 46.113V46.0578H42.608ZM93.7488 66.4924C94.1367 66.4924 94.4968 66.5476 94.8847 66.5476C96.8516 60.5277 99.5112 54.5906 100.592 48.405C101.561 42.7993 100.869 36.9174 100.786 31.146C100.73 27.3352 99.0125 25.5955 95.2171 25.3194C92.6961 25.1537 90.1751 25.3194 87.654 25.2089C85.5209 25.1261 84.7452 26.0373 84.6066 28.1637C84.2188 34.7911 80.9221 37.9668 74.2178 38.2429C71.2812 38.381 68.3447 38.2981 65.3804 38.3257C59.7011 38.3534 56.8477 41.1976 56.82 46.8034C56.82 52.8509 58.0943 54.2869 64.1337 54.4249C70.9488 54.563 77.7916 54.4802 84.6343 54.563C88.596 54.6182 91.0893 56.6617 92.1143 60.4725C92.6407 62.4607 93.1947 64.4489 93.7211 66.4372V66.4924H93.7488ZM11.3584 58.5671C11.3584 65.8849 17.5086 72.0705 24.7669 72.0981C31.9699 72.1257 38.2863 65.8297 38.3417 58.5947C38.3971 51.2217 32.0807 44.9256 24.6561 44.9256C17.2316 44.9256 11.3584 51.194 11.3584 58.5671ZM132.562 58.3462C132.562 50.8074 126.716 44.8703 119.264 44.8703C111.812 44.8703 105.772 50.8074 105.689 58.2081C105.606 65.7192 111.728 71.8772 119.264 71.8496C126.633 71.8496 132.562 65.8021 132.562 58.3462ZM24.573 120.451C18.6722 120.451 12.799 120.506 6.89814 120.451C2.99194 120.396 0.110765 118.214 0.0553579 114.514C-0.0277528 108.77 -0.16627 102.916 0.914169 97.3101C3.29668 85.0493 14.9322 77.3449 28.0637 78.6151C39.6438 79.7473 49.1461 90.2408 49.3677 102.253C49.4508 106.147 49.4508 110.013 49.3677 113.906C49.2846 117.966 46.9575 120.368 42.8851 120.451C36.7903 120.561 30.6678 120.451 24.573 120.451ZM24.85 116.336H41.583C44.0763 116.336 45.2676 115.204 45.2399 112.719C45.2399 109.46 45.2953 106.202 45.2399 102.971C45.0737 92.4499 37.095 83.6962 26.817 82.7297C16.3451 81.7355 6.84273 88.4735 4.87578 98.8841C4.04467 103.247 4.43252 107.859 4.21089 112.36C4.07237 115.342 5.51296 116.474 8.42183 116.392C13.8794 116.281 19.3647 116.392 24.85 116.392V116.336ZM119.208 120.396C113.418 120.396 107.628 120.396 101.838 120.396C96.9347 120.34 94.386 117.91 94.4968 112.995C94.6353 107.362 94.2475 101.535 95.605 96.1502C98.7355 83.7238 110.509 76.7097 123.558 78.6427C134.778 80.2996 143.837 91.0416 143.975 102.888C143.975 106.257 144.031 109.598 143.975 112.967C143.892 117.828 141.371 120.368 136.579 120.423C130.788 120.479 124.998 120.423 119.208 120.423V120.396ZM119.042 116.281C124.611 116.281 130.179 116.226 135.747 116.281C138.352 116.281 139.681 115.259 139.654 112.581C139.598 108.908 139.764 105.235 139.598 101.563C139.155 92.5604 132.34 84.7179 123.558 82.8677C114.471 80.99 105.551 85.2426 101.146 93.2231C97.8489 99.2154 98.68 105.65 98.6246 111.973C98.5969 115.453 99.428 116.198 102.946 116.226C108.321 116.281 113.668 116.226 119.042 116.226V116.281ZM58.0112 17.0351C54.2435 17.0351 50.4481 17.1455 46.6805 16.9522C45.8217 16.897 45.0182 15.8753 44.1871 15.2954C45.0182 14.8259 45.8217 13.9423 46.6805 13.9423C54.4375 13.8042 62.2222 13.749 69.9792 13.8318C70.8934 13.8318 71.8076 14.7707 72.7218 15.2954C71.8076 15.8476 70.9211 16.8141 69.9792 16.8694C65.9898 17.0351 62.0005 16.9522 58.0112 16.9522V17.0627V17.0351ZM58.5376 25.9269C54.6591 25.9269 50.7529 26.0097 46.8744 25.844C45.9602 25.8164 45.0737 24.8775 44.1871 24.3529C45.0737 23.8282 45.9325 22.8341 46.819 22.8341C54.6037 22.6684 62.3607 22.6408 70.1454 22.7236C71.0042 22.7236 71.863 23.5521 72.7218 23.9939C71.8907 24.6014 71.0596 25.6784 70.2008 25.7336C66.3223 25.9269 62.4438 25.8164 58.5376 25.8164V25.9269ZM78.9828 46.1406C74.9935 46.1406 71.0319 46.2511 67.0426 46.0578C66.1561 46.0302 65.325 45.036 64.4939 44.4838C65.325 43.9867 66.1284 43.103 66.9595 43.103C74.7996 42.9926 82.6674 42.9926 90.5352 43.103C91.4494 43.103 92.3359 44.0972 93.2225 44.6218C92.3636 45.1465 91.5048 46.0854 90.6183 46.1406C86.7675 46.3063 82.889 46.2235 79.0105 46.2235V46.1682H78.9828V46.1406Z' fill='white'/%3E%3C/svg%3E");
}
.call-to-action .call-to-action__container .call-to-action__right .button-secondary {
  padding: 15px 35px;
  width: fit-content;
}

.about-us {
  background: linear-gradient(90deg, rgb(246, 246, 246) 40%, rgb(255, 255, 255) 40%);
  padding: 133px 0;
}
@media (max-width: 768px) {
  .about-us {
    padding: 0 15px 30px;
    background: none;
  }
}
.about-us .about-us__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
}
@media (max-width: 576px) {
  .about-us .about-us__container {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.about-us .about-us__container .about-us__left {
  flex-basis: 50%;
}
.about-us .about-us__container .about-us__left img {
  max-width: 455px;
}
.about-us .about-us__container .about-us__right {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  gap: 35px;
}
.about-us .about-us__container .about-us__right h2 {
  color: #003454;
  font: 800 48px/1.14 "Plus Jakarta Sans", sans-serif;
  margin: 0;
}
.about-us .about-us__container .about-us__right h2 span {
  color: #90C1D5;
  font: 700 30px/1.21 "Inter", sans-serif;
}
.about-us .about-us__container .about-us__right .button-pro {
  padding: 15px 35px;
  width: fit-content;
  font: 700 16px/1.21 "Inter", sans-serif;
}
.about-us .about-us__container .about-us__right .button-pro:hover {
  text-decoration: none;
}

.trade-fairs {
  height: 733px;
  display: flex;
  background-color: #f1f1f1;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: 30%;
  background-image: url("/media/34/download/trade-fairs.webp?v=4");
}
@media (max-width: 576px) {
  .trade-fairs {
    padding: 0 15px;
    background-image: url("/media/35/download/otinus-team-mobile.jpg?v=1");
    background-size: 120%;
    background-position-x: center;
    background-color: #D8D7D8;
    padding-bottom: 60px;
  }
}
.trade-fairs .trade-fairs__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 140px 0;
  width: 100%;
  justify-content: space-around;
}
@media (max-width: 576px) {
  .trade-fairs .trade-fairs__container {
    flex-direction: column;
    height: 888px;
    padding: 0;
  }
}
.trade-fairs .trade-fairs__container .trade-fairs__left a {
  color: #D3004B;
}
.trade-fairs .trade-fairs__container .trade-fairs__left .trade-fairs__icon {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.trade-fairs .trade-fairs__container .trade-fairs__left .trade-fairs__icon::before {
  display: block;
  width: 94px;
  height: 65.69px;
  content: url("data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 94 66' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3E%3Cg id='Group-3593' serif:id='Group 3593' transform='matrix(3.45633,0,0,3.45789,-16.9421,-20.7474)'%3E%3Cpath id='Vector' d='M31.531,8.974C31.217,7.801 30.296,6.881 29.126,6.569C27.005,6 18.5,6 18.5,6C18.5,6 9.996,6 7.874,6.569C6.704,6.881 5.783,7.801 5.469,8.974C4.902,11.096 4.902,15.52 4.902,15.52C4.902,15.52 4.902,19.943 5.469,22.066C5.783,23.238 6.704,24.119 7.874,24.431C9.996,25 18.5,25 18.5,25C18.5,25 27.005,25 29.126,24.431C30.296,24.119 31.217,23.234 31.531,22.066C32.098,19.943 32.098,15.52 32.098,15.52C32.098,15.52 32.098,11.096 31.531,8.974ZM15.722,19.538L15.722,11.502L22.827,15.52L15.722,19.538Z' style='fill:rgb(211,0,75);fill-rule:nonzero;'/%3E%3Cg id='Vector_2'%3E%3Cpath d='M15.722,11.502L15.722,19.538L22.827,15.52L15.722,11.502Z' style='fill:white;fill-rule:nonzero;'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.trade-fairs .trade-fairs__container .trade-fairs__right {
  display: flex;
  flex-direction: column;
  gap: 35px;
  max-width: 412px;
  /*
  p {
      color: abstracts.$color-dark-grey;
  }
  */
}
.trade-fairs .trade-fairs__container .trade-fairs__right h2 {
  font: 800 48px/1.14 "Plus Jakarta Sans", sans-serif;
  color: #003454;
  margin: 0;
}
.trade-fairs .trade-fairs__container .trade-fairs__right h2 span {
  font: 700 30px/1.21 "Inter", sans-serif;
  color: #426A8D;
}
.trade-fairs .trade-fairs__container .trade-fairs__right .button-primary {
  display: none;
  padding: 15px 35px;
  width: fit-content;
}

@media (max-width: 768px) {
  .video {
    padding: 0 15px;
  }
}
.video .video__container {
  position: relative;
  max-width: 1080px;
  margin: 89px auto;
  height: 326px;
}
.video .video__container::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #D3004B;
  opacity: 0.6; /* Change the color and opacity as needed */
  border-radius: 20px;
}
.video .video__container video {
  border-radius: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video .video__content {
  position: relative;
  display: flex;
  gap: 8px;
  height: 100%;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 28px;
  text-align: center;
}
.video .video__content h2 {
  font: 700 48px/1.14 "Plus Jakarta Sans", sans-serif;
  letter-spacing: 0.2px;
}
@media (max-width: 768px) {
  .video .video__content h2 {
    font: 700 32px/1.14 "Plus Jakarta Sans", sans-serif;
  }
}
.video .video__content h3 {
  font: 400 32px/1.21 "Inter", sans-serif;
  letter-spacing: 0.2px;
}
@media (max-width: 576px) {
  .video .video__content h3 {
    font: 400 22px/1.21 "Inter", sans-serif;
  }
}
.video .video__content h2, .video .video__content h3 {
  margin: 0;
  color: white;
}
.video .video__content .button-secondary {
  display: none;
  margin-top: 40px;
}

.header-v1 .header-v1__container {
  max-width: 1080px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .header-v1 .header-v1__container {
    padding: 0 15px;
  }
}
.header-v1 .header-v1__container .header-v1__content h1 {
  font: 700 48px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #003454;
}
.header-v1 .header-v1__container .header-v1__content p {
  font: 400 16px/1.21 "Inter", sans-serif;
  color: #818181;
}

.compare-base-pro {
  margin-top: 68px;
  padding-bottom: 100px;
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgb(255, 255, 255) 70%, rgb(246, 246, 246) 70%);
}
@media (max-width: 768px) {
  .compare-base-pro {
    padding: 0 15px 100px;
    background: white;
  }
}
.compare-base-pro .compare-base-pro__container {
  display: flex;
  max-width: 1080px;
  margin: 0 auto;
  height: 580px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  /* Styl dla treści */
  /* Styl dla obrazka */
  /* Przesuwanie obrazka w zależności od najechania */
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left, .compare-base-pro .compare-base-pro__container .compare-base-pro__right {
  width: 50%;
  height: 100%;
  overflow: hidden;
  transition: width 0.4s ease;
  position: relative;
}
.compare-base-pro .compare-base-pro__container:hover .compare-base-pro__left:hover, .compare-base-pro .compare-base-pro__container:hover .compare-base-pro__right:hover {
  width: 80%;
}
.compare-base-pro .compare-base-pro__container:hover .compare-base-pro__left:hover ~ .compare-base-pro__right, .compare-base-pro .compare-base-pro__container:hover .compare-base-pro__left:has(+ * + .compare-base-pro__right:hover) {
  width: 20%;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left {
  background-color: #EEEEEE;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left .compare-base-pro__content {
  top: 50%;
  transform: translate(65px, -50%);
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left .compare-base-pro__content h3 {
  font: 600 34px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #003454;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left .compare-base-pro__content p {
  max-width: 300px;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left .compare-base-pro__content .button-base {
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__right {
  background-color: #00588E;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__right .compare-base-pro__content {
  top: 50%;
  right: 0;
  transform: translate(-65px, -50%);
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__right .compare-base-pro__content h3 {
  font: 600 34px/1.21 "Plus Jakarta Sans", sans-serif;
  color: white;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__right .compare-base-pro__content p {
  max-width: 300px;
  color: white;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__right .compare-base-pro__content .button-base {
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__content {
  transition: opacity 0.4s ease;
  position: absolute;
  color: white;
  font-size: 1.5rem;
  text-align: left;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__content.compare-base-pro__content--default {
  opacity: 1;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__content.compare-base-pro__content--hover {
  opacity: 0;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left:hover .compare-base-pro__content--default,
.compare-base-pro .compare-base-pro__container .compare-base-pro__right:hover .compare-base-pro__content--default {
  opacity: 0;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left:hover .compare-base-pro__content--hover,
.compare-base-pro .compare-base-pro__container .compare-base-pro__right:hover .compare-base-pro__content--hover {
  opacity: 1;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__center-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease;
  z-index: 1;
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__left:hover ~ .compare-base-pro__center-image {
  transform: translate(-30%, -50%);
}
.compare-base-pro .compare-base-pro__container .compare-base-pro__center-image:has(+ .compare-base-pro__right:hover) {
  transform: translate(-70%, -50%);
}

.funny-cards {
  background-color: #F6F6F6;
  padding-top: 90px;
  padding-bottom: 103px;
}
@media (max-width: 768px) {
  .funny-cards {
    background-color: white;
  }
}
.funny-cards .funny-cards__container {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media (max-width: 768px) {
  .funny-cards .funny-cards__container {
    grid-template-columns: auto;
  }
}
.funny-cards .funny-cards__container .funny-cards__card {
  background-color: white;
  border-radius: 20px;
  padding: 24px 24px 42px 24px;
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.funny-cards .funny-cards__container .funny-cards__card h3, .funny-cards .funny-cards__container .funny-cards__card p, .funny-cards .funny-cards__container .funny-cards__card .button-base {
  padding: 0 8px;
}
.funny-cards .funny-cards__container .funny-cards__card h3 {
  margin: 0;
  font: 700 22px/1.21 "Plus Jakarta Sans", sans-serif;
}
.funny-cards .funny-cards__container .funny-cards__card img {
  border-radius: 10px;
  width: 100%;
}
.funny-cards .funny-cards__container .funny-cards__card .button-base {
  padding: 15px 50px;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  width: fit-content;
}

.proofs {
  background: linear-gradient(355deg, #E2E2E2 3.36%, #FFF 95.98%);
}
.proofs .proofs__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  padding: 104px 0;
  gap: 60px;
}
@media (max-width: 768px) {
  .proofs .proofs__container {
    overflow: auto;
    padding: 60px 15px;
    background: linear-gradient(0deg, #E2E2E2 3.36%, #FFF 95.98%);
  }
}
.proofs .proofs__container .proofs__proof {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .proofs .proofs__container .proofs__proof {
    min-width: 60%;
  }
}
.proofs .proofs__container .proofs__proof svg {
  width: 80px;
  height: 65px;
}
.proofs .proofs__container .proofs__proof h2, .proofs .proofs__container .proofs__proof h3 {
  margin: 0;
  color: #00588E;
}
.proofs .proofs__container .proofs__proof h2 {
  padding-top: 16px;
  font: 800 20px/1.21 "Plus Jakarta Sans", sans-serif;
}
.proofs .proofs__container .proofs__proof h3 {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
}

.product-summary .product-summary__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}
@media (max-width: 768px) {
  .product-summary .product-summary__container {
    flex-direction: column;
    padding: 0 15px;
    margin-top: 0;
  }
}
.product-summary .product-summary__container .product-summary__image {
  max-width: 593px;
}
.product-summary .product-summary__container .product-summary__image img {
  width: 100%;
}
.product-summary .product-summary__container .product-summary__summary {
  max-width: 403px;
  width: 100%;
}
@media (max-width: 768px) {
  .product-summary .product-summary__container .product-summary__summary {
    max-width: 100%;
  }
}
.product-summary .product-summary__container .product-summary__summary .product-summary__line {
  display: flex;
  gap: 12px;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__line div:first-child {
  font: 700 22px/1.21 "Inter", sans-serif;
  color: #00588E;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__line div:last-child {
  font: 400 16px/1.21 "Inter", sans-serif;
  text-decoration-line: underline;
}
.product-summary .product-summary__container .product-summary__summary h1 {
  margin-top: 0;
  color: #003454;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__attributes {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__attributes .product-summary__attribute {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__attributes .product-summary__attribute label {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #666666;
}
.product-summary .product-summary__container .product-summary__summary .product-summary__attributes .product-summary__attribute select {
  width: 197px;
  padding: 10px 27px;
  border-radius: 39px;
  border: 1px solid #B2B2B2;
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #666666;
  appearance: none;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-down-light 1'%3E%3Cpath id='Vector' d='M9.91748 15.1694C9.6874 15.3995 9.30889 15.3995 9.07881 15.1694L1.95381 8.04443C1.72373 7.81436 1.72373 7.43584 1.95381 7.20576C2.18389 6.97568 2.5624 6.97568 2.79248 7.20576L9.49814 13.9114L16.2038 7.20576C16.4339 6.97568 16.8124 6.97568 17.0425 7.20576C17.2726 7.43584 17.2726 7.81436 17.0425 8.04443L9.91748 15.1694Z' fill='%23666666'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.7rem top 50%;
}
.product-summary .product-summary__container .product-summary__pricing {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  border-radius: 8px;
  border: 1px solid #C1C1C1;
  margin-top: 56px;
  overflow: hidden;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__price {
  padding: 16px 27px;
  /* border-right: 1px solid abstracts.$color-gray-v9; */
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__price .product-summary__discount {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #8C8C8C;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__price .product-sumary__price-normal {
  font: 700 30px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #00588E;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__countdown {
  padding: 20px;
  background-color: #F9F9F9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  display: none;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__countdown p {
  margin: 0;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__countdown p:first-child {
  font: 400 13px/1.21 "Plus Jakarta Sans", sans-serif;
}
.product-summary .product-summary__container .product-summary__pricing .product-summary__countdown p:last-child {
  font: 400 18px/1.21 "Plus Jakarta Sans", sans-serif;
}
.product-summary .product-summary__container .product-summary__financing {
  margin-top: 30px;
}
.product-summary .product-summary__container .product-summary__financing div, .product-summary .product-summary__container .product-summary__financing a {
  color: #818181;
}
.product-summary .product-summary__container .product-summary__financing div:first-child {
  font: 300 22px/1.21 "Plus Jakarta Sans", sans-serif;
}
.product-summary .product-summary__container .product-summary__financing div:last-child {
  font: 300 18px/1.21 "Plus Jakarta Sans", sans-serif;
}
.product-summary .product-summary__container .product-summary__financing div:last-child a {
  text-decoration: underline;
}
.product-summary .product-summary__container .product-summary__cta {
  display: flex;
  gap: 16px;
  margin-top: 36px;
}
.product-summary .product-summary__container .product-summary__cta .button-v5, .product-summary .product-summary__container .product-summary__cta .button-v6 {
  font: 700 15px/1.21 "Plus Jakarta Sans", sans-serif;
}
@media (max-width: 768px) {
  .product-summary .product-summary__container .product-summary__cta .button-v5, .product-summary .product-summary__container .product-summary__cta .button-v6 {
    padding: 15px 31px;
  }
}
.product-summary .splide__arrows .splide__arrow {
  width: 45px;
  height: 26px;
  background: none;
  border: none;
  filter: invert(39%) sepia(13%) saturate(1473%) hue-rotate(167deg) brightness(95%) contrast(95%);
  transition: all 300ms ease-out;
  cursor: pointer;
}
.product-summary .splide__arrows .splide__arrow.splide__arrow--prev:hover {
  transform: translateX(-20px);
}
.product-summary .splide__arrows .splide__arrow.splide__arrow--next:hover {
  transform: rotate(180deg) translateX(-20px);
}
.product-summary .splide__arrows .splide__arrow.splide__arrow--next {
  transform: rotate(180deg);
}
.product-summary .splide__arrows {
  position: absolute;
  bottom: -60px;
  z-index: 1;
}
.product-summary .splide__pagination {
  display: none;
}

.product-information {
  margin-top: 72px;
}
.product-information .product-information__tabs .product-information__pills {
  background-color: #F6F6F6;
}
.product-information .product-information__tabs .product-information__pills .product-information__container {
  max-width: 1080px;
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  height: 72px;
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__pills .product-information__container {
    overflow: auto;
  }
}
.product-information .product-information__tabs .product-information__pills .product-information__container .product-information__button {
  background: none;
  border: none;
  font: 400 18px/1.21 "Plus Jakarta Sans", sans-serif;
  color: #212121;
  width: calc(100% + 12px);
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__pills .product-information__container .product-information__button {
    min-width: 200px;
  }
}
.product-information .product-information__tabs .product-information__pills .product-information__container .product-information__button:hover, .product-information .product-information__tabs .product-information__pills .product-information__container .product-information__button.product-information__panels--active {
  color: #D3004B;
  font-weight: 700;
  cursor: pointer;
}
.product-information .product-information__tabs .product-information__panels {
  margin-top: 72px;
  margin-bottom: 132px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__panels {
    margin-top: 20px;
  }
}
.product-information .product-information__tabs .product-information__panels h2 {
  color: #003454;
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__panels h2 {
    padding: 0 15px;
    font-size: 22px;
  }
}
.product-information .product-information__tabs .product-information__panels .product-information__panel {
  width: 100%;
  display: none;
  flex-direction: column;
}
.product-information .product-information__tabs .product-information__panels .product-information__panel table {
  border-collapse: collapse;
}
.product-information .product-information__tabs .product-information__panels .product-information__panel table tr, .product-information .product-information__tabs .product-information__panels .product-information__panel table td {
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
}
.product-information .product-information__tabs .product-information__panels .product-information__panel table tr:nth-child(even) {
  background-color: #F8F8F8;
}
.product-information .product-information__tabs .product-information__panels .product-information__panel table tr td {
  min-width: 281px;
  padding: 20px;
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__panels .product-information__panel table tr td {
    min-width: 150px;
    padding: 10px;
  }
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__panels .product-information__panel table tr td:first-child {
    max-width: 100px;
  }
}
.product-information .product-information__tabs .product-information__panels > div.product-information__panels--active {
  display: flex;
}
@media only screen and (max-width: 978px) {
  .product-information .product-information__tabs .product-information__panels > div.product-information__panels--active {
    flex-direction: column;
  }
}
.product-information .product-information__tabs .product-information__panels #technical-specs .product-information__table-helper {
  overflow: hidden;
  cursor: grab;
}
@media (min-width: 768px) {
  .product-information .product-information__tabs .product-information__panels #technical-specs .product-information__table-helper::-webkit-scrollbar {
    display: none;
  }
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .product-information__panels #technical-specs .product-information__table-helper {
    overflow: auto;
  }
}
.product-information .product-information__tabs .product-information__panels #standard-equipment, .product-information .product-information__tabs .product-information__panels #optional-equipment, .product-information .product-information__tabs .product-information__panels #warranty-service, .product-information .product-information__tabs .product-information__panels #summary {
  max-width: 1080px;
  margin: 0 auto;
}

.dynamic-page-content .dynamic-page-content__container {
  max-width: 1080px;
  margin: 0 auto;
}

.product-category {
  background-color: #F6F6F6;
  padding: 64px 0;
}
@media (max-width: 576px) {
  .product-category {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-category .product-category__container {
  max-width: 1080px;
  margin: 0 auto;
}
.product-category .product-category__container .product-category__header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product-category .product-category__container .product-category__header h2 {
  font: 700 30px/1.21 "Inter", sans-serif;
  color: #003454;
}
.product-category .product-category__container .product-category__header .button-base,
.product-category .product-category__container .product-category__header .button-pro,
.product-category .product-category__container .product-category__header .button-v7 {
  height: fit-content;
  font: 700 14px/1.14 "Plus Jakarta Sans", sans-serif;
  padding: 9px 0;
  text-align: center;
  letter-spacing: 0.2px;
  width: 93px;
}
.product-category .product-category__container .product-category__products {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: min-content;
  column-gap: 30px;
  row-gap: 40px;
  padding-top: 40px;
}
@media (max-width: 576px) {
  .product-category .product-category__container .product-category__products {
    grid-template-columns: none;
  }
}
.product-category .product-category__container .product-category__products .product-category__product {
  padding: 25px 25px 40px 25px;
  border-radius: 16px;
  background: #FFF;
}
.product-category .product-category__container .product-category__products .product-category__product:hover {
  box-shadow: 0px 4px 58.9px 0px rgba(0, 0, 0, 0.33);
}
.product-category .product-category__container .product-category__products .product-category__product:hover img {
  transform: scale(1.1);
}
.product-category .product-category__container .product-category__products .product-category__product img {
  width: 100%;
}
.product-category .product-category__container .product-category__products .product-category__product h2 {
  font: 700 24px/1.14 "Plus Jakarta Sans", sans-serif;
  color: #003454;
  margin-top: 8px;
  margin-bottom: 20px;
}
.product-category .product-category__container .product-category__products .product-category__product h3 {
  margin: 0;
}
.product-category .product-category__container .product-category__products .product-category__product h3 .machines__text--full-price {
  font: 400 16px/1.21 "Inter", sans-serif;
  color: #ABABAB;
}
.product-category .product-category__container .product-category__products .product-category__product h3 .machines__text--monthly-price {
  font: 700 20px/1.21 "Inter", sans-serif;
}
.product-category .product-category__container .product-category__products .product-category__product h3 .machines__text--monthly-price span {
  color: #D3004B;
}
.product-category .product-category__container .product-category__products .product-category__product h3 .machines__text--otinus-finance {
  font: 400 16px/1.21 "Inter", sans-serif;
}
.product-category .product-category__container .product-category__products .product-category__product a {
  display: flex;
  font: 700 16px/1.21 "Plus Jakarta Sans", sans-serif;
  margin-top: 32px;
}
.product-category .product-category__container .product-category__products .product-category__product .button-base,
.product-category .product-category__container .product-category__products .product-category__product .button-pro {
  font: 700 10px/1.14 "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  width: 63px;
}

.hero-image--v4 {
  height: 381px;
}
.hero-image--v4 .hero-image__container {
  top: auto;
  bottom: 0;
}
.hero-image--v4 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(100%);
}

@media (min-width: 768px) {
  .product-information.product-information--background {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(249, 249, 249) 50%, rgb(249, 249, 249) 100%);
  }
}
.product-information.product-information--background .product-information__tabs .product-information__panels {
  margin-bottom: 0;
}
.product-information .product-information__tabs {
  position: relative;
}
.product-information .product-information__tabs .toggle-base-pro {
  max-width: 1080px;
  margin: 0 auto;
  padding: 40px 109px 0;
  /*
  @include min-width('medium') {
      .switch {
          position: absolute;
          bottom: 280px;
      }
  }
  */
}
@media (min-width: 768px) {
  .product-information .product-information__tabs .toggle-base-pro {
    margin-bottom: -100px;
  }
}
@media (max-width: 768px) {
  .product-information .product-information__tabs .toggle-base-pro {
    padding: 20px 15px;
  }
}
.product-information .product-information__tabs .toggle-base-pro .label-base {
  width: 100px;
  height: 50px;
  margin-left: -25px;
  display: flex;
  align-items: center;
  vertical-align: center;
  justify-content: center;
}
.product-information .product-information__tabs .toggle-base-pro .label-pro {
  width: 100px;
  height: 50px;
  margin-right: -17px;
  display: flex;
  align-items: center;
  vertical-align: center;
  justify-content: center;
}

.contact-us {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgb(249, 249, 249) 50%, rgb(249, 249, 249) 100%);
}
@media (max-width: 768px) {
  .contact-us {
    background: none;
  }
}
.contact-us .contact-us__container {
  padding: 45px 82px 45px;
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
@media (max-width: 768px) {
  .contact-us .contact-us__container {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 100px;
  }
}
.contact-us .contact-us__container .contact-us__information, .contact-us .contact-us__container .contact-us__form {
  padding: 0 37px;
}
@media (max-width: 576px) {
  .contact-us .contact-us__container .contact-us__information, .contact-us .contact-us__container .contact-us__form {
    padding: 0 15px;
  }
}
.contact-us .contact-us__container .contact-us__information {
  padding-top: 96px;
}
@media (max-width: 768px) {
  .contact-us .contact-us__container .contact-us__information {
    padding-top: 0;
  }
}
.contact-us .contact-us__container .contact-us__information ul {
  list-style: none;
  padding-left: 0;
  font: 400 16px/1.21 "Plus Jakarta Sans", sans-serif;
  line-height: 31px;
}
.contact-us .contact-us__container .contact-us__information .contact-us__buttons {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.contact-us .contact-us__container .contact-us__information .contact-us__buttons .button-v8 {
  max-width: 289px;
  font: 500 18px/1.21 "Inter", sans-serif;
  display: flex;
  gap: 19px;
}
@media (max-width: 576px) {
  .contact-us .contact-us__container .contact-us__information .contact-us__buttons .button-v8 {
    max-width: none;
    width: 100%;
  }
}
.contact-us .contact-us__container .contact-us__form form {
  margin: 0 -10px;
}
.contact-us .contact-us__map img {
  width: 100%;
}
.contact-us .honung {
  display: none;
}

.contact-us--v2 .contact-us__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
}

@media (max-width: 576px) {
  #services .left-right-text-image .left-right-text-image__container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

/*# sourceMappingURL=app.css-f81d9f1975b140c04d30f9a85110e2ea.map */