@charset "UTF-8";
.extra-bold {
  font-weight: 800;
}

.bold {
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.medium {
  font-weight: 500;
}

.regular {
  font-weight: 400;
}

.light {
  font-weight: 300;
}

.fs15 {
  font-size: 0.938rem;
}

.fs14 {
  font-size: 0.875rem;
}

.fs18 {
  font-size: 1.125rem;
}

.fs26 {
  font-size: 1.625rem;
}

.black {
  color: 900;
}

.blue {
  color: #3A83FF;
}

.orange {
  color: #F09662;
}

.secondary-text {
  color: #898989;
}

.secondary-black {
  color: #3E3E3E;
}

.slash-grey {
  color: #A1A0A0;
}

.text-grey {
  color: #535353;
}

.text-light-grey {
  color: #7C7C7C;
}

.underline {
  text-decoration: underline;
}

html {
  font-size: 16px;
}

@media only screen and (max-width: 1020px) {
  h2 {
    line-height: 2.692rem;
    font-size: 2.308rem;
  }
  h3 {
    font-size: 1.923rem;
    line-height: 2.308rem !important;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  align-content: flex-start;
  transition: 0.3s ease-out;
}

body * {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
  /* WebKit */
}

body *::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

html {
  scroll-behavior: smooth;
}

.hidden {
  display: none;
}

html {
  overflow-x: hidden;
}

input:-internal-autofill-selected {
  appearance: menulist-button;
  background-image: none !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.fade-up {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

* {
  font-family: "Parkinsans", sans-serif;
  line-height: normal;
}

@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Parkinsans";
  src: url("./fonts/parkinsans/Parkinsans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
.mobile {
  display: none !important;
}

@media only screen and (max-width: 1920px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1820px) {
  html {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1720px) {
  html {
    font-size: 15px;
  }
  .home-main .b2b .points-container .points .point span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1620px) {
  html {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1520px) {
  html {
    font-size: 14px;
  }
  header {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1420px) {
  html {
    font-size: 13px;
  }
  header {
    font-size: 15px;
  }
  footer {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1320px) {
  html {
    font-size: 12px;
  }
  header {
    font-size: 14px;
  }
  footer {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1220px) {
  html {
    font-size: 11px;
  }
  header {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1120px) {
  html {
    font-size: 9.5px;
  }
  header {
    font-size: 12px !important;
  }
}
@media only screen and (max-width: 1020px) {
  html {
    font-size: 13px;
  }
  .desktop {
    display: none !important;
  }
  .mobile {
    display: flex !important;
  }
  header {
    font-size: 13px !important;
  }
}
@media only screen and (max-width: 380px) {
  html {
    font-size: 12px;
  }
}
.renvue {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.813rem;
  font-weight: 400;
}
.renvue span {
  font-weight: 600;
}
.renvue:hover {
  color: rgba(255, 255, 255, 0.8);
}

.main-btn {
  position: relative;
  overflow: hidden;
  background: transparent;
  font-weight: 400;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.main-btn.filled {
  background-color: #192951;
  color: white;
  border: 2px solid #D8A35B;
}
.main-btn.empty {
  background-color: white;
}
.main-btn.empty span {
  color: #192951;
}
.main-btn.border-white {
  background-color: rgba(0, 0, 0, 0);
  border: 0.125rem solid white;
}
.main-btn.border-white span {
  color: white;
}
.main-btn.border-blue {
  border: 0.125rem solid #192951;
}
.main-btn.border-blue span {
  color: #192951;
}
.main-btn.mini {
  padding-inline: 1rem;
  height: 2.875rem;
}
.main-btn.mini span {
  font-size: 0.875rem;
}
.main-btn.small {
  height: 3rem;
  padding-inline: 1.125rem;
}
.main-btn.small span {
  font-size: 1rem;
}
.main-btn.normal {
  height: 3.75rem;
  padding-inline: 1.375rem;
}
.main-btn.normal span {
  font-size: 1.25rem;
}
.main-btn span {
  position: relative;
  z-index: 2;
}

/* bublina */
.main-btn::before {
  content: "";
  position: absolute;
  width: 400%;
  height: 400%;
  border-radius: 50%;
  top: var(--y, 50%);
  left: var(--x, 50%);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  z-index: 1;
}

.main-btn.filled::before {
  background: #1E3464;
}

.main-btn.border-white::before {
  background: white;
}

.main-btn.border-blue::before {
  background: #192951;
}

.main-btn.border-blue:hover span {
  color: white;
}

.main-btn.border-white:hover span {
  color: #192951;
}

.main-btn.empty::before {
  background: rgba(255, 255, 255, 0.75);
}

.main-btn.empty:hover {
  background-color: rgba(0, 0, 0, 0);
}

.main-btn.white-before::before {
  background: white;
}

/* po hoveru */
.main-btn.hover::before {
  transform: translate(-50%, -50%) scale(1);
}

.main-btn.hover {
  color: #fff;
}

.lang-select {
  display: flex;
  flex-direction: column;
  position: relative;
}
.lang-select.footer .lang-btn {
  border-left: 1px solid #192951;
  border-right: 1px solid #192951;
  border-top: 1px solid #192951;
  color: white;
}
.lang-select.footer .lang-btn svg path {
  fill: #CCDAF7 !important;
}
.lang-select.footer .popup a {
  background-color: #192951;
  color: white;
}
.lang-select.footer .popup a:hover {
  background-color: #1E3464;
}
.lang-select .lang-btn {
  box-sizing: border-box;
  color: #192951;
  font-size: 0.875rem;
  cursor: pointer;
  height: 2.125rem;
  display: flex;
  align-items: center;
  width: 4.375rem;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-top: 1px solid white;
  gap: 0.563rem;
  border-bottom: none;
  background-color: rgba(0, 0, 0, 0);
  padding-inline: 0.625rem;
  transition: none !important;
}
.lang-select .lang-btn svg {
  transition: all 0.15s ease-out;
}
.lang-select.open .lang-btn {
  border-right: 1px solid #E8E0D2 !important;
  border-top: 1px solid #E8E0D2 !important;
  border-left: 1px solid #E8E0D2 !important;
}
.lang-select.open .lang-btn svg {
  transform: scale(-1);
}
.lang-select.open .lang-btn svg path {
  fill: #7A7060;
}
.lang-select.open .popup {
  opacity: 1;
  transform: scale(1);
  pointer-events: all;
  border-left: 1px solid #E8E0D2;
  border-right: 1px solid #E8E0D2;
  border-bottom: 1px solid #E8E0D2;
  transform: translateY(0);
}
.lang-select .popup {
  overflow: hidden;
  transition: border-color 0.15s ease-out;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  transition: all 0.05s ease-out;
  opacity: 0;
  transform: translateY(-20%);
  position: absolute;
  transform-origin: top center;
  top: 100%;
  width: 100%;
  pointer-events: none;
  left: 0;
}
.lang-select .popup a {
  color: #192951;
  font-size: 0.875rem;
  background-color: white;
  width: 100%;
  height: 2.125rem;
  display: flex;
  align-items: center;
  padding-inline: 0.625rem;
}
.lang-select .popup a:hover {
  background-color: #FAF7F2;
}

@media only screen and (max-width: 1020px) {
  .lang-select .lang-btn {
    text-decoration: underline;
    font-size: 1rem;
    height: 2.615rem;
    padding-inline: 0.769rem;
    width: 5.308rem !important;
    gap: 0.692rem !important;
  }
  .lang-select .lang-btn svg {
    width: 1.538rem !important;
    height: 1.538rem !important;
  }
  .lang-select .popup a {
    padding-inline: 0.692rem !important;
    height: 2.615rem !important;
    font-size: 1.077rem !important;
  }
  .lang-select.footer .lang-btn {
    border-left: 1px solid #192951;
    border-right: 1px solid #192951;
    border-bottom: 1px solid #192951;
    border-top: none !important;
  }
  .lang-select.footer .popup {
    transform: translateY(20%);
    bottom: 100% !important;
    top: auto !important;
    border-left: 1px solid #E8E0D2;
    border-right: 1px solid #E8E0D2;
    border-top: 1px solid #E8E0D2;
    border-bottom: 0 !important;
  }
  .lang-select.footer.open .popup {
    transform: translateY(0);
  }
  .lang-select.footer.open .lang-btn {
    border-left: 1px solid #E8E0D2;
    border-right: 1px solid #E8E0D2;
    border-bottom: 1px solid #E8E0D2;
    border-top: none !important;
  }
  .main-btn.filled {
    background-color: #192951;
    color: white;
  }
  .main-btn.small {
    height: 3.538rem;
    padding-inline: 1.231rem;
  }
  .main-btn.small span {
    font-size: 1.077rem;
  }
  .main-btn.mini {
    padding-inline: 1rem;
    height: 2.769rem;
  }
  .main-btn.mini span {
    font-size: 1rem;
    font-weight: 400;
  }
  .main-btn.mini.empty {
    background-color: white;
    color: #192951;
  }
  .main-btn.small {
    height: 3.538rem;
    padding-inline: 1.231rem;
  }
  .main-btn.small span {
    font-size: 1.077rem;
  }
  .main-btn.normal {
    height: 3.538rem;
    padding-inline: 1.231rem;
  }
  .main-btn.normal span {
    font-size: 1.077rem;
  }
}
.add-form-container {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 100;
  background-color: rgba(147, 146, 151, 0.2039215686);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  width: 100%;
  height: 100vh;
  transition: 0.15s ease-out;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
}
.add-form-container hr {
  border: 0;
  border-bottom: 1px solid #DCDCDC;
}
.add-form-container .add-form {
  scrollbar-width: none; /* Pro Firefox */
  -ms-overflow-style: none; /* Pro IE a Edge */
}
.add-form-container .add-form::-webkit-scrollbar {
  display: none; /* Pro Chrome, Safari, Opera */
}
.add-form-container .add-form {
  transform: scale(0);
  width: 32.688rem;
  max-height: 80vh;
  background-color: white;
  border: 1px solid #DCDCDC;
  border-radius: 1rem;
  padding: 0 1.25rem 1.25rem 1.25rem;
  position: relative;
  overflow-y: scroll;
}
.add-form-container .add-form nav {
  padding-top: 1.25rem;
  width: 100%;
  position: sticky;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  z-index: 2000;
  background-color: white;
  top: 0;
}
.add-form-container .add-form nav .top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  border-bottom: 1px solid #DCDCDC;
  padding-bottom: 1.4rem;
}
.add-form-container .add-form nav .bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  padding: 1.125rem 0;
  border-bottom: 1px solid #DCDCDC;
}
.add-form-container .add-form nav .bottom h5 {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
  color: #5C5E62;
  font-size: 1rem;
  font-weight: 500;
}
.add-form-container .add-form nav .bottom .info {
  font-size: 1rem;
  color: #0B1C30;
  font-weight: 500;
}
.add-form-container .add-form nav .bottom .info .value {
  color: #939297;
}
.add-form-container .add-form .section-heading {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0.875rem 0;
  font-size: 1.125rem;
  font-weight: 500;
  border-bottom: 1px solid #DCDCDC;
}
.add-form-container.active {
  pointer-events: all;
  opacity: 1;
}
.add-form-container.active .add-form {
  transform: scale(1);
}

.alert {
  width: max-content;
  max-width: 95vw;
  position: fixed;
  bottom: 5vh;
  z-index: 1100;
  min-height: 4rem;
  left: 50%;
  padding: 1.125rem 2.125rem;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 3vw;
  padding-inline: 1.25rem;
  transition: ease-out 0.2s;
  border-radius: 0;
  border: 1px solid #3A83FF;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 1000;
}
.alert svg {
  flex-shrink: 0;
}
.alert .left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.625rem;
}
.alert .left span {
  font-size: 0.938rem;
  min-width: 18vw;
  max-width: 530px;
  color: rgb(11, 28, 48);
  flex-shrink: 0;
}
.alert .left h6 {
  font-size: 1.125rem;
  font-weight: 600;
  flex-shrink: 0;
}
.alert .close {
  cursor: pointer;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 0.875rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
}
.alert .close:hover svg path {
  fill: white;
}
.alert.error {
  background-color: #FF4345;
  border-color: #FF4345;
}
.alert.error h6 {
  color: #FF4345;
}
.alert.error span {
  color: white;
}
.alert.info {
  background-color: rgba(204, 223, 255, 0.28);
  border-color: #3A83FF;
}
.alert.info h6 {
  color: #3A83FF;
}
.alert.info .close:hover {
  background-color: #3A83FF;
}
.alert.success {
  background-color: rgba(237, 229, 220, 0.28);
  border-color: #1E232B;
}
.alert.success h6 {
  color: #1E232B;
}
.alert.closed {
  opacity: 0;
  pointer-events: none;
}

.input-row {
  padding-top: 0.938rem;
  padding-inline: 1.2%;
}
.input-row.bottom {
  padding-bottom: 0.938rem;
}
.input-row {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
}
.input-row h6 {
  color: #0B1C30;
  font-size: 1.125rem;
  font-weight: 400;
  flex-shrink: 0;
}

.item-text-input {
  cursor: text;
  height: 2.125rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  border-radius: 1.063rem;
  padding-right: 1rem;
  box-shadow: inset 0 0 0 1px rgb(220, 220, 220);
}
.item-text-input input {
  margin-inline: 1rem;
  width: 100%;
  font-size: 0.875rem;
  color: #0B1C30;
  font-weight: 500;
  border: 0;
  outline: 0;
  background-color: rgba(0, 0, 0, 0);
}
.item-text-input input::placeholder {
  color: rgb(147, 146, 151);
}
.item-text-input:hover {
  box-shadow: inset 0 0 0 1px #CCDFFF;
}
.item-text-input:focus-within {
  box-shadow: inset 0 0 0 1px rgb(58, 131, 255);
}
.item-text-input:focus-within input::placeholder {
  color: rgb(220, 220, 220);
}
.item-text-input svg {
  flex-shrink: 0;
}
.item-text-input.locked {
  pointer-events: none;
}
.item-text-input.locked svg path {
  fill: #FF0045;
}
.item-text-input.date-time input {
  margin-right: 0 !important;
}

.contact-select-input {
  width: 100%;
  margin: 0;
  position: relative;
  height: 5.3125rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0);
}
.contact-select-input :focus-within {
  box-shadow: inset 0 0 0 1px #FF4345;
}
.contact-select-input select:invalid {
  color: #A59687 !important; /* barva placeholderu */
}
.contact-select-input .styled-select option {
  color: #1E232B;
}
.contact-select-input svg {
  position: absolute;
  right: 2.75rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.contact-select-input select {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: 0 2.6rem 0 1.5625rem;
  background-color: rgba(24, 7, 47, 0);
  border: 0;
  outline: 0;
  font-size: 1.25rem;
  font-weight: 400;
  color: #0B1C30;
  height: 100%;
}
.contact-select-input select {
  appearance: none; /* Standard */
  -webkit-appearance: none; /* Safari & Chrome */
  -moz-appearance: none; /* Firefox */
  cursor: pointer;
}
.contact-select-input {
  /* Optional: Hide the dropdown indicator in IE */
}
.contact-select-input select::-ms-expand {
  display: none;
}
.contact-select-input:has(select:focus) {
  box-shadow: inset 0 0 0 1px #FF4345;
}
.contact-select-input:has(select:focus) svg {
  transform: translateY(-50%) scale(-1);
}
.contact-select-input:hover {
  box-shadow: inset 0 0 0 1px #FF4345;
}

.show-form {
  width: 100%;
  padding: 1.125rem 1.2%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
}
.show-form h6 {
  color: #0B1C30;
  font-size: 1.125rem;
  font-weight: 400;
  flex-shrink: 0;
}
.show-form .show-btn-wrap {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.563rem;
}
.show-form .show-btn-wrap.unshow .show-text {
  display: none;
}
.show-form .show-btn-wrap.unshow .unshow-text {
  display: flex;
}
.show-form .show-btn-wrap.unshow .main-icon {
  opacity: 0;
}
.show-form .show-btn-wrap.unshow .unshow-icon {
  opacity: 0.8;
}
.show-form .show-btn-wrap.unshow:hover .main-icon {
  opacity: 0;
}
.show-form .show-btn-wrap.unshow:hover .unshow-icon {
  opacity: 1;
}
.show-form .show-btn-wrap.show .show-text {
  display: flex;
}
.show-form .show-btn-wrap.show .unshow-text {
  display: none;
}
.show-form .show-btn-wrap.show .main-icon {
  opacity: 0.8;
}
.show-form .show-btn-wrap.show .unshow-icon {
  opacity: 0;
}
.show-form .show-btn-wrap.show:hover .main-icon {
  opacity: 1;
}
.show-form .show-btn-wrap.show:hover .unshow-icon {
  opacity: 0;
}
.show-form .show-btn-wrap span {
  color: #5C5E62;
  font-weight: 400;
  font-size: 1.125rem;
}
.show-form .show-btn-wrap .show-btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
}
.show-form .show-btn-wrap .show-btn svg {
  position: absolute;
  flex-shrink: 0;
}

.upload-photos {
  margin: 0.563rem 0 0 0;
  padding-inline: 1.2%;
}
.upload-photos .uploaded-photos {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
}
.upload-photos .uploaded-photos .photo .left {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.563rem;
}
.upload-photos .uploaded-photos .photo .left h6 {
  font-size: 1.125rem;
  color: #0B1C30;
  font-weight: 500;
}
.upload-photos .uploaded-photos .photo img {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.625rem;
  object-fit: cover;
  object-position: center;
  background-color: #DCDCDC;
  border: 0;
}
.upload-photos .uploaded-photos .photo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 0;
  width: 100%;
  height: 3.75rem;
  border-bottom: 1px solid #DCDCDC;
}
.upload-photos .upload-photo-btn {
  height: 3.125rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 0;
  border-radius: 0.625rem;
  border: 1px dashed #CCDFFF;
  margin: 0.563rem 0;
  width: 100%;
  color: #3A83FF;
  outline: none;
  font-weight: 400;
  font-size: 1.125rem;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.upload-photos .upload-photo-btn.no-margin-top {
  margin-top: -0.5rem;
}

.search-bar {
  width: 100%;
  height: 2.4rem;
  background-color: rgb(248, 248, 248);
  cursor: text;
  padding: 0 1.063rem;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.063rem;
  border-radius: 0.625rem;
}
.search-bar input {
  width: 100%;
  border: 0;
  background-color: rgba(248, 248, 248, 0);
  outline: none;
  color: rgb(11, 28, 48);
  font-size: 1rem;
}
.search-bar input::placeholder {
  color: rgb(147, 146, 151);
  font-size: 1rem;
}
.search-bar:hover {
  box-shadow: inset 0 0 0 1px rgb(220, 220, 220);
}
.search-bar:focus-within {
  box-shadow: inset 0 0 0 2px rgb(58, 131, 255);
}
.search-bar:focus-within input::placeholder {
  color: rgb(220, 220, 220);
}

.search-bar:has(input:not(:placeholder-shown)) {
  box-shadow: inset 0 0 0 2px rgb(58, 131, 255);
}

.select {
  min-width: 10.188rem;
  position: relative;
  height: 2.4rem;
  background-color: white;
  box-shadow: inset 0 0 0 1px rgb(220, 220, 220);
  border-radius: 0.625rem;
  width: fit-content;
}
.select svg {
  position: absolute;
  right: 1.188rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.select select {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
  width: 100%;
  padding-inline: 1.188rem;
  padding-right: 2.6rem;
  background-color: rgba(24, 7, 47, 0);
  border: 0;
  outline: 0;
  font-size: 1rem;
  font-weight: 400;
  color: rgb(11, 28, 48);
  height: 100%;
}
.select select {
  appearance: none; /* Standard */
  -webkit-appearance: none; /* Safari & Chrome */
  -moz-appearance: none; /* Firefox */
  cursor: pointer;
}
.select {
  /* Optional: Hide the dropdown indicator in IE */
}
.select select::-ms-expand {
  display: none;
}
.select:has(select:focus) {
  background-color: rgb(245, 245, 245);
}
.select:has(select:focus) svg {
  transform: translateY(-50%) scale(-1);
}
.select:hover {
  background-color: rgb(245, 245, 245);
}

footer {
  background-color: #192951;
  padding: 3rem;
  display: flex;
  justify-content: space-between;
}
footer .left {
  display: flex;
  gap: 6.77%;
  width: 100%;
}
footer .left .logo-article {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 2.438rem;
}
footer .left .logo-article h3 {
  font-size: 1.25rem;
  color: white;
  font-weight: 500;
  max-width: 16rem;
}
footer .left .middle {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4.375rem;
}
footer .left .middle .footer-nav {
  display: flex;
  gap: 3rem;
  padding: 1.3rem 0 0 0;
}
footer .left .middle .footer-nav .left-links {
  display: flex;
  gap: 3rem;
}
footer .left .middle .footer-nav .link {
  font-size: 0.875rem;
  color: white;
  font-weight: 400;
}
footer .left .middle .footer-nav .link svg {
  display: none;
}
footer .left .middle .footer-nav .link:hover {
  color: #D6E2F0;
}
footer .left .middle .footer-nav .separated {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
footer .left .middle .footer-nav .separated .vl {
  width: 1px;
  height: 1rem;
  background-color: #BED1FB;
}
footer .left .middle .copyright-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
footer .left .middle .copyright-wrap .vl {
  height: 0.813rem;
  width: 1px;
  background-color: #BED1FB;
}
footer .left .middle .copyright-wrap h6 {
  font-size: 0.813rem;
  color: #FFFFFF;
  font-weight: 400;
}
footer .left .middle .copyright-wrap a {
  padding-inline: 0.125rem;
  font-size: 0.813rem;
  color: #FFFFFF;
  text-decoration: underline;
  border: 1px dashed rgba(0, 0, 0, 0);
}
footer .left .middle .copyright-wrap a:hover {
  border: 1px dashed #FFFFFF;
}
footer .right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 3.7rem;
  flex-shrink: 0;
}
footer .right .top {
  gap: 1.375rem;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 1020px) {
  footer {
    flex-direction: column;
    gap: 2.769rem;
    padding: 2.769rem 1.846rem 2.769rem 1.846rem;
  }
  footer .left {
    flex-direction: column;
    gap: 2.769rem;
  }
  footer .left .logo-article {
    flex-direction: column;
    gap: 1.846rem !important;
  }
  footer .left .logo-article h3 {
    font-size: 1.846rem !important;
    max-width: 26.692rem;
  }
  footer .left .footer-nav {
    justify-content: space-between;
    width: 100%;
    padding: 0 !important;
  }
  footer .left .footer-nav .link {
    display: flex;
    align-items: center;
    font-size: 1.231rem !important;
    width: 100%;
    justify-content: space-between;
  }
  footer .left .footer-nav .link svg {
    display: flex !important;
  }
  footer .left .footer-nav .left-links {
    flex-direction: column;
    gap: 1.231rem !important;
    width: 41%;
  }
  footer .left .footer-nav {
    display: flex;
  }
  footer .left .footer-nav .separated {
    gap: 1.231rem !important;
    width: 41%;
    flex-direction: column;
  }
  footer .left .footer-nav .separated .vl {
    display: none;
  }
  footer .right {
    gap: 2.769rem !important;
  }
  footer .right .top {
    width: 100%;
    flex-direction: row-reverse;
    gap: 0.923rem;
  }
  footer .right .top .main-btn {
    width: 100% !important;
    height: 3.385rem !important;
    padding-inline: 1rem !important;
  }
  footer .right .top .main-btn span {
    font-size: 1rem !important;
  }
  footer .right .copyright-wrap {
    display: flex;
    align-items: flex-end;
    gap: 1.462rem;
    width: 100%;
    justify-content: space-between;
  }
  footer .right .copyright-wrap .vl {
    display: none;
  }
  footer .right .copyright-wrap h6 {
    font-size: 1rem;
    font-weight: 300;
    color: #FFFFFF;
  }
  footer .right .copyright-wrap a {
    flex-shrink: 0;
    text-wrap: nowrap;
    padding-inline: 0.125rem;
    font-size: 1rem;
    color: #FFFFFF;
    text-decoration: underline;
    border: 1px dashed rgba(0, 0, 0, 0);
  }
  footer .right .copyright-wrap a:hover {
    border: 1px dashed #FFFFFF;
  }
}
header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 100;
  background-color: white;
  height: 5.313rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 3rem;
}
header .left {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 3rem;
}
header .left .link {
  font-size: 0.875rem;
  color: #192951;
  font-weight: 400;
}
header .left .link:hover {
  color: #1E3464;
}
header .left .separated {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
header .left .separated .vl {
  width: 1px;
  height: 1.438rem;
  background-color: #E8E0D2;
}
header .right {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1.375rem;
}

.logo {
  display: flex;
}

#mobile-close {
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transition: all 0.15s ease-out;
}

.mobile-menu {
  transform: translateY(-100%);
  transition: all 0.15s ease-out;
  opacity: 0;
}
.mobile-menu .decor-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 45.8%;
  aspect-ratio: 1/1;
  height: auto !important;
  max-width: 15.154rem;
}
.mobile-menu .decor-right {
  position: absolute;
  right: 0;
  bottom: 4.077rem;
  width: 36%;
  max-width: 12rem;
  height: auto !important;
}
.mobile-menu .link {
  color: #192951;
  font-size: 1.231rem !important;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.mobile-menu hr {
  border: none;
  height: 1px;
  background-color: #FAF7F2;
}
.mobile-menu {
  display: flex;
  position: fixed;
  top: 5.769rem;
  flex-direction: column;
  z-index: 98;
  width: 100%;
  gap: 1.846rem;
  background-color: white;
  padding: 2.462rem 1.923rem 1.538rem 1.923rem;
}
.mobile-menu .bottom {
  display: flex;
  gap: 1.154rem;
  align-items: center;
  width: 100%;
}
.mobile-menu .bottom .main-btn {
  width: 100% !important;
  height: 3.385rem !important;
  padding-inline: 1rem !important;
}
.mobile-menu .bottom .main-btn span {
  font-size: 1rem !important;
}
.mobile-menu .bottom .main-btn .mobile {
  display: none !important;
}
.mobile-menu .bottom .main-btn .desktop {
  display: flex !important;
}
.mobile-menu .bottom .lang-select .lang-btn {
  font-weight: 500 !important;
}

.menu-backdrop {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 97;
  height: 100vh;
  width: 100vw;
  top: 0;
  left: 0;
  background-color: rgba(30, 35, 43, 0.2);
  transition: all 0.2s ease-out;
}

html.no-smooth {
  scroll-behavior: auto !important;
}

body.menu-visible #mobile-close {
  position: relative;
  opacity: 1;
  transform: scale(1);
}
body.menu-visible #mobile-open {
  position: absolute;
  opacity: 0;
  transform: scale(0);
  transition: all 0.15s ease-out;
}
body.menu-visible {
  touch-action: none;
}
body.menu-visible .menu-backdrop {
  opacity: 1;
  pointer-events: all;
  touch-action: none;
}
body.menu-visible .burger-menu-nav .open-menu {
  opacity: 0;
  pointer-events: none;
  transform: rotate(40deg) scale(0.6);
}
body.menu-visible .burger-menu-nav .open-menu svg {
  transform: scale(1.6666666667);
}
body.menu-visible .burger-menu-nav .close-menu {
  opacity: 1;
  pointer-events: all;
  transform: rotate(0deg) scale(1);
}
body.menu-visible .burger-menu-nav .close-menu svg {
  transform: scale(1);
}
body.menu-visible .mobile-menu {
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (max-width: 1020px) {
  .logo svg {
    width: 7rem;
    height: 2.308rem;
  }
  header {
    padding-inline: 1.846rem;
    height: 5.769rem;
  }
  header .right {
    gap: 1.231rem;
  }
  header .mobile-btn {
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    padding: 1rem;
    margin: -1rem;
  }
}
main {
  margin-top: 5.313rem;
}

section {
  position: relative;
}
section .scroll-to {
  position: absolute;
  bottom: calc(100% + 5.313rem);
}

@media only screen and (max-width: 1020px) {
  main {
    margin-top: 5.769rem;
  }
  section .scroll-to {
    bottom: calc(100% + 5.769rem);
  }
}
.contact-main {
  display: flex;
  align-items: stretch;
}
.contact-main .left, .contact-main .right {
  width: 50%;
}
.contact-main .right {
  overflow: hidden;
}
.contact-main .right iframe {
  width: 100%;
  height: 100%;
  display: flex;
}
.contact-main .left {
  display: flex;
  flex-direction: column;
}
.contact-main .left .top, .contact-main .left .bottom {
  padding: 6rem;
  display: flex;
}
.contact-main .left .top {
  flex-direction: column;
}
.contact-main .left .top h1 {
  font-size: 3rem;
  color: #192951;
  font-weight: 500;
}
.contact-main .left .top .row {
  display: flex;
  gap: 4rem;
  margin: 7.313rem 0 1.5rem 0;
}
.contact-main .left .top .row a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  color: #192951;
  font-weight: 500;
  text-decoration: underline;
  gap: 1.25rem;
}
.contact-main .left .top p {
  color: #2E2E2E;
  font-weight: 600;
}
.contact-main .left .bottom nav, .contact-main .left .bottom .scroll-counter {
  display: none;
}
.contact-main .left .bottom {
  background-color: #FAF7F2;
  display: flex;
}
.contact-main .left .bottom .scroll {
  display: flex;
  gap: 5.5rem;
}
.contact-main .left .bottom .contact {
  display: flex;
  flex-direction: column;
}
.contact-main .left .bottom .contact h2 {
  color: #192951;
  font-size: 1.5rem;
  font-weight: 500;
}
.contact-main .left .bottom .contact p {
  color: #2E2E2E;
  font-weight: 500;
  margin: 1.25rem 0 2.875rem 0;
}

@media only screen and (max-width: 1020px) {
  .contact-main {
    flex-direction: column;
  }
  .contact-main .left, .contact-main .right {
    width: 100%;
  }
  .contact-main .left .top {
    padding: 3.692rem;
  }
  .contact-main .left .top h1 {
    font-size: 2.308rem;
    font-weight: 600;
  }
  .contact-main .left .top .row {
    margin: 15.615rem 0 2.769rem 0;
    flex-direction: column;
    gap: 1.846rem;
  }
  .contact-main .left .top .row a {
    gap: 1.231rem;
    font-size: 1.538rem;
  }
  .contact-main .left .top .row a svg {
    width: 1.846rem;
    height: 1.846rem;
  }
  .contact-main .left .bottom {
    padding: 0;
    display: flex;
    height: 100%;
    position: relative;
  }
  .contact-main .left .bottom .scroll-counter {
    display: flex;
    position: absolute;
    top: 3.692rem;
    right: 3.692rem;
    color: #C8B89A;
    font-weight: 500;
  }
  .contact-main .left .bottom .scroll-counter .blue {
    color: #192951;
  }
  .contact-main .left .bottom nav {
    display: flex;
    gap: 1rem;
    position: absolute;
    bottom: 5rem;
    right: 3.923rem;
    z-index: 10;
  }
  .contact-main .left .bottom nav button {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: #C8B89A;
    border: 0;
  }
  .contact-main .left .bottom nav button.active {
    pointer-events: none;
    background-color: #192951;
  }
  .contact-main .left .bottom .scroll {
    scroll-snap-type: x mandatory;
    overflow-x: scroll;
    scroll-behavior: auto !important;
    overflow-y: hidden;
  }
  .contact-main .left .bottom .contact {
    scroll-snap-align: start;
    width: 100vw;
    flex-shrink: 0;
    padding: 3.692rem;
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .contact-main .left .bottom .contact h2 {
    font-size: 1.846rem;
  }
  .contact-main .left .bottom .contact p {
    font-size: 1.077rem;
    margin: 1.538rem 0 4.154rem 0;
  }
  .contact-main .left .bottom .contact a {
    padding-inline: 1.231rem;
    height: 3.538rem;
  }
  .contact-main .right iframe {
    width: 100%;
    aspect-ratio: 440/364;
  }
}
.terms-main {
  display: flex;
  justify-content: center;
  padding: 15vh 0 35vh 0;
}
.terms-main section {
  max-width: 83rem;
  width: 92%;
}
.terms-main section h1 {
  color: #192951;
  font-weight: 500;
  font-size: 3rem;
}
.terms-main section h2 {
  color: #2E2E2E;
  font-size: 1rem;
  margin: 0.563rem 0 4rem 0;
  font-weight: 500;
}
.terms-main section .articles {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.terms-main section .articles article {
  display: flex;
  flex-direction: column;
  gap: 0.563rem;
}
.terms-main section .articles article h3 {
  color: #192951;
  font-size: 2rem;
  font-weight: 500;
}
.terms-main section .articles article p {
  color: #2E2E2E;
  font-size: 1rem;
  font-weight: 500;
}
.terms-main section .articles article p a {
  color: #2E2E2E;
  padding-inline: 0.125rem;
  border: 1px dashed rgba(0, 0, 0, 0);
  text-decoration: underline;
}
.terms-main section .articles article p a:hover {
  border: 1px dashed #2E2E2E;
}

@media only screen and (max-width: 1020px) {
  .terms-main {
    padding: 4.923rem 0;
  }
  .terms-main section {
    width: 78%;
  }
  .terms-main section h1 {
    font-size: 2.308rem;
    font-weight: 600;
  }
  .terms-main section h2 {
    margin: 0.3rem 0 4.923rem 0;
  }
  .terms-main section .articles {
    gap: 3.692rem;
  }
  .terms-main section .articles article {
    gap: 0.692rem;
  }
  .terms-main section .articles article h3 {
    font-size: 1.538rem;
  }
}
.home-main .hero {
  min-height: calc(100vh - 5.313rem);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 6rem;
  justify-content: space-between;
  padding-inline: 6rem;
  position: relative;
}
.home-main .hero .left {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  width: 45%;
}
.home-main .hero .left h1 {
  font-size: 4rem;
  color: white;
  font-weight: 500;
}
.home-main .hero .left .buttons {
  display: flex;
  gap: 1.25rem;
}
.home-main .hero .right {
  width: 40%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  gap: 4.5rem;
}
.home-main .hero .right p {
  font-size: 1.5rem;
  color: white;
}
.home-main .hero .right .hr {
  margin-bottom: 1.5rem;
  width: 100%;
  display: flex;
  height: 0.156rem;
}
.home-main .hero .right .hr .white {
  width: 50%;
  height: 100%;
  background-color: white;
}
.home-main .hero .right .hr .red {
  width: 50%;
  height: 100%;
  background-color: #D8A35B;
}
.home-main .hero::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, var(--Texts, #2E2E2E) 0%, rgba(46, 46, 46, 0) 100%), rgba(46, 46, 46, 0.31);
}
.home-main .references-carousel {
  padding: 4rem 0;
  background: #fff;
  display: flex;
  gap: 6.6rem;
  padding-left: 6rem;
  align-items: center;
  height: 12.625rem;
}
.home-main .references-carousel h3 {
  color: #192951;
  font-size: 1.5rem;
  flex-shrink: 0;
  font-weight: 500;
  max-width: 16.875rem;
}
.home-main .references-carousel .carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.home-main .references-carousel .carousel .track {
  display: flex;
  width: max-content;
  animation: scroll 30s linear infinite;
}
.home-main .references-carousel .carousel .track .logos {
  display: flex;
  align-items: center;
  gap: 11.125rem;
  padding-right: 11.125rem;
}
.home-main .references-carousel .carousel .track svg {
  flex-shrink: 0;
}
.home-main .references-carousel .carousel .fade {
  position: absolute;
  top: 0;
  width: 8.188rem;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.home-main .references-carousel .carousel .fade.fade-left {
  left: 0;
  background: linear-gradient(to right, #fff 20%, rgba(255, 255, 255, 0) 100%);
}
.home-main .references-carousel .carousel .fade.fade-right {
  right: 0;
  background: linear-gradient(to left, #fff 50%, rgba(255, 255, 255, 0) 100%);
}
.home-main {
  /* animace mimo nesting */
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.home-main .brands {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.home-main .brands .left {
  width: 50%;
  display: flex;
  flex-direction: column;
  padding: 20vh 5% 20vh 8%;
  background-color: #F8FBFF;
}
.home-main .brands .left h2 {
  color: #192951;
  font-size: 2.25rem;
  font-weight: 600;
}
.home-main .brands .left p {
  margin: 3rem 0 4rem 0;
  font-size: 1.5rem;
  color: #2E2E2E;
}
.home-main .brands .right {
  width: 50%;
  background-color: #FAF7F2;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20vh 0 20vh 0;
  gap: 6%;
  row-gap: 3vw;
}
.home-main .brands .right .bullet {
  width: 22%;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.home-main .brands .right .bullet img {
  width: 66%;
  height: auto;
}
.home-main .brands .right .bullet.blue {
  padding: 10%;
  background-color: #192951;
}
.home-main .brands .right .bullet.blue h4 {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FAF7F2;
  font-size: 1.625rem;
  font-weight: 500;
}
.home-main .b2b {
  display: flex;
  flex-direction: column;
  padding: 24vh 0;
  align-items: center;
}
.home-main .b2b article {
  padding-inline: 16.8%;
}
.home-main .b2b article h2 {
  font-size: 3rem;
  color: #192951;
  font-weight: 600;
  max-width: 43.75rem;
}
.home-main .b2b article p {
  font-size: 1.5rem;
  color: #2E2E2E;
  padding-left: 12%;
  margin: 6rem 0 6.813rem 0;
}
.home-main .b2b .points-container {
  width: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-main .b2b .points-container .points {
  height: 8.5rem;
  display: flex;
  gap: 3.188rem;
  align-items: center;
  background-color: #192951;
  padding-inline: 2.25rem;
}
.home-main .b2b .points-container .points .point {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.home-main .b2b .points-container .points .point span {
  color: white;
  font-size: 1.5rem;
  font-weight: 500;
}
.home-main .b2b .points-container .decoration {
  width: 94%;
  height: 2rem;
  background-color: #FAF7F2;
}
.home-main .countries {
  background-color: #FAF7F2;
  padding: 6rem 0;
  width: 100%;
}
.home-main .countries article {
  width: 100%;
  gap: 10%;
  display: flex;
  padding-inline: 6rem;
  margin-bottom: 4.25rem;
}
.home-main .countries article h2 {
  max-width: 26.25rem;
  flex-shrink: 0;
  font-size: 3rem;
  color: #192951;
  font-weight: 600;
}
.home-main .countries article .column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.home-main .countries article .column p {
  font-size: 1.25rem;
  color: #2E2E2E;
  max-width: 42.5rem;
}
.home-main .countries article .column p.blue {
  color: #192951;
  font-size: 1rem;
}
.home-main .countries article .column p.blue a {
  text-decoration: underline;
  font-weight: 700;
  padding-inline: 0.125rem;
  border: 1px dashed rgba(0, 0, 0, 0);
  color: #192951;
}
.home-main .countries article .column p.blue a:hover {
  border: 1px dashed #192951;
}
.home-main .countries .countries-slider {
  padding-inline: 6rem;
  display: flex;
  gap: calc((100vw - 12rem) * 0.0295138889);
  overflow-x: scroll;
  width: 100vw;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scroll-padding-left: 6rem;
}
.home-main .countries .countries-slider .country {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.home-main .countries .countries-slider .country.is-hiding {
  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
}
.home-main .countries .countries-slider .country.is-showing {
  opacity: 0;
  transform: translateY(10px);
}
.home-main .countries .countries-slider .country.is-active {
  opacity: 1;
  transform: translateY(0);
}
.home-main .countries .countries-slider .country {
  scroll-snap-align: start;
  display: flex;
  flex-direction: column;
  padding: 1.25rem 1.25rem 1.25rem 1.25rem;
  background: #FFF;
  width: calc((100vw - 12rem) * 0.2280092593);
  aspect-ratio: 394/464;
  justify-content: space-between;
  flex-shrink: 0;
}
.home-main .countries .countries-slider .country.israel svg {
  width: 28.3654822335%;
  align-self: center;
}
.home-main .countries .countries-slider .country svg {
  width: 100%;
  max-height: 18.563rem;
}
.home-main .countries .countries-slider .country .heading {
  margin-top: 1.125rem;
  background-color: #FAF7F2;
  display: flex;
  padding: 0.563rem 1rem;
  width: fit-content;
}
.home-main .countries .countries-slider .country .heading h5 {
  font-size: 1.25rem;
  color: #192951;
  font-weight: 500;
}
.home-main .countries .countries-slider .country .heading h5 span {
  font-weight: 300;
}
.home-main .countries .bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 2.563rem;
  padding-inline: 6rem;
}
.home-main .countries .bottom .heading {
  display: flex;
  gap: 0.563rem;
  align-items: center;
}
.home-main .countries .bottom .heading h6 {
  font-size: 1rem;
  color: #2E2E2E;
  font-weight: 400;
}
.home-main .countries .bottom .heading h6 .light {
  color: #7A7060;
}
.home-main .countries .bottom nav {
  display: flex;
  gap: 0.813rem;
}
.home-main .countries .bottom nav button {
  width: 3rem;
  height: 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #192951;
  border: 0;
  cursor: pointer;
}
.home-main .countries .bottom nav button:hover {
  background-color: #1E3464;
}
.home-main .countries .bottom nav button.disabled {
  pointer-events: none;
  background-color: #E8E0D2 !important;
}
.home-main .countries .bottom nav button.disabled svg path {
  fill: #C8B89A;
}
.home-main .products-section {
  padding: 26vh 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.home-main .products-section h2 {
  font-size: 3rem;
  font-weight: 600;
  color: #192951;
}
.home-main .products-section .paragraph {
  margin: 2.25rem 0 4rem 0;
  max-width: 56.75rem;
  font-size: 1.25rem;
  color: #2E2E2E;
  text-align: center;
}
.home-main .products-section .link {
  color: #192951;
  font-size: 1rem;
  text-decoration: underline;
  display: flex;
  align-items: center;
  padding-inline: 0.125rem;
  gap: 0.563rem;
  border: 1px dashed rgba(0, 0, 0, 0);
  transition: all 0.3s ease-out;
}
.home-main .products-section .link:hover {
  border: 1px dashed #192951;
}
.home-main .products-section nav .scroll-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.home-main .products-section nav {
  background-color: #FAF7F2;
  height: 4.75rem;
  margin: 0 0 4rem 0;
  display: flex;
  align-items: center;
  padding-inline: 1rem;
}
.home-main .products-section nav .main-btn {
  height: 2.75rem;
  padding-inline: 1rem;
  border: 0;
}
.home-main .products-section nav .main-btn.selected {
  pointer-events: none;
  background-color: #192951;
}
.home-main .products-section nav .main-btn.selected span {
  color: white;
}
.home-main .products-section nav .main-btn::before {
  background-color: #E8E0D2;
}
.home-main .products-section nav .main-btn {
  background-color: #FAF7F2;
}
.home-main .products-section nav .main-btn span {
  font-weight: 500;
  font-size: 1rem;
}
.home-main .products-section nav .main-btn.extra-category {
  margin-right: 0;
  max-width: 0;
  width: 0;
  padding: 0;
}
.home-main .products-section nav .main-btn.extra-category span {
  max-width: 0;
  width: 0;
}
.home-main .products-section nav.expanded .main-btn.extra-category {
  margin-right: 1rem;
  max-width: fit-content;
  width: auto;
  padding-inline: 1rem;
}
.home-main .products-section nav.expanded .main-btn.extra-category span {
  max-width: fit-content;
  width: auto;
}
.home-main .products-section nav.expanded .plus svg {
  transform: rotate(45deg);
}
.home-main .products-section nav .plus {
  margin-left: 1rem;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  background-color: #FFFFFF;
  justify-content: center;
  align-items: center;
  border: 0;
  cursor: pointer;
  transition: all 0.15s ease-out;
}
.home-main .products-section nav .plus svg path {
  transition: all 0.15s ease-out;
}
.home-main .products-section nav .plus:hover {
  background-color: #192951;
}
.home-main .products-section nav .plus:hover svg path {
  fill: white;
}
.home-main .products-section .products {
  margin-top: 4rem;
  width: 92%;
  max-width: 91.875rem;
  display: flex;
  flex-wrap: wrap;
  gap: 9.3333333333%;
  row-gap: 4.5rem;
  align-items: stretch;
}
.home-main .products-section .products .product {
  position: relative;
  width: 18%;
}
.home-main .products-section .products .product img {
  width: 100%;
  aspect-ratio: 1/1;
  object-position: center;
  object-fit: cover;
}
.home-main .products-section .products .product h4 {
  margin: 1.5rem 0 0.75rem;
  font-size: 1.5rem;
  color: #192951;
  font-weight: 500;
}
.home-main .products-section .products .product span {
  font-size: 1.125rem;
  color: #7A7060;
}
.home-main .products-section .products .product .main-btn {
  opacity: 0;
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
  height: 2rem;
  padding-inline: 0.813rem;
  transform-origin: top left;
}
.home-main .products-section .products .product .main-btn span {
  color: #FFF;
  font-size: 0.813rem;
}
.home-main .products-section .products .product:hover .main-btn {
  opacity: 1;
}
.home-main .products-section .products .product {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.home-main .products-section .products {
  /* výchozí – skrytý */
}
.home-main .products-section .products .product.is-hidden {
  opacity: 0;
  transform: translateY(1rem);
  pointer-events: none;
}
.home-main .products-section .products {
  /* viditelný */
}
.home-main .products-section .products .product.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.home-main .products-section .products {
  /* úplně pryč z layoutu */
}
.home-main .products-section .products .product.is-removed {
  display: none;
}
.home-main .home-footer {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.home-main .home-footer .left,
.home-main .home-footer .right {
  width: 50%;
}
.home-main .home-footer .left h2,
.home-main .home-footer .right h2 {
  font-size: 4rem;
  font-weight: 500;
  color: #192951;
  max-width: 29rem;
}
.home-main .home-footer .left {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.home-main .home-footer .left img {
  position: absolute;
  object-fit: cover;
  object-position: center;
}
.home-main .home-footer .left img.img1 {
  aspect-ratio: 224/164;
  right: 0;
  top: 0;
  width: 23.3333333333%;
}
.home-main .home-footer .left img.img2 {
  aspect-ratio: 164/224;
  left: 0;
  bottom: 0;
  width: 17.0833333333%;
}
.home-main .home-footer .left .inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4.063rem;
  align-self: center;
  position: relative;
  z-index: 2;
}
.home-main .home-footer .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #FAF7F2;
  padding: 6rem 0;
}
.home-main .home-footer .right .inner {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 1.813rem;
}
.home-main .home-footer .right .inner h2 {
  margin-bottom: 1.188rem;
  line-height: auto;
}
.home-main .home-footer .right .inner .question {
  width: 100%;
}
.home-main .home-footer .right .inner .question button {
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 2.813rem;
  cursor: pointer;
}
.home-main .home-footer .right .inner .question button h6 {
  font-size: 1.625rem;
  font-weight: 500;
  color: #192951;
  text-align: left;
}
.home-main .home-footer .right .inner .question button svg {
  transition: all 0.15s ease-out;
}
.home-main .home-footer .right .inner .question button svg path {
  transition: all 0.15s ease-out;
  fill: #192951;
}
.home-main .home-footer .right .inner .question p {
  height: 0;
  transform: scale(0);
  transition: all 0.15s;
  font-size: 1.125rem;
}
.home-main .home-footer .right .inner .question hr {
  height: 0;
  border: 0;
  border-top: 1px solid #B8CCDF;
  transform: scale(0);
}
.home-main .home-footer .right .inner .question.expanded button svg {
  transform: scale(-1);
}
.home-main .home-footer .right .inner .question.expanded button svg path {
  fill: #C8B89A;
}
.home-main .home-footer .right .inner .question.expanded p {
  height: fit-content;
  transform: scale(1);
  margin: 2rem 0 2.375rem 0;
}
.home-main .home-footer .right .inner .question.expanded hr {
  transform: scale(1);
  margin-bottom: 2.188rem;
}
.home-main .home-footer .right .inner .contact-p {
  margin-top: 2.25rem;
  font-size: 1.125rem;
  color: #7A7060;
}
.home-main .home-footer .right .inner .contact-p a {
  font-weight: 700;
  color: #2E2E2E;
  text-decoration: underline;
  padding-inline: 0.125rem;
  border: 1px dashed rgba(0, 0, 0, 0);
}
.home-main .home-footer .right .inner .contact-p a:hover {
  border: 1px dashed #2E2E2E;
}

@media only screen and (max-width: 1720px) {
  .home-main .b2b .points-container .points .point span {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1020px) {
  .home-main .hero {
    min-height: calc(100vh - 5.769rem);
    --gradient-stop: 100%;
  }
  .home-main .hero::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, var(--Texts, #2E2E2E) 0%, rgba(46, 46, 46, 0) 100%), rgba(46, 46, 46, 0.31);
  }
  .home-main .hero {
    flex-direction: column;
    padding-inline: 1.846rem;
    padding-bottom: 3.692rem;
    justify-content: flex-end;
    gap: 3.692rem;
    background-position: 20% -6rem;
  }
  .home-main .hero .left {
    width: 100%;
    gap: 2.769rem;
  }
  .home-main .hero .left h1 {
    font-size: 2.769rem;
  }
  .home-main .hero .right {
    width: 100%;
    gap: 1.846rem;
  }
  .home-main .hero .right p {
    font-size: 1.231rem;
  }
  .home-main .hero .right .hr {
    height: 1.5px;
  }
  .home-main .references-carousel {
    flex-direction: column;
    height: auto;
    padding: 2.769rem 0;
    gap: 2.615rem;
    align-items: flex-start;
  }
  .home-main .references-carousel h3 {
    max-width: 100%;
    padding-inline: 1.846rem;
  }
  .home-main .references-carousel .carousel {
    width: 100%;
  }
  .home-main .references-carousel .carousel .fade {
    width: 3.154rem;
  }
  .home-main .references-carousel .carousel .fade.fade-left {
    left: 0;
    background: linear-gradient(to right, #fff 30%, rgba(255, 255, 255, 0) 100%);
  }
  .home-main .references-carousel .carousel .fade.fade-right {
    right: 0;
    background: linear-gradient(to left, #fff 30%, rgba(255, 255, 255, 0) 100%);
  }
  .home-main .references-carousel .carousel .track .logos {
    gap: 3.692rem;
    padding-right: 3.692rem;
  }
  .home-main .references-carousel .carousel .track .logos svg {
    height: 1.846rem !important;
    width: auto !important;
  }
  .home-main .references-carousel .carousel .track .logos svg.special-height {
    height: 2.692rem !important;
  }
  .home-main .brands {
    flex-direction: column;
  }
  .home-main .brands .left {
    width: 100%;
    padding: 5.077rem 10.9%;
  }
  .home-main .brands .left h2 {
    font-size: 1.538rem;
    font-weight: 600;
    line-height: normal;
  }
  .home-main .brands .left p {
    color: #2E2E2E;
    font-size: 1.077rem;
    margin: 2.462rem 0 3.692rem 0;
  }
  .home-main .brands .right {
    width: 100%;
    padding: 6.385rem 8.1%;
    gap: 9%;
    row-gap: 9vw;
  }
  .home-main .brands .right .bullet {
    width: 27.3%;
  }
  .home-main .brands .right .bullet.blue h4 {
    font-size: 1.231rem;
  }
  .home-main .b2b {
    padding: 9.538rem 0 9.538rem 1.846rem;
    align-items: flex-start;
  }
  .home-main .b2b article {
    padding: 0;
    padding-right: 1.846rem;
  }
  .home-main .b2b article h2 {
    width: 100%;
    font-size: 2.462rem;
    font-weight: 600;
  }
  .home-main .b2b article p {
    margin: 2.769rem 0 4.923rem 0;
    padding: 0;
    font-size: 1.231rem;
  }
  .home-main .b2b .points-container {
    align-items: flex-end;
    margin-left: auto;
    width: 100%;
  }
  .home-main .b2b .points-container .points {
    display: flex;
    height: 11.308rem;
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .home-main .b2b .points-container .points .point {
    flex-shrink: 0;
    flex-direction: column;
    gap: 0.846rem;
    width: 8.231rem;
  }
  .home-main .b2b .points-container .points .point svg {
    width: 3.692rem !important;
    height: 3.692rem !important;
  }
  .home-main .b2b .points-container .points .point span {
    text-align: center;
    font-size: 1.077rem;
  }
  .home-main .b2b .points-container .decoration {
    height: 1.8rem;
    width: 94.8%;
  }
  .home-main .countries {
    padding: 4.923rem 0;
  }
  .home-main .countries article {
    padding: 0 1.846rem;
    flex-direction: column;
    gap: 2.769rem;
    margin-bottom: 4.923rem;
  }
  .home-main .countries article h2 {
    font-size: 2.462rem;
  }
  .home-main .countries article .column {
    gap: 1.846rem;
  }
  .home-main .countries article .column p {
    font-size: 1.231rem;
  }
  .home-main .countries article .column p.blue {
    font-size: 1.077rem;
  }
  .home-main .countries .countries-slider {
    padding: 0 1.846rem;
    gap: 1.846rem;
    scroll-padding-left: 1.846rem;
  }
  .home-main .countries .countries-slider .country {
    width: 19.231rem;
    aspect-ratio: 250/294;
    padding: 1rem;
  }
  .home-main .countries .countries-slider .country .heading {
    padding: 0.692rem 1.231rem;
  }
  .home-main .countries .countries-slider .country .heading h5 {
    font-size: 1rem;
    font-weight: 500;
  }
  .home-main .countries .countries-slider .country .heading h5 span {
    font-size: 0.846rem;
    font-weight: 400;
  }
  .home-main .countries .bottom {
    padding-inline: 1.846rem;
  }
  .home-main .countries .bottom .heading svg {
    width: 0.692rem;
    height: 0.692rem;
  }
  .home-main .countries .bottom nav {
    gap: 1rem;
  }
  .home-main .countries .bottom nav button {
    height: 2.769rem;
    width: 2.769rem;
  }
  .home-main .countries .bottom nav button svg {
    width: 1.615rem;
    height: 1.615rem;
  }
  .home-main .products-section {
    align-items: flex-start;
    padding: 9.538rem 1.846rem;
  }
  .home-main .products-section h2 {
    font-size: 2.462rem;
    max-width: 34.615rem;
  }
  .home-main .products-section .paragraph {
    text-align: left;
    font-size: 1.231rem;
    margin: 2.769rem 0 4.923rem 0;
  }
  .home-main .products-section nav .scroll-wrap {
    overflow-x: scroll;
    height: 100%;
  }
  .home-main .products-section nav {
    height: 4.154rem;
    padding-inline: 0.692rem;
    max-width: 100%;
    gap: 1.231rem;
    width: fit-content;
  }
  .home-main .products-section nav .main-btn {
    flex-shrink: 0;
    margin-right: 1.231rem;
    margin: 0;
  }
  .home-main .products-section nav .main-btn span {
    text-wrap: nowrap;
  }
  .home-main .products-section nav .main-btn::before {
    background-color: #192951 !important;
  }
  .home-main .products-section nav .plus {
    display: none;
  }
  .home-main .products-section nav .extra-category {
    width: fit-content !important;
    padding-inline: 1rem !important;
    max-width: fit-content !important;
    margin: 0 !important;
  }
  .home-main .products-section nav .extra-category span {
    max-width: fit-content !important;
    width: fit-content !important;
  }
  .home-main .products-section .link {
    align-self: center;
    font-size: 1rem;
    gap: 0.692rem;
  }
  .home-main .products-section .link svg {
    width: 1.385rem;
    height: 1.385rem;
  }
  .home-main .products-section .products {
    gap: 2.769rem;
    row-gap: 2.769rem;
    width: 100%;
  }
  .home-main .products-section .products .product {
    pointer-events: none;
    width: calc(50% - 1.3845rem);
  }
  .home-main .products-section .products .product h4 {
    font-size: 1.231rem;
    margin: 1.846rem 0 0.692rem 0;
  }
  .home-main .products-section .products .product img {
    aspect-ratio: 178/196;
  }
  .home-main .products-section .products .product span {
    font-size: 1.077rem;
  }
  .home-main .home-footer {
    flex-direction: column;
  }
  .home-main .home-footer .left,
  .home-main .home-footer .right {
    width: 100%;
  }
  .home-main .home-footer .left h2,
  .home-main .home-footer .right h2 {
    font-size: 2.769rem !important;
    font-weight: 600 !important;
    line-height: normal;
    max-width: 27.308rem;
  }
  .home-main .home-footer .left {
    padding: 12.923rem 3.385rem 16.385rem 3.385rem;
    align-items: flex-start;
  }
  .home-main .home-footer .left .inner {
    align-items: flex-start;
    gap: 3.692rem;
  }
  .home-main .home-footer .left .img1 {
    width: 9.538rem !important;
  }
  .home-main .home-footer .left .img2 {
    width: 7.385rem !important;
  }
  .home-main .home-footer .right {
    position: relative;
    padding: 4.923rem 1.846rem;
  }
  .home-main .home-footer .right .inner h2 {
    margin-bottom: 0.615rem;
  }
  .home-main .home-footer .right .inner {
    gap: 1.846rem;
    width: 100%;
  }
  .home-main .home-footer .right .inner .question button {
    min-height: 1.846rem;
  }
  .home-main .home-footer .right .inner .question button h6 {
    font-size: 1.231rem;
    font-weight: 500;
    text-align: left;
  }
  .home-main .home-footer .right .inner .question button svg {
    width: 1.846rem !important;
    height: 1.846rem !important;
  }
  .home-main .home-footer .right .inner .question p {
    font-size: 1rem;
  }
  .home-main .home-footer .right .inner .question.expanded p {
    margin: 1.538rem 0 1rem 0;
  }
  .home-main .home-footer .right .inner .question.expanded hr {
    margin: 0;
  }
  .home-main .home-footer .right .inner .contact-p {
    margin-top: 0.923rem;
    font-size: 1rem;
  }
}