@charset "UTF-8";
*,
:after,
:before {
  box-sizing: border-box;
}

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

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

body {
  line-height: 1;
}

p {
  line-height: 1.35;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

button {
  border: none;
  background-color: transparent;
  padding: 0;
  text-align: left;
}

strong {
  font-weight: bold;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

hr {
  border: 0;
  border-top: 1px solid #ccc;
  border-top-color: inherit;
  margin: 0;
}

@font-face {
  font-family: "DINPro";
  font-weight: 300;
  font-style: normal;
  src: url("./dinpro_light.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 300;
  font-style: italic;
  src: url("./dinpro_lightitalic.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 400;
  font-style: normal;
  src: url("./dinpro.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 400;
  font-style: italic;
  src: url("./dinpro_italic.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 500;
  font-style: normal;
  src: url("./dinpro_medium.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 500;
  font-style: italic;
  src: url("./dinpro_mediumitalic.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 700;
  font-style: normal;
  src: url("./dinpro_bold.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 700;
  font-style: italic;
  src: url("./dinpro_bolditalic.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 900;
  font-style: normal;
  src: url("./dinpro_black.otf") format("opentype");
}
@font-face {
  font-family: "DINPro";
  font-weight: 900;
  font-style: italic;
  src: url("./dinpro_blackitalic.otf") format("opentype");
}
@font-face {
  font-family: "icomoon";
  src: url("./icomoon.ttf?9wf15h") format("truetype"), url("./icomoon.woff?9wf15h") format("woff"), url("./icomoon.svg?9wf15h#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ic-],
[class*=" ic-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-wallet-filled:before {
  content: "\e900";
}

.ic-trend-up-filled:before {
  content: "\e901";
}

.ic-house-filled:before {
  content: "\e902";
}

.ic-helmet-filled:before {
  content: "\e903";
}

.ic-lightning-filled:before {
  content: "\e904";
}

.ic-pannels-filled:before {
  content: "\e905";
}

.ic-calendar-dots:before {
  content: "\e93f";
}

.ic-clock-countdown:before {
  content: "\e93c";
}

.ic-pencil-simple:before {
  content: "\e93d";
}

.ic-file-pdf:before {
  content: "\e93e";
}

.ic-camera:before {
  content: "\e938";
}

.ic-caret-up-down:before {
  content: "\e939";
}

.ic-clipboard:before {
  content: "\e93a";
}

.ic-star-filled:before {
  content: "\e93b";
}

.ic-lightning:before {
  content: "\e92a";
}

.ic-sliders-horizontal:before {
  content: "\e92b";
}

.ic-calculator:before {
  content: "\e92c";
}

.ic-square-split:before {
  content: "\e92d";
}

.ic-square-size:before {
  content: "\e92e";
}

.ic-seal-check:before {
  content: "\e92f";
}

.ic-crane:before {
  content: "\e930";
}

.ic-armchair:before {
  content: "\e931";
}

.ic-resize:before {
  content: "\e932";
}

.ic-package:before {
  content: "\e933";
}

.ic-copy:before {
  content: "\e934";
}

.ic-squares-four:before {
  content: "\e935";
}

.ic-whatsapp-logo:before {
  content: "\e936";
}

.ic-envelope:before {
  content: "\e937";
}

.ic-line-chart:before {
  content: "\e927";
}

.ic-file-arrow:before {
  content: "\e928";
}

.ic-piggy:before {
  content: "\e929";
}

.ic-info:before {
  content: "\e924";
}

.ic-minus:before {
  content: "\e925";
}

.ic-plus:before {
  content: "\e926";
}

.ic-check:before {
  content: "\e923";
}

.ic-chevron-left:before {
  content: "\e921";
}

.ic-chevron-right:before {
  content: "\e922";
}

.ic-list:before {
  content: "\e91f";
}

.ic-x:before {
  content: "\e920";
}

.ic-map-pin:before {
  content: "\e906";
}

.ic-phone:before {
  content: "\e907";
}

.ic-money-house:before {
  content: "\e908";
}

.ic-group:before {
  content: "\e909";
}

.ic-shield-check:before {
  content: "\e90a";
}

.ic-trend-up:before {
  content: "\e90b";
}

.ic-target:before {
  content: "\e90c";
}

.ic-bar-chart:before {
  content: "\e90d";
}

.ic-certificate:before {
  content: "\e90e";
}

.ic-sparkle:before {
  content: "\e90f";
}

.ic-logo:before {
  content: "\e910";
}

.ic-hammer:before {
  content: "\e911";
}

.ic-handshake:before {
  content: "\e912";
}

.ic-single-building:before {
  content: "\e913";
}

.ic-house:before {
  content: "\e914";
}

.ic-hand-coins:before {
  content: "\e915";
}

.ic-heat-pump:before {
  content: "\e916";
}

.ic-car-charge:before {
  content: "\e917";
}

.ic-plant:before {
  content: "\e918";
}

.ic-tag:before {
  content: "\e919";
}

.ic-heart-group:before {
  content: "\e91a";
}

.ic-building:before {
  content: "\e91b";
}

.ic-light-bulb:before {
  content: "\e91c";
}

.ic-arrow-right:before {
  content: "\e91d";
}

.ic-chevron-down:before {
  content: "\e91e";
}

.h1 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.1;
}
@media screen and (min-width: 576px) {
  .h1 {
    font-size: 4rem;
  }
}
@media screen and (min-width: 992px) {
  .h1 {
    font-size: 5.5rem;
  }
}

.h2 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}
@media screen and (min-width: 576px) {
  .h2 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 992px) {
  .h2 {
    font-size: 4rem;
  }
}

.h3 {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.1;
}
@media screen and (min-width: 576px) {
  .h3 {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 992px) {
  .h3 {
    font-size: 2rem;
  }
}

.h4 {
  line-height: 1.1;
  font-size: 1.5rem;
  font-weight: 700;
}

.h5 {
  line-height: 1.1;
  font-size: 1.25rem;
  font-weight: 700;
}

.text-2xl {
  font-size: 1.5rem;
}

.text-xl {
  font-size: 1.25rem;
}

.text-lg {
  font-size: 1.125rem;
}

.text-base {
  font-size: 1rem;
}

.text-sm {
  font-size: 0.875rem;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.h-relative {
  position: relative !important;
}

.h-mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.h-my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.h-ml-auto {
  margin-left: auto !important;
}

.h-mr-auto {
  margin-right: auto !important;
}

.h-m-0 {
  margin: 0rem !important;
}

.h-mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.h-my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.h-mt-0 {
  margin-top: 0rem !important;
}

.h-mb-0 {
  margin-bottom: 0rem !important;
}

.h-mr-0 {
  margin-right: 0rem !important;
}

.h-ml-0 {
  margin-left: 0rem !important;
}

.h-m-0\.5 {
  margin: 0.5rem !important;
}

.h-mx-0\.5 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.h-my-0\.5 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.h-mt-0\.5 {
  margin-top: 0.5rem !important;
}

.h-mb-0\.5 {
  margin-bottom: 0.5rem !important;
}

.h-mr-0\.5 {
  margin-right: 0.5rem !important;
}

.h-ml-0\.5 {
  margin-left: 0.5rem !important;
}

.h-m-0\.25 {
  margin: 0.25rem !important;
}

.h-mx-0\.25 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.h-my-0\.25 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.h-mt-0\.25 {
  margin-top: 0.25rem !important;
}

.h-mb-0\.25 {
  margin-bottom: 0.25rem !important;
}

.h-mr-0\.25 {
  margin-right: 0.25rem !important;
}

.h-ml-0\.25 {
  margin-left: 0.25rem !important;
}

.h-m-0\.75 {
  margin: 0.75rem !important;
}

.h-mx-0\.75 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.h-my-0\.75 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.h-mt-0\.75 {
  margin-top: 0.75rem !important;
}

.h-mb-0\.75 {
  margin-bottom: 0.75rem !important;
}

.h-mr-0\.75 {
  margin-right: 0.75rem !important;
}

.h-ml-0\.75 {
  margin-left: 0.75rem !important;
}

.h-m-1 {
  margin: 1rem !important;
}

.h-mx-1 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.h-my-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.h-mt-1 {
  margin-top: 1rem !important;
}

.h-mb-1 {
  margin-bottom: 1rem !important;
}

.h-mr-1 {
  margin-right: 1rem !important;
}

.h-ml-1 {
  margin-left: 1rem !important;
}

.h-m-1\.5 {
  margin: 1.5rem !important;
}

.h-mx-1\.5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.h-my-1\.5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.h-mt-1\.5 {
  margin-top: 1.5rem !important;
}

.h-mb-1\.5 {
  margin-bottom: 1.5rem !important;
}

.h-mr-1\.5 {
  margin-right: 1.5rem !important;
}

.h-ml-1\.5 {
  margin-left: 1.5rem !important;
}

.h-m-1\.25 {
  margin: 1.25rem !important;
}

.h-mx-1\.25 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.h-my-1\.25 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.h-mt-1\.25 {
  margin-top: 1.25rem !important;
}

.h-mb-1\.25 {
  margin-bottom: 1.25rem !important;
}

.h-mr-1\.25 {
  margin-right: 1.25rem !important;
}

.h-ml-1\.25 {
  margin-left: 1.25rem !important;
}

.h-m-1\.75 {
  margin: 1.75rem !important;
}

.h-mx-1\.75 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.h-my-1\.75 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.h-mt-1\.75 {
  margin-top: 1.75rem !important;
}

.h-mb-1\.75 {
  margin-bottom: 1.75rem !important;
}

.h-mr-1\.75 {
  margin-right: 1.75rem !important;
}

.h-ml-1\.75 {
  margin-left: 1.75rem !important;
}

.h-m-2 {
  margin: 2rem !important;
}

.h-mx-2 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.h-my-2 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.h-mt-2 {
  margin-top: 2rem !important;
}

.h-mb-2 {
  margin-bottom: 2rem !important;
}

.h-mr-2 {
  margin-right: 2rem !important;
}

.h-ml-2 {
  margin-left: 2rem !important;
}

.h-m-2\.5 {
  margin: 2.5rem !important;
}

.h-mx-2\.5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.h-my-2\.5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.h-mt-2\.5 {
  margin-top: 2.5rem !important;
}

.h-mb-2\.5 {
  margin-bottom: 2.5rem !important;
}

.h-mr-2\.5 {
  margin-right: 2.5rem !important;
}

.h-ml-2\.5 {
  margin-left: 2.5rem !important;
}

.h-m-2\.25 {
  margin: 2.25rem !important;
}

.h-mx-2\.25 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.h-my-2\.25 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.h-mt-2\.25 {
  margin-top: 2.25rem !important;
}

.h-mb-2\.25 {
  margin-bottom: 2.25rem !important;
}

.h-mr-2\.25 {
  margin-right: 2.25rem !important;
}

.h-ml-2\.25 {
  margin-left: 2.25rem !important;
}

.h-m-2\.75 {
  margin: 2.75rem !important;
}

.h-mx-2\.75 {
  margin-left: 2.75rem !important;
  margin-right: 2.75rem !important;
}

.h-my-2\.75 {
  margin-top: 2.75rem !important;
  margin-bottom: 2.75rem !important;
}

.h-mt-2\.75 {
  margin-top: 2.75rem !important;
}

.h-mb-2\.75 {
  margin-bottom: 2.75rem !important;
}

.h-mr-2\.75 {
  margin-right: 2.75rem !important;
}

.h-ml-2\.75 {
  margin-left: 2.75rem !important;
}

.h-m-3 {
  margin: 3rem !important;
}

.h-mx-3 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.h-my-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.h-mt-3 {
  margin-top: 3rem !important;
}

.h-mb-3 {
  margin-bottom: 3rem !important;
}

.h-mr-3 {
  margin-right: 3rem !important;
}

.h-ml-3 {
  margin-left: 3rem !important;
}

.h-m-3\.5 {
  margin: 3.5rem !important;
}

.h-mx-3\.5 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.h-my-3\.5 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.h-mt-3\.5 {
  margin-top: 3.5rem !important;
}

.h-mb-3\.5 {
  margin-bottom: 3.5rem !important;
}

.h-mr-3\.5 {
  margin-right: 3.5rem !important;
}

.h-ml-3\.5 {
  margin-left: 3.5rem !important;
}

.h-m-3\.25 {
  margin: 3.25rem !important;
}

.h-mx-3\.25 {
  margin-left: 3.25rem !important;
  margin-right: 3.25rem !important;
}

.h-my-3\.25 {
  margin-top: 3.25rem !important;
  margin-bottom: 3.25rem !important;
}

.h-mt-3\.25 {
  margin-top: 3.25rem !important;
}

.h-mb-3\.25 {
  margin-bottom: 3.25rem !important;
}

.h-mr-3\.25 {
  margin-right: 3.25rem !important;
}

.h-ml-3\.25 {
  margin-left: 3.25rem !important;
}

.h-m-3\.75 {
  margin: 3.75rem !important;
}

.h-mx-3\.75 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}

.h-my-3\.75 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}

.h-mt-3\.75 {
  margin-top: 3.75rem !important;
}

.h-mb-3\.75 {
  margin-bottom: 3.75rem !important;
}

.h-mr-3\.75 {
  margin-right: 3.75rem !important;
}

.h-ml-3\.75 {
  margin-left: 3.75rem !important;
}

.h-m-4 {
  margin: 4rem !important;
}

.h-mx-4 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.h-my-4 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.h-mt-4 {
  margin-top: 4rem !important;
}

.h-mb-4 {
  margin-bottom: 4rem !important;
}

.h-mr-4 {
  margin-right: 4rem !important;
}

.h-ml-4 {
  margin-left: 4rem !important;
}

.h-m-4\.5 {
  margin: 4.5rem !important;
}

.h-mx-4\.5 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.h-my-4\.5 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.h-mt-4\.5 {
  margin-top: 4.5rem !important;
}

.h-mb-4\.5 {
  margin-bottom: 4.5rem !important;
}

.h-mr-4\.5 {
  margin-right: 4.5rem !important;
}

.h-ml-4\.5 {
  margin-left: 4.5rem !important;
}

.h-m-4\.25 {
  margin: 4.25rem !important;
}

.h-mx-4\.25 {
  margin-left: 4.25rem !important;
  margin-right: 4.25rem !important;
}

.h-my-4\.25 {
  margin-top: 4.25rem !important;
  margin-bottom: 4.25rem !important;
}

.h-mt-4\.25 {
  margin-top: 4.25rem !important;
}

.h-mb-4\.25 {
  margin-bottom: 4.25rem !important;
}

.h-mr-4\.25 {
  margin-right: 4.25rem !important;
}

.h-ml-4\.25 {
  margin-left: 4.25rem !important;
}

.h-m-4\.75 {
  margin: 4.75rem !important;
}

.h-mx-4\.75 {
  margin-left: 4.75rem !important;
  margin-right: 4.75rem !important;
}

.h-my-4\.75 {
  margin-top: 4.75rem !important;
  margin-bottom: 4.75rem !important;
}

.h-mt-4\.75 {
  margin-top: 4.75rem !important;
}

.h-mb-4\.75 {
  margin-bottom: 4.75rem !important;
}

.h-mr-4\.75 {
  margin-right: 4.75rem !important;
}

.h-ml-4\.75 {
  margin-left: 4.75rem !important;
}

.h-m-5 {
  margin: 5rem !important;
}

.h-mx-5 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.h-my-5 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.h-mt-5 {
  margin-top: 5rem !important;
}

.h-mb-5 {
  margin-bottom: 5rem !important;
}

.h-mr-5 {
  margin-right: 5rem !important;
}

.h-ml-5 {
  margin-left: 5rem !important;
}

.h-m-5\.5 {
  margin: 5.5rem !important;
}

.h-mx-5\.5 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.h-my-5\.5 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.h-mt-5\.5 {
  margin-top: 5.5rem !important;
}

.h-mb-5\.5 {
  margin-bottom: 5.5rem !important;
}

.h-mr-5\.5 {
  margin-right: 5.5rem !important;
}

.h-ml-5\.5 {
  margin-left: 5.5rem !important;
}

.h-m-5\.25 {
  margin: 5.25rem !important;
}

.h-mx-5\.25 {
  margin-left: 5.25rem !important;
  margin-right: 5.25rem !important;
}

.h-my-5\.25 {
  margin-top: 5.25rem !important;
  margin-bottom: 5.25rem !important;
}

.h-mt-5\.25 {
  margin-top: 5.25rem !important;
}

.h-mb-5\.25 {
  margin-bottom: 5.25rem !important;
}

.h-mr-5\.25 {
  margin-right: 5.25rem !important;
}

.h-ml-5\.25 {
  margin-left: 5.25rem !important;
}

.h-m-5\.75 {
  margin: 5.75rem !important;
}

.h-mx-5\.75 {
  margin-left: 5.75rem !important;
  margin-right: 5.75rem !important;
}

.h-my-5\.75 {
  margin-top: 5.75rem !important;
  margin-bottom: 5.75rem !important;
}

.h-mt-5\.75 {
  margin-top: 5.75rem !important;
}

.h-mb-5\.75 {
  margin-bottom: 5.75rem !important;
}

.h-mr-5\.75 {
  margin-right: 5.75rem !important;
}

.h-ml-5\.75 {
  margin-left: 5.75rem !important;
}

.h-m-6 {
  margin: 6rem !important;
}

.h-mx-6 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.h-my-6 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.h-mt-6 {
  margin-top: 6rem !important;
}

.h-mb-6 {
  margin-bottom: 6rem !important;
}

.h-mr-6 {
  margin-right: 6rem !important;
}

.h-ml-6 {
  margin-left: 6rem !important;
}

.h-m-6\.5 {
  margin: 6.5rem !important;
}

.h-mx-6\.5 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.h-my-6\.5 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.h-mt-6\.5 {
  margin-top: 6.5rem !important;
}

.h-mb-6\.5 {
  margin-bottom: 6.5rem !important;
}

.h-mr-6\.5 {
  margin-right: 6.5rem !important;
}

.h-ml-6\.5 {
  margin-left: 6.5rem !important;
}

.h-m-6\.25 {
  margin: 6.25rem !important;
}

.h-mx-6\.25 {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}

.h-my-6\.25 {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}

.h-mt-6\.25 {
  margin-top: 6.25rem !important;
}

.h-mb-6\.25 {
  margin-bottom: 6.25rem !important;
}

.h-mr-6\.25 {
  margin-right: 6.25rem !important;
}

.h-ml-6\.25 {
  margin-left: 6.25rem !important;
}

.h-m-6\.75 {
  margin: 6.75rem !important;
}

.h-mx-6\.75 {
  margin-left: 6.75rem !important;
  margin-right: 6.75rem !important;
}

.h-my-6\.75 {
  margin-top: 6.75rem !important;
  margin-bottom: 6.75rem !important;
}

.h-mt-6\.75 {
  margin-top: 6.75rem !important;
}

.h-mb-6\.75 {
  margin-bottom: 6.75rem !important;
}

.h-mr-6\.75 {
  margin-right: 6.75rem !important;
}

.h-ml-6\.75 {
  margin-left: 6.75rem !important;
}

.h-m-7 {
  margin: 7rem !important;
}

.h-mx-7 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.h-my-7 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.h-mt-7 {
  margin-top: 7rem !important;
}

.h-mb-7 {
  margin-bottom: 7rem !important;
}

.h-mr-7 {
  margin-right: 7rem !important;
}

.h-ml-7 {
  margin-left: 7rem !important;
}

.h-m-7\.5 {
  margin: 7.5rem !important;
}

.h-mx-7\.5 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.h-my-7\.5 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.h-mt-7\.5 {
  margin-top: 7.5rem !important;
}

.h-mb-7\.5 {
  margin-bottom: 7.5rem !important;
}

.h-mr-7\.5 {
  margin-right: 7.5rem !important;
}

.h-ml-7\.5 {
  margin-left: 7.5rem !important;
}

.h-m-7\.25 {
  margin: 7.25rem !important;
}

.h-mx-7\.25 {
  margin-left: 7.25rem !important;
  margin-right: 7.25rem !important;
}

.h-my-7\.25 {
  margin-top: 7.25rem !important;
  margin-bottom: 7.25rem !important;
}

.h-mt-7\.25 {
  margin-top: 7.25rem !important;
}

.h-mb-7\.25 {
  margin-bottom: 7.25rem !important;
}

.h-mr-7\.25 {
  margin-right: 7.25rem !important;
}

.h-ml-7\.25 {
  margin-left: 7.25rem !important;
}

.h-m-7\.75 {
  margin: 7.75rem !important;
}

.h-mx-7\.75 {
  margin-left: 7.75rem !important;
  margin-right: 7.75rem !important;
}

.h-my-7\.75 {
  margin-top: 7.75rem !important;
  margin-bottom: 7.75rem !important;
}

.h-mt-7\.75 {
  margin-top: 7.75rem !important;
}

.h-mb-7\.75 {
  margin-bottom: 7.75rem !important;
}

.h-mr-7\.75 {
  margin-right: 7.75rem !important;
}

.h-ml-7\.75 {
  margin-left: 7.75rem !important;
}

.h-m-8 {
  margin: 8rem !important;
}

.h-mx-8 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.h-my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.h-mt-8 {
  margin-top: 8rem !important;
}

.h-mb-8 {
  margin-bottom: 8rem !important;
}

.h-mr-8 {
  margin-right: 8rem !important;
}

.h-ml-8 {
  margin-left: 8rem !important;
}

.h-m-8\.5 {
  margin: 8.5rem !important;
}

.h-mx-8\.5 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.h-my-8\.5 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.h-mt-8\.5 {
  margin-top: 8.5rem !important;
}

.h-mb-8\.5 {
  margin-bottom: 8.5rem !important;
}

.h-mr-8\.5 {
  margin-right: 8.5rem !important;
}

.h-ml-8\.5 {
  margin-left: 8.5rem !important;
}

.h-m-8\.25 {
  margin: 8.25rem !important;
}

.h-mx-8\.25 {
  margin-left: 8.25rem !important;
  margin-right: 8.25rem !important;
}

.h-my-8\.25 {
  margin-top: 8.25rem !important;
  margin-bottom: 8.25rem !important;
}

.h-mt-8\.25 {
  margin-top: 8.25rem !important;
}

.h-mb-8\.25 {
  margin-bottom: 8.25rem !important;
}

.h-mr-8\.25 {
  margin-right: 8.25rem !important;
}

.h-ml-8\.25 {
  margin-left: 8.25rem !important;
}

.h-m-8\.75 {
  margin: 8.75rem !important;
}

.h-mx-8\.75 {
  margin-left: 8.75rem !important;
  margin-right: 8.75rem !important;
}

.h-my-8\.75 {
  margin-top: 8.75rem !important;
  margin-bottom: 8.75rem !important;
}

.h-mt-8\.75 {
  margin-top: 8.75rem !important;
}

.h-mb-8\.75 {
  margin-bottom: 8.75rem !important;
}

.h-mr-8\.75 {
  margin-right: 8.75rem !important;
}

.h-ml-8\.75 {
  margin-left: 8.75rem !important;
}

.h-m-9 {
  margin: 9rem !important;
}

.h-mx-9 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.h-my-9 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.h-mt-9 {
  margin-top: 9rem !important;
}

.h-mb-9 {
  margin-bottom: 9rem !important;
}

.h-mr-9 {
  margin-right: 9rem !important;
}

.h-ml-9 {
  margin-left: 9rem !important;
}

.h-m-9\.5 {
  margin: 9.5rem !important;
}

.h-mx-9\.5 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.h-my-9\.5 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.h-mt-9\.5 {
  margin-top: 9.5rem !important;
}

.h-mb-9\.5 {
  margin-bottom: 9.5rem !important;
}

.h-mr-9\.5 {
  margin-right: 9.5rem !important;
}

.h-ml-9\.5 {
  margin-left: 9.5rem !important;
}

.h-m-9\.25 {
  margin: 9.25rem !important;
}

.h-mx-9\.25 {
  margin-left: 9.25rem !important;
  margin-right: 9.25rem !important;
}

.h-my-9\.25 {
  margin-top: 9.25rem !important;
  margin-bottom: 9.25rem !important;
}

.h-mt-9\.25 {
  margin-top: 9.25rem !important;
}

.h-mb-9\.25 {
  margin-bottom: 9.25rem !important;
}

.h-mr-9\.25 {
  margin-right: 9.25rem !important;
}

.h-ml-9\.25 {
  margin-left: 9.25rem !important;
}

.h-m-9\.75 {
  margin: 9.75rem !important;
}

.h-mx-9\.75 {
  margin-left: 9.75rem !important;
  margin-right: 9.75rem !important;
}

.h-my-9\.75 {
  margin-top: 9.75rem !important;
  margin-bottom: 9.75rem !important;
}

.h-mt-9\.75 {
  margin-top: 9.75rem !important;
}

.h-mb-9\.75 {
  margin-bottom: 9.75rem !important;
}

.h-mr-9\.75 {
  margin-right: 9.75rem !important;
}

.h-ml-9\.75 {
  margin-left: 9.75rem !important;
}

.h-p-0 {
  padding: 0rem !important;
}

.h-px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.h-py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.h-pt-0 {
  padding-top: 0rem !important;
}

.h-pb-0 {
  padding-bottom: 0rem !important;
}

.h-pr-0 {
  padding-right: 0rem !important;
}

.h-pl-0 {
  padding-left: 0rem !important;
}

.h-p-0\.5 {
  padding: 0.5rem !important;
}

.h-px-0\.5 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.h-py-0\.5 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.h-pt-0\.5 {
  padding-top: 0.5rem !important;
}

.h-pb-0\.5 {
  padding-bottom: 0.5rem !important;
}

.h-pr-0\.5 {
  padding-right: 0.5rem !important;
}

.h-pl-0\.5 {
  padding-left: 0.5rem !important;
}

.h-p-0\.25 {
  padding: 0.25rem !important;
}

.h-px-0\.25 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.h-py-0\.25 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.h-pt-0\.25 {
  padding-top: 0.25rem !important;
}

.h-pb-0\.25 {
  padding-bottom: 0.25rem !important;
}

.h-pr-0\.25 {
  padding-right: 0.25rem !important;
}

.h-pl-0\.25 {
  padding-left: 0.25rem !important;
}

.h-p-0\.75 {
  padding: 0.75rem !important;
}

.h-px-0\.75 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.h-py-0\.75 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.h-pt-0\.75 {
  padding-top: 0.75rem !important;
}

.h-pb-0\.75 {
  padding-bottom: 0.75rem !important;
}

.h-pr-0\.75 {
  padding-right: 0.75rem !important;
}

.h-pl-0\.75 {
  padding-left: 0.75rem !important;
}

.h-p-1 {
  padding: 1rem !important;
}

.h-px-1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.h-py-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.h-pt-1 {
  padding-top: 1rem !important;
}

.h-pb-1 {
  padding-bottom: 1rem !important;
}

.h-pr-1 {
  padding-right: 1rem !important;
}

.h-pl-1 {
  padding-left: 1rem !important;
}

.h-p-1\.5 {
  padding: 1.5rem !important;
}

.h-px-1\.5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.h-py-1\.5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.h-pt-1\.5 {
  padding-top: 1.5rem !important;
}

.h-pb-1\.5 {
  padding-bottom: 1.5rem !important;
}

.h-pr-1\.5 {
  padding-right: 1.5rem !important;
}

.h-pl-1\.5 {
  padding-left: 1.5rem !important;
}

.h-p-1\.25 {
  padding: 1.25rem !important;
}

.h-px-1\.25 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.h-py-1\.25 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

.h-pt-1\.25 {
  padding-top: 1.25rem !important;
}

.h-pb-1\.25 {
  padding-bottom: 1.25rem !important;
}

.h-pr-1\.25 {
  padding-right: 1.25rem !important;
}

.h-pl-1\.25 {
  padding-left: 1.25rem !important;
}

.h-p-1\.75 {
  padding: 1.75rem !important;
}

.h-px-1\.75 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.h-py-1\.75 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

.h-pt-1\.75 {
  padding-top: 1.75rem !important;
}

.h-pb-1\.75 {
  padding-bottom: 1.75rem !important;
}

.h-pr-1\.75 {
  padding-right: 1.75rem !important;
}

.h-pl-1\.75 {
  padding-left: 1.75rem !important;
}

.h-p-2 {
  padding: 2rem !important;
}

.h-px-2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.h-py-2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.h-pt-2 {
  padding-top: 2rem !important;
}

.h-pb-2 {
  padding-bottom: 2rem !important;
}

.h-pr-2 {
  padding-right: 2rem !important;
}

.h-pl-2 {
  padding-left: 2rem !important;
}

.h-p-2\.5 {
  padding: 2.5rem !important;
}

.h-px-2\.5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.h-py-2\.5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.h-pt-2\.5 {
  padding-top: 2.5rem !important;
}

.h-pb-2\.5 {
  padding-bottom: 2.5rem !important;
}

.h-pr-2\.5 {
  padding-right: 2.5rem !important;
}

.h-pl-2\.5 {
  padding-left: 2.5rem !important;
}

.h-p-2\.25 {
  padding: 2.25rem !important;
}

.h-px-2\.25 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.h-py-2\.25 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.h-pt-2\.25 {
  padding-top: 2.25rem !important;
}

.h-pb-2\.25 {
  padding-bottom: 2.25rem !important;
}

.h-pr-2\.25 {
  padding-right: 2.25rem !important;
}

.h-pl-2\.25 {
  padding-left: 2.25rem !important;
}

.h-p-2\.75 {
  padding: 2.75rem !important;
}

.h-px-2\.75 {
  padding-left: 2.75rem !important;
  padding-right: 2.75rem !important;
}

.h-py-2\.75 {
  padding-top: 2.75rem !important;
  padding-bottom: 2.75rem !important;
}

.h-pt-2\.75 {
  padding-top: 2.75rem !important;
}

.h-pb-2\.75 {
  padding-bottom: 2.75rem !important;
}

.h-pr-2\.75 {
  padding-right: 2.75rem !important;
}

.h-pl-2\.75 {
  padding-left: 2.75rem !important;
}

.h-p-3 {
  padding: 3rem !important;
}

.h-px-3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.h-py-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.h-pt-3 {
  padding-top: 3rem !important;
}

.h-pb-3 {
  padding-bottom: 3rem !important;
}

.h-pr-3 {
  padding-right: 3rem !important;
}

.h-pl-3 {
  padding-left: 3rem !important;
}

.h-p-3\.5 {
  padding: 3.5rem !important;
}

.h-px-3\.5 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.h-py-3\.5 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.h-pt-3\.5 {
  padding-top: 3.5rem !important;
}

.h-pb-3\.5 {
  padding-bottom: 3.5rem !important;
}

.h-pr-3\.5 {
  padding-right: 3.5rem !important;
}

.h-pl-3\.5 {
  padding-left: 3.5rem !important;
}

.h-p-3\.25 {
  padding: 3.25rem !important;
}

.h-px-3\.25 {
  padding-left: 3.25rem !important;
  padding-right: 3.25rem !important;
}

.h-py-3\.25 {
  padding-top: 3.25rem !important;
  padding-bottom: 3.25rem !important;
}

.h-pt-3\.25 {
  padding-top: 3.25rem !important;
}

.h-pb-3\.25 {
  padding-bottom: 3.25rem !important;
}

.h-pr-3\.25 {
  padding-right: 3.25rem !important;
}

.h-pl-3\.25 {
  padding-left: 3.25rem !important;
}

.h-p-3\.75 {
  padding: 3.75rem !important;
}

.h-px-3\.75 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}

.h-py-3\.75 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}

.h-pt-3\.75 {
  padding-top: 3.75rem !important;
}

.h-pb-3\.75 {
  padding-bottom: 3.75rem !important;
}

.h-pr-3\.75 {
  padding-right: 3.75rem !important;
}

.h-pl-3\.75 {
  padding-left: 3.75rem !important;
}

.h-p-4 {
  padding: 4rem !important;
}

.h-px-4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.h-py-4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.h-pt-4 {
  padding-top: 4rem !important;
}

.h-pb-4 {
  padding-bottom: 4rem !important;
}

.h-pr-4 {
  padding-right: 4rem !important;
}

.h-pl-4 {
  padding-left: 4rem !important;
}

.h-p-4\.5 {
  padding: 4.5rem !important;
}

.h-px-4\.5 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.h-py-4\.5 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.h-pt-4\.5 {
  padding-top: 4.5rem !important;
}

.h-pb-4\.5 {
  padding-bottom: 4.5rem !important;
}

.h-pr-4\.5 {
  padding-right: 4.5rem !important;
}

.h-pl-4\.5 {
  padding-left: 4.5rem !important;
}

.h-p-4\.25 {
  padding: 4.25rem !important;
}

.h-px-4\.25 {
  padding-left: 4.25rem !important;
  padding-right: 4.25rem !important;
}

.h-py-4\.25 {
  padding-top: 4.25rem !important;
  padding-bottom: 4.25rem !important;
}

.h-pt-4\.25 {
  padding-top: 4.25rem !important;
}

.h-pb-4\.25 {
  padding-bottom: 4.25rem !important;
}

.h-pr-4\.25 {
  padding-right: 4.25rem !important;
}

.h-pl-4\.25 {
  padding-left: 4.25rem !important;
}

.h-p-4\.75 {
  padding: 4.75rem !important;
}

.h-px-4\.75 {
  padding-left: 4.75rem !important;
  padding-right: 4.75rem !important;
}

.h-py-4\.75 {
  padding-top: 4.75rem !important;
  padding-bottom: 4.75rem !important;
}

.h-pt-4\.75 {
  padding-top: 4.75rem !important;
}

.h-pb-4\.75 {
  padding-bottom: 4.75rem !important;
}

.h-pr-4\.75 {
  padding-right: 4.75rem !important;
}

.h-pl-4\.75 {
  padding-left: 4.75rem !important;
}

.h-p-5 {
  padding: 5rem !important;
}

.h-px-5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.h-py-5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.h-pt-5 {
  padding-top: 5rem !important;
}

.h-pb-5 {
  padding-bottom: 5rem !important;
}

.h-pr-5 {
  padding-right: 5rem !important;
}

.h-pl-5 {
  padding-left: 5rem !important;
}

.h-p-5\.5 {
  padding: 5.5rem !important;
}

.h-px-5\.5 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.h-py-5\.5 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.h-pt-5\.5 {
  padding-top: 5.5rem !important;
}

.h-pb-5\.5 {
  padding-bottom: 5.5rem !important;
}

.h-pr-5\.5 {
  padding-right: 5.5rem !important;
}

.h-pl-5\.5 {
  padding-left: 5.5rem !important;
}

.h-p-5\.25 {
  padding: 5.25rem !important;
}

.h-px-5\.25 {
  padding-left: 5.25rem !important;
  padding-right: 5.25rem !important;
}

.h-py-5\.25 {
  padding-top: 5.25rem !important;
  padding-bottom: 5.25rem !important;
}

.h-pt-5\.25 {
  padding-top: 5.25rem !important;
}

.h-pb-5\.25 {
  padding-bottom: 5.25rem !important;
}

.h-pr-5\.25 {
  padding-right: 5.25rem !important;
}

.h-pl-5\.25 {
  padding-left: 5.25rem !important;
}

.h-p-5\.75 {
  padding: 5.75rem !important;
}

.h-px-5\.75 {
  padding-left: 5.75rem !important;
  padding-right: 5.75rem !important;
}

.h-py-5\.75 {
  padding-top: 5.75rem !important;
  padding-bottom: 5.75rem !important;
}

.h-pt-5\.75 {
  padding-top: 5.75rem !important;
}

.h-pb-5\.75 {
  padding-bottom: 5.75rem !important;
}

.h-pr-5\.75 {
  padding-right: 5.75rem !important;
}

.h-pl-5\.75 {
  padding-left: 5.75rem !important;
}

.h-p-6 {
  padding: 6rem !important;
}

.h-px-6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.h-py-6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.h-pt-6 {
  padding-top: 6rem !important;
}

.h-pb-6 {
  padding-bottom: 6rem !important;
}

.h-pr-6 {
  padding-right: 6rem !important;
}

.h-pl-6 {
  padding-left: 6rem !important;
}

.h-p-6\.5 {
  padding: 6.5rem !important;
}

.h-px-6\.5 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.h-py-6\.5 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.h-pt-6\.5 {
  padding-top: 6.5rem !important;
}

.h-pb-6\.5 {
  padding-bottom: 6.5rem !important;
}

.h-pr-6\.5 {
  padding-right: 6.5rem !important;
}

.h-pl-6\.5 {
  padding-left: 6.5rem !important;
}

.h-p-6\.25 {
  padding: 6.25rem !important;
}

.h-px-6\.25 {
  padding-left: 6.25rem !important;
  padding-right: 6.25rem !important;
}

.h-py-6\.25 {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}

.h-pt-6\.25 {
  padding-top: 6.25rem !important;
}

.h-pb-6\.25 {
  padding-bottom: 6.25rem !important;
}

.h-pr-6\.25 {
  padding-right: 6.25rem !important;
}

.h-pl-6\.25 {
  padding-left: 6.25rem !important;
}

.h-p-6\.75 {
  padding: 6.75rem !important;
}

.h-px-6\.75 {
  padding-left: 6.75rem !important;
  padding-right: 6.75rem !important;
}

.h-py-6\.75 {
  padding-top: 6.75rem !important;
  padding-bottom: 6.75rem !important;
}

.h-pt-6\.75 {
  padding-top: 6.75rem !important;
}

.h-pb-6\.75 {
  padding-bottom: 6.75rem !important;
}

.h-pr-6\.75 {
  padding-right: 6.75rem !important;
}

.h-pl-6\.75 {
  padding-left: 6.75rem !important;
}

.h-p-7 {
  padding: 7rem !important;
}

.h-px-7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.h-py-7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.h-pt-7 {
  padding-top: 7rem !important;
}

.h-pb-7 {
  padding-bottom: 7rem !important;
}

.h-pr-7 {
  padding-right: 7rem !important;
}

.h-pl-7 {
  padding-left: 7rem !important;
}

.h-p-7\.5 {
  padding: 7.5rem !important;
}

.h-px-7\.5 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.h-py-7\.5 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.h-pt-7\.5 {
  padding-top: 7.5rem !important;
}

.h-pb-7\.5 {
  padding-bottom: 7.5rem !important;
}

.h-pr-7\.5 {
  padding-right: 7.5rem !important;
}

.h-pl-7\.5 {
  padding-left: 7.5rem !important;
}

.h-p-7\.25 {
  padding: 7.25rem !important;
}

.h-px-7\.25 {
  padding-left: 7.25rem !important;
  padding-right: 7.25rem !important;
}

.h-py-7\.25 {
  padding-top: 7.25rem !important;
  padding-bottom: 7.25rem !important;
}

.h-pt-7\.25 {
  padding-top: 7.25rem !important;
}

.h-pb-7\.25 {
  padding-bottom: 7.25rem !important;
}

.h-pr-7\.25 {
  padding-right: 7.25rem !important;
}

.h-pl-7\.25 {
  padding-left: 7.25rem !important;
}

.h-p-7\.75 {
  padding: 7.75rem !important;
}

.h-px-7\.75 {
  padding-left: 7.75rem !important;
  padding-right: 7.75rem !important;
}

.h-py-7\.75 {
  padding-top: 7.75rem !important;
  padding-bottom: 7.75rem !important;
}

.h-pt-7\.75 {
  padding-top: 7.75rem !important;
}

.h-pb-7\.75 {
  padding-bottom: 7.75rem !important;
}

.h-pr-7\.75 {
  padding-right: 7.75rem !important;
}

.h-pl-7\.75 {
  padding-left: 7.75rem !important;
}

.h-p-8 {
  padding: 8rem !important;
}

.h-px-8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.h-py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.h-pt-8 {
  padding-top: 8rem !important;
}

.h-pb-8 {
  padding-bottom: 8rem !important;
}

.h-pr-8 {
  padding-right: 8rem !important;
}

.h-pl-8 {
  padding-left: 8rem !important;
}

.h-p-8\.5 {
  padding: 8.5rem !important;
}

.h-px-8\.5 {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.h-py-8\.5 {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

.h-pt-8\.5 {
  padding-top: 8.5rem !important;
}

.h-pb-8\.5 {
  padding-bottom: 8.5rem !important;
}

.h-pr-8\.5 {
  padding-right: 8.5rem !important;
}

.h-pl-8\.5 {
  padding-left: 8.5rem !important;
}

.h-p-8\.25 {
  padding: 8.25rem !important;
}

.h-px-8\.25 {
  padding-left: 8.25rem !important;
  padding-right: 8.25rem !important;
}

.h-py-8\.25 {
  padding-top: 8.25rem !important;
  padding-bottom: 8.25rem !important;
}

.h-pt-8\.25 {
  padding-top: 8.25rem !important;
}

.h-pb-8\.25 {
  padding-bottom: 8.25rem !important;
}

.h-pr-8\.25 {
  padding-right: 8.25rem !important;
}

.h-pl-8\.25 {
  padding-left: 8.25rem !important;
}

.h-p-8\.75 {
  padding: 8.75rem !important;
}

.h-px-8\.75 {
  padding-left: 8.75rem !important;
  padding-right: 8.75rem !important;
}

.h-py-8\.75 {
  padding-top: 8.75rem !important;
  padding-bottom: 8.75rem !important;
}

.h-pt-8\.75 {
  padding-top: 8.75rem !important;
}

.h-pb-8\.75 {
  padding-bottom: 8.75rem !important;
}

.h-pr-8\.75 {
  padding-right: 8.75rem !important;
}

.h-pl-8\.75 {
  padding-left: 8.75rem !important;
}

.h-p-9 {
  padding: 9rem !important;
}

.h-px-9 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.h-py-9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.h-pt-9 {
  padding-top: 9rem !important;
}

.h-pb-9 {
  padding-bottom: 9rem !important;
}

.h-pr-9 {
  padding-right: 9rem !important;
}

.h-pl-9 {
  padding-left: 9rem !important;
}

.h-p-9\.5 {
  padding: 9.5rem !important;
}

.h-px-9\.5 {
  padding-left: 9.5rem !important;
  padding-right: 9.5rem !important;
}

.h-py-9\.5 {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

.h-pt-9\.5 {
  padding-top: 9.5rem !important;
}

.h-pb-9\.5 {
  padding-bottom: 9.5rem !important;
}

.h-pr-9\.5 {
  padding-right: 9.5rem !important;
}

.h-pl-9\.5 {
  padding-left: 9.5rem !important;
}

.h-p-9\.25 {
  padding: 9.25rem !important;
}

.h-px-9\.25 {
  padding-left: 9.25rem !important;
  padding-right: 9.25rem !important;
}

.h-py-9\.25 {
  padding-top: 9.25rem !important;
  padding-bottom: 9.25rem !important;
}

.h-pt-9\.25 {
  padding-top: 9.25rem !important;
}

.h-pb-9\.25 {
  padding-bottom: 9.25rem !important;
}

.h-pr-9\.25 {
  padding-right: 9.25rem !important;
}

.h-pl-9\.25 {
  padding-left: 9.25rem !important;
}

.h-p-9\.75 {
  padding: 9.75rem !important;
}

.h-px-9\.75 {
  padding-left: 9.75rem !important;
  padding-right: 9.75rem !important;
}

.h-py-9\.75 {
  padding-top: 9.75rem !important;
  padding-bottom: 9.75rem !important;
}

.h-pt-9\.75 {
  padding-top: 9.75rem !important;
}

.h-pb-9\.75 {
  padding-bottom: 9.75rem !important;
}

.h-pr-9\.75 {
  padding-right: 9.75rem !important;
}

.h-pl-9\.75 {
  padding-left: 9.75rem !important;
}

.h-text-primary {
  color: #142f4c !important;
}

.h-text-gray {
  color: #757575 !important;
}

.h-text-gray-900 {
  color: #111111 !important;
}

.h-text-gray-700 {
  color: #5c606a !important;
}

.h-text-black {
  color: #000000 !important;
}

.h-text-error {
  color: #eb5757 !important;
}

.h-text-white {
  color: #ffffff !important;
}

.h-text-finance {
  color: #3cb2e6 !important;
}

.h-text-finance-light {
  color: #e8f6fc !important;
}

.h-text-investment {
  color: #3cb2e6 !important;
}

.h-text-investment-light {
  color: #e8f6fc !important;
}

.h-text-realestate {
  color: #ec651c !important;
}

.h-text-realestate-light {
  color: #fbe2d4 !important;
}

.h-text-development {
  color: #ec651c !important;
}

.h-text-development-light {
  color: #fbe2d4 !important;
}

.h-text-photovoltaics {
  color: #3cb07b !important;
}

.h-text-photovoltaics-light {
  color: #e8f6ef !important;
}

.h-text-energy {
  color: #3cb07b !important;
}

.h-text-energy-light {
  color: #e8f6ef !important;
}

.h-background-transparent {
  background-color: transparent !important;
}

.h-background-primary {
  background-color: #142f4c !important;
}

.h-background-gray {
  background-color: #757575 !important;
}

.h-background-gray-100 {
  background-color: #eceef0 !important;
}

.h-background-black {
  background-color: #000000 !important;
}

.h-background-white {
  background-color: #ffffff !important;
}

.h-background-paper {
  background-color: #f1f1f1 !important;
}

.h-background-finance {
  background-color: #3cb2e6 !important;
}

.h-background-finance-light {
  background-color: #e8f6fc !important;
}

.h-background-investment {
  background-color: #3cb2e6 !important;
}

.h-background-investment-light {
  background-color: #e8f6fc !important;
}

.h-background-realestate {
  background-color: #ec651c !important;
}

.h-background-realestate-light {
  background-color: #fbe2d4 !important;
}

.h-background-development {
  background-color: #ec651c !important;
}

.h-background-development-light {
  background-color: #fbe2d4 !important;
}

.h-background-photovoltaics {
  background-color: #3cb07b !important;
}

.h-background-photovoltaics-light {
  background-color: #e8f6ef !important;
}

.h-background-energy {
  background-color: #3cb07b !important;
}

.h-background-energy-light {
  background-color: #e8f6ef !important;
}

.h-display-grid {
  display: grid;
}

.h-grid-cols-1 {
  grid-template-columns: repeat(1, 1fr);
}

.h-grid-cols-2 {
  grid-template-columns: repeat(2, 1fr);
}

.h-grid-cols-3 {
  grid-template-columns: repeat(3, 1fr);
}

.h-grid-cols-4 {
  grid-template-columns: repeat(4, 1fr);
}

.h-grid-cols-5 {
  grid-template-columns: repeat(5, 1fr);
}

.h-grid-cols-6 {
  grid-template-columns: repeat(6, 1fr);
}

.h-grid-cols-7 {
  grid-template-columns: repeat(7, 1fr);
}

.h-grid-cols-8 {
  grid-template-columns: repeat(8, 1fr);
}

.h-grid-cols-9 {
  grid-template-columns: repeat(9, 1fr);
}

.h-grid-cols-10 {
  grid-template-columns: repeat(10, 1fr);
}

.h-grid-cols-11 {
  grid-template-columns: repeat(11, 1fr);
}

.h-grid-cols-12 {
  grid-template-columns: repeat(12, 1fr);
}

.h-gap-0 {
  gap: 0rem !important;
}

.h-gap-0\.5 {
  gap: 0.5rem !important;
}

.h-gap-0\.25 {
  gap: 0.25rem !important;
}

.h-gap-0\.75 {
  gap: 0.75rem !important;
}

.h-gap-1 {
  gap: 1rem !important;
}

.h-gap-1\.5 {
  gap: 1.5rem !important;
}

.h-gap-1\.25 {
  gap: 1.25rem !important;
}

.h-gap-1\.75 {
  gap: 1.75rem !important;
}

.h-gap-2 {
  gap: 2rem !important;
}

.h-gap-2\.5 {
  gap: 2.5rem !important;
}

.h-gap-2\.25 {
  gap: 2.25rem !important;
}

.h-gap-2\.75 {
  gap: 2.75rem !important;
}

.h-gap-3 {
  gap: 3rem !important;
}

.h-gap-3\.5 {
  gap: 3.5rem !important;
}

.h-gap-3\.25 {
  gap: 3.25rem !important;
}

.h-gap-3\.75 {
  gap: 3.75rem !important;
}

.h-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: calc(768px - 1px)) {
  .h-grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.h-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: calc(992px - 1px)) {
  .h-grid-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .h-grid-3 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.h-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: calc(992px - 1px)) {
  .h-grid-4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .h-grid-4 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.h-grid-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: calc(992px - 1px)) {
  .h-grid-6 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: calc(768px - 1px)) {
  .h-grid-6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.h-display-inline-block {
  display: inline-block;
}

.h-display-inline-flex {
  display: inline-flex;
}

.h-items-center {
  align-items: center !important;
}

.h-items-start {
  align-items: flex-start !important;
}

.h-items-end {
  align-items: flex-end !important;
}

.h-flex-row {
  flex-direction: row !important;
}

.h-flex-col {
  flex-direction: column !important;
}

.h-justify-center {
  justify-content: center !important;
}

.h-justify-between {
  justify-content: space-between !important;
}

.h-justify-start {
  justify-content: flex-start !important;
}

.h-justify-end {
  justify-content: flex-end !important;
}

.h-flex-grow-1 {
  flex-grow: 1 !important;
}

.h-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.h-flex-wrap {
  flex-wrap: wrap !important;
}

.h-text-left {
  text-align: left !important;
}

.h-text-center {
  text-align: center !important;
}

.h-text-right {
  text-align: right !important;
}

.h-text-justify {
  text-align: justify !important;
}

.h-uppercase {
  text-transform: uppercase !important;
}

.h-underline {
  text-decoration: underline !important;
}

.h-overflow-hidden {
  overflow: hidden !important;
}

.h-overflow-visible {
  overflow: visible !important;
}

.h-rounded-xxs {
  border-radius: 0.5rem !important;
}

.h-rounded-xs {
  border-radius: 1rem !important;
}

.h-rounded-sm {
  border-radius: 1.5rem !important;
}

.h-rounded-base {
  border-radius: 3rem !important;
}

.h-rounded-lg {
  border-radius: 3.5rem !important;
}

.h-rounded-full {
  border-radius: 999px !important;
}

.h-cursor-pointer {
  cursor: pointer !important;
}

.h-cursor-not-allowed {
  cursor: not-allowed !important;
}

.h-cursor-default {
  cursor: default !important;
}

html {
  scroll-behavior: smooth;
}

body {
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "DINPro";
  font-size: 1rem;
  line-height: 1.3;
  background-color: #f1f1f1;
  color: #000000;
  overflow-x: hidden;
}

body.noscroll {
  overflow: hidden;
}

/* required styles */
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
  position: absolute;
  left: 0;
  top: 0;
}

.leaflet-container {
  overflow: hidden;
}

.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}

/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::-moz-selection {
  background: transparent;
}
.leaflet-tile::selection {
  background: transparent;
}

/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
  image-rendering: -webkit-optimize-contrast;
}

/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
  width: 1600px;
  height: 1600px;
  -webkit-transform-origin: 0 0;
}

.leaflet-marker-icon,
.leaflet-marker-shadow {
  display: block;
}

/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
  max-width: none !important;
  max-height: none !important;
}

.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
  max-width: none !important;
  max-height: none !important;
  width: auto;
  padding: 0;
}

.leaflet-container img.leaflet-tile {
  /* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
  mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
  touch-action: pan-x pan-y;
}

.leaflet-container.leaflet-touch-drag {
  /* Fallback for FF which doesn't support pinch-zoom */
  touch-action: none;
  touch-action: pinch-zoom;
}

.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
  touch-action: none;
}

.leaflet-container {
  -webkit-tap-highlight-color: transparent;
}

.leaflet-container a {
  -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}

.leaflet-tile {
  filter: inherit;
  visibility: hidden;
}

.leaflet-tile-loaded {
  visibility: inherit;
}

.leaflet-zoom-box {
  width: 0;
  height: 0;
  box-sizing: border-box;
  z-index: 800;
}

/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
  -moz-user-select: none;
}

.leaflet-pane {
  z-index: 400;
}

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

.leaflet-vml-shape {
  width: 1px;
  height: 1px;
}

.lvml {
  behavior: url(#default#VML);
  display: inline-block;
  position: absolute;
}

/* control positioning */
.leaflet-control {
  position: relative;
  z-index: 800;
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

.leaflet-top,
.leaflet-bottom {
  position: absolute;
  z-index: 1000;
  pointer-events: none;
}

.leaflet-top {
  top: 0;
}

.leaflet-right {
  right: 0;
}

.leaflet-bottom {
  bottom: 0;
}

.leaflet-left {
  left: 0;
}

.leaflet-control {
  float: left;
  clear: both;
}

.leaflet-right .leaflet-control {
  float: right;
}

.leaflet-top .leaflet-control {
  margin-top: 10px;
}

.leaflet-bottom .leaflet-control {
  margin-bottom: 10px;
}

.leaflet-left .leaflet-control {
  margin-left: 10px;
}

.leaflet-right .leaflet-control {
  margin-right: 10px;
}

/* zoom and fade animations */
.leaflet-fade-anim .leaflet-popup {
  opacity: 0;
  transition: opacity 0.2s linear;
}

.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  opacity: 1;
}

.leaflet-zoom-animated {
  transform-origin: 0 0;
}

svg.leaflet-zoom-animated {
  will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1);
}

.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
  transition: none;
}

.leaflet-zoom-anim .leaflet-zoom-hide {
  visibility: hidden;
}

/* cursors */
.leaflet-interactive {
  cursor: pointer;
}

.leaflet-grab {
  cursor: grab;
}

.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
  cursor: crosshair;
}

.leaflet-popup-pane,
.leaflet-control {
  cursor: auto;
}

.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
  cursor: move;
  cursor: grabbing;
}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
  pointer-events: none;
}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
  pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
  pointer-events: auto;
}

/* visual tweaks */
.leaflet-container {
  background: #ddd;
  outline-offset: 1px;
}

.leaflet-zoom-box {
  border: 2px dotted #38f;
  background: rgba(255, 255, 255, 0.5);
}

/* general typography */
.leaflet-container {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* general toolbar styles */
.leaflet-bar {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.65);
  border-radius: 4px;
}

.leaflet-bar a {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 26px;
  height: 26px;
  line-height: 26px;
  display: block;
  text-align: center;
  text-decoration: none;
  color: black;
}

.leaflet-bar a,
.leaflet-control-layers-toggle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: block;
}

.leaflet-bar a:hover,
.leaflet-bar a:focus {
  background-color: #f4f4f4;
}

.leaflet-bar a:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.leaflet-bar a:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: none;
}

.leaflet-bar a.leaflet-disabled {
  cursor: default;
  background-color: #f4f4f4;
  color: #bbb;
}

.leaflet-touch .leaflet-bar a {
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.leaflet-touch .leaflet-bar a:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.leaflet-touch .leaflet-bar a:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

/* zoom control */
.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
  font: bold 18px "Lucida Console", Monaco, monospace;
  text-indent: 1px;
}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out {
  font-size: 22px;
}

/* layers control */
.leaflet-control-layers {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 5px;
}

.leaflet-touch .leaflet-control-layers-toggle {
  width: 44px;
  height: 44px;
}

.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  display: none;
}

.leaflet-control-layers-expanded .leaflet-control-layers-list {
  display: block;
  position: relative;
}

.leaflet-control-layers-expanded {
  padding: 6px 10px 6px 6px;
  color: #333;
  background: #fff;
}

.leaflet-control-layers-scrollbar {
  overflow-y: scroll;
  overflow-x: hidden;
  padding-right: 5px;
}

.leaflet-control-layers-selector {
  margin-top: 2px;
  position: relative;
  top: 1px;
}

.leaflet-control-layers label {
  display: block;
  font-size: 13px;
  font-size: 1.08333em;
}

.leaflet-control-layers-separator {
  height: 0;
  border-top: 1px solid #ddd;
  margin: 5px -10px 5px -6px;
}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */ }

/* attribution and scale controls */
.leaflet-container .leaflet-control-attribution {
  background: #fff;
  background: rgba(255, 255, 255, 0.8);
  margin: 0;
}

.leaflet-control-attribution,
.leaflet-control-scale-line {
  padding: 0 5px;
  color: #333;
  line-height: 1.4;
}

.leaflet-control-attribution a {
  text-decoration: none;
}

.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
  text-decoration: underline;
}

.leaflet-attribution-flag {
  display: inline !important;
  vertical-align: baseline !important;
  width: 1em;
  height: 0.6669em;
}

.leaflet-left .leaflet-control-scale {
  margin-left: 5px;
}

.leaflet-bottom .leaflet-control-scale {
  margin-bottom: 5px;
}

.leaflet-control-scale-line {
  border: 2px solid #777;
  border-top: none;
  line-height: 1.1;
  padding: 2px 5px 1px;
  white-space: nowrap;
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.8);
  text-shadow: 1px 1px #fff;
}

.leaflet-control-scale-line:not(:first-child) {
  border-top: 2px solid #777;
  border-bottom: none;
  margin-top: -2px;
}

.leaflet-control-scale-line:not(:first-child):not(:last-child) {
  border-bottom: 2px solid #777;
}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  box-shadow: none;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

/* popup */
.leaflet-popup {
  position: absolute;
  text-align: center;
  margin-bottom: 20px;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  text-align: left;
  border-radius: 24px;
  overflow: hidden;
}

.leaflet-popup-content {
  line-height: 1.3;
  font-size: 13px;
  font-size: 1.08333em;
  min-height: 1px;
  overflow: hidden;
}

.leaflet-popup-content p {
  margin: 17px 0;
  margin: 1.3em 0;
}

.leaflet-popup-tip-container {
  width: 40px;
  height: 20px;
  position: absolute;
  left: 50%;
  margin-top: -1px;
  margin-left: -20px;
  overflow: hidden;
  pointer-events: none;
}

.leaflet-popup-tip {
  width: 17px;
  height: 17px;
  padding: 1px;
  margin: -10px auto 0;
  pointer-events: auto;
  transform: rotate(45deg);
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  background: white;
  color: #333;
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 24px;
  height: 24px;
  font: 16px/24px Tahoma, Verdana, sans-serif;
  color: #757575;
  text-decoration: none;
  background: transparent;
}

.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
  color: #585858;
}

.leaflet-popup-scrolled {
  overflow: auto;
}

.leaflet-oldie .leaflet-popup-content-wrapper {
  -ms-zoom: 1;
}

.leaflet-oldie .leaflet-popup-tip {
  width: 24px;
  margin: 0 auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
  filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
  border: 1px solid #999;
}

/* div icon */
.leaflet-div-icon {
  background: #fff;
  border: 1px solid #666;
}

/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
  position: absolute;
  padding: 6px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 3px;
  color: #222;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.leaflet-tooltip.leaflet-interactive {
  cursor: pointer;
  pointer-events: auto;
}

.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  position: absolute;
  pointer-events: none;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Directions */
.leaflet-tooltip-bottom {
  margin-top: 6px;
}

.leaflet-tooltip-top {
  margin-top: -6px;
}

.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
  left: 50%;
  margin-left: -6px;
}

.leaflet-tooltip-top:before {
  bottom: 0;
  margin-bottom: -12px;
  border-top-color: #fff;
}

.leaflet-tooltip-bottom:before {
  top: 0;
  margin-top: -12px;
  margin-left: -6px;
  border-bottom-color: #fff;
}

.leaflet-tooltip-left {
  margin-left: -6px;
}

.leaflet-tooltip-right {
  margin-left: 6px;
}

.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
  top: 50%;
  margin-top: -6px;
}

.leaflet-tooltip-left:before {
  right: 0;
  margin-right: -12px;
  border-left-color: #fff;
}

.leaflet-tooltip-right:before {
  left: 0;
  margin-left: -12px;
  border-right-color: #fff;
}

/* Printing */
@media print {
  /* Prevent printers from removing background-images of controls. */
  .leaflet-control {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.horizontal-marquee {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  gap: var(--_gap);
  max-width: 100%;
}

.horizontal-marquee.smooth {
  -webkit-mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
  mask: linear-gradient(90deg, transparent, #fff 20%, #fff 80%, transparent);
}

.horizontal-marquee.paused .horizontal-marquee-inner {
  animation-play-state: paused;
}

.horizontal-marquee.full .horizontal-marquee-inner {
  min-width: var(--_containerWidth);
}

.horizontal-marquee-inner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  gap: var(--_gap);
  white-space: nowrap;
}

[data-animate=true] .horizontal-marquee-inner {
  animation: horizontal-marquee var(--_speed) linear infinite var(--_direction);
}

@keyframes horizontal-marquee {
  0% {
    transform: translate(calc(var(--_gap) * -1));
  }
  100% {
    transform: translate(calc(-100% - var(--_gap) * 2));
  }
}
.vertical-marquee {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  margin-bottom: var(--_gap);
  max-height: 100%;
  flex-direction: column;
  height: calc((var(--_containerSize) - var(--_vGap)) / 1.2);
}

.vertical-marquee.smooth {
  -webkit-mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
  mask: linear-gradient(180deg, transparent, #fff 20%, #fff 80%, transparent);
}

.vertical-marquee.paused .vertical-marquee-inner {
  animation-play-state: paused;
}

.vertical-marquee-inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: nowrap;
  margin-bottom: var(--_vGap);
}

[data-animate=true] .vertical-marquee-inner {
  animation: vertical-marquee var(--_speed) linear infinite var(--_direction);
}

.vertical-marquee-inner > :not(:last-child) {
  margin-right: var(--_hGap);
}

@keyframes vertical-marquee {
  0% {
    transform: translateY(calc(var(--_vGap) * -1));
  }
  100% {
    transform: translateY(calc(-100% - var(--_vGap) * 2));
  }
}
.tns-outer {
  padding: 0 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tns-autowidth {
  display: inline-block;
}

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

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

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

.tns-ovh {
  overflow: hidden;
}

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

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

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

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

.tns-vpfix {
  white-space: nowrap;
}

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

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

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

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

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


.accordion-content {
  height: 0;
  overflow: hidden;
  transition: height 0.3s;
}
.accordion-content h2 {
  font-weight: 700;
  color: #3cb2e6;
}

.faq-accordion {
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1.25rem 1rem 1.25rem 2rem;
}
.faq-accordion[data-open=true] .accordion-button {
  color: #142f4c;
}
.faq-accordion[data-open=true] .accordion-button > span {
  background-color: rgba(117, 117, 117, 0.08);
  transform: rotate(0deg);
}
.faq-accordion[data-open=true] .accordion-content {
  opacity: 1;
}
.faq-accordion .accordion-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .faq-accordion .accordion-button {
    font-size: 1.125rem;
  }
}
.faq-accordion .accordion-button {
  font-weight: 500;
  width: 100%;
  cursor: pointer;
}
.faq-accordion .accordion-button > span {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #000000;
  border-radius: 999px;
  transform: rotate(-45deg);
  transition: background-color 0.3s, transform 0.3s;
}
.faq-accordion .accordion-button > span::after {
  content: "\e920";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  line-height: 0;
}
.faq-accordion .accordion-content {
  padding-right: 4.5rem;
  opacity: 0;
  transition: opacity 0.3s, height 0.3s;
}

.button {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
  background-color: #000000;
  color: #ffffff;
}
.button:focus {
  box-shadow: 0 0 0.75rem #000000;
}
.button:hover {
  background-color: rgb(25.5, 25.5, 25.5);
}
.button[data-size=sm] {
  padding: 0.5rem 1rem;
}
.button[data-color=white] {
  background-color: #ffffff;
  color: #000000;
}
.button[data-color=white]:focus {
  box-shadow: 0 0 0.75rem rgb(180.75, 180.75, 180.75);
}
.button[data-color=white]:hover {
  background-color: #757575;
  color: #ffffff;
}
.button[data-color=gray] {
  background-color: rgba(46, 49, 55, 0.06);
  color: #000000;
}
.button[data-color=gray]:focus {
  box-shadow: 0 0 0.75rem rgb(180.75, 180.75, 180.75);
}
.button[data-color=gray]:hover {
  background-color: #000000;
  color: #ffffff;
}
.button[data-color=outline-black] {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.button[data-color=outline-black]:focus {
  box-shadow: 0 0 0.75rem rgb(180.75, 180.75, 180.75);
}
.button[data-color=outline-black]:hover {
  background-color: #000000;
  color: #ffffff;
}
.button[data-color=realestate] {
  background-color: #ec651c;
  color: #ffffff;
}
.button[data-color=realestate]:focus {
  box-shadow: 0 0 0.75rem rgb(245.8475609756, 180.8170731707, 145.6524390244);
}
.button[data-color=realestate]:hover {
  background-color: rgb(196.5487804878, 79.6585365854, 16.4512195122);
}
.button[data-color=development] {
  background-color: #ec651c;
  color: #ffffff;
}
.button[data-color=development]:focus {
  box-shadow: 0 0 0.75rem rgb(245.8475609756, 180.8170731707, 145.6524390244);
}
.button[data-color=development]:hover {
  background-color: rgb(196.5487804878, 79.6585365854, 16.4512195122);
}
.button[data-color=photovoltaics] {
  background-color: #3cb07b;
  color: #ffffff;
}
.button[data-color=photovoltaics]:focus {
  box-shadow: 0 0 0.75rem rgb(145.7457627119, 217.7542372881, 184.8538135593);
}
.button[data-color=photovoltaics]:hover {
  background-color: rgb(47.0338983051, 137.9661016949, 96.4194915254);
}
.button:not([data-state=loading]):not([disabled]):active {
  transform: scale(0.95);
}
.button > i {
  flex-shrink: 0;
}
.button[data-arrow] {
  padding-right: 1rem;
}
.button[data-arrow]::after {
  content: "\e91d";
  font-family: "icomoon" !important;
  font-size: 1.375rem;
  line-height: 0;
}

.rounded-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 1.5rem;
  background-color: #000000;
  color: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
}
.rounded-button:focus {
  box-shadow: 0 0 0.75rem #000000;
}
.rounded-button:hover {
  background-color: rgb(25.5, 25.5, 25.5);
}
.rounded-button[data-color=white] {
  background-color: #ffffff;
  color: #000000;
}
.rounded-button[data-color=white]:focus {
  box-shadow: 0 0 0.75rem rgb(180.75, 180.75, 180.75);
}
.rounded-button[data-color=white]:hover {
  background-color: #757575;
  color: #ffffff;
}
.rounded-button[data-color=gray] {
  background-color: rgba(46, 49, 55, 0.06);
  color: #000000;
}
.rounded-button[data-color=gray]:focus {
  box-shadow: 0 0 0.75rem rgb(180.75, 180.75, 180.75);
}
.rounded-button[data-color=gray]:hover {
  background-color: #000000;
  color: #ffffff;
}

.hypo-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  font-size: 1.5rem;
  background-color: #000000;
  color: #ffffff;
  transition: all 0.3s;
  cursor: pointer;
}
.hypo-button:hover {
  background-color: rgb(150.4090909091, 213.7, 241.5909090909);
}
.hypo-button.active {
  background-color: #3cb2e6;
}

.card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 2.5rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .card {
    padding: 2rem;
  }
}

.card-padding {
  padding: 2.5rem;
}
@media screen and (max-width: 767px) {
  .card-padding {
    padding: 2rem;
  }
}

.service-card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 991px) {
  .service-card-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .service-card-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-card-wrapper[data-grid="5"] {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.service-card {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  position: relative;
  overflow: hidden;
  aspect-ratio: 0.75;
  border-radius: 1.5rem;
  cursor: pointer;
  transition: border-radius 0.3s, background-color 0.3s;
}
.service-card[data-no-image] .service-card-content::before {
  display: none;
}
.service-card[data-size=sm] {
  aspect-ratio: 1.4;
}
.service-card > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.service-card:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-radius: 3.5rem;
}
.service-card:hover .service-card-button {
  opacity: 1;
}
.service-card > video, .service-card > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.service-card-wrapper2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 991px) {
  .service-card-wrapper2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .service-card-wrapper2 {
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-card-wrapper2[data-grid="5"] {
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.service-card2 {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  position: relative;
  overflow: hidden;
  aspect-ratio: 0.75;
  border-radius: 1.5rem;
  cursor: pointer;
  transition: border-radius 0.3s, background-color 0.3s;
}
.service-card2[data-no-image] .service-card-content::before {
  display: none;
}
.service-card2[data-size=sm] {
  aspect-ratio: 1.4;
}
.service-card2 > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.service-card2:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.service-card2:hover .service-card-button {
  opacity: 1;
}
.service-card2 > video, .service-card2 > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.service-card-content {
  height: 100%;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
.service-card-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.48) 98.5%);
  z-index: -1;
}

.service-card-icon {
  font-size: 32px;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.16);
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
}

.service-card-title {
  padding-right: 4rem;
}

.service-card-button {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  border-radius: 50%;
  background-color: #ffffff;
  color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  opacity: 0;
  transition: opacity 0.3s;
}
.service-card-button::after {
  content: "\e91d";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  line-height: 0;
}

.partner-card {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.24);
  width: 240px;
  height: 120px;
  padding: 1rem;
}

.text-input {
  display: block;
  width: 100%;
  border-radius: 0.75rem;
  background-color: #ffffff;
  color: #000000;
  font-size: 1rem;
  font-weight: 500;
  background-clip: border-box;
  border: 1px solid #acb2bc;
  padding: 0.5rem 1rem;
  outline: none;
  line-height: 1.125;
  height: 4rem;
}
.text-input:-webkit-autofill, .text-input:-webkit-autofill:hover {
  border: 1px solid #acb2bc;
  -webkit-text-fill-color: theme("colors.tertiary.DEFAULT");
  -webkit-box-shadow: 0 0 0px 1000px theme("colors.white") inset;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.text-input:-webkit-autofill:focus {
  border: 1px solid #acb2bc;
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}
.text-input:focus {
  border-color: #142f4c !important;
  box-shadow: 0 0 0 1px #142f4c !important;
}
.text-input::-moz-placeholder {
  color: #acb2bc;
}
.text-input::placeholder {
  color: #acb2bc;
}
.text-input[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
.text-input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.text-input[type=number]::-webkit-outer-spin-button, .text-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.text-input.is-primary:focus {
  border-color: #142f4c !important;
  box-shadow: 0 0 0 1px #142f4c !important;
}
.text-input.is-finance:focus {
  border-color: #3cb2e6 !important;
  box-shadow: 0 0 0 1px #3cb2e6 !important;
}
.text-input.is-reality:focus {
  border-color: #ec651c !important;
  box-shadow: 0 0 0 1px #ec651c !important;
}
.text-input.is-technologie:focus {
  border-color: #3cb07b !important;
  box-shadow: 0 0 0 1px #3cb07b !important;
}
.text-input.is-energie:focus {
  border-color: #3cb07b !important;
  box-shadow: 0 0 0 1px #3cb07b !important;
}

.text-input-suffix {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  color: #5c606a;
  font-size: 1rem;
  font-weight: 500;
  pointer-events: none;
}

.text-input-icon {
  position: absolute;
  top: 50%;
  left: 1.25rem;
  transform: translateY(-50%);
  color: #000000;
  font-size: 1.5rem;
  pointer-events: none;
}

.select-input {
  font-weight: 500;
  font-size: 1rem;
  border: none;
  padding: 0.5rem 0.5rem 0.625rem 0.75rem;
  cursor: pointer;
  color: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  position: relative;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNy41IDEwLjEyNUwxMiAxNC42MjVMMTYuNSAxMC4xMjUiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
  background-position: calc(100% - 1rem);
  background-repeat: no-repeat;
}
.select-input:not(:focus):invalid {
  color: #757575;
}
.select-input:not([data-unstyled]) {
  border: 1px solid #acb2bc;
  border-radius: 0.75rem;
  height: 4rem;
  background-color: #ffffff;
  width: 100%;
  padding: 0.5rem 3rem 0.5rem 1rem;
}

.input-label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #5c606a;
  margin-bottom: 0.5rem;
}

.check-input {
  display: inline-flex;
  align-items: center;
  position: relative;
  gap: 0.75rem;
}
@media screen and (max-width: 767px) {
  .check-input {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0.75rem;
  }
}
.check-input input[type=checkbox],
.check-input input[type=radio] {
  position: absolute;
  opacity: 0;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.check-input label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1rem;
  font-weight: 500;
  color: #000000;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media screen and (max-width: 767px) {
  .check-input label {
    font-size: 0.7rem;
  }
}
.check-input label::before {
  content: "";
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  border: 1px solid #acb2bc;
  border-radius: 0.5rem;
  background-color: #ffffff;
  flex-shrink: 0;
  transition: all 0.15s ease-in-out;
}
.check-input input[type=checkbox]:checked + label::before {
  background-color: #142f4c;
  border-color: #142f4c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: center;
}
.check-input input[type=radio] + label::before {
  border-radius: 50%;
}
.check-input input[type=radio]:checked + label::before {
  background-color: #142f4c;
  border-color: #142f4c;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle cx='8' cy='8' r='4' fill='white'/%3e%3c/svg%3e");
  background-size: 100% 100%;
  background-position: center;
}
.check-input.is-primary input[type=checkbox]:checked + label::before,
.check-input.is-primary input[type=radio]:checked + label::before {
  background-color: #142f4c;
  border-color: #142f4c;
}
.check-input.is-primary input[type=checkbox]:focus + label::before,
.check-input.is-primary input[type=radio]:focus + label::before {
  border-color: #142f4c !important;
  box-shadow: 0 0 0 1px #142f4c !important;
}
.check-input.is-finance input[type=checkbox]:checked + label::before,
.check-input.is-finance input[type=radio]:checked + label::before {
  background-color: #3cb2e6;
  border-color: #3cb2e6;
}
.check-input.is-finance input[type=checkbox]:focus + label::before,
.check-input.is-finance input[type=radio]:focus + label::before {
  border-color: #3cb2e6 !important;
  box-shadow: 0 0 0 1px #3cb2e6 !important;
}
.check-input.is-reality input[type=checkbox]:checked + label::before,
.check-input.is-reality input[type=radio]:checked + label::before {
  background-color: #ec651c;
  border-color: #ec651c;
}
.check-input.is-reality input[type=checkbox]:focus + label::before,
.check-input.is-reality input[type=radio]:focus + label::before {
  border-color: #ec651c !important;
  box-shadow: 0 0 0 1px #ec651c !important;
}
.check-input.is-energie input[type=checkbox]:checked + label::before,
.check-input.is-energie input[type=radio]:checked + label::before {
  background-color: #3cb07b;
  border-color: #3cb07b;
}
.check-input.is-energie input[type=checkbox]:focus + label::before,
.check-input.is-energie input[type=radio]:focus + label::before {
  border-color: #3cb07b !important;
  box-shadow: 0 0 0 1px #3cb07b !important;
}
.check-input.is-technologie input[type=checkbox]:checked + label::before,
.check-input.is-technologie input[type=radio]:checked + label::before {
  background-color: #3cb07b;
  border-color: #3cb07b;
}
.check-input.is-technologie input[type=checkbox]:focus + label::before,
.check-input.is-technologie input[type=radio]:focus + label::before {
  border-color: #3cb07b !important;
  box-shadow: 0 0 0 1px #3cb07b !important;
}
.check-input input[type=checkbox]:focus + label::before,
.check-input input[type=radio]:focus + label::before {
  border-color: #142f4c !important;
  box-shadow: 0 0 0 1px #142f4c !important;
}
.check-input input[type=checkbox]:disabled + label,
.check-input input[type=radio]:disabled + label {
  cursor: not-allowed;
  opacity: 0.5;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .form-grid {
    grid-template-columns: 1fr;
  }
  .form-grid .span-12,
  .form-grid .span-6,
  .form-grid .span-4,
  .form-grid .span-3 {
    grid-column: 1/-1;
  }
}

.span-12 {
  grid-column: span 12;
}

.span-6 {
  grid-column: span 6;
}

.span-4 {
  grid-column: span 4;
}

.span-3 {
  grid-column: span 3;
}

.text-input.is-error {
  border-color: #dc2626 !important;
  background-color: #fef2f2;
}
.text-input.is-error:focus {
  box-shadow: 0 0 0 1px #dc2626 !important;
}

.input-error-message {
  display: block;
  color: #dc2626;
  font-size: 0.75rem;
  margin-top: 0.25rem;
  font-weight: 500;
}

.input-wrapper {
  position: relative;
}

.autocomplete-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 50;
  max-height: 200px;
  overflow-y: auto;
  margin-top: 4px;
}
.autocomplete-dropdown .autocomplete-item {
  padding: 0.75rem 1rem;
  cursor: pointer;
  font-size: 0.875rem;
  color: #000000;
  transition: background 0.2s;
}
.autocomplete-dropdown .autocomplete-item:hover, .autocomplete-dropdown .autocomplete-item.is-active {
  background-color: #f3f4f6;
}

.rolling-text {
  display: inline-flex;
  overflow: hidden;
  position: relative;
}
.rolling-text > span:first-of-type {
  display: inline-block;
  transition: transform 0.5s, opacity 0.5s;
}
.rolling-text > span:last-of-type {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transform: scale(0.7);
  transition: transform 0.5s, opacity 0.5s;
}
.rolling-text.active > span:first-of-type {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-100%) scale(0.7);
}
.rolling-text.active > span:last-of-type {
  opacity: 1;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
  transform: translateY(-100%) scale(1);
}

.range-slider-input[data-color=finance] .range-slider-range {
  background-color: #3cb2e6 !important;
}
.range-slider-input[data-color=investment] .range-slider-range {
  background-color: #3cb2e6 !important;
}
.range-slider-input .range-slider {
  height: 4px;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.08);
  margin: 1.25rem 0;
}
.range-slider-input .range-slider[data-single] .range-slider-thumb[data-lower] {
  display: none;
}
.range-slider-input .range-slider[data-single] .range-slider-range {
  left: 0 !important;
}
.range-slider-input .range-slider-range {
  height: 4px;
  border-radius: 10px;
}
.range-slider-input .range-slider-thumb {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 2px solid #000000;
}
.range-slider-input .range-slider-thumb::after, .range-slider-input .range-slider-thumb::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 8px;
  width: 0px;
  height: 0px;
  border-style: solid;
  transform: translateY(-50%);
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #000000;
}
.range-slider-input .range-slider-thumb::after {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 8px;
  width: 0px;
  height: 0px;
  border-style: solid;
  transform: translateY(-50%) rotate(180deg);
  border-width: 6px 0 6px 6px;
  border-color: transparent transparent transparent #000000;
}
.range-slider-input .range-slider-thumb[data-active] {
  border-color: #142f4c;
}
.range-slider-input .range-slider-thumb[data-active]::after, .range-slider-input .range-slider-thumb[data-active]::before {
  border-color: transparent transparent transparent #142f4c;
}

.tabs-content {
  display: none;
}
.tabs-content[data-active=true] {
  display: block;
}

.section-tabs-side-button {
  font-size: 3.5rem;
}
@media screen and (max-width: 767px) {
  .section-tabs-side-button {
    font-size: 2rem;
  }
}
.section-tabs-side-button {
  font-weight: 700;
  transition: opacity 0.3s;
  cursor: pointer;
  line-height: 1.1;
  opacity: 0.4;
}
.section-tabs-side-button[data-active=true] {
  opacity: 1;
}
.section-tabs-side-button:hover {
  opacity: 0.75;
}

.tooltip {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 400;
  padding: 0.25rem 0.5rem;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  visibility: hidden;
  opacity: 0;
  transform: scale(0.95);
  pointer-events: none;
  transition: visibility 0.2s, opacity 0.1s, transform 0.2s;
  z-index: 15;
}
.tooltip[data-state=open] {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  pointer-events: auto;
}

.tooltip-arrow {
  position: absolute;
  background-color: #ffffff;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
}

.pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.pagination-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
}
@media screen and (max-width: 767px) {
  .pagination-button {
    width: 2.25rem;
    height: 2.25rem;
    font-size: 0.875rem;
  }
}
.pagination-button {
  border-radius: 999px;
  font-weight: 500;
  background-color: #ffffff;
  color: #000000;
  transition: background-color 0.3s, color 0.3s;
}
.pagination-button:hover {
  background-color: #757575;
  color: #ffffff;
}
.pagination-button[data-active=true] {
  background-color: #000000;
  color: #ffffff;
}
.pagination-button[data-arrow]:after {
  content: "\e91d";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  line-height: 0;
}
@media screen and (max-width: 767px) {
  .pagination-button[data-arrow]:after {
    font-size: 1.125rem;
  }
}
.pagination-button[data-arrow=prev]:after {
  transform: rotate(180deg);
}
.pagination-button[data-disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  background-color: #ffffff !important;
  color: #000000 !important;
}

.image-gallery-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0, 0, 0, 0.12);
  box-shadow: none !important;
}
.image-gallery-button[data-prev] {
  left: 1rem;
  transform: translateY(-50%) rotate(180deg);
}
.image-gallery-button[data-next] {
  right: 1rem;
}

.image-gallery-slider-item {
  background-color: #f1f1f1;
  aspect-ratio: 1.5;
}
.image-gallery-slider-item > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.image-gallery-nav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.5rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767px) {
  .image-gallery-nav {
    gap: 0.5rem;
    margin-top: 0.5rem;
  }
}
.image-gallery-nav > li {
  border: 2px solid transparent;
  border-radius: 0.5rem;
  overflow: hidden;
  cursor: pointer;
  aspect-ratio: 1.5;
  transition: border-color 0.3s;
}
.image-gallery-nav > li.tns-nav-active {
  border-color: #000000;
}
.image-gallery-nav > li > img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.image-grid-gallery {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.5rem;
  position: relative;
}
@media screen and (max-width: 992px) {
  .image-grid-gallery {
    gap: 0.5rem;
  }
}
.image-grid-gallery > div:nth-of-type(1) {
  grid-column: span 3;
  grid-row: span 2;
  aspect-ratio: 1.3;
}
.image-grid-gallery > div:nth-of-type(2) {
  position: relative;
  grid-column: span 2;
  grid-row: span 2;
}
.image-grid-gallery > div:nth-of-type(2) > img {
  position: absolute;
  left: 0;
  width: 100%;
  height: calc(50% - 0.75rem);
}
@media screen and (max-width: 992px) {
  .image-grid-gallery > div:nth-of-type(2) > img {
    height: calc(50% - 0.25rem);
  }
}
.image-grid-gallery > div:nth-of-type(2) > img:nth-of-type(1) {
  top: 0;
}
.image-grid-gallery > div:nth-of-type(2) > img:nth-of-type(2) {
  bottom: 0;
}
.image-grid-gallery > div > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1.5rem;
}
@media screen and (max-width: 992px) {
  .image-grid-gallery > div > img {
    border-radius: 1rem;
  }
}
.image-grid-gallery > .button {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
  .image-grid-gallery > .button {
    left: 0.5rem;
    bottom: 0.5rem;
    right: auto;
  }
}
.image-grid-gallery > .button {
  z-index: 1;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
}
.image-grid-gallery > .button:hover {
  background-color: #000000;
}

.form-popover {
  padding: 2rem;
  border: none;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  max-width: 1200px;
  width: 80%;
  height: 85vh;
  margin: auto;
  overflow-y: scroll;
}
@media screen and (max-width: 767px) {
  .form-popover {
    padding: 1rem;
    border-radius: 2.5rem !important;
    width: 90%;
  }
}
.form-popover .popover-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.form-popover h3 {
  margin-top: 0;
}
.form-popover textarea.text-input {
  height: 200px;
}
.form-popover .checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.form-popover .checkbox-group--column {
  flex-direction: column;
  gap: 0.5rem;
}
.form-popover .popover-close {
  position: absolute;
  top: 3rem;
  right: 3rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: none;
  background: #ffffff;
  cursor: pointer;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .form-popover .popover-close {
    top: 2rem;
    right: 2rem;
    width: 20px;
    height: 20px;
  }
}
.form-popover .popover-close::before, .form-popover .popover-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60%;
  height: 2px;
  background-color: #000;
}
.form-popover .popover-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.form-popover .popover-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.form-popover .popover-close.p-c-reality::before, .form-popover .popover-close.p-c-reality::after {
  background-color: #ec651c;
}
.form-popover .popover-close.p-c-primary::before, .form-popover .popover-close.p-c-primary::after {
  background-color: #142f4c;
}
.form-popover .popover-close.p-c-technologie::before, .form-popover .popover-close.p-c-technologie::after {
  background-color: #3cb07b;
}
.form-popover .popover-close.p-c-finance::before, .form-popover .popover-close.p-c-finance::after {
  background-color: #3cb2e6;
}

.form-popover::backdrop {
  background-color: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
}

.form-success {
  display: none;
}
.form-success:not([hidden]) {
  display: flex;
}
.form-success {
  position: fixed;
  inset: 0;
  z-index: 1000;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
}
.form-success__card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
  width: min(900px, 85vw);
  aspect-ratio: 16/9;
  background-image: url("/assets/success-bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .form-success__card {
    width: 92vw;
    aspect-ratio: unset;
    min-height: 260px;
  }
}
.form-success__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: clamp(2rem, 6%, 5rem);
  gap: 0.5rem;
}
.form-success__subtitle {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 500;
  color: #000000;
  margin: 0;
}
.form-success__title {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 700;
  color: #142f4c;
  margin: 0;
  line-height: 1.2;
}
.form-success__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  padding: 0;
}
.form-success__close::before, .form-success__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 2px;
  background-color: #000000;
}
.form-success__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.form-success__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.success-page {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 3rem 1.5rem;
}
.success-page__card {
  position: relative;
  width: min(960px, 90vw);
  aspect-ratio: 16/9;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
  background-image: url("/assets/success-bg.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  .success-page__card {
    width: 100%;
    aspect-ratio: unset;
    min-height: 320px;
  }
}
.success-page__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 7%, 5.5rem);
  gap: 0.5rem;
}
.success-page__subtitle {
  font-size: clamp(0.9rem, 1.8vw, 1.25rem);
  font-weight: 500;
  color: #000000;
  margin: 0;
}
.success-page__title {
  font-size: clamp(1.75rem, 4vw, 3rem);
  font-weight: 700;
  color: #000000;
  margin: 0;
  line-height: 1.15;
}

.success-popup {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 9999;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}

.success-popup.is-visible {
  display: flex;
}

.success-popup__card {
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.35);
  width: min(820px, 85vw);
  aspect-ratio: 16/9;
  background-image: url("./success-bg.svg"); /* ← upravit cestu */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #e8f6ef; /* fallback barva */
}

.success-popup__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(2rem, 6%, 5rem);
  gap: 0.5rem;
}

.success-popup__subtitle {
  font-size: clamp(1rem, 2vw, 1.375rem);
  font-weight: 500;
  color: #000000;
  margin: 0;
}

.success-popup__title {
  font-size: clamp(1.5rem, 3.5vw, 2.5rem);
  font-weight: 700;
  color: #142f4c;
  margin: 0;
  line-height: 1.2;
}

.success-popup__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  border: none;
  background: rgba(255, 255, 255, 0.9);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  line-height: 1;
  color: #142f4c;
  transition: background 0.2s;
}

.success-popup__close:hover {
  background: #ffffff;
}

@media screen and (max-width: 640px) {
  .success-popup__card {
    width: 92vw;
    aspect-ratio: unset;
    min-height: 260px;
  }
}
.app-badge {
  display: block;
  transition: transform 0.2s ease;
}
.app-badge:hover {
  transform: scale(1.05);
}
.app-badge img {
  display: block;
  height: 48px;
  width: auto;
}
.app-badge--google img {
  height: 48px;
}
.app-badge--apple img {
  height: 48px;
}

.container {
  width: 100%;
  max-width: 1280px;
  padding: 0 1.5rem;
  margin-left: auto;
  margin-right: auto;
}
.container[data-size=lg] {
  max-width: 1580px;
}
@media (min-width: 576px) {
  .container {
    padding: 0 2rem;
  }
}

.section {
  padding-top: 9rem;
  padding-bottom: 9rem;
}
@media screen and (max-width: 767px) {
  .section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
}

.topbar-wrapper {
  display: flex;
  position: fixed;
  top: 1rem;
  left: 0;
  right: 0;
  z-index: 1000;
  transition: top 0.3s;
  margin-bottom: 0;
}
.topbar-wrapper[data-scrolled=true] {
  top: 0rem;
}
@media (max-width: 1199px) {
  .topbar-wrapper[data-scrolled=true] .topbar {
    border-radius: 0;
  }
}
@media (min-width: 1200px) {
  .topbar-wrapper {
    top: 1.5rem;
  }
  .topbar-wrapper[data-scrolled=true] {
    top: 0.5rem;
  }
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 1280px;
  gap: 0.75rem;
  padding: 0.25rem;
  padding-left: 1.25rem;
  margin: 0 auto;
  border-radius: 999px;
  background-color: #ffffff;
  transition: width 0.3s, border-radius 0.3s, padding 0.3s, box-shadow 0.3s;
}

.topbar-logo {
  display: block;
  margin-right: auto;
}
.topbar-logo > img {
  height: 2rem;
}

@media (max-width: 1199px) {
  .topbar-nav-wrapper {
    display: none;
  }
}

.topbar-nav {
  display: flex;
  align-items: center;
}

.topbar-nav-item-wrapper {
  position: relative;
}
.topbar-nav-item-wrapper:hover .topbar-nav-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.topbar-nav-item-wrapper:hover::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 0.25rem);
  height: 0.75rem;
  transform: translateY(-50%);
}
.topbar-nav-item-wrapper:hover[data-color=finance] > .topbar-nav-item {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper:hover[data-color=investment] > .topbar-nav-item {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper:hover[data-color=realestate] > .topbar-nav-item {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper:hover[data-color=development] > .topbar-nav-item {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper:hover[data-color=photovoltaics] > .topbar-nav-item {
  background-color: #3cb07b;
  color: #ffffff;
}
.topbar-nav-item-wrapper:hover[data-color=car] > .topbar-nav-item {
  background-color: #18535D;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=finance] .topbar-nav-dropdown-root-card {
  background-color: #e8f6fc;
  color: #3cb2e6;
}
.topbar-nav-item-wrapper[data-color=finance] .topbar-nav-dropdown-root-card:hover {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=finance] .topbar-nav-item[data-active=true] {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=investment] .topbar-nav-dropdown-root-card {
  background-color: #e8f6fc;
  color: #3cb2e6;
}
.topbar-nav-item-wrapper[data-color=investment] .topbar-nav-dropdown-root-card:hover {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=investment] .topbar-nav-item[data-active=true] {
  background-color: #3cb2e6;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=realestate] .topbar-nav-dropdown-root-card {
  background-color: #fbe2d4;
  color: #ec651c;
}
.topbar-nav-item-wrapper[data-color=realestate] .topbar-nav-dropdown-root-card:hover {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=realestate] .topbar-nav-item[data-active=true] {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=development] .topbar-nav-dropdown-root-card {
  background-color: #fbe2d4;
  color: #ec651c;
}
.topbar-nav-item-wrapper[data-color=development] .topbar-nav-dropdown-root-card:hover {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=development] .topbar-nav-item[data-active=true] {
  background-color: #ec651c;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=photovoltaics] .topbar-nav-dropdown-root-card {
  background-color: #e8f6ef;
  color: #3cb07b;
}
.topbar-nav-item-wrapper[data-color=photovoltaics] .topbar-nav-dropdown-root-card:hover {
  background-color: #3cb07b;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=photovoltaics] .topbar-nav-item[data-active=true] {
  background-color: #3cb07b;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=car] .topbar-nav-dropdown-root-card {
  background-color: #9CBBC1;
  color: #18535D;
}
.topbar-nav-item-wrapper[data-color=car] .topbar-nav-dropdown-root-card:hover {
  background-color: #18535D;
  color: #ffffff;
}
.topbar-nav-item-wrapper[data-color=car] .topbar-nav-item[data-active=true] {
  background-color: #18535D;
  color: #ffffff;
}

.topbar-nav-item-wrapper:last-child .topbar-nav-dropdown {
  background-color: transparent;
  box-shadow: none;
}

.topbar-nav-item {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  gap: 0.25rem;
  padding: 0.625rem 0.75rem 0.625rem 1.25rem;
  font-weight: 500;
  border-radius: 999px;
  transition: background-color 0.3s, color 0.3s;
}
.topbar-nav-item::after {
  content: "\e91e";
  font-family: "icomoon";
  font-size: 1.25rem;
}
.topbar-nav-item:hover {
  background-color: #f1f1f1;
}

.topbar-nav-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #f1f1f1;
  transition: opacity 0.3s, visibility 0.3s;
  padding: 7rem 1.5rem 4rem;
  border-radius: 0 0 3rem 3rem;
  z-index: -1;
  max-height: 100dvh;
  overflow-y: auto;
}
.topbar-nav-dropdown > .container {
  padding-left: 0;
  padding-right: 0;
}

.topbar-nav-dropdown-root-card {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
  border-radius: 1.5rem;
  cursor: pointer;
  min-height: 172px;
  font-size: 1.25rem;
  font-weight: 500;
  transition: background-color 0.3s, color 0.3s, border-radius 0.5s;
}
.topbar-nav-dropdown-root-card::after {
  content: "\e91d";
  font-family: "icomoon" !important;
  font-size: 1.5rem;
  line-height: 0;
}
.topbar-nav-dropdown-root-card:hover {
  border-radius: 100px;
}

.topbar-nav-dropdown-card {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1.5rem;
  cursor: pointer;
}
.topbar-nav-dropdown-card > i {
  font-size: 1.5rem;
  margin-bottom: 0.75rem;
}
.topbar-nav-dropdown-card > h6 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
}
.topbar-nav-dropdown-card > div {
  display: flex;
  gap: 1rem;
  align-items: flex-end;
  justify-content: space-between;
}
.topbar-nav-dropdown-card > div p {
  font-size: 1rem;
  font-weight: 500;
  color: #757575;
  flex-grow: 1;
}
.topbar-nav-dropdown-card > div > span {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s;
}
.topbar-nav-dropdown-card > div > span::after {
  content: "\e91d";
  font-family: "icomoon";
  font-size: 1rem;
}
.topbar-nav-dropdown-card:hover > div > span {
  background-color: #f1f1f1;
}

.topbar-nav-separator {
  width: 1px;
  height: 1.5rem;
  background-color: rgba(0, 0, 0, 0.2);
  margin: 0 0.75rem;
}

.topbar-hamburger {
  border-radius: 999px;
  padding: 0.5rem;
  margin-right: 0.5rem;
}
@media (min-width: 1200px) {
  .topbar-hamburger {
    display: none;
  }
}
.topbar-hamburger::before {
  content: "\e91f";
  font-family: "icomoon";
  font-size: 1.875rem;
}

.dropdown-more {
  position: absolute;
  left: 0;
  top: -2rem;
  max-height: none;
  overflow: visible;
}

.topbar-more-container {
  background-color: #ffffff;
  padding: 0.75rem;
  min-width: 250px;
  width: auto;
  border-radius: 1.5rem;
  position: absolute;
  left: 0;
}

.topbar-more-item {
  display: flex;
  flex-direction: column;
  margin: 20px;
  gap: 10px;
}
.topbar-more-item a {
  font-weight: 500;
  scale: 1;
  transition: all 300ms ease-in-out;
  color: #000000;
}
.topbar-more-item a:nth-child(-n+4) {
  font-weight: 700;
}
.topbar-more-item a:hover {
  scale: 1.05;
  color: #3cb2e6;
  transition: all 300ms ease-in-out;
}
.topbar-more-item span {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.5);
}

.question-main-container {
  margin: 0;
  margin-left: -1.5rem;
  width: 100vw;
}
.question-main-container .question-box {
  overflow: hidden;
  overflow-x: scroll;
  flex-wrap: nowrap;
  width: 100%;
  scrollbar-width: 0;
}
.question-main-container .question-box::-webkit-scrollbar {
  display: none;
}

.text-mb-10 {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .text-mb-10 {
    margin-bottom: 10rem;
  }
}

.text-mb-5 {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .text-mb-5 {
    margin-bottom: 5rem;
  }
}

.mobile-menu-bg {
  width: 0;
  height: 100dvh;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  position: fixed;
  opacity: 0;
  transition: all 0.3s ease;
  top: 0;
  right: 0;
  z-index: 1001;
}

.mobile-menu-bg-open {
  width: 100vw;
  opacity: 1;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
}

.menu-popover {
  width: 0;
  height: 100dvh;
  background: #ffffff;
  border-radius: 2rem 0 0 2rem;
  overflow-y: hidden;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1002;
  transition: all 0.5s ease;
}
.menu-popover .mobile-menu-header {
  width: 100%;
  height: 12%;
}
.menu-popover .mobile-menu-obsah {
  height: 88%;
  overflow-y: auto;
  background: transparent;
}

.menu-popover-open {
  width: 90vw;
  transition: all 0.5s ease;
}

.close-button {
  background: #000000;
  padding: 0.5rem;
  width: 3rem;
  height: 3rem;
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  border-radius: 50%;
  font-size: 1.5rem;
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: white;
  z-index: 110;
  transform: rotate(120deg);
  opacity: 0;
  transition: all 0.3s ease;
}

.close-button-open {
  transform: rotate(0);
  opacity: 1;
  transition: all 0.3s ease;
  transition-delay: 0.4s;
}

.social-icon-container {
  display: flex;
  width: 100%;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
.social-icon-container .social-icon-box {
  width: 10%;
  aspect-ratio: 1/1;
  padding: 0.5rem;
  background: #000000;
  border-radius: 50%;
}

.mobile-menu {
  display: flex;
  flex-direction: column;
}
.mobile-menu .mobile-menu-button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
.mobile-menu .mobile-menu-button::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 100%;
  left: 0;
}
.mobile-menu .mobile-menu-button.button--finance::after {
  background: #e8f6fc;
}
.mobile-menu .mobile-menu-button.button--reality::after {
  background: #fbe2d4;
}
.mobile-menu .mobile-menu-button.button--energie::after {
  background: #e8f6ef;
}
.mobile-menu .mobile-menu-button.button--primary::after {
  background: #f1f1f1;
}
.mobile-menu .mobile-menu-button.button--finance.submenu-active::after {
  background: #3cb2e6;
}
.mobile-menu .mobile-menu-button.button--reality.submenu-active::after {
  background: #ec651c;
}
.mobile-menu .mobile-menu-button.button--energie.submenu-active::after {
  background: #3cb07b;
}
.mobile-menu .mobile-menu-button.button--primary.submenu-active::after {
  background: #142f4c;
}
.mobile-menu .mobile-menu-button.button--finance .mobile-menu-icon {
  color: #3cb2e6;
}
.mobile-menu .mobile-menu-button.button--reality .mobile-menu-icon {
  color: #ec651c;
}
.mobile-menu .mobile-menu-button.button--energie .mobile-menu-icon {
  color: #3cb07b;
}
.mobile-menu .mobile-menu-button.button--primary .mobile-menu-icon {
  color: #142f4c;
}
.mobile-menu .mobile-menu-button .mobile-menu-icon p {
  color: #000000;
}
.mobile-menu .mobile-menu-button .ic-chevron-down {
  transition: transform 0.4s ease-out;
  color: #000000;
}
.mobile-menu .mobile-menu-button.submenu-active .ic-chevron-down {
  transform: rotate(180deg);
}
.mobile-menu .mobile-menu-button i {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  color: black;
}
.mobile-menu .mobile-submenu {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease-out, opacity 0.3s ease-in-out, margin-top 0.4s ease-out;
}
.mobile-menu .mobile-submenu a {
  color: #142f4c;
  font-weight: 500;
  margin-left: 2.5rem;
}
.mobile-menu .mobile-submenu a:first-child {
  margin-top: 0;
}
.mobile-menu .mobile-submenu a:last-child {
  margin-bottom: 1rem;
}
.mobile-menu .mobile-submenu-open {
  max-height: 60rem;
  opacity: 1;
  margin-top: 1rem;
}

.footer {
  background-color: #000000;
  color: #ffffff;
}
.footer hr {
  border-color: rgba(255, 255, 255, 0.12);
}

.footer-content {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  padding: 6rem 0;
}
@media (max-width: 991px) {
  .footer-content {
    flex-wrap: wrap;
  }
}

.footer-logo {
  width: 30%;
  flex-shrink: 0;
  display: grid;
}
@media screen and (max-width: 767px) {
  .footer-logo {
    display: none !important;
  }
}

.footer-buttons {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 400px;
}
@media (min-width: 768px) {
  .footer-buttons {
    margin-left: auto;
  }
}

.footer-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  overflow: hidden;
  gap: 0.75rem;
  font-size: 1.25rem;
  font-weight: 500;
  aspect-ratio: 2;
  border-radius: 1.5rem;
  background-color: #111111;
  padding: 2rem;
  cursor: pointer;
  transition: border-radius 0.3s;
}
.footer-button i {
  font-size: 1.75rem;
}
.footer-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transform: translateX(100%);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.075), transparent);
  pointer-events: none;
  transition: transform 0.3s;
}
.footer-button::after {
  content: "\e922";
  font-family: "icomoon";
  font-size: 1.75rem;
  color: #757575;
  position: absolute;
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.3s;
}
.footer-button:hover {
  border-radius: 3rem;
}
.footer-button:hover::before {
  transform: translateX(0);
}
.footer-button:hover::after {
  transform: translateY(-50%) translateX(5px);
}

.footer-menu {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  line-height: 1.125;
}
.footer-menu > ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.footer-menu a:hover {
  text-decoration: underline;
}

.footer-menu-services a {
  font-size: 2rem;
  font-weight: 700;
}

.footer-menu-main {
  line-height: 1.5;
}
.footer-menu-main a {
  font-size: 1rem;
  font-weight: 500;
}

.footer-menu-badge {
  display: inline-block;
  margin-left: 0.5rem;
  background-color: #142f4c;
  border-radius: 999px;
  text-transform: uppercase;
  font-size: 0.625rem;
  font-weight: 500;
  padding: 0.25rem 0.5rem;
  vertical-align: top;
}

.footer-bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 3rem;
  padding: 4rem 0;
}
@media (min-width: 992px) {
  .footer-bottom {
    flex-direction: row;
  }
}

.footer-bottom-logo > img {
  height: 2.375rem;
}

.footer-bottom-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem 3rem;
  color: #f1f1f1;
  font-weight: 300;
}
.footer-bottom-menu a:hover {
  text-decoration: underline;
}
@media (min-width: 992px) {
  .footer-bottom-menu:first-of-type {
    margin-left: 4rem;
  }
  .footer-bottom-menu:nth-of-type(2) {
    margin-left: auto;
  }
}

.page-hero {
  padding: 0.75rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .page-hero .container {
    width: auto;
  }
}

.page-hero-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: 40rem;
}
@media screen and (max-width: 767px) {
  .page-hero-wrapper {
    min-height: 30rem;
  }
}
.page-hero-wrapper {
  border-radius: 3rem;
  overflow: hidden;
}
.page-hero-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 98.5%);
  pointer-events: none;
}
.page-hero-wrapper > video, .page-hero-wrapper > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-hero-wrapper[data-size=sm] {
  min-height: 30rem;
}
@media screen and (max-width: 767px) {
  .page-hero-wrapper[data-size=sm] {
    min-height: 20rem;
  }
}
.page-hero-wrapper[data-hide-gradient]::after {
  display: none;
}

.page-hero-content {
  position: relative;
  color: #ffffff;
  padding-top: 5rem;
  padding-bottom: 5rem;
  max-width: 1020px;
  z-index: 1;
}

.page-hero-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 2.625rem;
  border-radius: 1.5rem;
  background-color: rgba(0, 0, 0, 0.24);
  color: #ffffff;
  width: 4rem;
  height: 4rem;
}

.page-hero-slider-controls {
  position: absolute;
  right: 2.25rem;
  bottom: 2.25rem;
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}

.page-hero-slider-button {
  background-color: #ffffff;
  color: #000000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  font-size: 1.5rem;
  padding: 1rem;
}
@media screen and (max-width: 767px) {
  .page-hero-slider-button {
    font-size: 1.25rem;
    padding: 0.75rem;
  }
}
.page-hero-slider-button {
  cursor: pointer;
  transition: background-color 0.3s;
}
.page-hero-slider-button > i {
  transition: color 0.3s;
}
.page-hero-slider-button:hover:not(:disabled) {
  background-color: #000000;
}
.page-hero-slider-button:hover:not(:disabled) > i {
  color: #ffffff;
}
.page-hero-slider-button[data-prev] {
  transform: rotate(180deg);
}
.page-hero-slider-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.home-services {
  background-color: transparent !important;
}
.home-services:first-of-type {
  background-color: #fff !important;
}

.hypo-calculator {
  width: 100%;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 3.5rem;
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .hypo-calculator {
    padding: 1rem;
  }
}
.hypo-calculator .button {
  width: 50%;
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .hypo-calculator .button {
    margin-bottom: 2rem;
  }
}

.hypo-calculator-grid {
  width: 100%;
  background-color: #ffffff;
  border-radius: 1.5rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .hypo-calculator-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

.hypo-calculator-box {
  width: 100%;
  padding: 0.75rem;
}
@media screen and (max-width: 767px) {
  .hypo-calculator-box {
    padding: 0;
    margin-top: 2rem;
  }
  .hypo-calculator-box:first-child {
    margin-top: 1rem;
  }
}

.hypo-result-grid {
  width: 100%;
  margin-top: 20px;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 3.5rem;
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 991px) {
  .hypo-result-grid {
    padding: 12px;
  }
}
.hypo-result-grid span {
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ffffff, #3cb2e6, #ffffff);
  margin: 20px 0;
}

.hypo-result-box {
  width: 100%;
  gap: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  padding: 3.5rem;
}
.hypo-result-box .hypo-result-logo {
  flex-shrink: 0;
  width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hypo-result-box .hypo-result-logo img {
  width: 100%;
  max-height: 48px;
  -o-object-fit: contain;
     object-fit: contain;
}
.hypo-result-box .hypo-result-button {
  flex-shrink: 0;
}
.hypo-result-box .hypo-result-button .button {
  white-space: nowrap;
}
.hypo-result-box .hypo-result-text {
  width: 60%;
}
.hypo-result-box .hypo-result-text p {
  font-size: 1rem;
}
.hypo-result-box .hypo-result-text p strong {
  font-size: 1.5rem;
  font-weight: 700;
}
.hypo-result-box .hypo-result-text p strong:first-child {
  color: #3cb2e6;
}
.hypo-result-box:last-child {
  background-color: #3cb2e6;
  border-radius: 1.5rem;
}
.hypo-result-box:last-child p {
  color: white;
}
.hypo-result-box:last-child p strong {
  color: white;
}
.hypo-result-box:last-child p strong:first-child {
  color: white;
}
@media screen and (max-width: 991px) {
  .hypo-result-box {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
  }
  .hypo-result-box .hypo-result-logo {
    width: 90px;
  }
  .hypo-result-box .hypo-result-text {
    width: 100%;
  }
  .hypo-result-box .hypo-result-text p strong {
    font-size: 1.25rem;
  }
  .hypo-result-box .hypo-result-button {
    width: 100%;
  }
  .hypo-result-box .hypo-result-button .button {
    width: 100%;
    justify-content: center;
  }
}

.timeline-container {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 2rem;
  justify-content: stretch;
}
.timeline-container .timeline-item {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 4rem;
}
@media screen and (max-width: 767px) {
  .timeline-container .timeline-item {
    flex-direction: column;
  }
}
.timeline-container .timeline-item:first-child .year::before {
  display: none;
}
.timeline-container .timeline-item:last-child .year::after {
  display: none;
}
.timeline-container .timeline-item .year-box {
  display: flex;
  flex-shrink: 0; /* Přidáno: Zabrání smrštění boxu, pokud by bylo málo místa */
  flex-basis: 150px; /* Přidáno: Nastaví pevnou základní šířku (hodnotu si upravte dle potřeby) */
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .timeline-container .timeline-item .year-box {
    flex-basis: 50px;
  }
}
.timeline-container .timeline-item .year-box .year {
  background-color: #142f4c;
  padding: 1rem 1.5rem;
  width: 250px;
  text-align: center;
  border-radius: 1.5rem;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  position: relative;
  z-index: 2;
}
.timeline-container .timeline-item .year-box .year::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #142f4c;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-container .timeline-item .year-box .year::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #142f4c;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.timeline-container .timeline-item .year-box span {
  position: absolute;
  width: 2px;
  height: calc(100% + 5rem);
  top: 0;
  left: calc(50% - 1px);
  transform: translateX(-50%);
  z-index: 1;
  background-image: repeating-linear-gradient(to bottom, #142f4c 0, #142f4c 3px, transparent 3px, transparent 6px);
}
@media screen and (max-width: 767px) {
  .timeline-container .timeline-item .year-box span {
    display: none;
  }
}
.timeline-container .timeline-item .year-text {
  flex-grow: 1; /* Přidáno: Textová část nyní vyplní zbytek volného místa */
  text-align: left;
}
@media screen and (max-width: 767px) {
  .timeline-container .timeline-item .year-text {
    text-align: center;
  }
}
.timeline-container .timeline-item .year-text p {
  color: #000000;
}

.bidli-cisla {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .bidli-cisla {
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .bidli-cisla .service-card2 {
    aspect-ratio: auto !important;
  }
  .bidli-cisla .service-card2 .service-card-icon {
    margin-bottom: 3rem !important;
  }
}

.people-menu {
  flex-wrap: wrap;
  max-width: 100% !important;
}

.ec {
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 7rem;
  position: absolute;
  top: 0.5rem;
  right: 0rem;
}
.ec img {
  height: 100%;
  width: auto;
  max-width: 8rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media screen and (max-width: 767px) {
  .ec {
    background-color: white;
    padding: 1rem;
    border-radius: 1.5rem;
    right: 50%;
    top: 18rem;
    transform: translateX(50%);
    width: auto !important;
    height: auto;
    gap: 1.5rem;
  }
  .ec img {
    height: 4.5rem;
    width: auto;
    max-width: 8rem;
  }
}

@media screen and (max-width: 767px) {
  .odznak {
    width: 20% !important;
  }
}

.timeline-animation {
  animation: timelineFadeIn both;
  animation-timeline: view(80% 10%);
}

@keyframes timelineFadeIn {
  from {
    opacity: 0;
    transform: translateY(3rem);
    scale: 1;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    scale: 1;
  }
}
.timeline-animation2 {
  animation: timelineFadeIn2 both;
  animation-timeline: view(50% 40%);
}

@keyframes timelineFadeIn2 {
  from {
    opacity: 0;
    transform: translateY(3rem);
    scale: 0.75;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    scale: 1;
  }
}
.timeline-animation3 {
  animation: timelineFadeIn3 backwards;
  animation-timeline: view(80% 10%);
}

@keyframes timelineFadeIn3 {
  from {
    opacity: 0;
    transform: translateY(3rem);
    scale: 0.75;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    scale: 1;
  }
}
.container-people {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
@media screen and (max-width: 767px) {
  .container-people {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.people-box {
  width: 100%;
  aspect-ratio: 3/4;
  border-radius: 1.5rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
.people-box img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.5rem;
}
.people-box span {
  position: absolute;
  width: 100%;
  height: 75%;
  bottom: 0;
  left: 0;
  background: #e8f6fc;
  border-radius: 1.5rem;
  z-index: 0;
}
.people-box .people-box-content {
  position: absolute;
  background: #ffffff;
  color: #142f4c;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  padding: 1.5rem 2rem;
  border-radius: 1.5rem;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.people-box .people-box-content p {
  font-size: 1rem;
  color: #3cb2e6;
}

@media screen and (max-width: 767px) {
  .nadation-img {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .pozemky-btn {
    font-size: 1.6rem !important;
    margin-left: 2rem;
  }
}

.text-hidden {
  display: block;
}
@media screen and (max-width: 767px) {
  .text-hidden {
    display: none;
  }
}

.text-visible {
  display: none;
}
@media screen and (max-width: 767px) {
  .text-visible {
    display: block;
  }
}

.hidden {
  display: none !important;
}

.documents-container .documents-table {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .documents-container .documents-table thead {
    display: none;
  }
  .documents-container .documents-table tr {
    display: grid;
    grid-template-columns: 1fr auto;
    margin-bottom: 2rem;
  }
  .documents-container .documents-table tr td:nth-child(1) {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 0.9rem;
  }
  .documents-container .documents-table tr td:nth-child(2) {
    grid-column: 1/2;
    grid-row: 2/3;
    font-size: 0.9rem;
  }
  .documents-container .documents-table tr td:nth-child(3) {
    grid-column: 1/2;
    grid-row: 3/4;
    font-size: 0.9rem;
  }
  .documents-container .documents-table tr td:nth-child(4) {
    grid-column: 2/3;
    grid-row: 1/4; /* Roztáhne se od 1. do konce 3. řádku */
    /* Vynutíme vertikální a horizontální centrování tlačítka */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 1rem;
  }
}

.contact-container {
  display: grid;
  grid-template-areas: "box1 box2 box3 box4" "box5 box5 box6 box6" "box7 box7 box8 box8";
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .contact-container {
    grid-template-areas: "box1" "box2" "box3" "box4" "box5" "box6" "box7" "box8";
  }
}
.contact-container .contact-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.contact-container .contact-box:nth-child(1) {
  grid-area: box1;
}
.contact-container .contact-box:nth-child(2) {
  grid-area: box2;
}
.contact-container .contact-box:nth-child(3) {
  grid-area: box3;
}
.contact-container .contact-box:nth-child(4) {
  grid-area: box4;
}
.contact-container .contact-box:nth-child(5) {
  grid-area: box5;
}
@media screen and (max-width: 767px) {
  .contact-container .contact-box:nth-child(5) img {
    z-index: -1;
  }
  .contact-container .contact-box:nth-child(5) .pin {
    display: none;
  }
}
.contact-container .contact-box:nth-child(6) {
  grid-area: box6;
}
@media screen and (max-width: 767px) {
  .contact-container .contact-box:nth-child(6) img {
    padding-top: 3rem;
  }
}
.contact-container .contact-box:nth-child(7) {
  grid-area: box7;
}
.contact-container .contact-box:nth-child(8) {
  grid-area: box8;
}
.contact-container .contact-box .pin {
  background: #ffffff;
  box-shadow: rgba(37, 37, 37, 0.3568627451) 0 0 10px;
  padding: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 1rem 1rem 0 1rem;
  position: absolute;
  bottom: 10%;
  right: 35%;
  z-index: 10;
}
.contact-container .contact-box .pin:nth-child(3) {
  background: #3cb2e6;
  bottom: 35%;
  right: 10%;
}
.contact-container .contact-box .pin:nth-child(3) i {
  color: white;
}
.contact-container .contact-box .pin i {
  color: red;
  font-size: 1.3rem;
}

@media screen and (max-width: 767px) {
  .pobocky-contact-box {
    flex-direction: column !important;
  }
  .pobocky-contact-box .pobocky-box {
    flex-grow: 0;
    width: 100% !important;
  }
}

.specialista-contact-box {
  display: grid;
  gap: 2rem;
  grid-template-areas: "box1 box1 box1 box1 box2" "box3 box4 box5 box6 box6";
}
@media screen and (max-width: 767px) {
  .specialista-contact-box {
    grid-template-areas: "box1 box1 box1 box1 box1" "box3 box3 box3 box3 box3" "box4 box4 box4 box4 box4" "box5 box5 box5 box5 box5" "box6 box6 box2 box2 box2" !important;
  }
}

.pobocka-item {
  display: flex;
}
@media screen and (max-width: 767px) {
  .pobocka-item {
    flex-direction: column !important;
  }
  .pobocka-item .pobocka-info {
    flex-direction: column;
    max-width: 100% !important;
    overflow: hidden;
  }
  .pobocka-item .pobocka-info .pobocka-foto {
    max-width: 100% !important;
  }
  .pobocka-item .pobocka-info .pobocka-adress .info {
    max-width: 200% !important;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width: 0;
  }
  .pobocka-item .pobocka-info .pobocka-adress .info::-webkit-scrollbar {
    display: none;
  }
  .pobocka-item .pobocka-info .pobocka-adress .info {
    gap: 0.5rem;
  }
}

.contact-button {
  width: 100% !important;
  background: transparent;
  padding: 1.2rem 1rem;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: all 0.5s;
}
.contact-button:hover {
  background: #f1f1f1;
}

.contact-button2 {
  width: 100% !important;
  background: black;
  padding: 1.2rem 1rem;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  transition: all 0.5s;
}
.contact-button2:hover {
  background: #252525;
}

.social-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 767px) {
  .social-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.social-container {
  gap: 1rem;
}

select.text-input {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.specialist-img {
  background: #142f4c;
}

.specialist-text .obor span[data-color=finance] {
  background: #e8f6fc;
  color: #3cb2e6;
}
.specialist-text .obor span[data-color=reality] {
  background: #fbe2d4;
  color: #ec651c;
}
.specialist-text .obor span[data-color=energetika] {
  background: #e8f6ef;
  color: #3cb07b;
}

.icon-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1.5rem;
}

.icon-item {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 1rem;
  text-align: center;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.icon-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.icon-item i {
  font-size: 48px; /* Velikost ikony */
  margin-bottom: 1rem;
  color: #3498db;
}

.icon-name {
  font-family: monospace;
  font-size: 12px;
  color: #e74c3c;
  background-color: #ecf0f1;
  padding: 4px 6px;
  border-radius: 4px;
  word-break: break-all;
}

.copied-feedback {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #2ecc71;
  color: white;
  padding: 10px 20px;
  border-radius: 25px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1000;
}

.continue-section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  padding: 6rem 0;
}
@media screen and (min-width: 992px) {
  .continue-section {
    height: 100vh;
    max-height: 1200px;
  }
}

.continue-section-item {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (min-width: 992px) {
  .continue-section-item {
    flex-direction: row;
  }
  .continue-section-item:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}

.continue-section-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  flex-shrink: 0;
  gap: 1.5rem;
  font-size: 2rem;
  font-weight: 700;
  overflow: hidden;
  color: #ffffff;
  border-radius: 999px;
  padding: 4rem 3rem;
  background-color: #000000;
}
@media screen and (min-width: 992px) {
  .continue-section-button {
    width: 60%;
    padding: 6rem 6.25rem;
    font-size: 4rem;
  }
}
.continue-section-button::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  transform: translateX(100%);
  background: linear-gradient(-45deg, rgba(255, 255, 255, 0.1), transparent);
  pointer-events: none;
  transition: transform 0.3s;
}
.continue-section-button::after {
  content: "\e91d";
  font-family: "icomoon";
  margin-left: auto;
  position: relative;
  transition: transform 0.3s;
}
.continue-section-button:hover + .continue-section-image {
  border-radius: 120px;
}
.continue-section-button:hover::after {
  transform: translateX(10px);
}
.continue-section-button:hover::before {
  transform: translateX(0);
}
.continue-section-button[data-color=black] {
  background-color: #000000;
}
.continue-section-button[data-color=primary] {
  background-color: #142f4c;
}

.continue-section-image {
  border-radius: 3rem;
  overflow: hidden;
  transition: border-radius 0.3s;
  flex-grow: 1;
}
.continue-section-image > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 991px) {
  .continue-section-image {
    display: none;
  }
}

.home-hero {
  padding: 0.75rem;
}
@media screen and (max-width: 767px) {
  .home-hero .container {
    width: auto;
  }
}

.home-hero-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  min-height: calc(100vh - 1.5rem);
  border-radius: 3rem;
  overflow: hidden;
}
.home-hero-wrapper > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.home-hero-wrapper > video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.home-hero-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 98.5%);
  pointer-events: none;
}

.home-hero-content {
  position: relative;
  color: #ffffff;
  padding-top: 8.5rem;
  padding-bottom: 8.5rem;
  max-width: 620px;
  z-index: 1;
}
.home-hero-content img {
  height: 3.75rem;
  margin-bottom: 1.5rem;
}
.home-hero-content p {
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1.875rem;
}

.home-quote-content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  max-height: 1200px;
}
@media screen and (max-width: 991px) {
  .home-quote-content {
    height: 50vh;
  }
}
.home-quote-content > h2 {
  padding-top: 4rem;
  padding-bottom: 4rem;
  max-width: 1200px;
  text-align: center;
  background: linear-gradient(107deg, #000 0%, #000 17.14%, #111 50.31%, #323232 82.55%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-services {
  position: relative;
  padding: 0.75rem;
  background-color: #ffffff;
}
@media screen and (min-width: 992px) {
  .home-services {
    height: calc(100dvh - 3.375rem - 1.5rem);
  }
}
.home-services > .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.home-services[data-section=finance] .home-services-background {
  background-color: #e8f6fc;
}
.home-services[data-section=finance] .home-services-icon {
  color: #3cb2e6;
}
.home-services[data-section=investment] .home-services-background {
  background-color: #e8f6fc;
}
.home-services[data-section=investment] .home-services-icon {
  color: #3cb2e6;
}
.home-services[data-section=realestate] .home-services-background {
  background-color: #fbe2d4;
}
.home-services[data-section=realestate] .home-services-icon {
  color: #ec651c;
}
.home-services[data-section=development] .home-services-background {
  background-color: #fbe2d4;
}
.home-services[data-section=development] .home-services-icon {
  color: #ec651c;
}
.home-services[data-section=photovoltaics] .home-services-background {
  background-color: #e8f6ef;
}
.home-services[data-section=photovoltaics] .home-services-icon {
  color: #3cb07b;
}
.home-services[data-section=energy] .home-services-background {
  background-color: #e8f6ef;
}
.home-services[data-section=energy] .home-services-icon {
  color: #3cb07b;
}

.home-services-content {
  position: relative;
  padding: 3.5rem 0;
  width: 100%;
}
@media screen and (min-width: 992px) {
  .home-services-content {
    width: 60%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.home-services-background {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  bottom: 0.75rem;
  left: 0.75rem;
  border-radius: 3rem;
}
@media screen and (min-width: 992px) {
  .home-services-background {
    left: 40%;
  }
}

.home-services-image {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  right: calc(60% + 0.75rem);
  bottom: 0.75rem;
  border-radius: 3rem;
}
.home-services-image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3rem;
}
@media screen and (max-width: 991px) {
  .home-services-image {
    display: none;
  }
}

.home-services-icon {
  display: inline-block;
  font-size: 3rem;
  margin-bottom: 1rem;
}

.home-services-buttons {
  display: grid;
  gap: 0.75rem;
  margin: 3rem 0;
}
@media screen and (min-width: 576px) {
  .home-services-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}

.home-services-button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 500;
  background-color: #ffffff;
  padding: 1.5rem;
  border-radius: 1.5rem;
  transition: border-radius 0.3s;
}
.home-services-button > i {
  font-size: 1.5rem;
}
.home-services-button::after {
  content: "\e922";
  font-family: "icomoon";
  font-size: 1.5rem;
  color: #757575;
  margin-left: auto;
  transition: transform 0.3s, color 0.3s;
}
.home-services-button:hover {
  border-radius: 40px;
}
.home-services-button:hover::after {
  transform: translateX(5px);
  color: #000000;
}

.home-numbers {
  overflow: hidden;
  position: relative;
  background-color: #000000;
  color: #ffffff;
}
@media screen and (min-width: 992px) {
  .home-numbers {
    height: 100vh;
    max-height: 1200px;
  }
}
.home-numbers > .container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}

.home-numbers-content {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem 2rem;
  padding: 4rem 1.5rem;
}
@media screen and (min-width: 992px) {
  .home-numbers-content {
    width: 60%;
    gap: 4rem 5rem;
    padding: 6rem 3rem;
  }
}
.home-numbers-content > div:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
@media screen and (max-width: 991px) {
  .home-numbers-content > div > .h1 {
    font-size: clamp(1.75rem, 6vw, 3.5rem);
  }
}
.home-numbers-content p {
  font-size: 0.9rem;
  font-weight: 300;
  color: #757575;
  margin-top: 0.375rem;
}
@media screen and (min-width: 992px) {
  .home-numbers-content p {
    font-size: 1.1rem;
    margin-top: 0.5rem;
  }
}

.home-numbers-video {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  height: 80%;
}
@media screen and (max-width: 991px) {
  .home-numbers-video {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .mobile-hidden {
    display: none;
  }
}

.blog-list {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  overflow-x: scroll;
  scrollbar-width: 0;
  scrollbar-color: transparent;
}
.blog-list::-webkit-scrollbar {
  display: none;
}

.blog-list2 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 2rem;
}

.blog-button-container {
  display: flex;
}
@media screen and (max-width: 767px) {
  .blog-button-container {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    overflow-x: scroll !important;
    scrollbar-width: 0 !important;
    scrollbar-color: transparent !important;
  }
  .blog-button-container::-webkit-scrollbar {
    display: none !important;
  }
  .blog-button-container .button {
    width: 100%;
    flex-grow: 0;
  }
}

.blog-card {
  flex: 1 1 25%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .blog-card {
    flex: 1 0 80%;
  }
}
.blog-card:first-child {
  margin-left: 1.5rem;
}
.blog-card:last-child {
  margin-right: 1.5rem;
}

.blog-card2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.blog-card-image {
  aspect-ratio: 1;
  border-radius: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.blog-card-date {
  font-size: 0.875rem;
  font-weight: 300;
}

.blog-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
  line-height: 1.15;
}
.blog-card-title:hover {
  text-decoration: underline;
}

.blog-card-button {
  display: inline-flex;
  background-color: #ffffff;
  padding: 1rem;
  border-radius: 999px;
  margin-top: auto;
  transition: background-color 0.3s, color 0.3s;
}
.blog-card-button:hover {
  background-color: #000000;
  color: #ffffff;
}
.blog-card-button::after {
  content: "\e91d";
  font-family: "icomoon";
  font-size: 1.375rem;
  line-height: 1;
}

.finance-features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 1.5rem;
}
.finance-features > div {
  grid-column: span 3/span 3;
}
.finance-features > div:nth-child(1) {
  grid-column: span 4/span 4;
}
.finance-features > div:nth-child(2) {
  grid-column: span 2/span 2;
}
@media screen and (max-width: 991px) {
  .finance-features > div {
    grid-column: span 3/span 3 !important;
  }
}
@media screen and (max-width: 767px) {
  .finance-features > div {
    grid-column: span 6/span 6 !important;
  }
}

.finance-calculator-grid {
  display: grid;
  gap: 1.5rem;
}
@media screen and (min-width: 992px) {
  .finance-calculator-grid {
    grid-template-columns: repeat(3, 1fr);
  }
  .finance-calculator-grid > div:first-of-type {
    grid-column: span 2/span 2;
  }
  .finance-calculator-grid > div:last-of-type {
    grid-column: span 1/span 1;
  }
}

.investment-numbers {
  display: flex;
  align-items: center;
  gap: 4rem;
}
@media screen and (max-width: 991px) {
  .investment-numbers {
    flex-direction: column;
    align-items: start;
    gap: 2rem;
  }
}

.investment-numbers-grid {
  overflow: hidden;
}
.investment-numbers-grid > div {
  margin-left: -2px;
  margin-top: -2px;
}
.investment-numbers-grid > div > div {
  padding: 3rem;
  border-color: rgba(117, 117, 117, 0.16);
  border-width: 1px 0 0 1px;
  border-style: solid;
}
@media screen and (max-width: 991px) {
  .investment-numbers-grid > div > div {
    padding: 2rem;
  }
}

.real-estate-features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 1.5rem;
}
.real-estate-features > div {
  grid-column: span 3/span 3;
}
.real-estate-features > div:nth-child(3) {
  grid-column: span 4/span 4;
}
.real-estate-features > div:nth-child(4) {
  grid-column: span 2/span 2;
}
@media screen and (max-width: 991px) {
  .real-estate-features > div {
    grid-column: span 3/span 3 !important;
  }
}
@media screen and (max-width: 767px) {
  .real-estate-features > div {
    grid-column: span 6/span 6 !important;
  }
}

.real-estate-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}

.real-estate-card-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.125rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #ffffff;
  background-color: #ec651c;
  border-radius: 999px;
  padding: 0.125rem 0.75rem;
  min-height: 1.75rem;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 1;
}

.real-estate-card-sticker {
  position: absolute;
  top: 0.75rem;
  right: 1.25rem;
  width: 3.75rem;
  height: 3.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.real-estate-card-sticker > svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.real-estate-card-sticker > span {
  position: relative;
  z-index: 2;
  color: #ec651c;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
}

.real-estate-card-images {
  display: flex;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.5;
  background-color: #fbe2d4;
}
.real-estate-card-images img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}

.real-estate-card-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  flex: 1;
}
.real-estate-card-content > a:first-child {
  flex: 1;
}

.real-estate-card-images-slider-nav {
  position: absolute;
  bottom: 0.75rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.5rem;
  z-index: 1;
}
.real-estate-card-images-slider-nav > li.tns-nav-active > button {
  opacity: 1;
  width: 1rem;
}
.real-estate-card-images-slider-nav button {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 999px;
  background-color: #ffffff;
  opacity: 0.5;
  cursor: pointer;
  transition: width 0.3s;
}

.real-estate-filter {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  background-color: #ffffff;
  border-radius: 2rem;
  padding: 1.75rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
  .real-estate-filter {
    flex-direction: column;
    transform: translateY(0);
    margin-top: 1rem;
  }
}

.real-estate-filter-button {
  display: inline-flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  height: 4rem;
  border: 1px solid #acb2bc;
  border-radius: 999px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s;
  cursor: pointer;
}
.real-estate-filter-button:hover {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
.real-estate-filter-button[data-active] {
  border: 2px solid #000000;
  position: relative;
}
.real-estate-filter-button[data-active] > span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #000000;
  border-radius: 999px;
  border: 2px solid #ffffff;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 500;
  position: absolute;
  top: -0.25rem;
  right: -0.25rem;
}

.real-estate-detail-grid {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 7rem;
}
@media screen and (min-width: 992px) {
  .real-estate-detail-grid {
    flex-direction: row;
  }
  .real-estate-detail-grid > div:nth-child(1) {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .real-estate-detail-grid > div:nth-child(2) {
    width: 414px;
    flex-shrink: 0;
  }
}

.real-estate-consultation {
  display: flex;
  align-items: flex-end;
  gap: 0 2rem;
  background: linear-gradient(103deg, #d9560f 0%, #ec651c 43.4%, #ff8e52 85.11%, #ff9f6b 101.87%);
  border-radius: 3rem;
  padding: 0 7.5vw;
  color: #ffffff;
}
.real-estate-consultation > div {
  padding: 6rem 0;
}
.real-estate-consultation > img {
  max-width: max(563px, 30vw);
}
@media screen and (max-width: 767px) {
  .real-estate-consultation {
    flex-direction: column;
  }
  .real-estate-consultation > div {
    padding: 3rem 0;
  }
  .real-estate-consultation > img {
    max-width: 100%;
    width: 100%;
  }
}

.real-estate-marketing-before-after {
  position: relative;
  margin-top: 4rem;
}

.real-estate-before-after {
  border-radius: 3rem;
  max-width: 1026px;
  margin: 0 auto;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.real-estate-before-after img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
}
.real-estate-before-after .after-image {
  display: block;
  width: 100%;
}
.real-estate-before-after .before-image {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 2;
}
.real-estate-before-after .resizer {
  position: absolute;
  display: flex;
  align-items: center;
  z-index: 5;
  top: 0;
  left: 50%;
  height: 100%;
  width: 4px;
  background: white;
  /*Stop vertical scrolling on touch*/
  touch-action: pan-y;
}
.real-estate-before-after .resizer::after {
  background-color: #ffffff;
  content: "\e939";
  font-family: "icomoon" !important;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  transform: rotate(90deg);
  color: #000000;
  position: absolute;
  margin: 0 0 0 -26px;
  cursor: w-resize;
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.real-estate-before-after-tag {
  background-color: #000000;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.125rem 0.75rem;
  border-radius: 999px;
  position: absolute;
  top: 1rem;
  z-index: 1;
}

.real-estate-marketing-before-after-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.real-estate-marketing-before-after-button[data-prev] {
  left: 1rem;
  transform: translateY(-50%) rotate(180deg);
}
.real-estate-marketing-before-after-button[data-next] {
  right: 1rem;
}
.real-estate-marketing-before-after-button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.development-card {
  position: relative;
  overflow: hidden;
  border-radius: 1.5rem;
  background-color: #ffffff;
  color: #000000;
}
.development-card:hover > .development-card-image img {
  transform: scale(1.1);
}

.development-card-image {
  display: flex;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1.5;
  background-color: #fbe2d4;
}
.development-card-image img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
  transition: transform 0.3s;
}

.development-card-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}

.development-detail-grid {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 7rem;
}
@media screen and (min-width: 992px) {
  .development-detail-grid {
    flex-direction: row;
  }
  .development-detail-grid > div:nth-child(1) {
    width: 414px;
    flex-shrink: 0;
  }
  .development-detail-grid > div:nth-child(2) {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 1200px) {
  .development-detail-grid {
    gap: 7rem;
  }
}

.development-consultation {
  display: flex;
  align-items: flex-end;
  gap: 0 2rem;
  background: linear-gradient(103deg, #eba746 0%, #f3b760 43.4%, #f6c073 85.11%, #fcc980 101.87%);
  border-radius: 3rem;
  padding: 0 7.5vw;
  color: #ffffff;
}
.development-consultation > div {
  padding: 6rem 0;
}
.development-consultation > img {
  max-width: max(563px, 30vw);
}
@media screen and (max-width: 767px) {
  .development-consultation {
    flex-direction: column;
  }
  .development-consultation > div {
    padding: 3rem 0;
  }
  .development-consultation > img {
    max-width: 100%;
    width: 100%;
  }
}

.development-features-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.development-features-cards > * {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
  min-width: 300px;
  max-width: 400px;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 2.5rem;
}
.development-features-cards > * > span {
  display: inline-flex;
  color: #ec651c;
  background-color: rgba(236, 101, 28, 0.08);
  border-radius: 1rem;
  padding: 0.75rem;
  font-size: 2rem;
  margin-bottom: 0.75rem;
}

.development-reverse-image-grid {
  display: flex;
  flex-direction: column;
  gap: 9rem;
}
.development-reverse-image-grid > div {
  display: flex;
  align-items: center;
  gap: 9rem;
}
.development-reverse-image-grid > div > div {
  width: 50%;
}
.development-reverse-image-grid > div > img {
  aspect-ratio: 1;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 3rem;
}
@media screen and (max-width: 991px) {
  .development-reverse-image-grid {
    gap: 3.5rem;
  }
  .development-reverse-image-grid > div {
    flex-direction: column;
    gap: 3.5rem;
  }
  .development-reverse-image-grid > div > div {
    width: 100%;
  }
  .development-reverse-image-grid > div > img {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 992px) {
  .development-reverse-image-grid > div:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.development-pricing-filter {
  display: flex;
  gap: 1.5rem;
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 2.5rem;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .development-pricing-filter {
    flex-direction: row;
  }
  .development-pricing-filter > div {
    flex: 1;
  }
}

.development-pricing-item {
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 2rem 2.5rem;
  display: flex;
  gap: 1.5rem 0;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.development-pricing-item > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1.5rem;
  padding-right: 1rem;
}
.development-pricing-item > div > span {
  font-size: 1rem;
  font-weight: 300;
}
.development-pricing-item > div:nth-child(1) {
  width: 50%;
}
.development-pricing-item > div:nth-child(2) {
  width: 50%;
}
.development-pricing-item > div:nth-child(3) {
  width: 50%;
}
.development-pricing-item > div:nth-child(4) {
  width: 50%;
}
.development-pricing-item > div:nth-child(5) {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .development-pricing-item > div:nth-child(1) {
    width: 20%;
  }
  .development-pricing-item > div:nth-child(2) {
    width: 20%;
  }
  .development-pricing-item > div:nth-child(3) {
    width: 20%;
  }
  .development-pricing-item > div:nth-child(4) {
    width: 15%;
  }
  .development-pricing-item > div:nth-child(5) {
    width: 25%;
  }
}

.fotovoltaika-features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 1.5rem;
}
.fotovoltaika-features > div {
  grid-column: span 3/span 3;
}
.fotovoltaika-features > div:nth-child(1) {
  grid-column: span 6/span 6;
}
.fotovoltaika-features > div:nth-child(2) {
  grid-column: span 4/span 4;
}
.fotovoltaika-features > div:nth-child(3) {
  grid-column: span 2/span 2;
}
@media screen and (max-width: 991px) {
  .fotovoltaika-features > div {
    grid-column: span 3/span 3 !important;
  }
}
@media screen and (max-width: 767px) {
  .fotovoltaika-features > div {
    grid-column: span 6/span 6 !important;
  }
}

@media screen and (max-width: 767px) {
  .kalkulacka-wrapper {
    padding: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .kalkulacka-mobile {
    flex-direction: column;
  }
}

.fve-firm-grid {
  min-width: 1000px;
}
@media screen and (max-width: 767px) {
  .fve-firm-grid {
    min-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .cenik-text {
    text-align: left !important;
  }
}

.h-aspect-1 {
  aspect-ratio: 1/1;
}

.h-aspect-2 {
  aspect-ratio: 3/2;
}

.h-aspect-3 {
  aspect-ratio: 4/3;
}

.h-aspect-4 {
  aspect-ratio: 3/4;
}

.nejprodavanejsi {
  scale: 1.05;
  border: 2px solid #3cb07b;
}
.nejprodavanejsi::after {
  content: "Nejprodávanější";
  position: absolute;
  top: -1.2rem;
  right: 50%;
  transform: translateX(50%);
  background-color: #3cb07b;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  padding: 0.5rem 5rem;
  border-radius: 5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .fve-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    gap: 2rem !important;
  }
  .fve-container .fve-div {
    width: 100% !important;
  }
  .fve-container .fve-line {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .fve-section {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .fve-section .h4 {
    padding-left: 1.5rem !important;
  }
}

.fve-container2 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* Zajišťuje plynulé scrollování na iOS */
  scrollbar-width: none;
}
@media screen and (max-width: 767px) {
  .fve-container2 {
    flex-wrap: nowrap !important;
    gap: 1.5rem !important;
  }
  .fve-container2 .fve-item {
    flex-shrink: 0 !important;
    width: 80% !important;
  }
  .fve-container2 .fve-item:first-child {
    margin-left: 1.5rem !important;
  }
  .fve-container2 .fve-item:last-child {
    margin-right: 1.5rem !important;
  }
}

.fve-container2::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 767px) {
  .fve-price-container {
    padding-top: 0 !important;
  }
  .fve-price-container .fve-price-item {
    margin-bottom: 2rem !important;
  }
}

@media screen and (max-width: 767px) {
  .tabs-img {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .section-jak {
    display: none !important;
  }
}

.App-buttton {
  width: 30%;
  aspect-ratio: 823/81;
  border: 1px solid #ffffff;
  transition: background-color 0.3s ease;
}
.App-buttton:hover {
  background-color: #3cb07b !important;
}
@media screen and (max-width: 767px) {
  .App-buttton {
    width: 48%;
  }
}

.energie-features {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem 1.5rem;
}
.energie-features > div {
  grid-column: span 3/span 3;
}
.energie-features > div:nth-child(1) {
  grid-column: span 3/span 3;
}
.energie-features > div:nth-child(2) {
  grid-column: span 3/span 3;
}
.energie-features > div:nth-child(3) {
  grid-column: span 4/span 4;
}
.energie-features > div:nth-child(4) {
  grid-column: span 2/span 2;
}
@media screen and (max-width: 991px) {
  .energie-features > div {
    grid-column: span 3/span 3 !important;
  }
}
@media screen and (max-width: 767px) {
  .energie-features > div {
    grid-column: span 6/span 6 !important;
  }
}

.ce-accordion {
  margin-bottom: 1rem;
  border-radius: 1.5rem;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.ce-accordion-header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  cursor: pointer;
  list-style: none;
  color: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: filter 0.2s;
}
.ce-accordion-header::-webkit-details-marker {
  display: none;
}
.ce-accordion-header:hover {
  filter: brightness(1.08);
}
.ce-accordion-header--energy {
  background-color: #3cb07b;
}
.ce-accordion-header--plyn {
  background-color: #3cb07b;
}
.ce-accordion-header--ostatni {
  background-color: #142f4c;
}
.ce-accordion-header--fve {
  background-color: #000000;
}
.ce-accordion-header--index {
  background-color: #000000;
}
.ce-accordion-header--emisni {
  background-color: #000000;
}

.ce-accordion-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.2);
  flex-shrink: 0;
  font-size: 1.25rem;
}

.ce-accordion-title {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 600;
}

.ce-accordion-chevron {
  font-size: 1.25rem;
  flex-shrink: 0;
  transition: transform 0.3s;
}

details[open] > .ce-accordion-header .ce-accordion-chevron {
  transform: rotate(90deg);
}

.ce-accordion-body {
  padding: 1.5rem;
  background-color: #ffffff;
  border: 1px solid #eceef0;
  border-top: none;
  border-radius: 0 0 1.5rem 1.5rem;
}

.ce-section-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #757575;
  margin-bottom: 0.75rem;
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eceef0;
}
.ce-section-label:first-child {
  margin-top: 0;
}

.ce-group {
  margin-bottom: 1.25rem;
}

.ce-group-title {
  font-size: 0.9rem;
  font-weight: 600;
  color: #000000;
  padding: 0.625rem 1rem;
  background-color: #f1f1f1;
  border-radius: 0.5rem 0.5rem 0 0;
  border: 1px solid #eceef0;
}

.ce-doc-row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background-color: #ffffff;
  border: 1px solid #eceef0;
  border-top: none;
  color: #000000;
  font-size: 0.9rem;
  transition: background-color 0.15s;
}
.ce-doc-row:last-child {
  border-radius: 0 0 0.5rem 0.5rem;
}
.ce-doc-row > i:first-child {
  font-size: 1.1rem;
  color: #3cb07b;
  flex-shrink: 0;
}
.ce-doc-row > span {
  flex: 1;
}
.ce-doc-row > i:last-child {
  font-size: 1rem;
  color: #757575;
  flex-shrink: 0;
  transition: transform 0.2s, color 0.2s;
}
.ce-doc-row:hover {
  background-color: #f1f1f1;
}
.ce-doc-row:hover > i:last-child {
  transform: translateX(4px);
  color: #3cb07b;
}

.ce-archive {
  border: 1px solid #eceef0;
  border-radius: 0.5rem;
  overflow: hidden;
}

.ce-archive-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.875rem 1rem;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  list-style: none;
  background-color: #f1f1f1;
  color: #000000;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.ce-archive-summary::-webkit-details-marker {
  display: none;
}
.ce-archive-summary .ce-archive-icon {
  font-size: 1rem;
  color: #757575;
  transition: transform 0.3s;
}

details[open] > .ce-archive-summary .ce-archive-icon {
  transform: rotate(90deg);
}

.ce-archive-content {
  padding: 1rem;
  border-top: 1px solid #eceef0;
}

@media screen and (max-width: 991px) {
  .energie-hidden {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .energie-hidden {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .page-hero-img--left-mobile {
    left: auto !important;
    right: 0 !important;
    transform: translateY(-50%) !important;
  }
}
.bidli-logos-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 767px) {
  .bidli-logos-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bidli-logo-box {
  background-color: #ffffff;
  border-radius: 1.5rem;
  padding: 1.5rem;
  min-height: 120px;
  min-width: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bidli-logo-box img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 72px;
  -o-object-fit: contain;
     object-fit: contain;
}

.bidli-compat-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .bidli-compat-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.bidli-compat-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.bidli-compat-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}
.bidli-compat-list li p {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.6;
}

.bidli-compat-icon {
  font-size: 1.25rem;
  flex-shrink: 0;
  margin-top: 0.15em;
}

.bidli-compat-img {
  border-radius: 3rem;
  overflow: hidden;
}
.bidli-compat-img img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .bidli-compat-img {
    display: none;
  }
}

.tc-calc-wrapper {
  background-color: #f1f1f1;
  border-radius: 1.5rem;
  padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 4vw, 3.5rem);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.tc-calc-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 991px) {
  .tc-calc-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 575px) {
  .tc-calc-metrics {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
  }
}

.tc-calc-metric {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.tc-calc-label {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #757575;
  margin: 0;
}

.tc-calc-value {
  font-size: clamp(1.4rem, 2.5vw, 2rem);
  font-weight: 700;
  color: #000000;
  line-height: 1.1;
  margin: 0;
}

.tc-calc-sub {
  font-size: 0.8rem;
  font-weight: 400;
  color: #757575;
  margin: 0;
}

.tc-calc-chart-card {
  background: #ffffff;
  border-radius: 1rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .tc-calc-chart-card {
    padding: 1.25rem;
  }
}

.tc-calc-chart-title {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  margin: 0 0 1rem;
}

.tc-calc-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.tc-calc-legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: #5c606a;
}
.tc-calc-legend-item::before {
  content: "";
  display: inline-block;
  width: 2rem;
  height: 3px;
  border-radius: 2px;
}
.tc-calc-legend-item--red::before {
  background: #e53e3e;
}
.tc-calc-legend-item--green::before {
  background: #3cb07b;
}
.tc-calc-legend-item--gray::before {
  background: #757575;
}
.tc-calc-legend-item--gray-light::before {
  background: #acb2bc;
}
.tc-calc-legend-item--dashed::before {
  background: repeating-linear-gradient(90deg, #3cb07b 0, #3cb07b 6px, transparent 6px, transparent 10px);
}

.tc-calc-canvas-wrap {
  position: relative;
  width: 100%;
}

.tc-calc-loan {
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem 2rem;
}
@media screen and (max-width: 767px) {
  .tc-calc-loan {
    padding: 1.25rem;
  }
}

.tc-calc-loan-title {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #757575;
  margin: 0 0 1.25rem;
}

.tc-calc-loan-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 991px) {
  .tc-calc-loan-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .tc-calc-loan-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.tc-calc-loan-box {
  background: #f1f1f1;
  border-radius: 0.5rem;
  padding: 1rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.tc-calc-loan-box--highlight {
  background: #e8f6ef;
}
.tc-calc-loan-box--highlight .tc-calc-value {
  color: #3cb07b;
}

.tc-for-whom-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}
@media screen and (max-width: 767px) {
  .tc-for-whom-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.tc-for-whom-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  background: #ffffff;
  border-radius: 1rem;
  padding: 1.5rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.05);
}

.tc-for-whom-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #e8f6ef;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3cb07b;
  font-size: 1.1rem;
}

@media screen and (max-width: 767px) {
  #calc-result {
    padding: 1rem !important;
  }
  #calc-result .h-display-flex.h-justify-between {
    align-items: baseline;
    gap: 0.5rem;
  }
  #calc-result .h-display-flex.h-justify-between > p:first-child {
    font-size: 0.875rem;
    flex: 1;
  }
  #calc-result .h-display-flex.h-justify-between > p:last-child {
    font-size: 0.875rem;
    flex-shrink: 0;
    text-align: right;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  #calc-result {
    background-color: #ffffff !important;
  }
}
.in-nem-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 1.5rem;
}
.in-nem-why-grid > *:nth-child(1) {
  grid-column: span 2;
}
.in-nem-why-grid > *:nth-child(2) {
  grid-column: span 1;
}
.in-nem-why-grid > *:nth-child(3) {
  grid-column: span 1;
}
.in-nem-why-grid > *:nth-child(4) {
  grid-column: span 2;
}
.in-nem-why-grid > *:nth-child(5) {
  grid-column: span 3;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}
.in-nem-why-grid > *:nth-child(5) i {
  flex-shrink: 0;
}
.in-nem-why-grid > *:nth-child(5) > div {
  flex: 1;
}
@media screen and (max-width: 991px) {
  .in-nem-why-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .in-nem-why-grid > * {
    grid-column: span 1 !important;
    flex-direction: column !important;
  }
}
@media screen and (max-width: 767px) {
  .in-nem-why-grid {
    grid-template-columns: 1fr;
  }
}

.in-nem-chart-section {
  background-color: #142f4c;
}

.in-nem-chart-wrapper {
  width: 100%;
  height: 480px;
}
@media screen and (max-width: 767px) {
  .in-nem-chart-wrapper {
    height: 320px;
  }
}

.in-nem-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  align-items: start;
}
@media screen and (max-width: 991px) {
  .in-nem-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .in-nem-grid {
    grid-template-columns: 1fr;
  }
}

.in-nem-card.card {
  padding: 0;
  display: flex;
  flex-direction: column;
}

.in-nem-card-img {
  position: relative;
  width: 100%;
  aspect-ratio: 4/3;
  flex-shrink: 0;
}
.in-nem-card-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.in-nem-card-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
  flex: 1;
}
.in-nem-card-body .button {
  width: 100%;
  justify-content: center;
  text-align: center;
}

.in-nem-card-stats {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}

.in-nem-stat {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}

.in-nem-stat-label {
  font-size: 0.8125rem;
  font-weight: 400;
  color: #757575;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.in-nem-stat-value {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}

.in-nem-stat--highlight {
  margin-top: 0.25rem;
  padding-top: 0.75rem;
  border-top: 1px solid #eceef0;
}
.in-nem-stat--highlight .in-nem-stat-value {
  font-size: 1.75rem;
}

.in-nem-badge {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 0.3rem 0.75rem;
  border-radius: 999px;
  color: #ffffff;
}
.in-nem-badge--green {
  background-color: #3cb07b;
}
.in-nem-badge--orange {
  background-color: #ec651c;
}
.in-nem-badge--gray {
  background-color: #757575;
}

.in-nem-photo-gallery {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .in-nem-photo-gallery {
    grid-template-columns: 1fr;
  }
}

.in-nem-photo-main {
  overflow: hidden;
  min-height: 200px;
}
.in-nem-photo-main a {
  display: block;
  width: 100%;
  height: 100%;
}
.in-nem-photo-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.in-nem-photo-main img:hover {
  transform: scale(1.03);
}
@media screen and (max-width: 767px) {
  .in-nem-photo-main {
    aspect-ratio: 16/9;
    min-height: unset;
  }
}

.in-nem-photo-thumbs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}
@media screen and (max-width: 767px) {
  .in-nem-photo-thumbs {
    grid-template-columns: repeat(3, 1fr);
  }
}

.in-nem-photo-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.in-nem-photo-thumb a {
  display: block;
  width: 100%;
  height: 100%;
}
.in-nem-photo-thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}
.in-nem-photo-thumb img:hover {
  transform: scale(1.03);
}
.in-nem-photo-thumb--more img {
  filter: brightness(0.55);
}
@media screen and (max-width: 767px) {
  .in-nem-photo-thumb:nth-child(4) {
    display: none;
  }
}

.in-nem-gallery-btn {
  position: absolute;
  bottom: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: rgba(255, 255, 255, 0.95);
  border: none;
  padding: 0.5rem 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  border-radius: 999px;
  cursor: pointer;
  color: #000000;
  font-family: inherit;
  white-space: nowrap;
  transition: background 0.2s;
}
.in-nem-gallery-btn:hover {
  background: #ffffff;
}

.in-nem-breadcrumb {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
}

.in-nem-back {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #757575;
  text-decoration: none;
  transition: color 0.2s;
}
.in-nem-back:hover {
  color: #142f4c;
}

.in-nem-breadcrumb-nav {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.8rem;
  color: #757575;
}
.in-nem-breadcrumb-nav a {
  color: #757575;
  text-decoration: none;
  transition: color 0.2s;
}
.in-nem-breadcrumb-nav a:hover {
  color: #142f4c;
}
.in-nem-breadcrumb-nav span:last-child {
  color: #142f4c;
  font-weight: 500;
}

.in-nem-detail-grid {
  display: grid;
  grid-template-columns: 1fr minmax(0, 360px);
  gap: 3rem;
  align-items: start;
  margin-bottom: 5rem;
}
@media screen and (max-width: 991px) {
  .in-nem-detail-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

.in-nem-divider {
  width: 3rem;
  height: 2px;
  background-color: #ec651c;
  margin: 2rem 0;
}

.in-nem-specs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid #eceef0;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .in-nem-specs {
    grid-template-columns: 1fr;
  }
}

.in-nem-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #eceef0;
  border-right: 1px solid #eceef0;
  gap: 1rem;
}
.in-nem-spec-row:nth-child(2n) {
  border-right: none;
}
.in-nem-spec-row:nth-last-child(-n+2) {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  .in-nem-spec-row {
    border-right: none;
  }
  .in-nem-spec-row:last-child {
    border-bottom: none;
  }
  .in-nem-spec-row:nth-last-child(-n+2) {
    border-bottom: 1px solid #eceef0;
  }
  .in-nem-spec-row:last-child {
    border-bottom: none;
  }
}

.in-nem-spec-alt {
  background-color: #f1f1f1;
}

.in-nem-spec-label {
  font-size: 0.8rem;
  color: #757575;
  letter-spacing: 0.04em;
}

.in-nem-spec-value {
  font-size: 0.9rem;
  font-weight: 600;
  color: #142f4c;
  text-align: right;
}

.in-nem-map-placeholder {
  width: 100%;
  height: 280px;
  background-color: #f1f1f1;
  border: 1px solid #eceef0;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}

.in-nem-sidebar {
  position: sticky;
  top: 120px;
}
@media screen and (max-width: 991px) {
  .in-nem-sidebar {
    position: static;
  }
}

.in-nem-price-card {
  gap: 0;
}
.in-nem-price-card .h1 {
  font-size: 2rem !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}

.in-nem-price-label {
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #ec651c;
  font-weight: 500;
  margin-bottom: 0.375rem;
}

.in-nem-sidebar-divider {
  height: 1px;
  background-color: #eceef0;
  margin: 1.5rem 0;
}

.in-nem-sidebar-stat {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
}

.in-nem-btn-secondary {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.875rem 1rem;
  background: transparent;
  color: #142f4c;
  font-size: 0.85rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  border: 1px solid #eceef0;
  border-radius: 999px;
  cursor: pointer;
  text-decoration: none;
  font-family: inherit;
  transition: border-color 0.2s;
}
.in-nem-btn-secondary:hover {
  border-color: #142f4c;
}

.in-nem-advisor {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1.5rem;
}

.in-nem-advisor-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: #f1f1f1;
  border: 1px solid #eceef0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1.25rem;
}

.in-nem-similar {
  padding-top: 4rem;
  border-top: 1px solid #eceef0;
}
.in-nem-similar .in-nem-card-body .button {
  display: none;
}

.e-sdilej-hero-logo {
  height: 3rem;
  width: auto;
}

.e-sdilej-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 991px) {
  .e-sdilej-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .e-sdilej-stats {
    grid-template-columns: 1fr;
  }
}

.e-sdilej-steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 991px) {
  .e-sdilej-steps {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .e-sdilej-steps {
    grid-template-columns: 1fr;
  }
}

.e-sdilej-law {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem 1.5rem;
}
@media screen and (max-width: 767px) {
  .e-sdilej-law {
    grid-template-columns: 1fr;
  }
}

.e-sdilej-cta-banner {
  background-image: url("/assets/e-sdilej/Energy.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 3rem;
  overflow: hidden;
}

.e-sdilej-video-wrapper {
  position: relative;
  width: 100%;
  border-radius: 3rem;
  overflow: hidden;
  aspect-ratio: 16/9;
}
.e-sdilej-video-wrapper video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.e-sdilej-two-col {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem;
  align-items: stretch;
}
@media screen and (max-width: 991px) {
  .e-sdilej-two-col {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
.e-sdilej-two-col .e-sdilej-two-col-img {
  position: relative;
  min-height: 320px;
}
@media screen and (max-width: 991px) {
  .e-sdilej-two-col .e-sdilej-two-col-img {
    order: 2;
    min-height: 260px;
  }
}
.e-sdilej-two-col .e-sdilej-two-col-img img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3rem;
}
.e-sdilej-two-col .e-sdilej-two-col-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  .e-sdilej-two-col .e-sdilej-two-col-content {
    order: 1;
  }
}

.odhad-progress {
  display: flex;
  background: #f5f6f8;
  border-bottom: 1px solid #e8eaed;
  border-radius: 16px 16px 0 0;
  overflow: hidden;
}

.odhad-progress-step {
  flex: 1;
  padding: 1rem 0.5rem;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #9aa0ac;
  position: relative;
  transition: color 0.2s;
}
.odhad-progress-step::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  transition: background 0.2s;
}
.odhad-progress-step.is-active {
  color: #142f4c;
  font-weight: 600;
}
.odhad-progress-step.is-active::after, .odhad-progress-step.is-done::after {
  background: #142f4c;
}
.odhad-progress-step.is-done {
  color: #142f4c;
}

.odhad-step {
  display: none;
}

.odhad-step.is-active {
  display: block;
}

.odhad-result {
  display: none;
}

.odhad-result.is-active {
  display: block;
}

.odhad-type-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}
@media screen and (max-width: 540px) {
  .odhad-type-grid {
    grid-template-columns: 1fr;
  }
}

.odhad-type-card {
  border: 2px solid #e0e3e8;
  border-radius: 12px;
  padding: 1.25rem 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  text-align: center;
  transition: border-color 0.15s, background 0.15s;
  font-weight: 500;
  font-size: 1rem;
  color: #142f4c;
  background: #ffffff;
}
.odhad-type-card i {
  font-size: 2rem;
  color: #9aa0ac;
  transition: color 0.15s;
}
.odhad-type-card:hover {
  border-color: #142f4c;
  background: #f4f7fb;
}
.odhad-type-card.is-selected {
  border-color: #142f4c;
  background: #f0f4fa;
}
.odhad-type-card.is-selected i {
  color: #142f4c;
}

.odhad-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1.25rem;
}
.odhad-field label {
  font-size: 0.9rem;
  font-weight: 600;
  color: #142f4c;
}
.odhad-field input, .odhad-field select {
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-family: inherit;
  color: #142f4c;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
  width: 100%;
  box-sizing: border-box;
}
.odhad-field input:focus, .odhad-field select:focus {
  border-color: #142f4c;
}

.odhad-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 540px) {
  .odhad-field-row {
    grid-template-columns: 1fr;
  }
}

.odhad-form-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  border-top: 1px solid #e8eaed;
  margin-top: 0.5rem;
}

.odhad-params {
  display: none;
}

.odhad-params.is-active {
  display: block;
}

.odhad-result-price {
  font-size: 2.5rem;
  font-weight: 700;
  color: #142f4c;
  letter-spacing: -0.02em;
  margin: 0.5rem 0 0.25rem;
}

.odhad-result-features {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin: 1.5rem 0;
  text-align: left;
}
@media screen and (max-width: 540px) {
  .odhad-result-features {
    grid-template-columns: 1fr;
  }
}

.odhad-result-feature {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  background: #f5f6f8;
  border-radius: 10px;
  padding: 0.875rem 1rem;
  font-size: 0.9rem;
}
.odhad-result-feature i {
  color: #142f4c;
  font-size: 1.1rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}
.odhad-result-feature strong {
  display: block;
  font-weight: 600;
  margin-bottom: 0.1rem;
}
.odhad-result-feature span {
  color: #6b7280;
  font-size: 0.82rem;
  font-weight: 300;
}

.odhad-disclaimer {
  background: #fff8e1;
  border-left: 3px solid #f59e0b;
  border-radius: 0 8px 8px 0;
  padding: 0.875rem 1rem;
  font-size: 0.88rem;
  color: #78500a;
  margin: 1rem 0;
}

.odhad-testimonial {
  background: #ffffff;
  border-radius: 12px;
  border: 1px solid #e8eaed;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.odhad-testimonial-quote {
  font-style: italic;
  font-size: 1rem;
  font-weight: 300;
  color: #142f4c;
  line-height: 1.6;
  flex: 1;
}

.odhad-testimonial-author {
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b7280;
}

.odhad-stars {
  color: #f59e0b;
  font-size: 0.9rem;
}

.spec-intro-img-wrap {
  background-image: url("/assets/Prmary.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 3rem;
  display: flex;
  align-items: flex-end;
}
.spec-intro-img-wrap img {
  width: 100%;
  display: block;
  border-radius: 3rem;
}

.spec-badges-track-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.spec-badges-clip {
  overflow: hidden;
  flex: 1;
}

.spec-badges-track {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}

.spec-badge-item {
  flex: 0 0 calc((100% - 7.5rem) / 6);
  aspect-ratio: 3/4;
}
.spec-badge-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media screen and (max-width: 991px) {
  .spec-badge-item {
    flex: 0 0 calc((100% - 4.5rem) / 4);
  }
}
@media screen and (max-width: 767px) {
  .spec-badge-item {
    flex: 0 0 calc((100% - 3rem) / 3);
  }
}

.spec-badges-btn {
  flex-shrink: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 1.25rem;
  transition: background 0.2s;
}
.spec-badges-btn:hover {
  background: rgba(255, 255, 255, 0.25);
}
.spec-badges-btn:disabled {
  opacity: 0.3;
  cursor: default;
}

.spec-reviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 991px) {
  .spec-reviews {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .spec-reviews {
    grid-template-columns: 1fr;
  }
}

.spec-review-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.75rem;
  background: #ffffff;
  border-radius: 1.5rem;
  border: 1px solid #eceef0;
}

.spec-review-stars {
  display: flex;
  gap: 0.2rem;
  color: #f59e0b;
  font-size: 1rem;
}

.spec-review-text {
  font-size: 0.9375rem;
  font-weight: 300;
  line-height: 1.65;
  flex: 1;
  color: #142f4c;
}

.spec-review-author {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid #eceef0;
}

.spec-review-avatar {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: #f1f1f1;
  border: 1px solid #eceef0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 1rem;
  color: #757575;
}

.spec-review-name {
  font-size: 0.9rem;
  font-weight: 600;
  color: #142f4c;
}

.spec-review-date {
  font-size: 0.8rem;
  font-weight: 300;
  color: #757575;
}

.sj-card {
  background: #ffffff;
  border-radius: 1.5rem;
  box-shadow: 0 8px 48px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  margin: 0 auto;
}

.sj-progress {
  display: flex;
  background: #f1f1f1;
  border-bottom: 1px solid #eceef0;
}

.sj-progress-step {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  padding: 1rem 0.5rem;
  position: relative;
  transition: color 0.2s;
  cursor: default;
}
.sj-progress-step::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: transparent;
  transition: background 0.3s;
}
.sj-progress-step.is-active::after, .sj-progress-step.is-done::after {
  background: #3cb07b;
}

.sj-progress-num {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.78rem;
  font-weight: 700;
  background: #eceef0;
  color: #757575;
  transition: background 0.2s, color 0.2s;
  flex-shrink: 0;
}
.is-active .sj-progress-num, .is-done .sj-progress-num {
  background: #3cb07b;
  color: #ffffff;
}

.sj-progress-label {
  font-size: 0.75rem;
  font-weight: 500;
  color: #757575;
  text-align: center;
  line-height: 1.3;
}
.is-active .sj-progress-label {
  color: #142f4c;
  font-weight: 600;
}
.is-done .sj-progress-label {
  color: #3cb07b;
}
@media screen and (max-width: 767px) {
  .sj-progress-label {
    display: none;
  }
}

.sj-body {
  padding: 2.5rem 2.5rem 2rem;
}
@media screen and (max-width: 767px) {
  .sj-body {
    padding: 1.5rem 1.25rem 1.25rem;
  }
}

.sj-step {
  display: none;
}

.sj-step.is-active {
  display: block;
}

.sj-step-header {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #eceef0;
}

.sj-step-num {
  font-size: 2rem;
  font-weight: 700;
  color: #3cb07b;
  line-height: 1.1;
  flex-shrink: 0;
}

.sj-subtitle {
  color: #757575;
  margin-top: 0.2rem;
}

.sj-section-label {
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #757575;
  margin-bottom: 1rem;
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #eceef0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.sj-section-label:first-of-type {
  margin-top: 0;
}

.sj-type-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem;
  margin-bottom: 1.5rem;
}

.sj-type-card {
  border: 2px solid #eceef0;
  border-radius: 1rem;
  padding: 1.25rem 1rem;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3rem;
  text-align: center;
  transition: border-color 0.15s, background 0.15s;
  font-weight: 600;
  font-size: 1rem;
  color: #142f4c;
  background: #ffffff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sj-type-card i {
  font-size: 1.75rem;
  color: #757575;
  transition: color 0.15s;
}
.sj-type-card small {
  font-weight: 300;
  font-size: 0.8rem;
  color: #757575;
}
.sj-type-card:hover {
  border-color: #3cb07b;
  background: #e8f6ef;
}
.sj-type-card.is-selected {
  border-color: #3cb07b;
  background: #e8f6ef;
}
.sj-type-card.is-selected i {
  color: #3cb07b;
}

.sj-field {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  margin-bottom: 1rem;
}
.sj-field label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #142f4c;
}
.sj-field input,
.sj-field select,
.sj-field textarea {
  border: 1.5px solid #eceef0;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-family: inherit;
  color: #142f4c;
  background: #ffffff;
  outline: none;
  transition: border-color 0.15s;
  width: 100%;
  box-sizing: border-box;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
.sj-field input:focus,
.sj-field select:focus,
.sj-field textarea:focus {
  border-color: #3cb07b;
}
.sj-field input::-moz-placeholder, .sj-field select::-moz-placeholder, .sj-field textarea::-moz-placeholder {
  color: #acb2bc;
  font-weight: 300;
}
.sj-field input::placeholder,
.sj-field select::placeholder,
.sj-field textarea::placeholder {
  color: #acb2bc;
  font-weight: 300;
}
.sj-field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%23757575' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  padding-right: 2.5rem;
}

.sj-required {
  color: #3cb07b;
}

.sj-field-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  align-items: start;
}
@media screen and (max-width: 575px) {
  .sj-field-row {
    grid-template-columns: 1fr;
  }
}

.sj-field-row--3 {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: 1rem;
  align-items: start;
}
@media screen and (max-width: 575px) {
  .sj-field-row--3 {
    grid-template-columns: 1fr;
  }
}

.sj-field-row--4 {
  display: grid;
  grid-template-columns: 1fr 3fr 3fr 1fr;
  gap: 1rem;
  align-items: end;
}
@media screen and (max-width: 767px) {
  .sj-field-row--4 {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 575px) {
  .sj-field-row--4 {
    grid-template-columns: 1fr;
  }
}

.sj-radio-group {
  display: flex;
  gap: 1.5rem;
  padding: 0.75rem 1rem;
  border: 1.5px solid #eceef0;
  border-radius: 0.5rem;
}

.sj-radio {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
  color: #142f4c;
}
.sj-radio input[type=radio] {
  width: auto;
  accent-color: #3cb07b;
}

.sj-checkbox-inline {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #142f4c;
  cursor: pointer;
  text-transform: none;
  letter-spacing: 0;
}
.sj-checkbox-inline input[type=checkbox] {
  width: auto;
  accent-color: #3cb07b;
}

.sj-energy-group {
  display: none;
}

.sj-form-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  border-top: 1px solid #eceef0;
  margin-top: 1rem;
}

.sj-gdpr-note {
  font-size: 0.8rem;
  color: #757575;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-weight: 300;
  line-height: 1.5;
}
.sj-gdpr-note a {
  color: #3cb07b;
  text-decoration: underline;
}

.sj-success {
  display: none;
}

.sj-success.is-active {
  display: block;
}

.sj-success-inner {
  padding: 3rem 2.5rem;
  text-align: center;
  border-top: 1px solid #eceef0;
}
.sj-success-inner h3 {
  margin-top: 1.25rem;
}
.sj-success-inner p {
  color: #757575;
  max-width: 480px;
  margin: 0.75rem auto;
}

.sj-success-icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #e8f6ef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 2rem;
  color: #3cb07b;
}/*# sourceMappingURL=main.css.map */