/* variables */
:root {
  --black: #000;
  --white: #fff;
  --red: rgb(0, 30, 80);
  --gray: #787878;
  --darkGray: #141414;
  --lightGray: #bcbcbc;
}
.black-block {
  height: 20px;
  width: 100%;
  background: var(--black);
}
.contact-content {
  padding-top: 150px;
  margin-bottom: 80px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}

.pros__card--icon svg {
  width: 42px;
  height: 42px;
}

.form-popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 150px;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 16px;
  padding: 16px 8px;
  color: black;
  background: #fff;
  -webkit-box-shadow: 5px 5px 11px 1px rgba(0, 0, 0, 0.63);
  box-shadow: 5px 5px 11px 1px rgba(0, 0, 0, 0.63);
  display: none;
  z-index: 10;
}
.form-popup.active {
  display: flex;
}

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

/* select {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

select:focus {
  background-image: linear-gradient(45deg, #a2765a 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, #a2765a 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
  border-color: #a2765a;
  outline: 0;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
} */

/* variables end */
body {
  //background-color: var(--black);
}

.tlo {
  background-image: url(../img/tlo.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  position: relative;
}
.tlo::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  mix-blend-mode: multiply;
  height: 100%;
  z-index: -1;
  background: linear-gradient(
    to bottom,
    #00000000 0%,
    #000000 60%,
    #000000 70%
  );
}

.komputer {
  padding: 30px;
}

.samochod {
  width: 100%;
  margin: 40px auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .tlo {
    background-image: url(../img/tlo-telefon.jpg);
    background-attachment: inherit;
    background-size: inherit;
    background-color: black;
  }
  .komputer {
    padding: 5px;
  }
  .samochod {
    margin: 0px auto 20px auto;
  }
}

a {
  text-decoration: none;
}

p,
span,
h1,
h2,
h3,
h4,
h5,
a,
button {
  line-height: 1.5;
}

.m-auto {
  margin: auto;
}

.video__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video__wrapper iframe {
  position: absolute;
  top: 100px;
  width: 100%;
  height: 100%;
}

/* Wrappers */
.section-wrapper {
  padding: 0 20px;
}

.container {
  max-width: 1300px;
}

.container2 {
  max-width: 1500px;
}

.color {
  background-color: #a2765a;
  font-size: 32px;
  color: #ffffff;
  font-family: "CupraLight";
  height: 100%;
}

@media screen and (max-width: 900px) {
  .container {
    max-width: 100%;
  }
  .container2 {
    max-width: 100%;
  }
}

/* Wrappers End */
/* Flex utlils */
.flex-col {
  display: flex;
  flex-direction: column;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.justify-center {
  justify-content: center;
}

.align-center {
  align-items: center;
}

/* Flex utlils end */

.text-center {
  text-align: center;
}

/* font colors */
.text-black {
  color: #191919;
}

.text-white {
  color: var(--white);
}

.text-red {
  color: var(--red);
}

.text-gray {
  color: #787878;
}

.text-light-gray {
  color: var(--lightGray);
}

.text-dark-gray {
  color: var(--darkGray);
}

/* font colors */

/* backgrounds */
.bg-black {
  background-color: var(--black);
}

.bg-white {
  background-color: var(--white);
}

.bg-red {
  background-color: #000000;
}

.bg-cupra {
  background-color: #756659;
}

.bg-gray {
  background-color: var(--gray);
}

.bg-dark-gray {
  background-color: var(--darkGray);
}

.bg-light-gray {
  background-color: var(--lightGray);
}

/* backgrounds */

/* typography */
.text-12 {
  font-size: 12px;
}

.text-14 {
  font-size: 14px;
}

.text-15 {
  font-size: 15px;
}

.text-16 {
  font-size: 18px;
}

.text-18 {
  font-size: 18px;
}

.text-30 {
  font-size: 30px;
}

.text-38 {
  font-size: 38px;
}

.text-50 {
  font-size: 50px;
}

.text-76 {
  font-size: 76px;
}

@media screen and (max-width: 760px) {
  .text-76 {
    font-size: 42px;
    line-height: 30px;
  }
  .text-50 {
    font-size: 35px;
  }
  .text-38 {
    line-height: 38px;
  }
}

.line-height-24 {
  line-height: 24px;
}
.text-uppercase {
  text-transform: uppercase;
}
.list {
  list-style: unset;
  padding-left: 20px;
}
.uppercase {
  text-transform: uppercase;
}

.font-DWA-bold {
  font-family: "CupraLight";
}

.font-DWA-Regular {
  font-family: "CupraRegular", sans-serif;
}

.font-DWA-Light {
  font-family: "CupraLight", sans-serif;
}

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

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

.weight-900 {
  font-weight: 900;
}

/* typography */

html {
  scroll-behavior: smooth;
}

/* [id]::before {
  content: "";
  display: block;
  height: 250px;
  margin-top: -250px;
  visibility: hidden;
} */

.show-more {
  width: 100%;
  height: 80px;
  background: var(--red);
  display: flex;
  justify-content: center;
  text-transform: uppercase;
  font-family: "Montserrat" Arial, Helvetica, sans-serif;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: var(--white);
}
/* Nav start */
/*
.nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 32px;
  z-index: 6;
}

.nav__burger {
  position: fixed;
  top: 10px;
  right: 20px;
  cursor: pointer;
}

nav {
  padding: 20px 0;
  position: fixed;
  width: 100%;
  z-index: 6;
  top: 0;
  background: #fff;
  transition: background 0.4s ease-in;
}

nav.active {
  background: #fff;
}

.nav__logo img {
  height: 18px;
  /* margin-left: 20px; */
/* z-index: 2;
  position: relative;
}

.nav__list {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  display: none;
  flex-direction: column;
  /* row-gap: 32px; */
/*  justify-content: center;
  align-items: center;
  background: #000;
  z-index: 0;
}

.nav__list.open {
  display: flex;
}

.nav__list li {
  margin-bottom: 32px;
}

.nav__link {
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  transition: color 0.4s ease-in;
  font-weight: 600;
}

.nav__link_icon::before {
  content: url(https://ggautorzeszow.pl/dwa//static/img/odkup.svg);
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 860px) {
.nav__link {
		color: #ffffff;
	}
}

.nav__link:hover,
.nav__link.active {
  color: #ca5f00;
}

.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 5px;
  background-color: #ca5f00;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
} */
/* Nav end */

/* Footer */
.footer__col {
  display: flex;
  margin-left: 8px;
  flex-direction: column;
  margin-bottom: 32px;
}

.section-wrapper-footer {
  width: 90%;
  margin: auto;
  padding: 24px 0;
}

footer {
  display: flex;
  flex-direction: column;
  /* row-gap: 32px; */
}

.footer__link {
  transition: color 0.4s ease-in;
}

.footer__link:hover {
  color: #fff;
}

/* Footer End */

/* Contact */

.form-input {
  padding: 12px 16px;
  font-size: 15px;
  color: #8c8c8c;
  border: none;
  border-radius: 20px;
  width: 100%;
}

.error {
  padding-left: 16px;
  color: red;
  height: 12px;
  padding-top: 3px;
}

.btn {
  //min-width: 296px;
  min-width: 100%;
  cursor: pointer;
  padding: 10px 16px 14px 16px;
  outline: none;
  border: none;
  font-size: 14px;
  font-family: "CupraRegular", sans-serif;
  text-align: center;
  transition: all 0.5s linear;
  transition: border 0s;
  max-height: 40px;
  background-color: #756659;
  color: #fff;
  //width: 296px;
  border-radius: 20px;
}
.btn:hover {
  border: 1px solid #756659 !important;
  color: #756659;
  background-color: #f5f5f5;
}

.btn2 {
  color: #fff;
  background: #756659;
  padding: 16px 15px;
  text-transform: uppercase;
  border: 3px solid #fff;
  width: 300px;
  font-family: "CupraRegular", sans-serif;
  line-height: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: auto;
  border-radius: 40px;
}

.btn2:hover {
  color: #756659;
  background-color: #f5f5f5;
}

.btn2 img {
  padding-right: 15px;
}

.btn2 span {
  line-height: 1.5;
  text-align: left;
  padding-left: 15px;
}

.form {
  display: flex;
  flex-direction: column;
}

.form__row {
  display: flex;
  flex-direction: column;
}

.form__column {
  display: flex;
  flex-direction: column;
}

/* Checkbox */
.checkbox {
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 16px;
  font-size: 13px;
  line-height: 18px;
  color: var(--gray);
  font-family: "CupraLight", sans-serif;
}

.checkbox--disabled {
  color: var(--gray);
}

.checkbox__control {
  display: inline-grid;
  width: 1em;
  height: 1em;
  border-radius: 0.25em;
  border: 0.1em solid currentColor;
}

.checkbox__control svg {
  transition: transform 0.1s ease-in 25ms;
  transform: scale(0);
  transform-origin: bottom left;
}

.checkbox__input {
  display: grid;
  grid-template-areas: "checkbox";
}

.checkbox__input > * {
  grid-area: checkbox;
}

.checkbox__input input {
  opacity: 0;
  width: 1em;
  height: 1em;
}

.checkbox__input input:focus + .checkbox__control {
  box-shadow: 0 0 0 0.05em #fff, 0 0 0.15em 0.1em currentColor;
}

.checkbox__input input:checked + .checkbox__control svg {
  transform: scale(1);
}

.checkbox__input input:disabled + .checkbox__control {
  color: var(--gray);
}

/* End Checkbox */
/* End Contact */

/* Margins */
.mb-sm-8 {
  margin-bottom: 8px;
}

.mb-sm-16 {
  margin-bottom: 16px;
}

.mb-sm-24 {
  margin-bottom: 24px;
}

.mb-sm-32 {
  margin-bottom: 32px;
}

.mb-sm-48 {
  margin-bottom: 48px;
}

.mb-sm-64 {
  margin-bottom: 64px;
}

.mb-sm-80 {
  margin-bottom: 80px;
}

.mt-sm-8 {
  margin-top: 8px;
}

.mt-sm-16 {
  margin-top: 16px;
}

.mt-sm-24 {
  margin-top: 24px;
}

.mt-sm-32 {
  margin-top: 32px;
}

.mt-sm-48 {
  margin-top: 48px;
}

.mt-sm-64 {
  margin-top: 64px;
}

.mt-sm-80 {
  margin-top: 80px;
}

.ml-sm-8 {
  margin-left: 8px;
}

.ml-sm-16 {
  margin-left: 16px;
}

.ml-sm-24 {
  margin-left: 24px;
}

.ml-sm-32 {
  margin-left: 32px;
}

.ml-sm-48 {
  margin-left: 48px;
}

.ml-sm-64 {
  margin-left: 64px;
}

.ml-sm-80 {
  margin-left: 80px;
}

.mr-sm-8 {
  margin-right: 8px;
}

.mr-sm-16 {
  margin-right: 16px;
}

.mr-sm-24 {
  margin-right: 24px;
}

.mr-sm-32 {
  margin-right: 32px;
}

.mr-sm-48 {
  margin-right: 48px;
}

.mr-sm-64 {
  margin-right: 64px;
}

.mr-sm-80 {
  margin-right: 80px;
}

/* Margins */
/* Paddings */
.pb-sm-8 {
  padding-bottom: 8px;
}

.pb-sm-16 {
  padding-bottom: 16px;
}

.pb-sm-24 {
  padding-bottom: 24px;
}

.pb-sm-32 {
  padding-bottom: 32px;
}

.pb-sm-48 {
  padding-bottom: 48px;
}

.pb-sm-64 {
  padding-bottom: 64px;
}

.pb-sm-80 {
  padding-bottom: 80px;
}

.pt-sm-8 {
  padding-top: 8px;
}

.pt-sm-16 {
  padding-top: 16px;
}

.pt-sm-24 {
  padding-top: 24px;
}

.pt-sm-32 {
  padding-top: 32px;
}

.pt-sm-48 {
  padding-top: 48px;
}

.pt-sm-64 {
  padding-top: 64px;
}

.pt-sm-80 {
  padding-top: 80px;
}

.pl-sm-8 {
  padding-left: 8px;
}

.pl-sm-16 {
  padding-left: 16px;
}

.pl-sm-24 {
  padding-left: 24px;
}

.pl-sm-32 {
  padding-left: 32px;
}

.pl-sm-48 {
  padding-left: 48px;
}

.pl-sm-64 {
  padding-left: 64px;
}

.pl-sm-80 {
  padding-left: 80px;
}

.pr-sm-8 {
  padding-right: 8px;
}

.pr-sm-16 {
  padding-right: 16px;
}

.pr-sm-24 {
  padding-right: 24px;
}

.pr-sm-32 {
  padding-right: 32px;
}

.pr-sm-48 {
  padding-right: 48px;
}

.pr-sm-64 {
  padding-right: 64px;
}

.pr-sm-80 {
  padding-right: 80px;
}

/* Paddings end */
.logo-img {
  width: 200px;
}

@media screen and (min-width: 601px) {
  .logo-img {
    width: 300px;
  }

  .nav__logo img {
    height: 40px;
    margin-left: 20px;
    z-index: 2;
    position: relative;
  }

  footer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
    column-gap: 32px;
  }

  .section-wrapper {
    padding: 0 30px;
  }

  .section-wrapper-footer {
    padding: 32px 0;
  }
}

@media screen and (min-width: 861px) {
  .video__wrapper iframe {
    top: 0;
  }

  /* navbar */
  .nav {
    display: grid;
    grid-template-columns: 1fr 3fr;
    align-items: center;
  }

  .section-wrapper {
    padding: 0 40px;
  }

  .nav__burger {
    display: none;
  }

  .section-wrapper-footer {
    padding: 48px 0;
  }

  .nav__list {
    display: flex;
    flex-direction: row;
    /* column-gap: 32px; */
    justify-content: flex-end;
    position: relative;
    left: unset;
    top: unset;
    transform: unset;
    background: unset;
    height: unset;
    width: unset;
  }

  .nav__list li {
    margin-bottom: unset;
  }

  .nav__list li:not(:first-of-type) {
    margin-left: 32px;
  }

  .nav__link {
    margin-bottom: unset;
  }

  /* end navbar */
  footer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .form__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }

  /* Margins */
  .mb-md-8 {
    margin-bottom: 8px;
  }

  .mb-md-16 {
    margin-bottom: 16px;
  }

  .mb-md-24 {
    margin-bottom: 24px;
  }

  .mb-md-32 {
    margin-bottom: 32px;
  }

  .mb-md-48 {
    margin-bottom: 48px;
  }

  .mb-md-64 {
    margin-bottom: 64px;
  }

  .mb-md-80 {
    margin-bottom: 80px;
  }

  .mt-md-8 {
    margin-top: 8px;
  }

  .mt-md-16 {
    margin-top: 16px;
  }

  .mt-md-24 {
    margin-top: 24px;
  }

  .mt-md-32 {
    margin-top: 32px;
  }

  .mt-md-48 {
    margin-top: 48px;
  }

  .mt-md-64 {
    margin-top: 64px;
  }

  .mt-md-80 {
    margin-top: 80px;
  }

  .ml-md-8 {
    margin-left: 8px;
  }

  .ml-md-16 {
    margin-left: 16px;
  }

  .ml-md-24 {
    margin-left: 24px;
  }

  .ml-md-32 {
    margin-left: 32px;
  }

  .ml-md-48 {
    margin-left: 48px;
  }

  .ml-md-64 {
    margin-left: 64px;
  }

  .ml-md-80 {
    margin-left: 80px;
  }

  .mr-md-8 {
    margin-right: 8px;
  }

  .mr-md-16 {
    margin-right: 16px;
  }

  .mr-md-24 {
    margin-right: 24px;
  }

  .mr-md-32 {
    margin-right: 32px;
  }

  .mr-md-48 {
    margin-right: 48px;
  }

  .mr-md-64 {
    margin-right: 64px;
  }

  .mr-md-80 {
    margin-right: 80px;
  }

  /* Margins */
  /* Paddings */
  .pb-md-8 {
    padding-bottom: 8px;
  }

  .pb-md-16 {
    padding-bottom: 16px;
  }

  .pb-md-24 {
    padding-bottom: 24px;
  }

  .pb-md-32 {
    padding-bottom: 32px;
  }

  .pb-md-48 {
    padding-bottom: 48px;
  }

  .pb-md-64 {
    padding-bottom: 64px;
  }

  .pb-md-80 {
    padding-bottom: 80px;
  }

  .pb-md-90 {
    padding-bottom: 90px;
  }

  .pt-md-8 {
    padding-top: 8px;
  }

  .pt-md-16 {
    padding-top: 16px;
  }

  .pt-md-24 {
    padding-top: 24px;
  }

  .pt-md-32 {
    padding-top: 32px;
  }

  .pt-md-48 {
    padding-top: 48px;
  }

  .pt-md-64 {
    padding-top: 64px;
  }

  .pt-md-80 {
    padding-top: 80px;
  }

  .pl-md-8 {
    padding-left: 8px;
  }

  .pl-md-16 {
    padding-left: 16px;
  }

  .pl-md-24 {
    padding-left: 24px;
  }

  .pl-md-32 {
    padding-left: 32px;
  }

  .pl-md-48 {
    padding-left: 48px;
  }

  .pl-md-64 {
    padding-left: 64px;
  }

  .pl-md-80 {
    padding-left: 80px;
  }

  .pr-md-8 {
    padding-right: 8px;
  }

  .pr-md-16 {
    padding-right: 16px;
  }

  .pr-md-24 {
    padding-right: 24px;
  }

  .pr-md-32 {
    padding-right: 32px;
  }

  .pr-md-48 {
    padding-right: 48px;
  }

  .pr-md-64 {
    padding-right: 64px;
  }

  .pr-md-80 {
    padding-right: 80px;
  }

  /* Paddings end */
}

@media screen and (min-width: 1080px) {
  .contact-content {
    padding-top: unset;
    margin-bottom: unset;
    display: block;
    justify-content: unset;
    align-items: unset;
  }
  .nav {
    display: grid;
    grid-template-columns: 1fr 2fr;
    align-items: center;
  }

  footer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }

  .section-wrapper-footer {
    padding: 64px 0;
  }
}

@media screen and (min-width: 1280px) {
  .section-wrapper {
    //padding: 0 80px;
  }

  .section-wrapper-footer {
    padding: 80px 0;
  }

  /* Margins */
  .mb-xl-8 {
    margin-bottom: 8px;
  }

  .mb-xl-16 {
    margin-bottom: 16px;
  }

  .mb-xl-24 {
    margin-bottom: 24px;
  }

  .mb-xl-32 {
    margin-bottom: 32px;
  }

  .mb-xl-48 {
    margin-bottom: 48px;
  }

  .mb-xl-64 {
    margin-bottom: 64px;
  }

  .mb-xl-80 {
    margin-bottom: 80px;
  }

  .mt-xl-8 {
    margin-top: 8px;
  }

  .mt-xl-16 {
    margin-top: 16px;
  }

  .mt-xl-24 {
    margin-top: 24px;
  }

  .mt-xl-32 {
    margin-top: 32px;
  }

  .mt-xl-48 {
    margin-top: 48px;
  }

  .mt-xl-64 {
    margin-top: 64px;
  }

  .mt-xl-80 {
    margin-top: 80px;
  }

  .ml-xl-8 {
    margin-left: 8px;
  }

  .ml-xl-16 {
    margin-left: 16px;
  }

  .ml-xl-24 {
    margin-left: 24px;
  }

  .ml-xl-32 {
    margin-left: 32px;
  }

  .ml-xl-48 {
    margin-left: 48px;
  }

  .ml-xl-64 {
    margin-left: 64px;
  }

  .ml-xl-80 {
    margin-left: 80px;
  }

  .mr-xl-8 {
    margin-right: 8px;
  }

  .mr-xl-16 {
    margin-right: 16px;
  }

  .mr-xl-24 {
    margin-right: 24px;
  }

  .mr-xl-32 {
    margin-right: 32px;
  }

  .mr-xl-48 {
    margin-right: 48px;
  }

  .mr-xl-64 {
    margin-right: 64px;
  }

  .mr-xl-80 {
    margin-right: 80px;
  }

  /* Margins */
  /* Paddings */
  .pb-xl-8 {
    padding-bottom: 8px;
  }

  .pb-xl-16 {
    padding-bottom: 16px;
  }

  .pb-xl-24 {
    padding-bottom: 24px;
  }

  .pb-xl-32 {
    padding-bottom: 32px;
  }

  .pb-xl-48 {
    padding-bottom: 48px;
  }

  .pb-xl-64 {
    padding-bottom: 64px;
  }

  .pb-xl-80 {
    padding-bottom: 80px;
  }

  .pt-xl-8 {
    padding-top: 8px;
  }

  .pt-xl-16 {
    padding-top: 16px;
  }

  .pt-xl-24 {
    padding-top: 24px;
  }

  .pt-xl-32 {
    padding-top: 32px;
  }

  .pt-xl-48 {
    padding-top: 48px;
  }

  .pt-xl-64 {
    padding-top: 64px;
  }

  .pt-xl-80 {
    padding-top: 80px;
  }

  .pl-xl-8 {
    padding-left: 8px;
  }

  .pl-xl-16 {
    padding-left: 16px;
  }

  .pl-xl-24 {
    padding-left: 24px;
  }

  .pl-xl-32 {
    padding-left: 32px;
  }

  .pl-xl-48 {
    padding-left: 48px;
  }

  .pl-xl-64 {
    padding-left: 64px;
  }

  .pl-xl-80 {
    padding-left: 80px;
  }

  .pr-xl-8 {
    padding-right: 8px;
  }

  .pr-xl-16 {
    padding-right: 16px;
  }

  .pr-xl-24 {
    padding-right: 24px;
  }

  .pr-xl-32 {
    padding-right: 32px;
  }

  .pr-xl-48 {
    padding-right: 48px;
  }

  .pr-xl-64 {
    padding-right: 64px;
  }

  .pr-xl-80 {
    padding-right: 80px;
  }

  /* Paddings end */
}

#galeria {
  display: grid;
  gap: 32px;
  width: 100%;
  grid-template-columns: repeat(2, 1fr);
  /* grid-template-rows: 300px auto 350px 350px 200px; */
}

.blokTekstu {
  //background-color: #a2765a;
  color: #ffffff;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 30px;
  font-size: 2.2vw;
  //text-align: center;
}

#galeria .zdjecie {
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

/* 
#galeria img{
	height: 100%;
	width: 100%;
	transform: scale(1);
	transition: transform .2s, -webkit-transform .2s;
}

#galeria img:hover{
	transform: scale(1.1);
}
 */

#galeria .zdjecie:nth-of-type(1) {
  grid-column: 1/3;
  grid-row: 1/2;
}

#galeria .zdjecie:nth-of-type(2) {
  grid-column: 1/3;
  grid-row: 2/3;
}
#galeria .blokTekstu {
  grid-column: 1/3;
  grid-row: 3/4;
}
#galeria .zdjecie:nth-of-type(3) {
  grid-column: 1/3;
  grid-row: 4/5;
}

#galeria .zdjecie:nth-of-type(5) {
  grid-column: 1/3;
  grid-row: 5/6;
}

#galeria .zdjecie:nth-of-type(4) {
  grid-column: 1/3;
  grid-row: 6/7;
}

#galeria .zdjecie:nth-of-type(6) {
  grid-column: 1/3;
  grid-row: 7/7;
}

#galeria .zdjecie:nth-of-type(7) {
  grid-column: 1/2;
  grid-row: 8/8;
}

#galeria .zdjecie:nth-of-type(8) {
  grid-column: 2/3;
  grid-row: 8/8;
}

@media (min-width: 800px) {
  #galeria {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 350px auto 350px 350px 200px;
  }
  #galeria .zdjecie:nth-of-type(1) {
    grid-column: 1/13;
    grid-row: 1/2;
  }

  #galeria .zdjecie:nth-of-type(2) {
    grid-column: 1/6;
    grid-row: 2/3;
  }

  #galeria .zdjecie:nth-of-type(3) {
    grid-column: 1/8;
    grid-row: 3/4;
  }

  #galeria .zdjecie:nth-of-type(5) {
    grid-column: 8/13;
    grid-row: 3/5;
  }

  #galeria .zdjecie:nth-of-type(4) {
    grid-column: 1/8;
    grid-row: 4/5;
  }

  #galeria .zdjecie:nth-of-type(6) {
    grid-column: 1/5;
    grid-row: 5/7;
  }

  #galeria .zdjecie:nth-of-type(7) {
    grid-column: 5/8;
    grid-row: 5/7;
  }

  #galeria .zdjecie:nth-of-type(8) {
    grid-column: 8/13;
    grid-row: 5/7;
  }

  #galeria .blokTekstu {
    grid-column: 6/13;
    grid-row: 2/3;
  }
}

@media (max-width: 800px) {
  .blokTekstu {
    font-size: 4vw;
  }
  .logo__header {
    width: 100px !important;
    margin: 0 auto !important;
  }
  .logo_container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 40px;
  }
  .headTitle {
    margin-top: 40px !important;
  }
  .zdjecie {
    width: 100% !important;
    max-width: 500px !important;
  }
  .logo__gg {
    max-height: 40px !important;
    display: block;
    object-fit: contain;
    object-position: center;
    width: 100%;
  }
}
.form__wrapper .calendar__input {
  display: flex;
  flex-direction: column;
  align-items: center;
  //gap: 20px;
}
.form__wrapper #calendar {
  width: 400px;
  height: 400px;
}
.form__wrapper .calendar__hours {
  display: grid;
  margin: 32px 0;
  grid-template-columns: repeat(4, auto);
  gap: 16px;
}

.form__wrapper .calendar__hour {
  background-color: transparent !important;
  border-radius: 20px;
  border: 1px solid #a2765a !important;
  color: #a2765a;
  padding: 10px 20px;
  display: block;
  transition: color 0.12s linear, background-color 0.12s linear;
}
.form__wrapper .calendar__hour:hover {
  color: #ffffff;
  background-color: #a2765a !important;
  cursor: pointer;
}

.form__wrapper .calendar__hour.calendar__hour--active {
  color: #ffffff;
  background-color: #a2765a !important;
}
@media (min-width: 800px) {
  .form__wrapper .form {
    display: grid;
    gap: 0 80px;
    grid-template-columns: repeat(2, 1fr);
  }
  .form-input#phone {
    width: 100%;
  }

  .form__wrapper .form__row {
    display: flex;
    flex-direction: column;
  }
  .form__wrapper {
    max-width: 100% !important;
    width: 1100px !important;
  }
  .form__wrapper button#sendButton {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .form__wrapper .calendar__hours {
    gap: 12px;
  }
  .form__wrapper .calendar__hour {
    padding: 10px 18px;
  }
}

.form__wrapper .calendar__hour--disabled {
  pointer-events: none;
  color: #ffffff;
  background-color: #a2765a !important;
  opacity: 0.3;
}

#galeria1 {
  display: grid;
  gap: 32px;
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  /* grid-template-rows: 300px auto 350px 350px 200px; */
}

#galeria1 .zdjecie {
  width: 100%;
  height: 100%;
  display: block;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
  overflow: hidden;
}

#galeria1 .zdjecie:nth-of-type(1) {
  grid-row: 1/3;
}

#galeria1 .zdjecie:nth-of-type(2) {
  grid-row: 1/3;
}

#galeria1 .zdjecie:nth-of-type(3) {
  grid-row: 1/3;
}

@media screen and (max-width: 800px) {
  #galeria1 {
    display: block;
    width: 100%;
  }

  #galeria1 .zdjecie {
    width: 100%;
    height: 100%;
    display: block;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    margin-bottom: 32px;
  }
}

.header {
  box-sizing: border-box;
  display: block;
  font-size: 10px;
  height: 72px;
  position: relative;
  touch-action: manipulation;
  z-index: 100;
}
.AudiHeaderLogo__HeaderStyledLogo strong {
  display: none;
}
.AudiHeaderStyles__HeaderStyledWrapper {
  display: flex;
  font-size: 10px;
  padding-bottom: 0;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
}
.AudiHeaderLogo__HeaderStyledLogo {
  opacity: 1;
  display: block;
  margin-bottom: 24px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper {
  order: -1;
}
.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper button {
  align-items: flex-start;
  background-color: transparent;
  cursor: pointer;
  display: flex;
  border: none;
  margin: 24px 0;
}
.AudiHeaderMenuButton__StyledMenuButtonIcon {
  height: 18px;
  width: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  margin-right: 12px;
  margin-left: 3px;
  position: relative;
}
.AudiHeaderMenuButton__StyledMenuButtonIconTopLine {
  background-color: #000000;
  height: 1px;
  left: 0px;
  animation: 420ms ease 0s 1 normal none running ddnrwa;
  position: absolute;
  right: 0px;
  top: 6px;
  width: 18px;
}
.AudiHeaderMenuButton__StyledMenuButtonIconMiddleLine {
  background-color: #000000;

  height: 1px;
  left: 0px;
  animation: 240ms ease 0s 1 normal none running jsLHVu;
  position: absolute;
  right: 0px;
  top: 9px;
}
.AudiHeaderMenuButton__StyledMenuButtonIconMiddleSecondLine {
  background-color: #000000;
  left: 0px;
  animation: 240ms ease 0s 1 normal none running lmBKsv;
  position: absolute;
  right: 0px;
  top: 9px;
  height: 1px;
}
.AudiHeaderMenuButton__StyledMenuButtonIconBottomLine {
  background-color: #000000;
  height: 1px;
  left: 0px;
  animation: 420ms ease 0s 1 normal none running iejKxC;
  position: absolute;
  right: 0px;
  top: 12px;
}
.AudiHeaderNavStyles__HeaderStyledNavWrapper {
  background-color: #ffffff;
  display: block;
  height: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 72px;
  width: 100%;
  z-index: 1;
}
.AudiHeaderNavStyles__HeaderStyledNav {
  height: auto;
  opacity: 0;

  padding: 24px 40px;
  transform: scaleY(0);
  transform-origin: center top;
}
.AudiHeaderNavItemStyles__HeaderStyledNavItem {
  padding: 12px 0;
}
.AudiHeaderNavItemStyles__HeaderStyledNavItemLink {
  box-sizing: border-box;
  color: rgb(102, 102, 102);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  /* font-family AudiType, sans-serif */
  font-size: 16px;
  font-stretch: 105%;
  height: 24px;
  line-height: 24px;
  text-decoration-color: rgb(102, 102, 102);
  text-decoration-line: none;
  text-decoration-style: solid;
  text-decoration-thickness: auto;
}
.AudiHeaderNavStyles__HeaderStyledNavWrapper.open {
  height: calc(100svh - 72px);
  overflow: hidden auto;
}
.AudiHeaderNavStyles__HeaderStyledNavWrapper.open
  .AudiHeaderNavStyles__HeaderStyledNav {
  transform: scaleY(1);
  opacity: 1;
}

.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper
  button.open
  .AudiHeaderMenuButton__StyledMenuButtonIconTopLine {
  background-color: #000000;
  height: 1px;
  left: 0px;
  animation: 420ms ease 0s 1 normal forwards running OnuxF;
  position: absolute;
  right: 0px;
  top: 6px;
}
.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper
  button.open
  .AudiHeaderMenuButton__StyledMenuButtonIconMiddleLine {
  background-color: #000000;

  height: 1px;
  left: 0px;
  animation: 240ms ease 0s 1 normal forwards running bMLQoD;
  position: absolute;
  right: 0px;
  top: 9px;
}
.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper
  button.open
  .AudiHeaderMenuButton__StyledMenuButtonIconMiddleSecondLine {
  background-color: #000000;
  left: 0px;
  animation: 240ms ease 0s 1 normal forwards running jJYfBS;
  position: absolute;
  right: 0px;
  top: 9px;
  height: 1px;
}
.AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper
  button.open
  .AudiHeaderMenuButton__StyledMenuButtonIconBottomLine {
  background-color: #000000;
  height: 1px;
  left: 0px;
  animation: 420ms ease 0s 1 normal forwards running eGqdDu;
  position: absolute;
  right: 0px;
  top: 12px;
}

@keyframes OnuxF {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translateY(3px);
  }
  100% {
    opacity: 0;
    transform: translateY(3px);
  }
}
@keyframes bMLQoD {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(45deg);
  }
}
@keyframes jJYfBS {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-45deg);
  }
}
@keyframes eGqdDu {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translateY(-3px);
  }
  100% {
    opacity: 0;
    transform: translateY(-3px);
  }
}

@media (min-width: 1440px) {
  .AudiHeaderStyles__HeaderStyledWrapper {
    flex-wrap: nowrap;
    max-width: 100%;
    overflow: initial;
    padding: 0px 96px;
    z-index: 1;
  }
  .AudiHeaderLogo__HeaderStyledLogo {
    margin-left: auto;
    margin-right: 32px;
  }
  .AudiHeaderMenuButton__HeaderStyledMenuButtonWrapper {
    display: none;
  }
  .AudiHeaderNavStyles__HeaderStyledNavWrapper {
    overflow: initial;
    position: static;
    top: 0px;
    height: 72px;
    z-index: 1;
  }
  .AudiHeaderStyles__HeaderStyledUserActionWrapper {
    background-color: var(--one-header-color-white);
    display: flex;
    flex-shrink: 0;
    -webkit-box-pack: end;
    justify-content: flex-end;
    opacity: 1;
    width: 33%;
    flex-shrink: unset;
  }
  .AudiHeaderNavStyles__HeaderStyledNav {
    display: flex;
    flex-wrap: nowrap;
    height: auto;
    margin-right: 32px;
    opacity: 1;
    padding: 0px;
    position: static;
    top: 0px;
    transform: none;
    transition: none;
  }
  .AudiHeaderNavItemStyles__HeaderStyledNavItem {
    margin-top: 24px;
    margin-right: 24px;
    padding: 0;
  }
  .AudiHeaderNavItemStyles__HeaderStyledNavItemLink {
  }
}
.InpageNav__Container {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  align-items: stretch;
  background-color: #ffffff;
  opacity: 1;
  will-change: opacity;
  padding: 0px;
  width: 100%;
  position: sticky;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 10;
}
.NavigationStyles__StyledInput {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.NavigationStyles__StyledOverarchingName {
  display: flex;
  flex-direction: row;
  -webkit-box-pack: justify;
  justify-content: space-between;
  color: rgb(51, 51, 51);
  padding: 16px;
  border-bottom: 1px solid var(--colors-ui-highlight-tertiary-611444a);
  cursor: pointer;
}
@media (min-width: 375px) {
  .NavigationStyles__StyledOverarchingName {
    padding: 16px 28px;
  }
}
@media (min-width: 768px) {
  .NavigationStyles__StyledOverarchingName {
    padding: 16px 40px;
  }
}
.NavigationStyles__StyledOverarchingContent {
  display: flex;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  z-index: -1;
}
.NavigationStyles__StyledOverarchingContent p {
  margin: 0px;
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-stretch: 105%;
  line-height: 24px;
  font-size: 16px;
}
.NavigationStyles__StyledOverarchingContent span {
  margin: 0px;
  color: rgb(51, 51, 51);
  font-weight: 400;
  font-style: normal;
  text-decoration: none;
  font-stretch: 105%;
  line-height: 24px;
  font-size: 12px;
}
.NavigationStyles__StyledArrowIcon {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  rotate: -180deg;
  transition: 0.3s;
}
.NavigationStyles__StyledArrowIcon svg {
  color: rgb(51, 51, 51);
  transition: color 150ms ease-in-out;
}
.NavigationStyles__StyledSubMenu {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 250ms;
  margin: 0px;
}
.NavigationStyles__StyledNavBar {
  display: flex;
  align-items: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  overflow: hidden;
  transition: 0.3s;
  background-color: rgba(0, 0, 0, 0.05);
  padding: 0px;
}
.NavigationStyles__StyledNavList {
  display: flex;
  position: relative;
  flex-direction: column;
  -webkit-box-pack: start;
  justify-content: flex-start;
  flex: 1 1 0%;
  margin: 0px;
  padding: 0px;
  list-style: outside none none;
}
.NavigationStyles__StyledListItem {
  display: block;
  margin: 0 16px;
}
@media (min-width: 375px) {
  .NavigationStyles__StyledListItem {
    padding: 0 28px;
  }
}
@media (min-width: 768px) {
  .NavigationStyles__StyledListItem {
    padding: 0 40px;
  }
}
#moreMenuList {
  display: none;
}
.NavigationStyles__StyledOverViewLink {
  display: flex;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.003px;
  cursor: pointer;
  padding-bottom: 16px;
  color: #000000;
  margin-top: 0px;
  height: auto;
  padding-left: 0px;
}

.NavigationStyles__StyledInput:checked ~ .NavigationStyles__StyledSubMenu {
  grid-template-rows: 1fr;
}

.NavigationStyles__StyledInput:checked
  ~ .NavigationStyles__StyledSubMenu
  > .NavigationStyles__StyledNavBar {
  padding-top: 16px;
  padding-bottom: 16px;
}
.NavigationStyles__StyledInput:checked
  ~ .NavigationStyles__StyledSubMenu
  > .NavigationStyles__StyledNavBar.nav-bar-top {
  height: 100vh;
  overflow-y: scroll;
}
@media screen and (min-width: 1024px) {
  .NavigationStyles__StyledOverViewLink {
    line-height: 58px;
    font-size: 16px !important;
    color: rgb(102, 102, 102) !important;
    padding-bottom: 2px;
  }
  .NavigationStyles__StyledOverViewLink.active-link {
    color: #000000 !important;
    font-size: 24px !important;
  }

  .NavigationStyles__StyledOverViewLink:hover {
    cursor: pointer;
    color: #000000 !important;
  }
  .InpageNav__Container {
    width: auto;
    padding: 0 60px;
  }
  .NavigationStyles__StyledOverarchingName {
    display: none;
  }
  .NavigationStyles__StyledSubMenu {
    position: relative;
    height: auto;
    overflow: unset;
    margin: 8px 0 24px 0;
  }
  .NavigationStyles__StyledNavBar {
    max-width: 1920px;
    display: block;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    flex-grow: 0;
    position: unset;
    top: unset;
    left: unset;
    width: auto;
    background-color: unset;
    padding-left: 0px;
    padding-right: 0px;
    transition-duration: 0.5s;
    transition-property: transform, opacity, height, visibility;
    opacity: 1;
    visibility: visible;
    height: 62px;
    border-bottom: 1px solid rgb(217, 217, 217);
  }
  .NavigationStyles__StyledNavList {
    flex-flow: wrap;
    -webkit-box-align: center;
    align-items: center;
    //justify-content: stretch;
    justify-content: flex-start;
    width: 100%;
    background-color: unset;
  }
  .NavigationStyles__StyledListItem {
    position: relative;
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
    -webkit-box-pack: center;
    justify-content: center;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  .NavigationStyles__StyledLink {
    height: auto;
    line-height: 60px;
    font-size: 16px;
    padding: 0px;
    margin: 0px;
    border-bottom: none;
  }
  .NavigationStyles__StyledListItem.parent-item {
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 28px;
  }
  .NavigationStyles__StyledOverViewLink {
    font-size: 20px;
    color: #000000;
    padding-bottom: 2px;
    margin-bottom: 2px;
  }
  .background-priority-layer {
    display: block;
  }
}
@media (min-width: 1440px) {
  .InpageNav__Container {
    padding: 0 96px;
  }
}

.AudiHeaderNavItemStyles__HeaderStyledNavItemLink:hover {
  color: #000000 !important;
}

.footer__col {
  display: flex;
  margin-left: 8px;
  flex-direction: column;
  margin-bottom: 32px;
}

.slider {
  width: 100%;
  max-width: 100%;
}
.slider .swiper {
  width: 100%;
  max-width: 100%;
}
.slider .swiper .swiper-wrapper {
  width: 100%;
  max-width: 100%;
}
.image {
  display: block;
  position: absolute;
  width: 100vw;
  height: auto;
  aspect-ratio: 11/2;
  left: 50%;
  transform: translateX(-50%);
}
.imageContainer {
  aspect-ratio: 11/2;
  width: 100vw;
}
@media (max-width: 600px) {
  .imageContainer {
    aspect-ratio: 60/17;
  }
  .image--desktop {
    display: none;
  }
  .image--mobile {
    display: block;
    aspect-ratio: 60/17;
  }
}
@media (min-width: 600px) {
  .imageContainer {
    aspect-ratio: 11/2;
    width: 100vw;
  }
  .image--desktop {
    display: block;
  }
  .image--mobile {
    display: none;
  }
}
.slider {
  padding: 50px 0;
  position: relative;
  margin: 50px 0;
}

@media screen and (max-width: 767px) {
  .slider {
    padding-top: 20px;
    margin-bottom: 15px;
  }
}

.slider::after {
  content: "";
  position: absolute;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  background-color: #ffffff;
}
.slider > * {
  position: relative;
  z-index: 1;
}
.slider .swiper {
  overflow: hidden;
}
.slider .swiper .swiper-wrapper {
}
.slider .swiper .swiper-slide img {
  aspect-ratio: 16/9;
  /* height: 200px; */
  width: 100%;
  object-fit: contain;
  object-position: center;
}
.slider .swiper .swiper-slide h4 {
  font-size: 17px;
  transition: all 0.1s linear;
}
.slider .swiper .swiper-slide-active h4 {
  font-size: 20px;
}
.swiper-navigation {
  position: absolute;
  width: 100%;
  height: 50px;
  top: 50%;
  /* bottom: 7%; */
  left: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  right: 0;
  z-index: 20;
  pointer-events: none;
  transform: translateY(-20%);
}

.swiper-prev,
.swiper-next {
  width: 40px;
  pointer-events: all;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  z-index: 10;
  -webkit-box-shadow: 8px 8px 30px -11px rgba(66, 68, 90, 1);
  -moz-box-shadow: 8px 8px 30px -11px rgba(66, 68, 90, 1);
  box-shadow: 8px 8px 30px -11px rgba(66, 68, 90, 1);
  cursor: pointer;
}
.swiper-slide-prev,
.swiper-slide-next {
  opacity: 0.6;
}
.swiper-slide-prev img,
.swiper-slide-next img {
  transform: scale(0.8);
}
.swiper-slide {
  transition: all 0.1s linear;
}
.swiper-slide img {
  transition: all 0.1s linear;
}

.swiper-slide-active {
}
.swiper-prev svg,
.swiper-next svg {
  max-height: 40px;
  height: fit-content;
  opacity: 0.7;
  transform: scale(0.7);
}
.swiper-prev svg {
  transform: scale(0.7) rotate(-180deg);
}
.swiper-prev:hover svg,
.swiper-next:hover svg {
  opacity: 1;
}
@media (max-width: 500px) {
  .swiper {
    width: 150vw !important;
    max-width: 150vw !important;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .swiper-slide-active img {
    transform: scale(1.4);
  }
  .swiper-navigation {
    gap: 20px;
    justify-content: center;
    top: 90%;
    transform: translateY(-50%);
  }
}
html {
  overflow-x: clip;
}
.calendar__set {
  color: #a2765a;
}