@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Figtree:ital,wght@0,300..900;1,300..900&display=swap");

/*
  font-family: "Be Vietnam Pro", sans-serif;

  // <uniquifier>: Use a unique and descriptive class name
  // <weight>: Use a value from 300 to 900
  .figtree-<uniquifier> {
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: <weight>;
    font-style: normal;
  }
*/

:root {
  --white-color: #fff;
  --black-color: black;
  --grey-color: #919191;
  --page-background: #fefefe;
  --blue-color: #0f222b;
  --darker-green: #00a025;
  --lighter-green: #00e134;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
  background: var(--page-background);
}
body.page {
  margin: 0;
}
header + section {
  margin-top: 70px;
}
section {
  padding: 75px 0;
}

.page-id-407 section:not(.section_intro_home_page) {
  padding: 50px 0;
}

.container {
  max-width: 1464px;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5 {
  font-family: "Be Vietnam Pro", sans-serif;
  font-weight: 800;
  color: var(--blue-color);
}
p,
ul {
  font-family: "Figtree", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 24px;
}
.padding_zero {
  padding: 0;
}
.margin_zero {
  margin: 0;
}

.flex {
  display: flex;
}

.row.flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.row.flex::before,
.row.flex::after {
  display: none;
}
.flex.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box {
  margin-bottom: -30px;
}
.box > div {
  margin-bottom: 30px;
}

a:visited {
  color: unset;
}
a.button_blue:visited {
  color: var(--white-color);
}
a.button_green:visited {
  color: var(--white-color);
}
a {
  text-decoration: underline;
  color: var(--lighter-green);
}
a:hover {
  text-decoration: none;
  color: var(--black-color);
}

button {
  font-family: "Figtree", sans-serif;
}
.button_blue {
  background-color: var(--blue-color);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 30px;
  border: none;
  padding: 12px 28px;
  text-decoration: none;
  width: fit-content;
}
.button_blue:hover {
  background-color: var(--darker-green);
  transition: 0.3s;
}

.button_green {
  background-color: var(--darker-green);
  color: var(--white-color);
  font-size: 16px;
  font-weight: 400;
  border-radius: 30px;
  border: none;
  padding: 12px 28px;
  text-decoration: none;
  width: fit-content;
}
.button_blue:hover {
  background-color: var(--blue-color);
  transition: 0.3s;
}

/*
***                                     INDEX HEADER
*/

.header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}

.whrapper_header {
  display: flex;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  height: 100px;
  justify-content: space-between;
}

.wrapper_header_logo a {
  width: 200px;
}
.wrapper_header_logo {
  max-width: 250px;
  min-width: 10%;
}
.logo {
  width: 210px;
}

.navmenu {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: 35px;
}
.navmenu li {
  position: relative;
}
.navmenu li a {
  display: flex;
  font-size: 16px;
  font-weight: 400;
  color: var(--white-color);
  align-items: center;
  text-decoration: none;
}
.navmenu li a::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px; /* posunutí o 3px pod link */
  left: 30;
  height: 1.5px;
  width: 0;
  background: var(--white-color);
  transition: 0.3s ease;
}
.navmenu li a:hover::after {
  width: 100%; /* na hover se zobrazí celá čára */
}

.navmenu li a span {
  transform: rotate(90deg);
  margin-left: 5px;
}
.navmenu li:hover > ul {
  opacity: 1;
  visibility: visible;
}

.navmenu > li > ul {
  list-style: none;
  padding: 17px 20px 8px 20px;
  opacity: 0;
  margin: 0;
  visibility: hidden;
  position: absolute;
  top: 39px;
  z-index: 1;
  background-color: var(--blue-color-500);
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.navmenu > li > ul li {
  margin-bottom: 11px;
}
.navmenu > li > ul li a {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  height: auto;
  align-items: center;
  margin: 0;
}
.navmenu > li > ul li a::after {
  background: #ffffff;
}
.open_menu {
  display: none;
}

#scroll_change {
  transition: all 0.3s ease;
}

/*
***                                     section_text
***                                     wrapper_text
*/

.wrapper_text h1 {
  font-size: 72px;
  line-height: 79.2px;
  font-weight: 900;
}
.wrapper_text h2 {
  font-size: 40px;
  line-height: 48px;
}
.wrapper_text h3 {
  font-size: 20px;
  line-height: 26px;
}
.wrapper_section_title h2 {
  margin-bottom: 32px;
}
.wrapper_text_title h2,
.wrapper_text_title h3 {
  margin-bottom: 16px;
}

.wrapper_text p:last-of-type {
  margin: 0;
}

/*
***                                     section_text_img
*/

.wrapper_text_img_all {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 30px;
  align-items: center;
}
.wrapper_text_img {
  height: 350px;
}
.wrapper_text_img img {
  border-radius: 50px;
  object-position: 50% 50%;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/*
***                                     section_intro_home_page
*/
header + .section_intro_home_page {
  margin-top: -100px;
}
.section_intro_home_page {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  padding-top: 200px;
}
.wrapper_intro_home_page_all {
  position: relative;
  z-index: 1;
  margin-top: 125px;
  margin-bottom: 195px;
}
.wrapper_intro_home_page_all .wrapper_text {
  padding-bottom: 36px;
}
.section_intro_home_page .wrapper_text,
.section_intro_home_page .wrapper_text h1,
.section_intro_home_page .wrapper_text h2,
.section_intro_home_page .wrapper_text h3 {
  color: var(--white-color);
}
.section_intro_home_page .wrapper_text h1,
.section_intro_home_page .wrapper_text h2,
.section_intro_home_page .wrapper_text h3 {
  margin-top: 0;
  margin-bottom: 24px;
}
.section_intro_home_page::before {
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 33, 49, 0.5) 0%,
    rgba(0, 30, 47, 0.9) 100%
  );
  z-index: 0;
}

.wrapper_itro_lines {
  position: absolute;
  bottom: 55px;
  width: 100%;
  height: 60px;
  overflow: hidden;
}
.wrapper_itro_lines::before {
  content: "";
  position: absolute;
  background-image: url(../img/intro_lines_left.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.wrapper_itro_lines::after {
  content: "";
  position: absolute;
  background-image: url(../img/intro_lines_right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-position: right;
}

.section_intro_home_page a .button_green {
  font-size: 18px;
}

/*
***                                     section_intro_second_page
*/

.section_intro_second_page {
  min-height: unset;
}
.section_intro_home_page.section_intro_second_page .wrapper_text h1 {
  margin-bottom: 0;
}
.wrapper_intro_second_page_all {
  margin-top: 50px;
  margin-bottom: 85px;
}

/*
***                                     section_text_owner_info
*/
.section_text_owner_info .row {
  justify-content: space-between;
}
.section_text_owner_info {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
.section_text_owner_info .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.85); /* Bílé poloprůhledné překrytí */
}
.section_text_owner_info::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 49%
  );
  bottom: 0;
}
.section_text_owner_info::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 49%
  );
  top: 0;
}
.section_text_owner_info .container {
  position: relative;
  z-index: 1;
}

.wrapper_text_owner_info_content_button .wrapper_text {
  margin-bottom: 28px;
}

.wrapper_text_owner_photo {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.wrapper_owner_info {
  position: absolute;
  bottom: 0;
  background: var(--blue-color);
  width: 80%;
  color: var(--white-color);
  padding: 32px;
  border-radius: 0 50px;
}
.wrapper_owner_info h3 {
  color: var(--white-color);
}

.wrapper_text_owner_points_img .wrapper_text p:last-of-type {
  margin-bottom: 0;
}
.wrapper_text_owner_points_img {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.wrapper_text_owner_points_img_icon {
  width: 45px;
  margin-bottom: 16px;
}
.wrapper_text_owner_points_img_icon img {
  width: 100%;
  max-height: 50px;
}

/*
***                                     section_about_camper
*/

.wrapper_card_info_all {
  position: relative;
  padding: 0;
}
.wrapper_card_info_img_background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(25% + 250px);
  z-index: -1;
  border-radius: 0 0 50px 0;
}
.wrapper_about_camper_content_under_cards {
  padding-top: 40px;
  padding-left: calc(25% + 290px);
  max-width: 70vw;
  width: 100%;
}
.wrapper_about_camper_content_under_cards .wrapper_text {
  padding-bottom: 28px;
}

.wrapper_card_info {
  display: flex;
  flex-direction: row;
  padding-left: 335px;
}
.wrapper_card_info .item_card_info:first-of-type {
  border-radius: 0 0 0 50px;
}
.item_card_info {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 375px;
  width: 25%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px;
  text-decoration: none;
}
.item_card_info::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.9) 80%
  );
  left: 0;
  top: 0;
}
.wrapper_card_info .item_card_info:first-of-type::before {
  border-radius: 0 0 0 50px;
}

.item_card_info_content {
  z-index: 1;
  position: relative;
}
.item_card_info_content h3,
.item_card_info_content p {
  color: var(--white-color);
}
.item_card_more_arrow {
  display: flex;
  column-gap: 8px;
  padding-top: 12px;
}
.item_card_more_arrow p {
  margin: 0;
}
.item_card_arrow {
  width: 30px;
  height: 30px;
}
.item_card_arrow img {
  max-height: 100%;
}

.item_card_info_hide_show {
  max-height: 0px;
  transition: 0.3s;
  overflow: hidden;
}
.item_card_info:hover .item_card_info_hide_show {
  max-height: 300px;
  transition: 0.6s;
}

/*
***                                     section_packages
*/
.wrapper_packages_intro {
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  row-gap: 20px;
  flex-wrap: wrap;
  align-items: center;
}
.wrapper_packages_intro .wrapper_text h2 {
  margin: 0;
}
.packages_filter {
  display: flex;
  column-gap: 12px;
  row-gap: 12px;
  background: var(--blue-color);
  border-radius: 30px;
  align-items: center;
  height: fit-content;
  padding: 12px 24px;
  flex-direction: row;
  flex-wrap: wrap;
}
.packages_filter .filter-btn {
  border: none;
  background: unset;
  border-radius: 20px;
  padding: 8px 24px;
  color: var(--white-color);
}
.packages_filter .filter-btn.active {
  background: var(--darker-green);
  font-weight: bold;
}

.wrapper_packages_all {
  display: flex;
  column-gap: 40px;
  justify-content: center;
  margin-top: 30px;
}

.wrapper_packages {
  width: 455px;
}
.wrapper_packages_img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 350px;
  border-radius: 50px 50px 0 0;
}
.wrapper_packages_content {
  padding: 32px;
  background-color: var(--blue-color);
  border-radius: 0 0 50px 50px;
}
.wrapper_packages_content h3,
.wrapper_packages_content ul li,
.wrapper_packages_content p {
  color: var(--white-color);
}
.wrapper_packages_content_title_price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  column-gap: 15px;
}
.wrapper_packages_content_title_price h3 {
  margin: 0;
}
.wrapper_packages_content .item_packages_content_price {
  color: var(--lighter-green);
  font-weight: 400;
}
.wrapper_packages_text p {
  margin: 0;
}

.item_packages_line {
  width: 100%;
  height: 1px;
  background-color: var(--lighter-green);
  margin: 20px 0;
}

.wrapper_packages_content ul {
  margin: 0;
  padding-left: 36px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.wrapper_packages_content .item_packeges_yes {
  position: relative;
  list-style-type: none;
}
.wrapper_packages_content .item_packeges_yes::before {
  content: "";
  position: absolute;
  left: -36px;
  background-image: url(../img/packeges_yes.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.wrapper_packages_content .item_packeges_no {
  position: relative;
  color: var(--grey-color);
  list-style-type: none;
}
.wrapper_packages_content .item_packeges_no::before {
  content: "";
  position: absolute;
  left: -36px;
  background-image: url(../img/packeges_no.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.wrapper_packages_guarantee {
  margin-top: 40px;
  padding: 50px;
  display: flex;
  column-gap: 60px;
  background-color: var(--blue-color);
  border-radius: 50px;
}
.wrapper_packages_guarantee .wrapper_text h2,
.wrapper_packages_guarantee .wrapper_text h3,
.wrapper_packages_guarantee .wrapper_text p {
  color: var(--white-color);
}
.wrapper_packages_guarantee_icon {
  width: 200px;
  flex-shrink: 0;
}
.wrapper_packages_guarantee_icon img {
  width: 100%;
}
.wrapper_packages_guarantee .wrapper_text {
  padding-bottom: 28px;
}

/*
***                                     section_faq
*/
.section_faq {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.section_faq::before {
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #0f222b;
  opacity: 0.95;
  z-index: 0;
}
.section_faq_cover_linear::before {
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(15, 34, 43, 0.4) 0%,
    rgba(15, 34, 43, 0) 49%
  );
  z-index: 0;
}
.section_faq_cover_linear::after {
  top: 0;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(15, 34, 43, 0.4) 0%,
    rgba(15, 34, 43, 0) 49%
  );
  z-index: 0;
}
.section_faq .container {
  position: relative;
  z-index: 1;
}
.section_faq .wrapper_text h2,
.section_faq .wrapper_text h3,
.section_faq .wrapper_text p {
  color: var(--white-color);
}
.section_faq .wrapper_text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin-right: 36px;
}

.accordion {
  background-color: unset;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}

.accordion-header button {
  background-color: unset;
  box-shadow: none;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  padding: 20px 0 12px 0;
}
.accordion-button {
  font-family: "Be Vietnam Pro", sans-serif;
  color: var(--white-color);
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: unset;
  box-shadow: none;
  position: relative;
  color: var(--white-color);
}
.accordion-item {
  position: relative;
  border: none;
  background-color: var(--green-whiter-color);
}
.accordion-item::before {
  content: "";
  width: 100%;
  height: 1px;
  background: var(--lighter-green);
  position: absolute;
  bottom: -8px;
}
.accordion-body {
  padding: 0 0 12px 0;
  font-weight: 500;
  color: var(--white-color);
  font-family: "Figtree", sans-serif;
  font-weight: 300;
  font-size: 16px;
}

.accordion-button::after {
  background-image: url(../img/more.svg);
  background-size: cover;
  background-position: center;
  width: 32px;
  height: 32px;
}
.accordion-button:not(.collapsed)::after {
  background-image: url(../img/less.svg);
  background-size: cover;
  background-position: center;
  transform: none;
  width: 32px;
  height: 32px;
}

/*
***                                     section_pick_up
*/

iframe.map_pick_up {
  width: 100%;
  border-radius: 50px;
  height: 100%;
}
.gmnoprint {
  left: -10px;
}

.wrapper_pick_up_content {
  background: var(--blue-color);
  display: flex;
  flex-direction: column;
  border-radius: 50px;
  padding: 32px;
  height: 100%;
  justify-content: center;
}
.wrapper_pick_up_content .wrapper_text h2,
.wrapper_pick_up_content .wrapper_text h3,
.wrapper_pick_up_content .wrapper_text p {
  color: var(--white-color);
}
.wrapper_pick_up_content .wrapper_text h3 {
  margin-bottom: 16px;
}
.wrapper_pick_up_content .wrapper_text p:last-of-type {
  margin-bottom: 32px;
}

.wrapper_pick_up_content ul {
  margin: 0;
  padding-left: 40px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  position: relative;
}

.wrapper_pick_up_content ul li {
  color: var(--white-color);
  list-style-type: none;
  position: relative;
}
.wrapper_pick_up_content ul li p {
  margin-bottom: 0;
}
.wrapper_pick_up_content ul li::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: var(--lighter-green);
  left: -40px;
  top: 4px;
}
.wrapper_pick_up_content ul li:first-of-type::after {
  content: "";
  position: absolute;
  left: -30px;
  top: 10px;
  width: 1px;
  height: calc(100% + 32px);
  background-color: var(--lighter-green);
}

/*
***                                     section_contact_info
***                                     section_pick_up
*/

.section_pick_up + .section_contact_info {
  margin-top: -70px;
}

/*
***                                     section_contact_info
*/

.wrapper_contact_info_all {
  display: flex;
  justify-content: space-around;
  column-gap: 40px;
}

.wrapper_contact_info {
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.09);
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 48px 32px;
  border-radius: 50px;
}
.wrapper_contact_info a {
  color: var(--black-color);
  font-weight: 300;
  width: fit-content;
}
.wrapper_contact_info p {
  font-size: 16px;
  margin-bottom: 8px;
  font-weight: bold;
}
.wrapper_contact_info_icon {
  width: 38px;
  height: 38px;
  margin-bottom: 16px;
}
.wrapper_contact_info_icon img {
  width: 100%;
}

/*
***                                     section_about_camper_points
*/

.wrapper_about_camper_points_all {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 80px;
  row-gap: 8px;
  padding-top: 32px;
}
.wrapper_about_camper_points {
  margin: 0;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.wrapper_about_camper_points .item_about_camper_points {
  position: relative;
  list-style-type: none;
}
.wrapper_about_camper_points .item_about_camper_points::before {
  content: "";
  position: absolute;
  left: -36px;
  background-image: url(../img/packeges_yes.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

/*
***                                     section_basic_parameters
*/

.wrapper_basic_parameters {
  display: flex;
  flex-direction: row;
  column-gap: 80px;
  row-gap: 40px;
  flex-wrap: wrap;
  padding-top: 8px;
}
.item_basic_parameters {
  display: flex;
  flex-direction: column;
  max-width: 150px;
  align-items: center;
	row-gap: 6px;
}

.wrapper_basic_parameters_icon {
  width: 70px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wrapper_basic_parameters_icon img {
  max-height: 100%;
}
.item_basic_parameters p {
  font-weight: 900;
  margin-bottom: 0;
}

/*
***                                     section_gallery
*/

.wrapper_gallery_swiper_all {
  position: relative;
}

.item_gallery {
  width: 330px;
  height: 285px;
}
.item_gallery img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.item_gallery_video {
  width: 330px;
  height: 285px;
}
.item_gallery_video iframe {
  height: 100%;
  border-radius: 5px;
}

.section_gallery .swiper_gallery .item_gallery img {
  filter: grayscale(0%);
}
.swiper_gallery {
  padding-bottom: 36px;
}
.swiper_gallery .swiper-wrapper {
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 40px;
}
.wrapper_swiper_gallery_slide {
  display: flex;
  justify-content: center;
}

.wrapper_gallery_swiper_all .controls {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: calc(50% - 43px);
  pointer-events: none;
  width: calc(100% - 30px);
}
.wrapper_gallery_swiper_all .controls div {
  cursor: pointer;
  pointer-events: all;
}
.wrapper_gallery_swiper_all .prev {
  position: relative;
  left: -125px;
}
.wrapper_gallery_swiper_all .next {
  position: relative;
  right: -125px;
}
.wrapper_gallery_swiper_all .prev img {
  width: 50px;
}
.wrapper_gallery_swiper_all .next img {
  width: 50px;
}

.swiper_gallery .swiper-pagination {
  min-height: 16px;
  padding: 0;
  bottom: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 6px;
}
.swiper_gallery .swiper-pagination-bullet {
  background: var(--darker-green);
  width: 16px;
  height: 16px;
}

/*
***                                     section_table
*/


.price_compare .price_mobile {
  display: flex;
  top: 0;
  z-index: 10;
  padding-left: 0;
  margin: 0;
  padding-bottom: 14px
}

.price_compare .price_mobile li {
  list-style: none;
  flex: 1
}

.price_compare .price_mobile li:last-child {
  border-right: 1px solid #ddd
}

.price_compare button {
  width: 100%;
  border: 1px solid #ddd!important;
  border-right: 0;
  border-top: 0;
  padding: 10px;
  background: #fff;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  color: var(--blue-color);
  height: fit-content;
}

.price_compare .price_mobile li.active button {
  background: #f5f5f5;
  color: #000
}

.price_compare table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%
}

.price_compare th {
  background: var(--blue-color);
  color: var(--white-color);
  display: none
}

.price_compare td,th {
  height: 53px;
  border: 1px solid #ddd;
  padding: 10px;
  empty-cells: show;
  text-align: left
}

.price_compare td+td,.price_compare th+th {
  text-align: center;
  display: none
}

.price_compare td.default {
  display: table-cell
}

.price_compare .sep {
  background: #f5f5f5;
  font-weight: 700
}

.price_compare .hide {
  border: 0;
  background: 0 0
}

@media (min-width: 768px) {
  .price_compare .price_mobile {
      display:none
  }

  .price_compare td,.price_compare th {
      display: table-cell!important;
      width: 330px
  }

  .price_compare td+td,.price_compare th+th {
      width: auto
  }
}

.price_comapre_section_wr {
  margin: 40px 0
}

.table_check,.table_uncheck {
  background-size: contain;
  margin: 0 auto;
  display: block;
  background-repeat: no-repeat;
  height: 30px;
  background-position: center
}

.price_compare th:first-child {
  background: #fff;
  border: none
}

.price_compare+.contact_person {
  padding-top: 0
}

.staff_item .custom_form {
  max-width: 700px
}

.price_compare li.active button,.solutions_button .button.bordered:hover {
  background: #00a025!important;
  color: #fff!important
}

/*
***                                     BLOG
*/

.section_back_author_date{
	padding: 25px;
}

.wrapper_blog_load_more {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}
.wrapper_blog_load_more .load-more.hidden {
  height: 0;
}
.wrapper_blog_load_more:has(.load-more.hidden) {
  padding-top: 0;
}

.wrapper_blog_card {
  padding: 15px;
  display: none;
}
.wrapper_blog_card a {
  text-decoration: none;
}
.item_blog_card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  background-position: center;
  background-size: cover;
}
.item_blog_card:hover .blog_card_title {
  color: var(--purple-color-400);
}
.blog_card_img {
  height: 325px;
  background-position: top center;
  background-size: cover;
  border-radius: 50px 50px 0 0;
}
.item_blog_card_description {
  padding: 32px;
  background: var(--blue-color);
  border-radius: 0 0 50px 50px;
}
.item_blog_card_description h3 {
  color: var(--white-color);
  margin-bottom: 12px;
}
.blog_card_description_line {
  width: 100%;
  height: 1px;
  margin-bottom: 12px;
  background: var(--lighter-green);
}
.item_blog_card_description p {
  color: var(--white-color);
  margin: 0;
}

/*
***                                     BLOG SINGLE
*/

body.single-post .section_text,
body.single-post .section_text_img {
  padding: 16px 0;
}

.wrapper_blog_link_back_author_date {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 20px;
  row-gap: 12px;
}
.wrapper_blog_single_author_date {
  display: flex;
  column-gap: 20px;
}

/*
***                                     footer
*/
.section_footer_form + .footer {
  margin-top: -35px;
}
.footer .wrapper_itro_lines::before {
  content: none;
}

.wpcf7-response-output {
  max-width: 40%;
  margin: 0 !important;
  margin-top: 20px !important;
  padding: 8px !important;
  border-radius: 20px;
}

.wrapper_footer_form_text {
  background: var(--blue-color);
  border-radius: 50px;
  padding: 32px;
}
.wrapper_footer_form_text h1,
.wrapper_footer_form_text h2,
.wrapper_footer_form_text h3,
.wrapper_footer_form_text p {
  color: var(--white-color);
}
.wrapper_footer_form_text p:last-of-type {
  margin-bottom: 20px;
}

.wrapper_footer_form_all {
  position: relative;
}
.wrapper_footer_form p {
  margin-bottom: 24px;
}
.wrapper_footer_form form p {
  margin-bottom: 0px;
}
.wrapper_footer_form form .row {
  row-gap: 20px;
}
.wrapper_footer_form {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.09);
  min-height: 885px;
  height: fit-content;
  background: white;
  border-radius: 50px;
  padding: 48px;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #0f1014;
  border: none;
  border-bottom: 1px solid #0f1014;
  border-radius: 0;
  padding: 16px 0 16px 5px;
  width: 95%;
}
textarea {
  max-height: 200px;
}
.wrapper_footer_form::before {
  background-image: url(../img/footer_form_img.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  content: "";
  width: 700px;
  height: 450px;
  z-index: -1;
  bottom: -35px;
  right: -125px;
}
.wrapper_footer_form .wrapper_text {
  padding-bottom: 24px;
}

.footer {
  padding-top: 100px;
  background: var(--blue-color);
  position: relative;
}
.footer .wrapper_text h2,
.footer .wrapper_text h3,
.footer .wrapper_text p,
.footer .wrapper_text a {
  color: var(--white-color);
}

.wrapper_footer_intro {
  margin-bottom: 60px;
}
.wrapper_footer_intro p {
  margin-bottom: 0;
}
.wrapper_footer_logo {
  width: 100%;
  margin-bottom: 24px;
}
.wrapper_footer_logo img {
  max-height: 60px;
}

.wrapper_footer_info_links {
  display: flex;
  justify-content: space-between;
}
.wrapper_footer_links {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.wrapper_footer_info {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.wrapper_footer_info p {
  margin-bottom: 0;
}

.by_pressprojekt {
  font-size: 16px;
  margin-top: 120px;
  margin-bottom: 0;
  color: var(--white-color);
  padding-bottom: 8px;
}
.by_pressprojekt a{
  color: var(--white-color);
  text-decoration: none;
}

.pressing {
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  padding-bottom: 20px;
  font-size: 14px;
}
.pressing::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border: 2px solid var(--lighter-green);
  transition: 0.3s;
}
.pressing.pressed::before {
  border-width: 6px;
}
.disabled_button {
  pointer-events: none;
  opacity: 0.7;
}

/* 
***                                     COOKIES 
*/

.cookies_wrp {
  position: fixed;
  z-index: 10000;
  bottom: -250px;
  left: 0;
  width: 100%;
  pointer-events: none;
  padding: 20px;
  z-index: 1000;
  transition: 0.7s ease;
}

.cookies_inner {
  display: flex;
  border-radius: 12px;
  border: 1px solid #dee2ea;
  background: var(--blue-100, #fff);
  box-shadow: 0px 15px 35px -5px rgba(9, 17, 29, 0.15);
  margin: 0 auto;
  max-width: 940px;
  padding: 28px;
  gap: 20px 40px;
}

.cookies_right {
  flex: none;
  width: 210px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cookies_right button {
  padding: 0;
  width: 100%;
  transition: 0.3s;
  cursor: pointer;
  border-radius: 6px;
  background: var(--darker-green);
  height: 40px;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  line-height: 13.886px;
  color: #fff;
  border: 1px solid var(--darker-green);
}

.cookies_right button.cookies_secondary {
  background-color: transparent;
  border: 1px solid var(--darker-green);
  color: var(--darker-green);
}

.cookies_right button.cookies_secondary:hover {
  background-color: var(--darker-green);
  color: #fff;
  opacity: 1;
}

.cookies_right button:hover {
  opacity: 0.7;
}

.cookies_left {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.cookies_label {
  margin: 0;
  margin-bottom: 12px;
  color: #000;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 21.199px;
}

.cookies_desc p {
  color: #414b63;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 22.346px;
  margin-bottom: 0;
  letter-spacing: -0.14px;
}

.cookis_list {
  display: flex;
  gap: 10px 30px;
  margin-bottom: 24px;
  align-items: center;
  padding: 0;
  list-style-type: none;
}

.cookis_list li {
  cursor: pointer;
  padding-left: 30px;
  position: relative;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 12.719px;
  letter-spacing: -0.28px;
  min-height: 20px;
  display: flex;
  align-items: center;
}

.cookis_list li.active::before {
  border-width: 6px;
}

.cookis_list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  transition: 0.3s;
  border: 2px solid var(--darker-green);
}

.cookies_more {
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 12.719px; /* 105.475% */
  letter-spacing: -0.241px;
  text-decoration-line: underline;
}

.cookies_more:hover {
  text-decoration: none;
}

.cookies_select_wrp {
  display: none;
  flex: 1;
  align-items: flex-end;
}

.cookies_desc {
  flex: 1;
  padding-top: 10px;
}
.selecting_cookies .cookies_button {
  border: 1px solid var(--darker-green);
  background: #ebf2ff;
  color: var(--darker-green);
}

.selecting_cookies .cookies_button.cookies_secondary {
  background: var(--darker-green);
  color: #fff;
}
.show_flex {
  display: flex;
}
.cookies_wrp.opened {
  bottom: 0px;
}

.opened .cookies_inner {
  pointer-events: all;
}

.open_cookies {
  cursor: pointer;
  color: var(--darker-green);
  font-weight: bold;
}

/* QUIZ */
section.order_form_section {
  padding-bottom: 150px;
  margin: 0;
  padding-top: 180px;
}

.order_form_wrp {
  position: relative;
  /* Frame 1083 */

  /* Auto layout */
  background: #fefefe;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  padding: 60px;
}

.order_form_wrp h1 {
  text-align: center;
  font-size: 40px;
  margin-bottom: 40px;
  font-weight: bold;
}

.order_steps {
  max-width: 611px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  position: relative;
  padding-bottom: 40px;
  margin-bottom: 79px;
}

.order_steps div img {
  filter: brightness(0);
  opacity: 0.7;
}

.order_steps div p {
  margin: 0;
  margin-top: 8px;
  font-size: 14px;
  color: #a0a0a0;
  font-weight: bold;
}

.order_steps .active img {
  filter: none;
  opacity: 1;
}

.order_steps .active p {
  color: #00a025;
}

.order_steps::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: calc(100% - 74px);
  bottom: 12px;
  height: 3px;
  background-color: #a0a0a0;
  transform: translateX(-50%);
}

.order_step {
  width: 85px;
  flex: none;
  white-space: nowrap;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.order_step::after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border: 4px solid #a0a0a0;
  border-radius: 50%;
  background-color: #fff;
  z-index: 10;
  bottom: -35px;
}

.order_step.active::after,
.order_step.done::after {
  background-color: #00a025;
  width: 24px;
  height: 24px;
  border-color: #00a025;
  bottom: -38px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../img/pending.svg);
}
.date_select_wrp {
  max-width: 850px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}

.step_ttle {
  width: 100%;
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: bold;
}
.step_ttle.mt40 {
  margin-top: 40px;
}

.step_desc {
  width: 100%;
  font-size: 16px;
  color: #0f1014;
}

.order_form_buttons {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap;
  gap: 24px;
}

.step_date_from_from,
.step_date_from_to {
  width: calc(50% - 20px);
}

.order_form_buttons button {
  padding: 0;
  margin: 0;
  list-style-type: none;
  border: none;
  background: none;
  transition: 0.3s;
  padding: 12px 28px;
  border-radius: 100px;
  color: #fff;
  line-height: 1;
  font-weight: 500;
  cursor: pointer;
}

.order_form_buttons .prev_step {
  background-color: #00a025;
}

.order_form_buttons button:hover {
  opacity: 0.7;
}

.order_form_buttons button.next_step {
  background-color: #0f222b;
}
.step_label {
  font-size: 16px;
  margin-bottom: 8px;
  color: #0f1014;
}
* {
  outline: none;
}
::placeholder {
  transition: 0.3s;
}
:focus::placeholder {
  opacity: 0;
}
.tarifs_list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.tarif_item {
  width: calc(33.333% - 28px);
  position: relative;
}

.tarif_item_card {
  position: relative;
  border-radius: 50px;
  overflow: hidden;
}

.tarif_item_img {
  position: relative;
  background-position: center;
  background-size: cover;
  min-height: 300px;
}

.tarif_item_label {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #fff;
  font-size: 16px;
  background-color: #0f222b;
  border-radius: 100px;
  padding: 12px 24px;
}

.tarif_item_body {
  background-color: #0f222b;
  color: #fff;
  padding: 32px;
}

.tarif_item_body_info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
    gap: 20px;
    flex-direction: column;
}

.tarif_ttle {
  font-size: 20px;
  font-weight: 900;
  flex: none;
}

.tarif_prices {
  font-size: 20px;
  color: #00e134;
  flex: none;
}

.tarif_desc {
  margin: 0;
  font-size: 15px;
}

.tarif_included {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #00e134;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.tarif_included li {
  position: relative;
  padding-left: 36px;
}

.tarif_included li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.55001 16.0155L18.1885 7.37702C18.3372 7.22819 18.5112 7.15219 18.7105 7.14902C18.9098 7.14585 19.0871 7.22185 19.2423 7.37702C19.3974 7.53219 19.475 7.71035 19.475 7.91152C19.475 8.11285 19.3974 8.2911 19.2423 8.44627L10.1828 17.5213C10.0019 17.7019 9.79101 17.7923 9.55001 17.7923C9.30901 17.7923 9.09809 17.7019 8.91726 17.5213L4.74226 13.3463C4.59359 13.1974 4.52026 13.0208 4.52226 12.8163C4.52409 12.6119 4.60259 12.4322 4.75776 12.277C4.91292 12.1219 5.09109 12.0443 5.29226 12.0443C5.49359 12.0443 5.67184 12.1219 5.82701 12.277L9.55001 16.0155Z" fill="%2300E134"/></svg>');
  width: 24px;
  height: 25px;
}

.tarif_included li.exluded {
  color: rgba(255, 255, 255, 0.5);
}
.tarif_included li.exluded::before {
  background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 13.5538L6.927 18.627C6.7885 18.7653 6.61441 18.8362 6.40475 18.8395C6.19525 18.8427 6.018 18.7718 5.873 18.627C5.72816 18.482 5.65575 18.3063 5.65575 18.1C5.65575 17.8937 5.72816 17.718 5.873 17.573L10.9462 12.5L5.873 7.42701C5.73466 7.28851 5.66383 7.11443 5.6605 6.90476C5.65733 6.69526 5.72816 6.51801 5.873 6.37301C6.018 6.22818 6.19366 6.15576 6.4 6.15576C6.60633 6.15576 6.782 6.22818 6.927 6.37301L12 11.4463L17.073 6.37301C17.2115 6.23468 17.3856 6.16385 17.5952 6.16051C17.8047 6.15735 17.982 6.22818 18.127 6.37301C18.2718 6.51801 18.3442 6.69368 18.3442 6.90001C18.3442 7.10635 18.2718 7.28201 18.127 7.42701L13.0537 12.5L18.127 17.573C18.2653 17.7115 18.3362 17.8856 18.3395 18.0953C18.3427 18.3048 18.2718 18.482 18.127 18.627C17.982 18.7718 17.8063 18.8443 17.6 18.8443C17.3937 18.8443 17.218 18.7718 17.073 18.627L12 13.5538Z" fill="%23919191"/></svg>');
}

.tarif_total {
  margin-top: 20px;
  margin-bottom: 12px;
  font-size: 20px;
  color: #00e134;
  font-weight: 800;
}

.tarif_other_prices {
  font-size: 13px;
}

.tarif_controls {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tarif_controls a {
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
}

.tarif_controls a:hover {
  text-decoration: none;
}
.tarif_controls button {
  transition: 0.3s;
}
.tarif_controls button:hover {
  opacity: 0.8;
}
.tarif_included_wrp {
  padding-top: 50px;
  display: none;
}

.included_lbl {
  margin-bottom: 12px;
  font-size: 17px;
}

.extra_params {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.extra_params li {
  position: relative;
  padding-left: 34px;
  cursor: pointer;
}

.extra_params li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  border: 1px solid #0f1014;
  border-radius: 5px;
  top: 3px;
}

.extra_params li.selected::before {
  background-image: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.95833 7.9296L12.1571 0.730851C12.281 0.606823 12.426 0.54349 12.5921 0.540851C12.7582 0.538212 12.9059 0.601545 13.0352 0.730851C13.1645 0.860156 13.2292 1.00863 13.2292 1.17627C13.2292 1.34405 13.1645 1.49259 13.0352 1.62189L5.48563 9.18439C5.33493 9.33495 5.15917 9.41023 4.95833 9.41023C4.7575 9.41023 4.58174 9.33495 4.43104 9.18439L0.951875 5.70523C0.827987 5.5812 0.766875 5.43398 0.768542 5.26356C0.77007 5.09328 0.835487 4.94349 0.964792 4.81418C1.0941 4.68488 1.24257 4.62022 1.41021 4.62022C1.57799 4.62022 1.72653 4.68488 1.85583 4.81418L4.95833 7.9296Z" fill="white"/></svg>');
  background-color: #01a025;
  border-color: #01a025;
}

.sale_included {
  margin-top: 50px;
  margin-bottom: 14px;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  padding-left: 34px;
}
.sale_included::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-repeat: no-repeat;
  background-position: center;
  width: 20px;
  height: 20px;
  border: 1px solid #0f1014;
  border-radius: 5px;
  top: 3px;
}

.sale_form.toggle_vis {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.sale_form {
  display: none;
}

.sale_included.selected::before {
  background-image: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.95833 7.9296L12.1571 0.730851C12.281 0.606823 12.426 0.54349 12.5921 0.540851C12.7582 0.538212 12.9059 0.601545 13.0352 0.730851C13.1645 0.860156 13.2292 1.00863 13.2292 1.17627C13.2292 1.34405 13.1645 1.49259 13.0352 1.62189L5.48563 9.18439C5.33493 9.33495 5.15917 9.41023 4.95833 9.41023C4.7575 9.41023 4.58174 9.33495 4.43104 9.18439L0.951875 5.70523C0.827987 5.5812 0.766875 5.43398 0.768542 5.26356C0.77007 5.09328 0.835487 4.94349 0.964792 4.81418C1.0941 4.68488 1.24257 4.62022 1.41021 4.62022C1.57799 4.62022 1.72653 4.68488 1.85583 4.81418L4.95833 7.9296Z" fill="white"/></svg>');
  background-color: #01a025;
  border-color: #01a025;
}

.price_total_lbl {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}

.sale_form button {
  background-color: #0f222b;
}

.price_total_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.price_total_list .sale {
  color: #bb0003;
  font-weight: 500;
}

.price_total_list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.price_total_list .total {
  font-size: 20px;
  color: #00a025;
  font-weight: 600;
}
.hide_button {
  opacity: 0;
  pointer-events: none;
}
.tarif_included_wrp.vis {
  display: block;
}
.order_steps_card {
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.order_step_item {
  display: flex;
  padding: 20px 40px;
  background: #fefefe;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  align-items: center;
  justify-content: space-between;
  display: none;
}
.order_step_item.vis {
  display: flex;
}

.order_step_item div {
  display: flex;
  align-items: center;
  gap: 12px;
}

.order_step_item div p {
  margin: 0;
  color: #0f222b;
  font-weight: 600;
}

.order_step_item div img {
  filter: brightness(0);
}

.order_step_item > p {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00a025;
  text-decoration: underline;
}

.order_step_item > p:hover {
  text-decoration: none;
}
.last_form_wrp {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 850px;
}
.form_summary {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.form_summary .input_el {
  width: calc(50% - 21px);
  position: relative;
}

.form_summary .input_el.full {
  width: 100%;
}

.input_el.people_wrp input {
  background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.79828 17.0846C1.79828 16.5693 1.93128 16.1094 2.19728 15.7049C2.46328 15.3004 2.81853 14.9857 3.26303 14.7609C4.21336 14.296 5.16895 13.9376 6.12978 13.6856C7.09078 13.4338 8.14686 13.3079 9.29803 13.3079C10.4494 13.3079 11.5054 13.4338 12.4663 13.6856C13.4273 13.9376 14.3829 14.296 15.3333 14.7609C15.7778 14.9857 16.133 15.3004 16.399 15.7049C16.665 16.1094 16.798 16.5693 16.798 17.0846V17.7886C16.798 18.1911 16.6503 18.545 16.3548 18.8501C16.0593 19.1553 15.7006 19.3079 15.2788 19.3079H3.31728C2.89561 19.3079 2.53703 19.1601 2.24153 18.8646C1.94603 18.569 1.79828 18.2103 1.79828 17.7886V17.0846ZM20.6828 19.3079H18.4115C18.5372 19.0784 18.633 18.8341 18.699 18.5751C18.765 18.3161 18.798 18.054 18.798 17.7886V16.9616C18.798 16.3053 18.6374 15.6797 18.316 15.0849C17.9945 14.4902 17.5385 13.98 16.948 13.5541C17.6185 13.6541 18.2551 13.8089 18.8578 14.0184C19.4603 14.2281 20.0353 14.4758 20.5828 14.7616C21.0994 15.0373 21.4984 15.3622 21.7798 15.7364C22.0611 16.1104 22.2018 16.5188 22.2018 16.9616V17.7886C22.2018 18.2103 22.054 18.569 21.7585 18.8646C21.463 19.1601 21.1044 19.3079 20.6828 19.3079ZM9.29803 11.6924C8.33553 11.6924 7.51161 11.3497 6.82628 10.6644C6.14095 9.97888 5.79828 9.15488 5.79828 8.19238C5.79828 7.22988 6.14095 6.40597 6.82628 5.72063C7.51161 5.03513 8.33553 4.69238 9.29803 4.69238C10.2605 4.69238 11.0845 5.03513 11.77 5.72063C12.4554 6.40597 12.798 7.22988 12.798 8.19238C12.798 9.15488 12.4554 9.97888 11.77 10.6644C11.0845 11.3497 10.2605 11.6924 9.29803 11.6924ZM17.9325 8.19238C17.9325 9.15488 17.5899 9.97888 16.9045 10.6644C16.2192 11.3497 15.3953 11.6924 14.4328 11.6924C14.3199 11.6924 14.1764 11.6795 14.002 11.6539C13.8275 11.6282 13.6839 11.6 13.5713 11.5694C13.9656 11.0952 14.2687 10.5692 14.4805 9.99138C14.6922 9.41355 14.798 8.81355 14.798 8.19138C14.798 7.56905 14.69 6.9713 14.474 6.39813C14.258 5.82513 13.9571 5.29763 13.5713 4.81563C13.7148 4.7643 13.8584 4.73097 14.002 4.71563C14.1455 4.70013 14.2891 4.69238 14.4328 4.69238C15.3953 4.69238 16.2192 5.03513 16.9045 5.72063C17.5899 6.40597 17.9325 7.22988 17.9325 8.19238ZM3.29803 17.8079H15.298V17.0846C15.298 16.8758 15.2458 16.69 15.1413 16.5271C15.0369 16.3643 14.8713 16.222 14.6443 16.1001C13.8213 15.6758 12.9739 15.3543 12.102 15.1356C11.2302 14.9171 10.2955 14.8079 9.29803 14.8079C8.3007 14.8079 7.36611 14.9171 6.49428 15.1356C5.62245 15.3543 4.77503 15.6758 3.95203 16.1001C3.72503 16.222 3.55928 16.3643 3.45478 16.5271C3.35028 16.69 3.29803 16.8758 3.29803 17.0846V17.8079ZM9.29803 10.1924C9.84803 10.1924 10.3189 9.99655 10.7105 9.60488C11.1022 9.21322 11.298 8.74238 11.298 8.19238C11.298 7.64238 11.1022 7.17155 10.7105 6.77988C10.3189 6.38822 9.84803 6.19238 9.29803 6.19238C8.74803 6.19238 8.2772 6.38822 7.88553 6.77988C7.49386 7.17155 7.29803 7.64238 7.29803 8.19238C7.29803 8.74238 7.49386 9.21322 7.88553 9.60488C8.2772 9.99655 8.74803 10.1924 9.29803 10.1924Z" fill="%230F1014"/></svg>');
  background-repeat: no-repeat;
  background-position: 0 50%;
  padding-left: 31px;
  border-bottom-color: #00a025;
}
.input_el.people_wrp input::placeholder {
  opacity: 1 !important;
}
.people_selector_wrp {
  position: absolute;
  top: 100%;
  z-index: 100;
  padding: 24px;
  background: #ffffff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  width: 100%;
  padding: 24px;
}

.selector_category {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.selector_category > p {
  margin: 0;
}

.counter_plus_minus {
  display: flex;
  align-items: center;
}

.counter_plus_minus div {
  cursor: pointer;
}

.counter_plus_minus span {
  display: block;
  width: 20px;
  text-align: center;
  text-decoration: underline;
}
.people_selector_wrp .button_green {
  width: 100%;
  margin-top: 30px;
  background-color: #0f222b;
  transition: 0.3s;
}

.people_selector_wrp .button_green:hover {
  opacity: 0.8;
}
.input_el input {
  width: 100%;
}
.people_selector_wrp {
  display: none;
}
.input_el textarea {
  width: 100%;
  resize: none;
}
.extra_items_selected {
  background-color: #f0f0f0;
  border-radius: 20px;
  padding: 30px 20px;
}

.extra_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 14px;
  margin-bottom: 20px;
}

.extra_header p {
  margin: 0;
  color: #858585;
}

.extra_header .edit_step {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #00a025;
  text-decoration: underline;
}

.extra_header .edit_step:hover {
  text-decoration: none;
}

.extra_selected {
  display: flex;
  flex-direction: column;
  gap: 8px;
  position: relative;
}

.extra_selected div::before {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="20" height="20" rx="3" fill="%23858585"/><path d="M7.95832 12.9294L15.1571 5.73061C15.281 5.60658 15.426 5.54325 15.5921 5.54061C15.7582 5.53797 15.9059 5.6013 16.0352 5.73061C16.1645 5.85991 16.2292 6.00838 16.2292 6.17602C16.2292 6.3438 16.1645 6.49234 16.0352 6.62165L8.48561 14.1841C8.33492 14.3347 8.15915 14.41 7.95832 14.41C7.75749 14.41 7.58172 14.3347 7.43103 14.1841L3.95186 10.705C3.82797 10.581 3.76686 10.4337 3.76853 10.2633C3.77005 10.093 3.83547 9.94324 3.96478 9.81394C4.09408 9.68463 4.24255 9.61998 4.41019 9.61998C4.57797 9.61998 4.72651 9.68463 4.85582 9.81394L7.95832 12.9294Z" fill="white"/></svg>');
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0;
}

.extra_selected div {
  position: relative;
  padding-left: 30px;
  color: #858585;
}
.input_el.full .pressing {
  padding-bottom: 0;
  margin-bottom: 0;
}

.form_selector {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.form_selector div {
  position: relative;
  cursor: pointer;
  padding-left: 36px;
}

.form_selector div::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  border: 1px solid #0f1014;
  border-radius: 50%;
  left: 0;
  top: 1px;
  transition: 0.3s;
}

.form_selector div.selected::before {
  border-color: #00a025;
  border-width: 8px;
}

.form_selector div input {
  padding: 0;
  width: 100px;
  margin-left: 5px;
}
.step1_active::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="267" height="4" viewBox="0 0 267 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L265 2.00002" stroke="url(%23paint0_linear_2001_97)" stroke-width="4" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_2001_97" x1="2" y1="2.5" x2="265" y2="2.50002" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A025"/><stop offset="1" stop-color="%23A0A0A0"/></linearGradient></defs></svg>');
  height: 3px;
  background-repeat: no-repeat;
  background-position: left center;
  width: calc(100% - 74px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  z-index: 1;
  background-size: 50% 4px;
}
.order_form_step {
  display: none;
}
.order_form_step.step1 {
  display: block;
}
.toast-container {
  position: fixed;
  left: 0;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  justify-content: center;
  z-index: 9999;
  width: 100%;
}

.toast {
  background-color: #f44336;
  color: #fff;
  padding: 12px 20px;
  margin-bottom: 10px;
  border-radius: 4px;
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  font-family: sans-serif;
  font-size: 14px;
  text-align: center;
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.toast-error {
  background-color: #f44336;
}
.toast-success {
  background-color: #4caf50;
}
.toast-warning {
  background-color: #ff9800;
}
.toast-info {
  background-color: #f44336;
}
.edit_step {
  cursor: pointer;
}
.order_step.done::after {
  border-color: #0f222b;
  background-color: #0f222b;
  background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.6625 11.6365L14.1414 5.15764C14.2529 5.04602 14.3834 4.98902 14.5329 4.98664C14.6824 4.98427 14.8153 5.04127 14.9317 5.15764C15.0481 5.27402 15.1063 5.40764 15.1063 5.55852C15.1063 5.70952 15.0481 5.84321 14.9317 5.95958L8.13707 12.7658C8.00144 12.9013 7.84326 12.9691 7.6625 12.9691C7.48176 12.9691 7.32357 12.9013 7.18794 12.7658L4.05669 9.63458C3.94519 9.52296 3.89019 9.39046 3.89169 9.23708C3.89307 9.08383 3.95194 8.94902 4.06832 8.83264C4.18469 8.71627 4.31832 8.65808 4.46919 8.65808C4.62019 8.65808 4.75388 8.71627 4.87026 8.83264L7.6625 11.6365Z" fill="white"/></svg>');
}

.step2_active::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url('data:image/svg+xml,<svg width="545" height="4" viewBox="0 0 545 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.5 2L542.5 2.00002" stroke="url(%23paint0_linear_2022_236)" stroke-width="4" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_2022_236" x1="265.5" y1="2.5" x2="542.5" y2="2.50002" gradientUnits="userSpaceOnUse"><stop stop-color="%2300A025"/><stop offset="1" stop-color="%23A0A0A0"/></linearGradient></defs></svg>');
  height: 3px;
  background-repeat: no-repeat;
  background-position: left center;
  width: calc(100% - 74px);
  left: 50%;
  transform: translateX(-50%);
  bottom: 12px;
  z-index: 1;
  background-size: 100% 4px;
}
.form_summary .error {
  border-color: red;
}

.input_el.people_wrp input.error {
  border-color: red;
}

.form_selector .error::before {
  border-color: red;
}
button.loading {
  opacity: 0.6;
  pointer-events: none;
}
.form_finish {
  text-align: center;
  display: none;
}

.form_finish h2 {
  font-size: 72px;
  color: #00a025;
  margin-bottom: 30px;
  font-weight: 500;
}

.form_finish p {
  margin-bottom: 30px;
}

.form_finish .button_green {
  background-color: #0f222b;
  transition: 0.3s;
}

.form_finish .button_green:hover {
  opacity: 0.6;
}
.finished_flow .order_steps_card {
  display: none;
}

.finished_flow .order_form_wrp * {
  display: none;
}

.finished_flow .order_form_wrp .form_finish {
  display: block !important;
}
.finished_flow .order_form_wrp .form_finish * {
  display: block;
}
.finished_flow .order_form_wrp .form_finish a {
  margin: 0 auto;
}
.datepicker-cell.focused:not(.selected) {
  background-color: transparent;
}

span.datepicker-cell.day.disabled {
  background-color: #ba5555 !important;
  border-radius: 0;
  border: 1px solid #fff;
}

span.datepicker-cell.day {
  background-color: #289e52 !important;
  color: #fff;
  border-radius: 0;
  border: 1px solid #fff;
}

span.datepicker-cell.day.next:not(.disabled),
span.datepicker-cell.day.prev:not(.disabled) {
  background-color: #c5ecd3 !important;
  color: #656363;
}
span.datepicker-cell.day.disabled.focused {
  position: relative;
}

span.datepicker-cell.day.disabled.focused::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border: 2px solid #333;
  pointer-events: none;
}
.sale_form.error input {
  border-color: red !important;
}
.extra_selected div.selected-tarif {
  padding: 0;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: -5px;
}

.extra_selected div.selected-tarif::before {
  display: none;
}
.datepicker-cell.focused:not(.selected) {
  border: 2px solid #333;
}