/* 
	=-=-= Defaults =-=-=
*/

.icon {
  height: 20px;
}

.smallIcon {
  height: 6px;
}
.column2 {
  columns: 2;
  -webkit-columns: 2;
}

.dropdown-toggle::after {
  color: #888;
}

.distanceWrapper {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: var(--main-color);
  padding: 5px 25px;
  border-radius: 5px;
  color: var(--gray-color);
}

.whiteFilter {
  filter: brightness(0) invert(1);
}
.greenFilter {
  filter: invert(44%) sepia(94%) saturate(3586%) hue-rotate(67deg)
    brightness(92%) contrast(101%);
}
.blueFilter {
  filter: invert(64%) sepia(55%) saturate(3178%) hue-rotate(190deg)
    brightness(103%) contrast(102%);
}

:root {
  scroll-behavior: smooth;
  --main-white: #ededed;
  --main-color: #008cff;
  --side-color: #4f679e;
  --black-color: #444444;
  --gray-color: #ededed;
  --red-color: #e54539;
  --font-color: #444444;
  /**/
}

.btn:hover {
  color: #f4f4f4;
}

h2 {
  font-size: 1.3em;
  scroll-margin-top: 200px;
}
h3 {
  font-size: 1.1em;
  scroll-margin-top: 200px;
}

.crossed {
  text-decoration: line-through;
  color: #888;
}
.floatingWhatsappIcon {
  z-index: 4;
}
#imageModal.modal {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  justify-content: center;
  align-items: center;
}

/* The modal content (image) */
#modalImage {
  max-width: 90%;
  max-height: 90%;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
  animation: zoomIn 0.3s ease;
}

/* Close button */
#modalImage .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 2rem;
  color: white;
  cursor: pointer;
  font-weight: bold;
  transition: 0.2s;
}

.btn:focus,
.btn:active {
  outline: none !important;
  box-shadow: none;
}

.deg180 {
  transform: rotate(180deg);
}

body {
  font-size: 15px;
  color: var(--black-color);
  font-weight: 500;
  background: #ffffff;
  overflow-x: hidden;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100, "YTLC" 500;
  /* margin-top: -20px; -- Remarketing only */
}

body:lang(en) {
  font-size: 15px;
}

.header-btns {
  display: flex;
  justify-content: space-around;
  gap: 10px;
}

.header-btns button {
  height: 40px;
  color: var(--main-white);
  width: 150px;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 0;
  font-size: 0.8em;
}

.bigFont {
  font-size: 20px;
}

/* MY CLASSES*/

.blackColor {
  color: var(--black-color);
}

.redColor,
.redColor:hover {
  color: var(--red-color);
}

.br-small {
  border-radius: 5px;
  overflow: hidden;
}

.paymentDiv2 input.form-check {
  padding: 0px;
}

.br {
  border-radius: 5px;
  overflow: hidden;
}

.underline {
  border-bottom: 2.5px solid;
}

/*.g-1 {
  gap: 10px;
}

.g-2 {
  gap: 15px;
}*/

.whitebg {
  background-color: #fff;
}

.shadow {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14) !important;
}

.mainHeader {
  font-size: 32px;
  font-weight: 600;
  margin-top: 20px;
}

.relative {
  position: relative;
}

.graybg {
  background-color: #f3f3f3;
  overflow: hidden;
}

.blackbg {
  background-color: var(--black-color);
  overflow: hidden;
}

.grayColor {
  color: #999;
}

.miniDate {
  color: #999;
  font-size: 12px;
}

.myMenu .navMenu {
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}

.headerMenu {
  display: flex;
  flex: 1;
  justify-content: space-around;
  height: 100%;
  max-width: 680px;
  align-items: center;
}

.headerMenu .listElem {
  position: relative;
  margin-top: 5px;
}

.headerMenuWrapper {
  justify-content: center;
  flex: 1;
}
.headerMenu .listElem {
  font-weight: 600;
}
.headerMenu .listElem::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 3px;
  background-color: var(--side-color);
  transition: 300ms all;
}
.headerMenu .listElem.active::before {
  width: 20px;
}

.headerMenu .listElem:hover::before {
  width: 100%;
}

.redbg {
  background-color: var(--red-color);
}

.mainbg {
  background-color: var(--main-color);
}

.sidebg {
  background-color: var(--side-color) !important;
}

.howItWorks .row {
  --bs-gutter-x: 3rem;
}

.howItWorks .div .icon {
  height: 50px;
  margin-right: 0;
}

.howItWorks .div {
  gap: 10px;
}

.howItWorks .div .text {
  height: 90px;
  font-size: 1rem;
  text-align: center;
}

.parkSearch {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.code-container {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 20px;
}

.code-input {
  width: 50px;
  height: 60px;
  font-size: 2rem;
  text-align: center;
  border: none;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.2s;
  background: var(--main-white);
  color: var(--black-color);
}

.deleteAccountWrapper {
  border-bottom: 1px solid var(--red-color);
  font-size: 18px;
  font-weight: 500;
  width: auto;
  padding: 0;
  padding-bottom: 5px;
}

.deleteAccountWrapper .icon {
  height: 25px;
}

.profilePage {
  position: relative;
}

.exitWrapper {
  /*position: absolute;
  right: 15px;
  bottom: 15px;*/
  width: auto;
}

.exitWrapper .btn,
.profilePage .btn {
  border-radius: 5px;
}

.code-input:focus {
  border-color: #007bff;
}

.loginDiv .btn.loginWithBtn {
  background: transparent;
  color: var(--black-color);
  border: var(--black-color) 1px solid;
}

.loginDiv .btn {
  height: 3em;
  border-radius: 5px;
  margin-bottom: 5px;
}

.header-btns .info-btn {
  background: var(--main-color);
}

.mainColor,
.mainColor:hover {
  color: var(--main-color);
}

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

.sideColor {
  color: var(--side-color);
}

.whiteColor {
  color: var(--main-white);
}

.line {
  height: 3px;
}

.smallFont {
  font-size: 13px;
}

.thinLine {
  height: 2px;
}

/* MY CLASSES END*/

#pager-controls .btn,
#pager-controls #page-numbers .btn.active {
  color: var(--main-color);
}

#pager-controls #page-numbers .btn {
  color: var(--black-color);
}

.commentContainer .star {
  height: 30px;
}

.commentContainer .profile {
  height: 40px;
}

.commentContainer .comment .date div,
.commentContainer .comment .name {
  display: flex;
  gap: 5px;
  align-items: center;
}

.commentContainer .comment .name h2 {
  margin-bottom: 0;
}

.firstCarHeader h3 {
  padding-bottom: 10px;
  border-bottom: var(--side-color) 3px solid;
}

.firstCarHeader h3 {
  padding-bottom: 13px;
  margin-top: 0;
}

/* */
.packets {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.myRow {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.table.packets .myRow.header {
  height: auto;
  font-weight: bold;
  justify-content: space-between;
  align-items: end;
  color: #ddd;
}

.table.packets .myRow.header .cell {
  border: none;
  border-bottom: 1px solid #ddd;
  color: #f4f4f4;
}

.table .cell input {
  width: 25px;
  height: 25px;
}

.subPage h2.accordion-header {
  margin: 0;
}

.table .tfooter .cell {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  align-content: center;
}

.cell {
  border: 1px solid #ddd;
  border-top: none;
  padding: 15px;
  text-align: center;
  width: 20%;
}

.table.packets .cell.text {
  width: 35%;
}

.table.packets .cell .icon {
  margin-right: 0;
  height: 15px;
}

.latestBlog .col-4 .imageWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: relative;
}

.blogsMainDiv .imageWrapper img {
  min-width: 100%;
  max-height: 100%;
}

.blogsMainDiv .imageWrapper {
  height: 200px;
}

.imageWrapper {
  position: relative;
}

.table.packets .row:nth-child(even) .cell {
  background: var(--main-white);
}

.table.packets .tfooter .cell.text {
  border: none;
  background: inherit;
}

/* */

.table.packets .colored {
  border-radius: 5px 5px 0 0;
  overflow: hidden;
  text-align: center;
}

table.packets thead td {
  border: 3px solid transparent;
}

table.packets tbody td {
  height: 100%;
  padding: 0;
}

table.packets tbody tr div {
  padding: 10px 20px;
  border: var(--main-white) 1px solid;
  height: 100%;
}

table.packets tbody tr:nth-child(odd) div {
  background: var(--main-white);
}

table.packets .colored {
  padding: 15px 10px;
  color: #fff;
}

.standart.colored {
  background: #3a8a00;
}

table.packets .imageWrapper {
  text-align: center;
}

table.packets .imageWrapper .icon {
  margin-right: 0;
}

h1.parkHeader {
  font-size: 2rem;
}

select.comments {
  background: #f4f4f4;
  border-radius: 5px;
  height: 3em;
  border: none;
  width: 14rem;
  padding-left: 1rem;
}

.questions {
  border-radius: 5px;
}

.accordion-collapse.collapsing,
.accordion-collapse {
  border: none !important;
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.questions .accordion-item:last-of-type .accordion-button.collapsed {
  border: none;
  border-radius: 5px;
  overflow: hidden;
}

.questions.accordion-flush .accordion-item {
  border-radius: 5px !important;
}

.questions .accordion-button:not(.collapsed) {
  background-color: inherit;
  color: inherit;
}

.questions .accordion-button,
.questions .collapsing .accordion-body,
.questions .show .accordion-body {
  border: none;
}

.questions .accordion-button {
  padding: 20px 20px;
  color: var(--main-color);
  font-size: 0.7em;
  font-weight: 600;
}

.helpUs .helpDiv .icon {
  margin-right: 0;
  height: 100px;
  width: 100%;
}

.pageForm #form .text {
  padding-left: 10px;
}

.becomePartnerSteps .icon {
  height: 40px;
}

.form-control:focus {
  background: #f4f4f4;
  box-shadow: none;
}
.form-control:focus-visible {
  border: none;
  outline: none;
}

.btn-yellow {
  background-color: #ffbc00;
  border-color: #ffbc00;
  color: #333;
}

.btn-yellow:hover {
  background-color: #f0ac00;
  border-color: #f0ac00;
  color: #333;
}

#commentModal .starWrapper {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}

#commentModal .starWrapper img {
  margin-right: 5px;
  margin-left: 5px;
  height: 40px;
  cursor: pointer;
}

#country-code {
  padding: 0 0.6em;
  width: 80px;
}

.helpUs .helpDiv .bottom {
  height: 20px;
  font-size: 1.3rem;
}

.helpUs .helpDiv .top,
.helpUs .helpDiv .bottom {
  min-height: 35px;
}

.securePayment {
  width: 100%;
  max-width: 450px;
  color: #649f53;
  margin-top: 20px;
  margin-bottom: 20px;
}
.securePayment .icon1 {
  height: 30px;
  margin-right: 10px;
}
.securePayment .text {
  font-size: 13px;
  max-width: 290px;
}
.securePayment .icon2 {
  height: 28px;
}
.securePayment .bottomImageWrapper {
  border-top: 2px solid #d3d3d3;
  margin-top: 5px;
  width: 100%;
}

@media (max-width: 500px) {
  .securePayment {
  }

  .securePayment .text {
    font-size: 13px;
    max-width: 220px;
  }
}
.payment .doYouNeedHelp .icon {
  height: 25px;
}

.paymentDiv2 {
  padding: 10px;
  margin-bottom: 20px;
}

.required:after {
  content: "*";
  color: var(--red-color);
}

.paymentDiv2 .text {
  padding-right: 0;
}

.paymentDiv2 input,
.paymentDiv2 input::placeholder {
  font-size: 0.9rem;
}

.paymentDiv2 input {
  padding: 5px;
  padding-left: 12px;
}

.paymentDiv input,
.paymentDiv select {
  height: 40px;
}

.paymentDiv .col-8 {
  padding-left: 0;
  padding-right: 0;
}

.billingSummary .whyParks h2,
.billingSummary .doYouNeedHelp h2 {
  color: var(--side-color);
}

.billingSummaryDiv {
  border-radius: 5px 5px 0 0;
}

.billingSummaryDiv h2 {
  font-weight: 600;
}

.billingSummaryDiv .billingSummaryBtn {
  position: absolute;
  top: 15px;
  right: 15px;
  cursor: pointer;
}
.paymentFull {
  border-radius: 0 0 5px 5px;
}

.whyParks .icon {
  height: 30px;
}

.strong {
  font-weight: 600;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

.paymentSend {
  height: 4em;
}

.section,
section {
  /*width: 100%;
  padding: 20px 0;*/
}

.section-title {
  margin-bottom: 40px;
}

.margin-auto {
  margin: 0 auto;
}

ul {
  padding-left: 0;
  margin: 0;
}

ul li {
  list-style-type: none;
}

a {
  text-decoration: none !important;
  color: var(--main-color);
}

.no-padding {
  padding: 0 !important;
}

.profile .profileDiv .bottom {
  font-size: 1.8rem;
  font-weight: 600;
}

.profile .profileDiv .top,
.profile .profileDiv .bottom {
  min-height: 80px;
}

.profile .profileDiv .icon {
  margin-right: 0;
  height: 50px;
}

/* Font Colors */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--main-color);
}

h1 {
  font-size: 1.5em;
}

.headerImg {
  position: relative;
}

.border {
  border: #c9c9c9 1px solid !important;
}

.parkBundleDiv .iconWrapper {
  width: 50px;
}

.parkBundleDiv .icon {
  width: 30px;
}

.parkBundleDiv h3 {
  color: var(--black-color);
  font-size: 18px;
  margin-top: 0 !important;
}

.searchBar .dateSelect {
  background: #f4f4f4;
  overflow: hidden;
}

.searchBar .dateSelect input {
  background: transparent;
  width: 45.5%;
  border: none;
  outline: none;
}

.searchBar .dateSelect input:focus-visible {
  border: none;
}

.searchBar .dateSelect .line {
  width: 1%;
  background: #444;
}

.searchBar .text {
  text-align: center;
  font-size: 1.7em;
  margin-bottom: 10px;
}

.filtersBar .filterBtn {
  border-radius: 50px;
  background: var(--side-color);
  padding: 5px 0px;
  height: 40px;
  width: 100%;
  text-align: center;
  justify-content: center;
  border-radius: 5px;
}

.filtersBar .filterDiv {
  border-radius: 50px;
  background: var(--side-color);
  height: 40px;
  height: 40px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 0.2rem;
  padding: 0;
  position: relative;
}
.icon.arrow {
  filter: brightness(0) invert(1);
  height: 15px;
}

.filtersBar
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  display: none;
}

.filtersBar .arrowWrapper {
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
}

.selected-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-left: 1rem;
}

.selected-filter-badge {
  background: #e2f4ff;
  color: #007bff;
  border-radius: 1rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 40px;
  width: auto;
  margin-left: 10px;
  border-radius: 5px;
}

.selected-filter-badge .remove-filter {
  cursor: pointer;
  color: #888;
  font-size: 1.1em;
  margin-left: 0.25em;
}

.filtersBar .form-select {
  background: transparent;
  border: none;
  color: #fff;
  min-width: 150px;
}

.filtersBar .select2-container--default .select2-selection--single {
  background: transparent;
  border: none;
  height: 3em;
  color: #fff;
}
.filtersBar
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  padding-left: 0;
  color: #fff;
}

.airport .searchBar h2 {
  font-weight: 600;
  font-size: 36px;
}

.airport .searchBar .text {
  font-size: 20px;
  padding-bottom: 30px;
}

.airport .searchBar {
  position: absolute;
  width: 80%;
  top: 30%;
  left: 10%;
}

.airport .searchBar .tr_entry_checkout_time {
  padding-left: 20px;
}

.promotionElem .icon {
  margin-right: 0;
  height: 60px;
}

.airport .searchBar {
  background: none;
}

.airport .searchBar .col-lg-3 span {
  color: #333;
}

.airport .searchBar .col-lg-3 {
  width: 20%;
}

.airport .searchBar input {
  background: #f4f4f4;
  height: 3em;
  border: none;
}

.airport .searchBar .btn {
}

.select2-selection {
  border: none;
}

.airport .searchBar input {
  width: 100%;
  padding-left: 1em;
}

.parkWrapper .textDiv {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.parkWrapper .textDiv .text {
  padding: 60px;
  font-size: 1.5rem;
  font-weight: 800;
  color: #fff;
}

.countrySelectWrapper {
  display: flex;
  justify-content: center;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 5px;
}

.select2-selection__rendered {
  border: none;
  border-radius: 5px;
  padding-left: 20px;
}

.countrySelectWrapper .select2-container--default .select2-selection--single {
  border-radius: 5px;
}

.countrySelectWrapper .select2-search__field {
  border-radius: 5px !important;
}

.countrySelectWrapper
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  color: #444;
  line-height: 28px;
  padding-left: 20px;
}

.select2-container--default .select2-selection--single {
  /*max-width: 300px;*/
  background: #f4f4f4;
  border: none;
  border-radius: 5px;
  display: flex;
  align-items: center;
  padding: 0;
  box-shadow: none !important;
  font-size: 15px;
  height: 42px;
}

.blog-content h2 {
  margin-top: 20px;
}

.blog-content p {
  margin-bottom: 5px;
}

.blog-content ul li {
  list-style-type: disc;
}

.blog-content ul {
  margin-bottom: 10px;
}

/* Optional: remove the dropdown arrow background */
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 100%;
  right: 10px;
}

.select2-dropdown.select2-dropdown--below {
  padding-top: 10px;
}

.select2-search.select2-search--dropdown {
  display: flex;
  justify-content: center;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: none;
  outline: none;
  background: #f4f4f4;
  border-radius: 5px;
  padding-left: 15px;
  width: 95%;
  margin-bottom: 10px;
  margin-top: 5px;
}

.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below
  .select2-selection--multiple {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select2-dropdown {
  border: none;
  box-shadow: 0 0.01rem 1rem rgba(0, 0, 0, 0.14) !important;
  border-radius: 5px !important;
  margin-top: 10px;
  max-width: 280px;
}

.filtersBar .select2-dropdown {
  width: 280px !important;
}

.select2-container--default .select2-results__option--selected {
  background-color: #f4f4f4;
}

.select2-dropdown .select2-results li {
  padding-left: 10px;
  border-bottom: 1px solid #f4f4f4;
}

.select2-results__options::-webkit-scrollbar {
  width: 3px;
  /* thinner scrollbar */
}

.select2-results__options::-webkit-scrollbar-track {
  background: #f0f0f0;
}

.select2-results__options::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 5px;
}

.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

.airport .searchBar {
  flex-direction: column;
}

::-webkit-calendar-picker-indicator {
  background: red;
}

.ratingBar {
  position: absolute;
  left: 40px;
  top: 20px;
  color: white;
  font-size: 1em;
  width: 180px;
}

.searchBar {
  border-color: #e0e0e0 !important;
}

.searchBar .dateSelect {
  background: #f4f4f4;
  overflow: hidden;
}

.searchBar .dateSelect input {
  background: transparent;
  width: 45.5%;
  border: none;
  outline: none;
}

.searchBar .dateSelect input:focus-visible {
  border: none;
}

.searchBar .dateSelect .line {
  width: 1%;
  background: #999;
}

.searchBar .text {
  text-align: center;
  font-size: 1.7em;
  margin-bottom: 10px;
}

.parks .myRow {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.parks .myRow .line {
  width: 90%;
  height: 1px;
  background: #e3e3e3;
}

.parks .myRow .col {
  text-align: center;
  width: 33%;
  padding: 10px 30px;
  min-width: 33%;
}

.parks th {
  height: 60px;
  font-weight: 400;
  text-align: center;
}

.parks td {
  height: 60px;
  font-weight: 400;
  text-align: center;
}

.headerImg .headerText1 {
  color: var(--side-color);
  font-size: 3rem;
  font-weight: 800;
}

.headerImg .headerText2 {
  color: var(--main-color);
  font-size: 30px;
  font-weight: 1000;
}
.headerList {
  margin-top: 20px;
  padding-left: 0;
}
.headerList li {
  margin-bottom: 20px;
  font-size: 18px;
  color: var(--side-color);
}
.mobile .headerList {
  margin-top: 0px;
}
.mobile .headerList li {
  margin-bottom: 20px;
}

.headerList li .icon {
  height: 30px;
}
.headerImg .headerText1 {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.1rem;
}

/* Transitions */
header nav ul li a,
a.link-btn {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

/* Link Button */

.header-menu li a {
  display: inline-block;
  font-size: 1em;
  color: #5b5b5b;
  font-weight: 400;
}

a.link-btn {
  padding: 7px 15px;
  color: #f3f3f3 !important;
  border-radius: 5px;
  opacity: 0.9;
  font-size: 18px;
}

a.link-btn-icon {
  margin-left: 10px;
}

a.link-btn:hover {
  opacity: 1;
}

a.link-btn .svg-inline--fa {
  margin-left: 5px;
}

.footer-phone a {
  color: #fff;
  font-size: 18px;
}
.career .formDiv ul li {
  list-style-type: disc;
  list-style-position: inside;
}
.career .formDiv ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.formDiv .icon {
  height: 25px;
}

.formDiv .partnerImage {
  height: 200px;
}
@media screen and (max-width: 768px) {
  .formDiv .partnerImage {
    height: 140px;
  }
}

/* 
	=-=-= Header =-=-=
*/
header {
  width: 100%;
  position: relative;
  z-index: 20;
}

header nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-self: center;
}

.header {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  background: #ffffff;
}
.headerFix {
}
.header {
  height: 110px;
}

.header-menu {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.header-menu li {
  padding: 0 30px;
}

.d-lg-none.sube-row {
  display: flex;
  align-items: center;
}

.menu-btn {
  width: 36px;
  height: 34px;
  padding: 1px;
  line-height: 32px;
  text-align: center;
  color: #fff;
}

.menu-btn i {
  font-size: 32px;
  color: #fff;
}

.d-flex-mobile {
  display: flex;
  align-items: center;
  align-items: center;
  justify-content: end;
}

.sidr > img {
  padding: 20px 40px;
}

.sidr .close-sidr {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  color: #7d7d7d;
}

.sticky-wrapper {
  width: 100%;
  height: auto;
  z-index: 1000;
  transition: all 0.3s ease-in-out;
}

.sticky-header {
}

.priority .div {
  overflow: hidden;
}

#detail .files {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

#detail .files .fileBtns {
  padding: 5px 20px;
}

#detail .files .fileBtns .icon {
  margin-right: 5px;
}

.airportDiv {
  overflow: hidden;
  margin-bottom: 20px;
}

.airportDiv h2 {
  font-size: 16px;
  width: 100%;
  margin-bottom: 5px;
}

.airportDiv b {
  font-size: 0.8em;
}

.airportDiv .text {
  padding: 10px 20px;
  display: flex;
  flex-wrap: wrap;
  min-height: 90px;
}

.airportDiv .room,
.airportDiv .bath {
  width: 50%;
}

.airportDiv .size {
  width: 100%;
}

.airportDiv .icon {
  height: 25px;
  margin-right: 5px;
  margin-bottom: 5px;
}

.airportDiv .badge .icon {
  margin-right: 0px;
}

.airportDiv .dataElem {
  width: 75%;
  height: 40px;
}

.airportDiv.auto .dataElem {
  width: auto;
  height: auto;
}

.airportDiv .nameElem {
  height: 40px;
  font-weight: 600;
  color: var(--black-color);
}

.airportDiv .linkElem {
  display: flex;
  justify-content: center;
}

.airportDiv .btn {
  width: 80%;
  height: 2em;
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.airportDiv .btn {
  font-weight: 600;
}

.airportDiv .btn:hover {
  color: var(--main-white);
  font-weight: 600;
}

.whatsapp {
  background: #29a71a;
}

.whatsapp img {
  height: 30px;
}

.contactForm img {
  position: absolute;
  z-index: -1;
}

.contactForm .textWrapper {
  top: 0;
  width: 100%;
}

.contactForm .textWrapper h2 {
  font-size: 32px;
  font-weight: 600;
}

.contactForm .textWrapper h2,
.contactForm .textWrapper p {
  color: #fff;
}

.contactForm .textWrapper p {
  color: #fff;
  font-size: 17px;
}

.contactForm .btn {
  margin-top: 20px;
  height: 3em;
  width: 15em;
  border-radius: 5px;
  font-weight: 500;
}

#contacts p {
  color: #f3f3f3;
}

#contacts a {
  color: #ddd;
}

#contacts {
  padding-top: 3em;
  text-align: center;
  padding: 3em 0;
}

.cantFind h2 {
  font-size: 1.3rem;
}

.cantFind a {
  font-size: 1rem;
  font-weight: 500;
  color: var(--black-color);
}

.cantFind .icon {
  height: 30px;
  width: 30px;
  margin-right: 0;
}

footer {
  font-size: 1rem;
}

.greenBox {
  background: #ecffd2;
  color: #3a8a00;
}

.carElem .line {
  height: 1px;
  width: 95%;
}

.phone-input {
  display: flex;
  align-items: center;
  border-radius: 5px;
  overflow: hidden;
  background: #f4f4f4;
}

.phone-input .line {
  height: 2em;
  width: 1px;
  background: #aaa;
}

.phone-input select,
.phone-input input {
  background: #f4f4f4;
  height: 2.5em;
  border: none;
  padding: 0 0.75em;
  border-radius: 0;
}

.phone-input input {
  flex: 1;
}

.nameInput {
  display: flex;
  gap: 10px;
}

.paymentDiv2 .row .col-8.nameInput .name,
.paymentDiv2 .row .col-8.nameInput .surname {
  flex: 1;
}

footer .footer2 {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 40px;
}

footer .footer2 .icon {
  height: 35px;
  margin-right: 5px;
}

footer .footer2 a {
  font-size: 15px;
  text-decoration: underline !important;
  text-underline-offset: 5px;
  height: 100%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}

footer h2 {
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

footer h2,
footer a,
footer a:hover {
  color: #fff;
}

footer .col-3 {
  padding-left: 80px;
}

footer li {
  font-size: 15px;
  list-style-type: none;
  text-align: left;
  margin-top: 15px;
}

footer .footerWrapper {
  margin-top: 40px;
}

footer .line {
  display: flex;
  align-items: center;
}

footer .line div {
  background: var(--main-white);
  height: 3px;
  width: 100%;
}

footer .images {
  display: flex;
  justify-content: space-between;
}

footer .images img {
  height: 40px;
}

footer .SMicons img.icons {
  height: 50px;
  width: auto;
  margin-right: 5px;
}

.footerWrapper .logo {
  display: flex;
}

.footerWrapper .logo .wrapper {
  width: 80%;
}

.button {
  border-radius: 5px;
  background: #ddd;
  margin: 10px;
  padding: 20px 0px 20px 0px;
  text-align: center;
}

.btn-primary {
  border: none;
}

.logo img {
  height: 75px;
}

header .logo img {
  height: 60px;
}

footer .logo img {
  margin-bottom: 20px;
}

.sticky-header {
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -ms-transition: background 0.5s linear;
  -o-transition: background 0.5s linear;
  transition: background 0.5s linear;
}

.airportSlider .swiper-slide {
  max-width: 300px;
}

.blogSlider .swiper-slide {
  max-width: 300px;
}

.quoteSlider .swiper-slide {
  max-width: 500px;
}

.quoteSlider .swiper-slide .textArea {
  min-height: 115px;
  height: 115px;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  /* number of lines */
  -webkit-box-orient: vertical;
}

.myPopupWrapper {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #33333330;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
  z-index: 1000;
}

.myPopup {
  background: #fff;
  color: var(--black-color);
  padding: 40px;
  border-radius: 5px;
  display: block;
  white-space: normal;
  max-width: 400px;
}

.quoteSlider .swiper-slide .iconDiv {
  font-size: 1.3em;
  font-weight: 500;
}

.quoteSlider .swiper-slide .quoteIcon {
  position: absolute;
  left: 40px;
  top: -1px;
  height: 30px;
}

/*parkslider*/
.park .starDiv .icon {
  margin-right: 4px;
}

.park .parkIcon {
  height: 70px;
}

.parkSlider .swiper-slide {
  max-width: 250px;
}

.parkSlider .swiper-slide .text {
  min-height: 5em;
}

.parkSlider .swiper-slide .textArea {
  min-height: 120px;
}

.parkSlider .swiper-slide .iconDiv {
  font-size: 1.3em;
  font-weight: 500;
}

#questionDivs {
  padding: 0;
  margin-top: -2em;
}

.featureDiv .icon {
  margin-right: 20px;
  margin-bottom: 10px;
  height: 30px;
}

.featureDiv {
  font-size: 1.1rem;
}

.galleryBtn {
  padding: 15px 0px;
}

.specsDiv {
  border-left: #ddd 2px solid;
  padding-left: 20px;
}
@media (max-width: 500px) {
  .specsDiv {
    border-top: #ddd 2px solid;
    padding-top: 20px;
    margin-top: 10px !important;
    border-left: none;
    padding-left: 0px;
  }
}

.imageSlider .sliderElem .br-small {
  max-height: 335px;
}

.btn.showAll {
  background: transparent;
  color: var(--main-color);
}

.copyright-div {
  padding: 1em 1em;
  text-align: center;
  background-color: #132f54;
  color: #f3f3f3;
  font-size: 1.2em;
}

#questionDivs {
  text-align: center;
  padding-top: 0;
}

.searchWrapper {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 40px;
}

.subPage .searchWrapper {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px 40px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
}

.searchWrapper h2 {
  font-weight: 600;
  font-size: 4rem;
}

.moreBtn {
  margin-top: 1em;
  background: inherit;
  border: none;
  color: #193968;
  border-radius: 5px;
  font-weight: 600;
}

.arrow {
  height: 16px;
}

.contactBtn {
  margin-top: 1em;
  border: 2px solid #e3e3e3;
  color: #e3e3e3;
  background: inherit;
  padding: 1em 5em;
  border-radius: 5px;
  font-weight: 600;
}

.contactTextWrapper {
  display: table;
}

.contact .myContainer img {
  position: absolute;
  top: 0;
  z-index: -1;
}

.searchBar.mobile {
  position: static;
  width: 100%;
}

.searchBar.mobile input {
  background: inherit;
}

.headerImg .searchBar {
  position: absolute;
  background: #4f679ed0;
}

.headerImg .searchBar input,
.headerImg .searchBar span.select2-container,
.headerImg .searchBar .btn {
  /*margin-top: 5px;*/
}

.searchBar {
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  top: 45%;
  background: var(--side-color);
  border: none !important;
  border-radius: 5px;
}

.swiper-wrapper {
  /*padding-left: 10px;*/
}

.sliderContainer {
  overflow: hidden;
  position: relative;
}

.sliderContainer .navigator {
  bottom: 0;
  height: 100%;
  display: flex;
  align-items: center;
  position: absolute;
  opacity: 100;
  z-index: 10;
}
.parkSlider img {
  height: 70px;
}
.sliderContainer .navigator.arrow-left {
  left: 3px;
}

.sliderContainer .navigator.arrow-right {
  right: 1px;
}

.sliderContainer .navigator .arrowWrapper img {
  height: 15px;
}

.sliderContainer .navigator .arrowWrapper {
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #fff;
  border: 1px #ddd solid;
  padding: 0;
  align-items: center;
  display: flex;
  justify-content: center;
}

.searchBundleWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.parkPage.searchBar .col-lg-2 {
  font-size: 0.9em;
}

.parkPage.searchBar .col-lg-2 span.pl-text {
  /*padding-left: 10px;*/
}

.profile a {
}

.searchBar span {
  color: #fff;
}

.parkPage label {
  color: #333;
  margin-left: 14px;
  margin-top: 5px;
}

.searchBar .col-lg-2 input {
}

.searchBar input,
.searchBar select {
  background-color: #f4f4f4;

  border: none;
  width: 100%;
}

.searchBar input,
.searchBar select,
.searchBar .btn {
  border-radius: 5px;
  height: 42px;
}

.headerImg .searchBar select {
  border: 0.5em solid #f4f4f4;
}

.parkSearch .searchBar input,
.parkSearch .searchBar select {
  background: #f4f4f4;
  border-radius: 5px;
  height: 3em;
  border: none;
}

.parkSearch .searchBar input,
.parkSearch .searchBar select {
  width: 100%;
  padding-left: 1em;
}

.parkSearch .searchBar .btn {
  height: 3em;
}

.contactText {
  display: table-cell;
  vertical-align: middle;
  padding: 0 2.5em;
  text-align: center;
  background: #193868;
}

.contactText p {
  color: #e3e3e3;
  font-weight: 200;
}

.partnersText {
  text-align: center;
  margin-bottom: 1em;
}

.footerContactLogos {
  height: 2em;
}

.footerLinks {
  display: flex;
  justify-content: center;
  text-align: left;
}

.footerLinks ul li {
  color: #e8a83c;
  margin-bottom: 0.7em;
  font-size: 1.3em;
}

.footerContacts {
  text-align: left;
}

.footerContacts b {
  color: #ddd;
}

.footerContactTitle {
  margin-bottom: 0.3em;
  font-weight: 700;
}

.prioSlider .sliderElem {
  max-width: 280px;
}

.prioSlider {
  overflow: hidden;
}

footer {
  padding-top: 1px;
  background: var(--side-color);
}

.bannerText {
  position: absolute;
  top: 30%;
  left: 10%;
  padding-bottom: 0.3em;
  border-bottom: #e8a83c solid 2em;
}

.langPicker img:not(.arrow) {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-position: center;
  object-position: center;
}

.helpUs .helpDiv {
  display: flex;
  justify-content: center;
  min-height: 160px;
  border-radius: 5px;
}

.langPicker a.btn {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #1e2125;
  background-color: #e9ecef;
}

.langPicker {
  padding: 0;
}

#header .dropdown-menu {
  border-radius: 5px;
}

.showAll a {
  font-weight: 600;
}

.showAll h2 {
  font-size: 1.3em;
}

.showAll .icon {
  rotate: 270deg;
  height: 15px;
}

#header .btn.show .arrow {
  transform: rotate(180deg);
}

#header .dropdown-menu.show {
  min-width: 0;
  height: auto;
}

.bundleDivElem {
  display: flex;
  justify-content: center;
  border: 2px solid var(--side-color) !important;
  padding: 13px;
}

.bundleDivElem .btn {
  border-radius: 5px;
}

.airportDivElem .imageWrapper {
  position: relative;
  height: 170px;
  overflow: hidden;
}

.airportDivElem .imageWrapper .valueElem {
  min-width: 50%;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--main-color);
  color: var(--main-white);
  padding: 4px;
  font-size: 0.85em;
}

.park_service .icon {
  height: 90px;
  margin-left: 10px;
  margin-right: 0;
}

.park_service .subDiv {
  min-height: 150px;
}

.airports .airportDiv .text {
  min-height: 55px;
  height: 75px;
}

.bannerImgWrapper {
  display: flex;
  align-content: center;
  justify-content: center;
  max-width: 100%;
  height: auto;
}

.bannerSmall {
  color: #193868;
  font-size: 2.7em;
  font-weight: 600;
}

.bannerBig {
  color: #193868;
  font-size: 7.3em;
  font-weight: 600;
  line-height: 0.9em;
}

.cross {
  height: 20px;
  transform: rotate(0deg);
  transition: linear 0.2s all;
}

.collapsed .cross {
  height: 20px;
  transform: rotate(45deg);
}

.leftArrowWrapper,
.rightArrowWrapper {
  flex: 0 0 auto;
  overflow: visible;
}

.leftArrowWrapper,
.rightArrowWrapper {
  position: absolute;
  top: 25%;
  z-index: 1000;
}

.leftArrowWrapper {
  left: -1%;
}

.rightArrowWrapper {
  right: -1%;
}

.leftArrow img,
.rightArrow img {
  height: 1.5em;
  width: auto;
}

.leftArrow,
.rightArrow {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #193868;
  height: 3em;
  width: 1.4em;
  text-align: center;
}

.sliderWrapper {
  position: relative;
}

.footer-logo {
  padding: 0 1em;
}

.formText {
  height: auto;
}

/* newest styles */

.SocialMediaDiv {
  width: 70%;
  background: #f4f4f4;
  border-radius: 55px 0px 0px 55px;
  position: absolute;
  right: 0%;
  padding: 20px;
  padding-left: 30px;
  vertical-align: middle;
  font-size: 1.5em;
  text-align: left;
}

.footerSM {
  height: 70px;
  margin-right: 40px;
}

.footerSMLogos {
  position: absolute;
  top: 110px;
  left: 40%;
}

.contactsLogos {
  height: 35px;
  margin-right: 20px;
}

.icon {
  /*margin-right: 10px;*/
}

.headerImg {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 90vh;
  min-height: 800px;
  max-height: 850px;
}

.headerImg video {
  border-radius: 25px;
}

.headerImg .span1,
.headerImg .span2 {
  font-size: 4em;
}

.bundleName {
  font-weight: 500;
}

.headerImg .span2 {
  font-weight: 700;
  line-height: 1em;
  margin-top: -0.3em;
  height: 1.4em;
  color: #e31e24;
}

.headerImg .img {
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
}

.headerImg .img img {
  width: 95%;
}

.airportDiv.prio {
  background: #e2f4ff;
  border: 1px var(--main-color) solid;
}

.airportDiv .dataElem {
  color: #999;
  font-size: 0.9em;
}

.airportDiv .specElem .icon {
  height: 20px;
  margin: 0;
  margin-right: 5px;
}
.airportDiv .specElem {
  background-color: #cee8ff;
  color: var(--black-color);
  border-radius: 5px;
  padding: 10px 10px;
}

.airportDiv .parkName {
  font-size: 24px;
  font-weight: 800;
  margin-top: 0;
  color: var(--side-color);
}

#parks:target {
  padding-top: 100px;
  margin-top: -100px !important;
}

.airportDiv {
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14) !important;
  overflow: hidden;
  position: relative;
}
.airportDiv.prio {
  box-shadow: none;
}

.airportDiv .inside {
  gap: 10px;
}

.airportDiv .moreInfoElem .icon,
.airportDiv .featuresElem .icon {
  height: 25px;
}
.prioParksText .icon {
  height: 30px;
  margin-right: 0px;
}
.airportElem .airportDiv .paymentBtn {
  display: flex;
  justify-content: space-between;
}

.airportElem .airportDiv .paymentBtn .text {
  width: 75%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 0;
  font-weight: 800;
  font-size: 20px;
}

.airportElem .airportDiv .paymentBtn .price .realPriceElem {
  font-weight: 700;
}

.airportElem .airportDiv .paymentBtn .price .priceElem {
  color: var(--side-color);
  font-size: 25px;
  font-weight: 800;
  line-height: 0.9;
}

.airportElem .airportDiv .paymentBtn .price {
  width: 45%;
  padding-top: 3px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.airportElem .airportDiv .paymentBtn .price div {
  display: flex;
  align-content: center;
  justify-content: center;
}

.airportElem .airportDiv .badge {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  min-width: 100px;
  /*text-wrap: wrap;*/
  text-align: center;
  background: var(--main-color);
  border-radius: 0 0 0 30px;
  padding: 10px 20px;
  font-size: 0.8rem;
}

.airportDiv.mobile .dataElem {
  width: 100%;
}

.airportDiv.mobile .parkName {
  font-size: 1.3rem;
  font-weight: 600;
}

.airportDiv.mobile .paymentBtn .price {
  background: transparent;
  width: 100%;
  padding-left: 0px;
}

.airportElem .airportDiv.mobile .paymentBtn {
  border-radius: 5px;
  font-size: 1.3rem;
  font-weight: 600;
  height: auto;
  color: var(--main-color);
  overflow: hidden;
}

.airportElem .airportDiv.mobile .left {
  text-align: left;
  gap: 5px;
  display: flex;
  flex-direction: column;
}

.airportElem .airportDiv.mobile .paymentBtn .price,
.airportElem .airportDiv.mobile .paymentBtn .priceElem {
  justify-content: center;
  align-items: center;
  display: flex;
}

.unReservableParksElem .airportDiv {
  opacity: 0.8;
}

.shuttleText {
  color: #0ebf00;
  font-size: 20px;
  font-weight: 700;
}

.airportSearchDivElem .moreInfoElem {
  border-bottom: 2px solid #0002;
  padding-bottom: 20px;
}

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

.airportSearchDivElem .paymentBtn .price {
  background: #e2f4ff;
}

.airportSearchDivElem .paymentBtn {
  border: 1px solid #3d89f7;
}

.airportSearchDivElem .limitedAvailability {
  color: #dc383b;
  font-weight: 700;
  font-size: 20px;
}
.airportSearchDivElem .promotionApplied {
  color: var(--main-color);
  font-weight: 700;
  font-size: 15px;
}

.airportSearchDivElem .promotionApplied .icon {
  height: 18px;
  margin-right: 3px;
}

.airportSearchDivElem .dayWrapper {
  font-weight: 1000;
}

.airportSearchDivElem .secureDiv {
  margin-top: 20px;
}

.airportSearchDivElem .secureDiv .icon {
  height: 20px;
  filter: brightness(0) contrast(30%);
}

.unReservableParksElem .airportDiv .paymentBtn {
  background-color: #999 !important;
  align-items: center;
  justify-content: center;
}

input.picker[type="date"] {
  font-size: 15px;
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  /* padding: 1.1em; */
  height: 42px;
  padding-right: 30px;
  border-radius: 5px;
  background-color: #f4f4f4;
  background-size: 12px 12px;
  font-weight: 500;
  cursor: pointer;
}

.couldntFind {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.1em;
}

.couldntFind .icon {
  height: 50px;
  margin-bottom: 20px;
}

input.picker[type="date"] {
  position: relative;
  background-size: 7.5px 7.5px;
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}

input.picker[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  color: transparent;
  background: transparent;
}

.airportElem .paymentBtn {
  border-radius: 5px;
  height: 4em;
  color: #fff;
  overflow: hidden;
}

.paymentDiv2 {
  text-align: left;
}

.paymentDiv2 h2 {
  width: 100%;
  font-weight: 600;
}

.paymentDiv input.date {
  width: 150px;
}

.paymentDiv .text {
  width: 170px;
}

.paymentDiv .icon.car {
  width: 24px;
}

.paymentDiv .searchBar select {
  border: 0.5em solid #f4f4f4;
}

.paymentDiv input,
.paymentDiv select,
.paymentDiv .btn {
  border-radius: 1em;
  height: 2em;
}

.paymentDiv input,
.paymentDiv select {
  background-color: #f4f4f4;
  border: none;
  width: 150px;
  padding-left: 1em;
}

.cutText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.billingSummary .sticky {
  position: sticky;
  top: 120px;
  margin-bottom: 20px;
}

.billingSummary .price {
  font-weight: 700;
}
.billingSummary .realPrice {
  text-decoration: line-through;
  color: #dc383b;
  font-weight: 700;
  font-size: 12px;
  margin-right: 10px;
}

input.error,
select.error,
.phone-input.error {
  border: 1px solid var(--red-color);
}

.flightDateWrapper {
  display: flex;
  justify-content: space-between;
}

.flightDateWrapper input,
.flightDateWrapper select {
  width: 49%;
}

.downBtnWrapper {
  position: relative;
  height: 20%;
  opacity: 0.8;
  margin-bottom: 20px;
}

.downBtn {
  animation: MoveUpDown 2s linear infinite;
  position: absolute;
  bottom: 0;
}

.downBtn img {
  height: 30px;
}

.belowArrow {
  padding-bottom: 50px;
}

.belowArrow img {
  height: 50px;
}

.doubleDivs {
  margin-bottom: 2em;
}

.lSSlideOuter .lSPager.lSpg {
  display: none !important;
}

.btn {
  border-radius: 5px;
}

form .btn {
  margin-top: 5px;
  width: 100%;
  padding: 10px;
  background: var(--main-color);
  color: #f3f3f3;
}

input.form-control {
  height: 42px;
}

form input.form-control,
form textarea.form-control {
  border-radius: 5px;
}

form .btn:hover {
  color: #f3f3f3;
}

form .doubleInputs {
  display: flex;
  justify-content: space-between;
}

#form .wrapper {
  overflow: hidden;
}

#form .right {
  padding: 20px;
}

#form .right form {
  margin-top: 10px;
}

form .form-control {
  padding: 15px;
  border-radius: 5px;
}

.accordion-button::after {
  display: none;
}

.navMenu .profileMenu li {
  text-align: center;
}

.container2 .img {
  display: flex;
  align-items: center;
}

#accordionFlush .accordion-button,
#accordionFlush .collapsing .accordion-body,
#accordionFlush .show .accordion-body,
#accordionFlush .accordion-header {
  border: none;
  overflow: hidden;
  outline: none;
  background-color: #fff !important;
}

#accordionFlush .accordion-item {
  border: none;
  margin-bottom: 15px;
  border-radius: 15px;
  overflow: hidden;
  background-color: var(--main-white);
}

.accordion-button:not(.collapsed) {
  box-shadow: none;
}

#accordionFlush .accordion-button:focus {
  box-shadow: none;
  border-color: rgba(0, 0, 0, 0.125);
}

.questions .accordion-button:not(.collapsed) {
  background-color: #fff;
}

#faq {
  margin-top: 10px;
}

#faq .accordion-item {
  border: none;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
  background-color: var(--main-white);
}

#faq .accordion-button,
#faq .collapsing .accordion-body,
#faq .show .accordion-body {
  font-size: 15px;
  color: #333;
  background-color: #fff;
  box-shadow: none;
  border: none;
}

#faq .accordion-button {
  padding: 20px 20px;
  color: var(--main-color);
  font-size: 15px;
  font-weight: 600;
}

.accordion-button::after {
  display: none;
}

#partners {
  font-size: 0.9em;
}

.airport .starDiv .icon {
  margin-right: 3px;
  height: 25px;
}

.park .searchBar .select2-container,
.park .searchBar .select2-container .selection {
  height: 42px;
  display: block;
}

.park .searchBar .select2-container {
  margin-bottom: 11px;
}

.park .searchBar .select2-container span {
  padding-left: 5px;
}

.park .starDiv {
  gap: 3px;
  display: flex;
  justify-content: start;
}
.park .featureDiv {
  background-color: #e2f4ff;
  border-radius: 5px;
  padding: 10px 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.park .featureDiv .icon {
  height: 25px;
  margin-bottom: 0;
  margin-right: 10px;
}

.park .commentDiv {
  display: flex;
  gap: 5px;
  font-size: 12px;
}
@media (max-width: 768px) {
  .park .featureDiv .icon {
    margin-right: 5px;
  }
  .park .featureDiv {
    padding: 10px 9px;
    margin-right: 9px;
    font-size: 14px;
  }
}

.phoneDiv {
  background: var(--main-color);
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  height: 60px;
  justify-content: space-around;
  align-items: center;
  color: #f4f4f4;
  flex-direction: row;
  border-radius: 10px 10px 0 0;
  -webkit-box-shadow: -1px -2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px -2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: -1px -2px 5px 0px rgba(0, 0, 0, 0.75);
}

.phoneDiv .whatsapp {
  background: #25d366;
  padding: 3px 10px;
  border-radius: 15px;
}

.btn-primary {
  color: #fff;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.phoneDiv img {
  height: 30px;
}

.phoneDiv a {
  color: #f4f4f4;
}

.searchBar h2 {
  color: #fff;
}

.dataDiv {
  display: flex;
  justify-content: space-around;
}

.dataDiv .icon {
  height: 40px;
  margin-right: 30px;
}

.dataDiv .line {
  width: 3px;
  height: auto;
}

.dataDiv .data {
  display: flex;
  align-items: center;
}

.sideMenu .airportDiv h2 {
  font-size: 0.8rem;
}

.sideMenu .airportDiv .address {
  font-size: 0.8rem;
}

#detail .dataLine .icon {
  height: 25px;
  margin-right: 10px;
}

#detail .dataLine .data {
  padding: 10px 0px;
  font-size: 0.8rem;
}

#detail .dataLine {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  flex-wrap: wrap;
  gap: 10px;
  background: #e8e8e8;
  font-size: 0.9em;
}

.searchWrapperBig {
  width: 100%;
}

.searchDivWrapper {
  padding: 10px 30px;
}

.langPicker a.btn {
  display: flex;
  align-content: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 10px;
}

.signInWrapper {
  min-width: 150px;
  display: flex;
  justify-content: center;
}
.signInWrapper a {
  font-size: 1.1em;
}

.langPicker img:not(.arrow) {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  -o-object-position: center;
  object-position: center;
}

#header .btn .arrow {
  transition: all 0.3s ease-in;
  height: 4px;
}

#header .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: start;
}

.langPicker img:not(.arrow) {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  min-width: 30px;
  overflow: hidden;
  -o-object-position: center;
  object-position: center;
  object-fit: cover;
}

.subPage h2 {
  margin-bottom: 10px;
  margin-top: 10px;
}

.subPage h3 {
  margin-bottom: 10px;
  margin-top: 10px;
  color: var(--side-color);
}

#header .dropdown-item .arrowDiv {
  min-width: 20px;
  text-align: center;
  margin-left: 10px;
  font-weight: 500;
}

.priorityBlog h3 {
  font-size: 1.5rem;
}

.priorityBlog .btn {
  padding: 20px 40px;
}

.blogDiv .linkElem {
  width: 100%;
}

.blogDiv .date {
  width: 100%;
  display: block;
}

.blogDiv .nameElem {
  text-align: left;
}

.blogDiv .nameElem,
.latestBlog .nameElem {
  font-size: 1.2rem;
  text-align: left;
  margin-top: 0;
}

.latestBlog .textSide {
  display: flex;
  flex-direction: column;
}

.blogDiv .icon,
.latestBlog .icon.arrow {
  height: 10px;
}

.smIcon {
  height: 35px;
}

#header .dropdown-item .arrowDiv {
  color: #fff;
}

#header .dropdown-item:hover .arrowDiv {
  display: inline-block;
  color: #555;
}

.orderBtn:hover {
  color: var(--main-color);
}

.orderBtn {
  width: 80%;
  appearance: none;
  text-overflow: ellipsis;
}

.apartment_desc {
  margin-left: 20px;
}

.apartment_desc ul li {
  list-style-type: disc;
}

.apartment_desc ul {
  list-style-position: inside;
}

@media (min-width: 1400px) {
  .myRow .my-col {
    flex: 0 0 auto;
    width: 20%;
  }

  .g-lg-2 {
    gap: 15px;
  }
}

@media (max-width: 1400px) and (min-width: 750px) {
  .airportDiv .text {
    padding: 10px 10px;
  }
}

@media (max-width: 650px) and (min-width: 570px) {
  .airportDiv .text {
    padding: 10px 10px;
  }
}

@media (min-width: 1399px) {
  .orderBtnWrapper {
    padding-bottom: 10px;
  }
}

@media (max-width: 1400px) and (min-width: 1300px) {
  .searchWrapperBig {
    width: 80%;
  }
}

@media only screen and (max-width: 800px) {
  header .logo img {
    height: 50px;
  }

  .airport .searchBar .searchDivAirport {
    box-shadow: none !important;
    background: var(--side-color);
    border-radius: 10px;
  }

  .airport .searchBar .col-lg-3 {
    width: 50%;
  }

  .airport .searchBar .whiteBg {
    padding: 0 5px;
    background: #f4f4f4;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 0px;
  }

  .airport .searchBar .col-lg-3.buttonCol {
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .orderBtnBtn {
    margin-bottom: 20px;
  }

  .footer .logo .wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .airportDiv .room,
  .airportDiv .bath,
  .airportDiv .size {
    font-size: 0.9em;
  }

  .airportDiv .icon {
    height: 25px;
  }

  .searchBar {
    margin-top: 15px;
    text-align: left;
  }

  .searchBar select {
    margin-bottom: 20px;
    height: 3em;
  }

  .footerContacts {
    text-align: center;
  }

  .bannerSmall {
    font-size: 0.7em;
  }

  .bannerBig {
    font-size: 1.8em;
  }

  .bannerText {
    border-bottom: #e8a83c solid 1em;
  }
}

@media only screen and (max-width: 400px) {
  .bannerSmall {
    font-size: 0.5em;
  }

  .bannerBig {
    font-size: 1em;
  }

  .bannerText {
    border-bottom: #e8a83c solid 0.6em;
  }
}

@media only screen and (max-width: 1400px) {
  .searchBar select,
  .searchBar input {
    font-size: 0.85em;
  }

  .header-menu li {
    padding: 0 20px;
  }

  .subPage .searchWrapper h2 {
    font-weight: 600;
    font-size: 3rem;
  }

  .portfoyBgImg {
    height: 300px;
  }
}

@media only screen and (max-width: 1024px) {
  .helpUs .helpDiv .bottom {
    font-size: 1.3rem;
  }

  .portfoyBgImg {
    height: 350px;
  }

  .header-btns {
    display: none;
  }

  header .logo {
    justify-content: center;
    display: flex;
  }

  .bannerSmall {
    font-size: 1.3em;
  }

  .bannerBig {
    font-size: 3.5em;
  }

  .bannerText {
    border-bottom: #e8a83c solid 1em;
  }

  .form2 button {
    margin-bottom: 20px;
  }

  .subPage .searchWrapper h2 {
    font-weight: 500;
    font-size: 2.2rem;
  }

  .airport .ratingBar {
    width: 30%;
    left: 1%;
  }
}

.mySlider .imgWrapper {
  margin-bottom: 10px;
}

.imgWrapper {
  position: relative;
}

.imgWrapper img {
  min-height: 500px;
  max-height: 500px;
  width: 100%;
  object-fit: cover;
}

.mySlider .value {
  width: 50%;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--main-color);
  color: var(--main-white);
  padding: 4px;
}

.gallery .slick-prev {
  left: -35px;
}

.gallery .slick-next {
  right: -35px;
}

.gallery .slick-prev,
.gallery .slick-next {
  height: 100%;
  background: var(--main-color);
  padding: 5px;
  width: 30px;
  border-radius: 10px;
}

.gallery {
  margin: 0 36px;
}

.gallery .slider {
  padding: 0 5px;
  cursor: pointer;
  max-height: 120px;
  justify-items: center;
}

.gallery .slider img {
  border-radius: 10px;
  height: 120px;
  overflow: hidden;
  object-fit: cover;
}

.dataDiv.mobile .data {
  flex-direction: column;
}

.dataDiv.mobile .data .text h3 {
  margin-top: 0;
  margin-bottom: 0;
}

.dataDiv span {
  color: var(--main-color);
  font-weight: 600;
}

.dataDiv.mobile .data .text span {
  color: var(--main-color);
  font-weight: 600;
}

.dataDiv.mobile .data .text h3,
.dataDiv.mobile .data .text span {
  font-size: 0.8em;
}

.airportDiv.mobile a.paymentLink {
  margin-left: -2%;
  margin-right: -2%;
  width: 104% !important;
}

.dataDiv.mobile .data .icon {
  margin-top: 15px;
}

.dataDiv.mobile .data {
  border-radius: 5px;
  margin-bottom: 5px;
  height: 100%;
}

.dataDiv.mobile .data .image {
  justify-content: center;
  width: 100%;
  display: flex;
}

.dataDiv.mobile .data .image img {
  margin-right: 0;
  height: 25px;
}

.dataDiv.mobile .data .text {
  width: 75%;
  height: 100%;
  margin-bottom: 10px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.checkbox-round {
  width: 24px;
  min-width: 24px;
  height: 24px;

  border-radius: 50%;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
  position: relative;
  box-shadow: 0 0 0 2px #888;
  /* dış çerçeve */
  box-sizing: border-box;
}

.checkbox-round::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  /* iç daireyi 2px küçülttük (önce 20px idi) */
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transition: background-color 0.2s;
}

.checkbox-round:checked::after {
  background-color: #007bff;
  /* tıklanınca mavi */
}

#header .accountElem .dropdown-menu {
  width: 150px;
  border-radius: 5px;
}

#header .accountElem {
  font-size: 15px;
  min-width: 150px;
  display: flex;
  align-items: center;
  gap: 3px;
}

.mainHeaderWrapper {
  justify-content: center;
}

.packets .mobile .packetBtn {
  margin-right: 10px;
  height: 35px;
  width: 35px;
}

.packets .mobile .icon {
  height: 30px;
  margin-right: 7px;
}

.myMenu .navMenu .profileMenu {
  display: none;
}

.promotionDiv {
  border: #ddd 2px dashed;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.promotionDiv .icon {
  margin-right: 15px;
}

.promotionDiv .codeElem {
  font-size: 13px;
  color: #777;
}

.helloElem {
  font-size: 1.4rem;
}

.helloElem {
  font-size: 1.4rem;
}

a.prioBlog .btn {
  border-radius: 5px;
}

.blogHeader {
  font-size: 2rem;
}

@media only screen and (max-width: 767px) {
  /* Select2 single select yüksekliğini bootstrap input ile eşitle */
  .select2-container--default .select2-selection--single {
    height: calc(2.5rem + 2px);
    /* Bootstrap form-control height */
    line-height: 1.5;
  }

  .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    line-height: 1.5;
    /* yazı ortalansın */
  }

  .paymentDiv2 {
    padding: 10px !important;
  }

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

  .park .select2-container--default .select2-selection--single {
    background: #ffffff;
  }

  .commentDiv {
    display: flex;
    gap: 10px;
  }

  .airport .searchBar .tr_entry_checkout_time {
    padding-left: 10px;
  }

  .myPopup {
    max-width: 350px;
  }

  .header {
    height: 75px;
  }

  .billingSummary .sticky {
    position: static;
    top: 0;
    margin-bottom: 0;
  }

  .latestBlog .nameElem,
  .latestBlog .date,
  .latestBlog a {
    font-size: 1rem;
    margin-bottom: 0px;
  }

  a.prioBlog {
    position: absolute;
    right: 30px;
    bottom: 10px;
  }

  a.prioBlog .btn {
    padding: 10px 20px;
  }

  .blogDiv .nameElem {
    margin-top: 0;
  }

  .blogDiv .date,
  .blogDiv .linkElem {
    display: block;
    margin-bottom: 10px;
    font-size: 0.95em;
  }

  .blogDiv .linkElem {
    text-align: right;
  }

  /*.searchBar .select2 {
    height: 55px;
  }

  .searchBar .select2 .selection {
    line-height: 0.9;
    display: flex;
    height: 40px;
    justify-content: start;
    padding-left: 0;
    align-items: center;
    padding-left: 10px;
  }
  .searchBar span.select2 {
    padding-left: 0;
  }
  .searchBar .select2-selection {
    padding-left: 0;
  }

  .searchBar .select2-selection .select2-selection__rendered {
    padding-left: 0;
  }

  .searchBar
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 35px;
    right: 10px;
  }*/

  .bundleDivElem {
    padding: 0 !important;
    border: none !important;
    background: #e2f4ff;
  }

  .bundleDivElem .priceElemBox {
    font-size: 0.7rem;
  }

  .bundleDivElem .col-5 {
    display: flex;
    align-content: center;
    justify-content: center;
  }

  .bundleDivElem .specDiv {
    text-align: left;
    font-size: 0.7rem;
  }

  .bundleDivElem h3 {
    font-size: 1rem;
    text-align: left;
  }

  .mobile.park .searchBar {
    background: transparent;
  }

  .mobile.park .searchBar .col-lg-2:not(.buttonCol) {
    background: #ffffff;
    border: 1px solid var(--side-color);
  }

  .mobile.park .searchBar .buttonCol {
    padding: 0;
  }

  #mobile-menu-img {
    height: 20px;
  }

  .mobile.park .searchBar input {
    background-color: #fff;
    margin-bottom: 11px;
  }

  .mobile.park .searchBar select {
    background: #fff;
  }

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

  .parkAddress .icon {
    margin-right: 10px;
    height: 40px;
  }

  .profile .profileDiv .icon {
    height: 40px;
  }

  .park .searchBar {
    margin-top: 10px;
  }

  .park h2 {
    margin-bottom: 0;
    margin-top: 0;
  }

  .profilePage .row {
    /*justify-content: space-between !important;*/
  }

  .profilePage .col-3 {
    width: 25%;
  }

  .profilePage .col-3 img {
    margin: 5px;
  }

  .profilePage .col-9 {
    text-align: left;
    width: 75%;
    margin-bottom: 20px;
  }

  .emailAddress,
  .userMail {
    font-size: 0.9em;
  }

  .profile a {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .profile .profileDiv {
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
  }

  .profile .profileDiv .top {
    align-content: center !important;
    align-items: center !important;
    width: 100%;
  }

  .profile .profileDiv .bottom {
    font-size: 1em;
  }

  .profile .profileDiv .top img {
    height: 30px;
  }

  .profile .profileDiv .top {
    min-height: 50px;
  }

  .profile .profileDiv .bottom {
    min-height: 40px;
    color: var(--side-color);
  }

  .searchBar {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--side-color);
  }

  .headerImg .searchBar .headerText1 {
    font-weight: 500;
    line-height: 1.2;
    font-size: 20px;
  }
  .headerImg .headerText2 {
    font-size: 24px;
    margin-top: 10px;
  }
  .searchBar input,
  .searchBar select {
    font-weight: 400;
    font-size: 0.9em;
  }

  .searchBar .col-lg-2,
  .searchBar .col-lg-3 {
    padding: 0 5px;
    /*background: #f4f4f4;
    margin-bottom: 5px;*/
    border-radius: 5px;
    padding-top: 10px;
  }

  .blogPage .searchBar .buttonCol {
    margin-top: 10px;
  }

  .parkSearch .searchBar .col-lg-2,
  .parkSearch .searchBar .col-lg-3 {
    padding-top: 0;
  }

  .searchBar .bg-search-input {
    background: #f4f4f4;
  }

  .parkPage.searchBar .col-lg-2,
  .parkPage.searchBar .col-lg-3 {
    margin-bottom: 0px;
  }

  .searchBar .col-lg-2 input:focus-visible {
    border: none;
    outline: none;
  }

  .searchBar .col-lg-3 span.tr_location {
    display: block;
    width: 100%;
  }

  .searchBar .col-lg-2 label,
  .searchBar .col-lg-3 label {
    color: #333;
    font-weight: 600;
  }

  .searchBar .col-lg-2.buttonCol {
    width: 100%;
    padding: 0 5px;
    background: none;
    display: flex;
  }

  .code-input {
    /*width: 35px;
    height: 40px;*/
    font-size: 18px;
  }

  .entryDateWrapper,
  .checkoutDateWrapper {
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
  }

  .entryDateWrapper .text,
  .checkoutDateWrapper .text {
    width: 80%;
    text-align: left;
  }

  .paymentDiv .parkElem {
    width: 100%;
    display: block;
  }

  .entryDateWrapper input.date,
  .entryDateWrapper select,
  .checkoutDateWrapper input.date,
  .checkoutDateWrapper select {
    width: 47%;
  }

  .billingSummary .paymentFull.mobile {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 90px;
  }

  .billingSummary {
    /* Firefox */
    -moz-transition: background-color 1s ease-in;
    /* WebKit */
    -webkit-transition: background-color 1s ease-in;
    /* Opera */
    -o-transition: background-color 1s ease-in;
    /* Standard */
    transition: background-color 1s ease-in;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #00000066;

    width: 100%;
    height: 90vh;
  }

  .billingSummary.hidden {
    height: 85px;
    background-color: #00000000;
  }

  .billingSummaryBtn.hover {
    color: inherit;
  }

  .billingSummaryBtn .icon {
    /* Firefox */
    -moz-transition: all 0.3s ease-in;
    /* WebKit */
    -webkit-transition: all 1s ease-in;
    /* Opera */
    -o-transition: all 0.3s ease-in;
    /* Standard */
    transition: all 0.3s ease-in;
  }

  .billingSummary .billingSummaryDiv {
    height: 300px;
    transition: height 1s;
    transition: height 1s;
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 89px;
    left: 0;
    border-radius: 30px 30px 0 0;
  }

  .billingSummary.hidden .billingSummaryDiv {
    height: 0;
    padding-bottom: 0 !important;
  }

  .paymentFull {
    border-radius: 0;
    background: #fff;
    color: var(--black-color);
  }

  .totalPrice {
    font-size: 1rem;
    font-weight: 600;
    margin-right: 5px;
  }

  .paymentDiv2 .row {
    --bs-gutter-x: 10px;
  }

  .paymentDiv2 .row .col-4,
  .paymentDiv2 .row .col-8.nameInput .name .nameText,
  .paymentDiv2 .row .col-8.nameInput .surname .surnameText {
    width: 100%;
  }

  .paymentDiv2 .row .col-8 {
    width: 100%;
  }

  .paymentDiv2 .row .col-8.nameInput {
    width: 100%;
    flex-wrap: wrap;
    gap: 0px;
  }

  .paymentDiv2 .row .col-8.nameInput .name,
  .paymentDiv2 .row .col-8.nameInput .surname {
    width: 100%;
    flex: none;
  }

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

  .quoteSlider .swiper-slide {
    max-width: 320px;
  }

  .quoteSlider .swiper-slide .textArea {
    min-height: 70px;
    height: 70px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /* number of lines */
    -webkit-box-orient: vertical;
  }

  h2 {
    margin-bottom: 5px;
    margin-top: 0px;
  }

  #faq h2 {
    margin-bottom: 0px;
    margin-top: 0px;
  }

  .dataDiv.mobile .data .text {
    padding: 5px;
    text-align: center;
    justify-content: start;
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }

  .mainHeaderWrapper {
    justify-content: center;
  }

  .countrySelectWrapper {
    overflow: hidden;
    border-radius: 5px;
    height: 42px;
  }

  .countrySelectWrapperWrapper .btn {
    height: 42px;
    width: 100%;
    padding: 0em 1em;
    border-radius: 5px;
    font-size: 15px;
  }

  .parks.br {
    border-radius: 5px;
  }

  .park_service .subDiv {
    min-height: 82px;
  }

  .park_service .subDiv .subSubDiv {
    min-height: 82px;
  }

  .park_service .subDiv h2 {
    margin: 0;
  }

  .park_service .subDiv .text {
    display: flex;
    align-items: center;
  }

  .park_service .subDiv .text h2 {
    width: 40px;
    font-size: 15px;
  }

  .services .subDiv .icon {
    height: 40px;
  }

  .services .subDiv {
    border-radius: 5px;
  }

  .services .subDiv h2 {
    margin-bottom: 0;
    font-size: 0.8rem;
  }

  .services .subDiv .text {
    text-align: left;
  }

  .prioSlider .sliderElem {
    max-width: 250px;
  }

  .airport .searchBar .text {
    padding-bottom: 0px;
  }

  .airport .mobileFix {
    min-height: 300px;
  }

  .airport .mobileFix {
    position: inherit;
    text-align: center;
  }

  .airport .mobileFix h2 {
    margin-top: 0px;
    margin-bottom: 10px;
  }

  .airport .mobileFix .starDiv {
    margin-bottom: 10px;
  }

  .airport .mobileFix .starDiv .icon {
    height: 20px;
    margin-right: 0;
  }

  .airport .ratingBar {
    padding: 20px 0;
    width: 100%;
    position: static;
    background: var(--side-color);
    border-radius: 5px;
  }

  .airport .parks .col-7 {
    font-size: 14px;
  }

  .airport .parks .col-7 span {
    font-size: 15px;
  }

  .payBtnWrapper {
    max-width: 200px;
  }

  .paymentSend {
    border-radius: 5px;
    padding: 0 30px;
    font-weight: 700;
    height: 35px;
  }

  .airport img.parks {
    height: 40px;
  }

  .airport .searchBar {
    margin-top: 0px;
    position: static;
    width: 100%;
  }

  .searchBar .text {
    text-align: center;
    font-size: 1.1em;
    margin-bottom: 10px;
  }

  .dataDiv .line {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .myMenu {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000000c2;
    z-index: 70;
    align-items: center;
    justify-content: center;
  }

  .myMenu .navMenu {
    flex-wrap: wrap;
    background: white;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
    justify-content: space-around;
    align-content: start;
    height: 80%;
    min-width: 300px;
    width: 80%;
    overflow-y: scroll;
  }

  .myMenu .navMenu .mobileMenuLinks {
    width: 90%;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 20px;
  }

  .myMenu .navMenu .mobileMenuLinks .line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 12px 0;
  }
  .line.thin {
    height: 1px;
    background: #ddd;
  }

  .myMenu .navMenu .profileMenu {
    width: 90%;
  }

  .myMenu .navMenu .profileMenu li {
    margin-top: 15px;
  }

  .myMenu .navMenu .profileMenu .line {
    width: 100%;
    height: 1px;
    background: #ddd;
    margin: 12px 0;
  }

  .myMenu .navMenu .profileMenu .line.thick {
    height: 4px;
    background: var(--main-color);
    border-radius: 5px;
  }

  .myMenu .navMenu .profileMenu a {
    color: var(--black-color);
    font-size: 1.2em;
    font-weight: 500;
    width: 100%;
  }

  .myMenu .navMenu .mobileMenuLinks a {
    color: var(--black-color);
    font-size: 1.2em;
    font-weight: 500;
    width: 100%;
  }

  .myMenu .navMenu .signInWrapper {
    min-width: 0;
    height: 40px;
    border-radius: 5px;
    background: var(--main-color);
    text-align: center;
    width: 60%;
  }

  .myMenu .navMenu .signIn {
    color: #fff;
  }

  .myMenu .navMenu .langPicker {
    width: 30%;
  }

  .myMenu .navMenu .bla .dropdown-menu {
    height: auto;
    display: block;
    min-width: unset !important;
    position: static !important;
    transform: none !important;
    border: none;
  }

  .myMenu .navMenu .signIn {
    margin-top: 10px;
  }

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

@media screen and (max-width: 767px) {
  .bundleDivElem .reservationBtn .paymentLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .bundleDivElem .reservationBtn {
    background: var(--main-color);
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    padding: 10px 0px;
    margin-bottom: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
  .bundleDivElem .reservationBtn .priceElem {
    font-weight: 700;
  }
  .bundleDivElem .reservationBtn .arrow {
    height: 10px;
  }
  .bundleDivElem .reservationBtn .price {
    margin-left: 15px;
    gap: 5px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .bundleDivElem .reservationBtn .text {
    width: 65%;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 0;
  }

  .bundleDivElem .priceElemBox {
    display: none;
  }

  .parkBundleDiv {
    display: flex;
    flex-direction: column;
    padding: 10px;
    padding: 10px;
  }

  .parkBundleDiv .iconWrapper .icon {
    margin-right: 5px;
  }

  .parkBundleDiv .iconWrapper {
    width: auto;
  }

  .parkSearch .searchBar .btn {
    margin-bottom: 10px;
    border-radius: 5px;
  }

  .langPicker img:not(.arrow) {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    min-width: 25px;
  }

  .searchBar .headerText1,
  .searchBar .headerText2 {
    color: #fff;
  }

  .parkBundleDiv .specDiv {
    font-size: 0.72em;
  }

  .parkPage.searchBar {
    flex-wrap: wrap;
    flex-direction: row;
  }

  .searchPage .searchBar {
    display: flex;
    justify-content: center;
  }

  .contactForm .textWrapper {
  }

  .contactForm .textWrapper p {
    font-size: 1rem;
  }

  .contactForm .btn {
    height: 2.5em;
    border-radius: 5px;
  }

  .shadow {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.14) !important;
  }

  .headerImg .searchBar {
    top: 10%;
    font-size: 0.9rem;
    position: static;
    background: var(--side-color);
  }

  .searchBarBg {
    background: var(--side-color);
  }

  .searchBar input,
  .searchBar select {
    /*margin-bottom: 10px;*/
  }

  .searchBar .btn {
    height: 3.2em;
  }

  /*.searchBar span {
    padding-left: 20px;
  }*/

  .headerImg .headerText1 {
    font-size: 1.7rem;
  }

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

  .imgWrapper img {
    min-height: 0;
  }

  .subPage .portfoyDiv .searchWrapper {
    background: var(--main-color);
    position: static;
    padding: 10px 20px;
  }

  .airportDiv h2 {
    margin-top: 5px;
    font-size: 1.1em;
  }

  .subPage .portfoyDiv {
    padding: 0;
  }

  footer .logo img,
  header .logo img {
    width: auto;
  }

  .SMicons {
    padding: 10px 40px;
  }

  .partnerImg {
    margin-bottom: 20px;
    width: 100%;
  }

  .about-us-divs {
    text-align: center;
  }

  .whoAreWeSubPage {
    margin-bottom: 40px;
  }

  .innovation .text {
    padding: 30px;
    text-align: center;
  }

  .howItWorks .col-4 {
    padding-right: calc(var(--bs-gutter-x) * 0.2);
    padding-left: calc(var(--bs-gutter-x) * 0.2);
  }

  .howItWorks .myDiv .div {
    justify-content: center;
    min-height: 85px;
  }

  .howItWorks .myDiv .div .icon {
    height: 30px;
    margin-right: 0;
  }

  .howItWorks .myDiv .div h2 {
    margin-bottom: 0;
    font-size: 1em;
  }

  .howItWorks .myDiv .div.shadow {
    border-radius: 5px;
  }

  .subpage-banner-img .textDiv {
    width: 100%;
    color: #fff;
    font-size: 1em;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .headerImg {
    height: auto !important;
    margin-bottom: 20px;
    min-height: 200px;
  }

  h2.mainHeader {
    font-size: 1.3rem;
    text-align: left;
  }

  .headerImg .span1,
  .headerImg .span2 {
    display: none;
  }

  .headerImg .textSide br {
    display: none;
  }

  .park_service .mainHeaderWrapper {
    margin-bottom: 10px !important;
  }

  .headerImg .headerList .icon {
    height: 20px;
  }
  .headerImg .headerList li {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .headerImg .headerText2 {
    display: block;
    line-height: 0.5em;
    margin-bottom: 5px;
  }

  .belowArrow {
    display: none;
  }

  .video .text {
    padding: 40px 40px;
    padding-top: 10px;
    text-align: center;
  }

  footer {
    text-align: center;
  }
  footer h2 {
    text-align: center;
  }
  footer li {
    margin-top: 5px;
    text-align: center;
  }

  #form .left {
    padding: 0;
    border-radius: 0;
  }

  #form .left .wrapper {
    border-radius: 0;
  }

  #provide .text li {
    list-style-type: none;
  }

  #provide .text {
    text-align: center;
    padding: 20px 20px;
  }

  #services .text {
    text-align: left;
    padding-right: 20px;
    padding-left: 20px;
  }

  #services {
    padding-bottom: 0;
  }

  #services .text .title span {
    margin-top: 10px;
    font-size: 0.9em;
  }

  #provide .container2 .text div {
    padding: 20px;
  }

  #services .text a {
    text-align: left;
  }

  .doubleDivs .what {
    margin-bottom: 20px;
  }

  .headerImg .span1,
  .headerImg .span2 {
    font-size: 3.3em;
  }

  .headerImg .text {
    text-align: center;
    font-size: 1.6rem;
  }

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

  .logo img {
    height: 70px;
  }

  footer .logo img {
    height: 90px;
  }

  #provide .container2 ul:first-of-type {
    margin-top: 10px;
  }

  #provide .container2 .text {
    text-align: left;
  }

  #provide .container2 ul {
    width: auto;
    text-align: left;
    display: block;
    list-style-type: disc;
  }

  #provide .container2 ul li {
    list-style-type: disc;
  }

  #form .left {
    text-align: center;
    height: 200px;
  }

  footer .images {
    padding: 0 40px;
  }

  footer .line {
    padding-top: 20px;
  }

  footer .line div {
    height: 3px;
  }

  footer .footerWrapper {
    margin-top: 40px;
  }

  .subpage-banner-img {
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .whoAreWeSubPage img {
    width: 80%;
    margin-bottom: 20px;
  }

  .about-us-divs .myImg {
    margin-bottom: 20px;
  }

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

  .serviceDiv .text.list {
    text-align: left;
  }

  .subPage #form .text {
    text-align: center;
  }

  .subPage #form .address,
  .subPage #form .formLinks {
    text-align: center;
  }

  #form .address .img,
  .subPage #form .address .text {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .formLinks .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .formRow.top .left {
    padding-right: 5px;
    margin-bottom: 5px !important;
  }

  .formRow.top .right {
    padding-left: 5px;
    margin-bottom: 5px !important;
  }

  .section,
  section {
    /*width: 100%;
    padding: 0px 0;*/
  }
}

.notActive {
  color: #132f54;
  background: none;
}

@keyframes MoveUpDown {
  0%,
  100% {
    bottom: 00%;
  }

  50% {
    bottom: 10%;
  }
}

.form-control {
  border-radius: 5px;
  background: #f4f4f4;
  border: none;
}

.headerImg .textSide {
  text-align: left;
  padding-left: 1em;
}

@media only screen and (max-width: 500px) {
  .contactForm .textWrapper p {
    font-size: 0.9rem;
  }

  .contactForm .textWrapper h2 {
    font-size: 25px;
  }

  .contactForm .textWrapper {
    top: 0%;
  }
}

@media only screen and (max-width: 450px) {
  .services .subDiv .icon {
    height: 35px;
    margin-right: 0;
  }

  .park_service .subDiv .text h2 {
    font-size: 1em;
  }

  .contactForm .textWrapper p {
    font-size: 0.89rem;
  }

  .contactForm .textWrapper {
    top: 0%;
  }
}

@media only screen and (max-width: 390px) {
  footer .footer2 .icon {
    height: 30px;
  }

  .contactForm .textWrapper p {
    font-size: 0.89rem;
  }

  .contactForm .textWrapper {
    top: 0%;
  }

  .contactForm .btn {
    margin-top: 5px !important;
    height: 2em;
    border-radius: 5px;
    padding: 0;
  }
}

/* test area */

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* sat覺r say覺s覺 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.profile_image {
  height: 80px;
}

.parkAddress > div {
  margin-top: 5px;
  margin-bottom: 5px;
}

.parkAddress .icon {
  margin-right: 10px;
  height: 35px;
}

.searchBar label {
  color: #fff;
}

.searchBar input {
  border: 0px #333 solid;
}

.searchPage .searchBar input {
  padding-left: 10px;
}

.paymentDiv .icon {
  margin-right: 10px;
}

/* Responsive park left image resizing when bundles change */
.parkWrapper .img-fluid.br {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  transition: max-width 0.25s ease, transform 0.25s ease;
}

@media (max-width: 991px) {
  /* On smaller screens keep image full width */
  .parkWrapper .img-fluid.br {
    max-width: 100% !important;
  }
}

/* promo banner*/

.promo-banner .wrapper {
  padding: 4px 0px;
  color: #fff;
}
.promo-banner .closeBanner {
  position: absolute;
  right: 0;
  top: 0;
  filter: brightness(2);
}

.promo-banner .promo-urgent {
  text-align: center;
  width: 100%;
  font-weight: 800;
  font-size: 22px;
  font-weight: 700;
}

.promo-banner .countdown {
  display: flex;
  gap: 12px;
}

.promo-banner .time-box {
  background: rgba(0, 0, 0, 0.35);
  border-radius: 6px;
  padding: 8px 14px;
  text-align: center;
  min-width: 70px;
}

.promo-banner .time-value {
  display: block;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.promo-banner .time-label {
  font-size: 12px;
  opacity: 0.85;
  margin-top: 4px;
}

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

.promo-banner .discount {
  font-size: 48px;
  font-weight: 800;
  letter-spacing: 1px;
  color: #f5d27a;
  margin: auto 10px;
}

.promo-banner .promo-right {
  text-align: center;
}

.promo-banner .promo-code-label {
  display: block;
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 700;
}

.promo-banner .promo-code {
  color: #f5d27a;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 1px;
}

@media (max-width: 900px) {
  .promo-banner .closeBanner {
    padding-right: 0px;
  }
  .promo-banner .promo-right {
    margin-right: 10px;
  }
  .promo-banner .promo-code {
    font-size: 20px;
  }
  .promo-banner {
    flex-direction: column;
    text-align: center;
    gap: 20px;
  }

  .promo-banner .countdown {
    gap: 5px;
  }

  .promo-banner .countdown .time-box {
    padding: 4px 4px;
    min-width: 50px;
  }

  .promo-banner .promo-center {
    text-align: center;
    margin: auto 20px;
  }

  .promo-banner .discount {
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
  }

  .promo-banner .promo-urgent {
    display: none;
  }

  .promo-banner .promo-left {
    margin: auto 0;
  }

  .promo-banner {
    height: 70px !important;
  }
}

/* promo banner ends*/