//@import '../global/variables';
//@import '../global/mixins';
@import 'components/daterangepicker.min';
.main_form_section {
  background: $bg-light-gray;
}
.main_form {
  //padding: 50px 0;
  .stay22 {
    margin-right: auto;
  }
  .form_bg {
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 12px;
    background: #FCFDFF;
    box-shadow: 0 28px 35px 0 rgba(200, 204, 236, 0.30);
    position: relative;
    @media (max-width: $tablets-big) {
      flex-direction: column;
      overflow: hidden;
    }
  }
  .directflight {
    margin: 16px 0 0 30px;
  }
  form {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    .btn_box {
      padding: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 140px;
      @media (max-width: $tablets-big) {
        display: none;
      }
    }
  }
  .wrap {
    border-radius: 5px;
    background: $white;
    box-shadow: 4px 4px 8px 0 rgba(142, 141, 208, 0.16), -4px 0px 8px 0px rgba(142, 141, 208, 0.16);
    padding: 40px 0;
    max-width: 900px;
    width: 100%;
    position: absolute;
    top: calc(100% + 6px);
    bottom: initial;
    left: 50%;
    transform: translateX(-50%);
    @media (max-height: 720px) and (min-width: $tablets-big) {
      padding: 30px 0;
      top: 100%;
    }
    @media (max-width: $tablets-big) {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
      padding: 15px 0;
      margin-bottom: 18px;
    }
    .confirmation {
      padding: 16px 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-top: auto;
      button[type=submit] {
        margin-left: auto;
        margin-right: 0;
      }
      @media (max-width: $tablets-big) {
        flex-direction: column;
        padding: 8px 0;
        align-items: flex-start;
        gap: 12px;
      }
    }
    .title {
      @media (max-width: $tablets-big) {
        margin-bottom: 18px;
        font-size: 22px;
      }
    }
  }
  .form_top {
    //flex-shrink: 0;
    z-index: 2;
    width: auto;
    //max-width: 286px;
    flex: 1;
    border-right: 1px solid #BBB9C6;
    border-left: 0;
    transition: 0.3s;
    &:nth-child(3) {
      border: none !important;
    }
    @media (max-width: $tablets-big) {
      width: 100%;
      max-width: 100%;
      flex: 0;
      border: none !important;
    }
    .form_top_input {
      padding: 23px 25px;
      min-height: 96px;
      position: relative;
      cursor: pointer;
      @media (max-width: $tablets-big) {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-radius: 5px;
        background: $white;
        box-shadow: 0 4px 10px 0 rgba(198, 209, 221, 0.75);
        margin-bottom: 18px;
        min-height: 65px;
      }
      .label {
        margin-bottom: 8px;
        @media (max-width: $tablets-big) {
          font-size: 16px;
          margin-bottom: 0;
        }
      }
      &.error {
        border: 1px solid red;
      }
      &:before {
        content: '';
        width: 100%;
        height: 100%;
        background: transparent;
        box-shadow: 0 0 15px 4px rgba(195, 199, 230, 0);
        border-radius: 12px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: scale(1) translateY(-50%) translateX(-50%);
        transition: 0.3s;
        z-index: -1;
        @media (max-width: $tablets-big) {
          display: none;
        }
      }
      .val {
        display: block;
        border: none;
        background: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        pointer-events: none;
        max-width: 280px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        @media (max-width: $tablets-big) {
          font-size: 16px;
          text-align: left;
          max-width: 250px;
        }
      }
    }
    &.active,
    &:hover {
      z-index: 2;
      border-color: transparent;
      .form_top_input {
        &:before {
          border-radius: 5px;
          box-shadow: 0 0 15px 4px rgba(195, 199, 230, 0.20);
          transform: scale(1.01) translateY(-50%) translateX(-50%);
          background: $white;
        }
      }
    }
    @media (max-width: $tablets-big) {
      &.active {
        .form_top_input {
          display: none;
        }
      }
    }
  }
  .form_top_input.hide {
    display: none;
  }
  .form_top_input.disabled {
    pointer-events: none;
    cursor: auto;
    .label {
      color: $gray;
      margin-bottom: 8px;
      @media (max-width: $tablets-big) {
        margin-bottom: 0;
      }
    }
    .val {
      color: $purple-gray;
    }
  }
  .airports_search {
    padding: 0 50px;
    margin-bottom: 32px;
    display: block;
    width: 100%;
    @media (max-height: 720px) {
      margin-bottom: 20px;
    }
    @media (max-width: $tablets-big) {
      padding: 0 25px;
      margin-bottom: 20px;
    }
    input {
      width: 100%;
      border-radius: 4px;
      border: 1px solid #ADAFB3;
      background: $white;
      padding: 11px 16px 11px 48px;
      font-size: 20px;
      text-align: left;
      @media (max-width: $tablets-big) {
        font-size: 16px;
      }
    }
    label {
      display: block;
      position: relative;
      &:before {
        display: inline-block;
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='15' viewBox='0 0 14 15' fill='none'%3E%3Cpath d='M13.6168 13.5029L10.6768 10.5629C11.5432 9.51952 12.0203 8.2076 12.0266 6.85141C12.0266 5.68257 11.68 4.53998 11.0306 3.56813C10.3812 2.59627 9.45823 1.8388 8.37836 1.39151C7.29849 0.944211 6.11024 0.827178 4.96386 1.05521C3.81748 1.28324 2.76446 1.84609 1.93796 2.67258C1.11147 3.49908 0.548618 4.55209 0.320588 5.69848C0.0925588 6.84486 0.209592 8.03311 0.656888 9.11298C1.10418 10.1928 1.86165 11.1158 2.83351 11.7652C3.80536 12.4146 4.94795 12.7612 6.11679 12.7612C7.47311 12.7551 8.78521 12.2782 9.82875 11.4118L12.7688 14.3518C12.8814 14.4635 13.0338 14.526 13.1925 14.5257C13.3511 14.5253 13.5032 14.4621 13.6154 14.3499C13.7276 14.2377 13.7908 14.0856 13.7912 13.927C13.7915 13.7683 13.729 13.6159 13.6173 13.5033L13.6168 13.5029ZM1.40703 6.85141C1.40703 5.91991 1.68326 5.00933 2.20077 4.23481C2.71829 3.46029 3.45385 2.85663 4.31445 2.50016C5.17504 2.14369 6.12202 2.05042 7.03562 2.23215C7.94923 2.41388 8.78843 2.86244 9.4471 3.52111C10.1058 4.17978 10.5543 5.01898 10.7361 5.93258C10.9178 6.84619 10.8245 7.79316 10.468 8.65376C10.1116 9.51436 9.50791 10.2499 8.7334 10.7674C7.95888 11.285 7.0483 11.5612 6.11679 11.5612C4.86813 11.5597 3.67101 11.0631 2.78807 10.1801C1.90513 9.2972 1.40846 8.10008 1.40703 6.85141Z' fill='%230A101F'/%3E%3C/svg%3E");
        position: absolute;
        left: 16px;
        width: 16px;
        top: 50%;
        transform: translateY(-50%);
      }
    }
  }
  .airports_select {
    height: 308px;
    overflow-y: scroll;
    &::-webkit-scrollbar {
      width: 0;
      display: none;
    }
    .item {
      display: flex;
      align-items: center;
      cursor: pointer;
      padding: 6px 50px;
      transition: 0.3s;
      @media (max-width: $tablets-big) {
        padding: 6px 25px;
      }
      &.checked,
      &:hover {
        background: $bg-light-blue;
      }
      &:not(:last-child) {
        margin-bottom: 12px;
      }
      &[data-popular]:after {
        content: '';
        width: 24px;
        height: 24px;
        margin-right: 8px;
        display: inline-block;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='25' viewBox='0 0 24 25' fill='none'%3E%3Cpath d='M17.6605 11.9344C17.4305 11.6344 17.1505 11.3744 16.8905 11.1144C16.2205 10.5144 15.4605 10.0844 14.8205 9.45438C13.3305 7.99438 13.0005 5.58438 13.9505 3.73438C13.0005 3.96438 12.1705 4.48438 11.4605 5.05438C8.87054 7.13438 7.85054 10.8044 9.07054 13.9544C9.11054 14.0544 9.15054 14.1544 9.15054 14.2844C9.15054 14.5044 9.00054 14.7044 8.80054 14.7844C8.57054 14.8844 8.33054 14.8244 8.14054 14.6644C8.08344 14.6172 8.03592 14.5595 8.00054 14.4944C6.87054 13.0644 6.69054 11.0144 7.45054 9.37438C5.78054 10.7344 4.87054 13.0344 5.00054 15.2044C5.06054 15.7044 5.12054 16.2044 5.29054 16.7044C5.43054 17.3044 5.70054 17.9044 6.00054 18.4344C7.08054 20.1644 8.95054 21.4044 10.9605 21.6544C13.1005 21.9244 15.3905 21.5344 17.0305 20.0544C18.8605 18.3944 19.5005 15.7344 18.5605 13.4544L18.4305 13.1944C18.2205 12.7344 17.6605 11.9344 17.6605 11.9344ZM14.5005 18.2344C14.2205 18.4744 13.7605 18.7344 13.4005 18.8344C12.2805 19.2344 11.1605 18.6744 10.5005 18.0144C11.6905 17.7344 12.4005 16.8544 12.6105 15.9644C12.7805 15.1644 12.4605 14.5044 12.3305 13.7344C12.2105 12.9944 12.2305 12.3644 12.5005 11.6744C12.6905 12.0544 12.8905 12.4344 13.1305 12.7344C13.9005 13.7344 15.1105 14.1744 15.3705 15.5344C15.4105 15.6744 15.4305 15.8144 15.4305 15.9644C15.4605 16.7844 15.1005 17.6844 14.5005 18.2344Z' fill='%23FF7C32'/%3E%3C/svg%3E") center/cover no-repeat;
      }
      &.notification {
        pointer-events: none;
      }
      .country {
        font-size: 14px;
        font-weight: 700;
      }
      .icon {
        border-radius: 5px;
        background: #EBEBEB;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 14px;
        &.city:before {
          display: block;
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='17' viewBox='0 0 14 17' fill='none'%3E%3Cpath d='M6.77899 16.7344C6.69789 16.7348 6.6175 16.7193 6.54242 16.6886C6.46734 16.658 6.39906 16.6128 6.34148 16.5557L1.98484 12.2422C1.35584 11.6173 0.856655 10.8742 0.516012 10.0557C0.175369 9.23711 0 8.35926 0 7.47265C0 6.58605 0.175369 5.7082 0.516012 4.88964C0.856655 4.07109 1.35584 3.328 1.98484 2.70315C3.26165 1.44174 4.98416 0.734375 6.77899 0.734375C8.57382 0.734375 10.2963 1.44174 11.5731 2.70315C12.2021 3.328 12.7013 4.07109 13.042 4.88964C13.3826 5.7082 13.558 6.58605 13.558 7.47265C13.558 8.35926 13.3826 9.23711 13.042 10.0557C12.7013 10.8742 12.2021 11.6173 11.5731 12.2422L7.2165 16.5557C7.15892 16.6128 7.09064 16.658 7.01556 16.6886C6.94048 16.7193 6.86009 16.7348 6.77899 16.7344ZM6.77899 1.9452C5.30825 1.94159 3.89629 2.52233 2.8537 3.55969C2.34022 4.06996 1.93272 4.67675 1.65464 5.34512C1.37657 6.01349 1.23341 6.73026 1.23341 7.45417C1.23341 8.17808 1.37657 8.89484 1.65464 9.56321C1.93272 10.2316 2.34022 10.8384 2.8537 11.3486L6.77899 15.2493L10.7043 11.3486C11.2178 10.8384 11.6253 10.2316 11.9033 9.56321C12.1814 8.89484 12.3246 8.17808 12.3246 7.45417C12.3246 6.73026 12.1814 6.01349 11.9033 5.34512C11.6253 4.67675 11.2178 4.06996 10.7043 3.55969C9.66169 2.52233 8.24973 1.94159 6.77899 1.9452Z' fill='%230A101F'/%3E%3Cpath d='M6.7803 10.5721C6.17092 10.5721 5.57522 10.3914 5.06854 10.0528C4.56186 9.71429 4.16695 9.23309 3.93375 8.6701C3.70055 8.1071 3.63954 7.4876 3.75842 6.88993C3.87731 6.29226 4.17075 5.74327 4.60165 5.31237C5.03254 4.88147 5.58154 4.58803 6.17921 4.46915C6.77688 4.35026 7.39638 4.41128 7.95937 4.64448C8.52237 4.87768 9.00356 5.27259 9.34212 5.77927C9.68067 6.28595 9.86137 6.88164 9.86137 7.49102C9.86137 8.30817 9.53676 9.09185 8.95894 9.66967C8.38113 10.2475 7.59745 10.5721 6.7803 10.5721ZM6.7803 5.64237C6.41467 5.64237 6.05725 5.7508 5.75324 5.95393C5.44923 6.15706 5.21229 6.44578 5.07237 6.78357C4.93245 7.12137 4.89584 7.49307 4.96717 7.85167C5.0385 8.21027 5.21457 8.53967 5.47311 8.79821C5.73164 9.05675 6.06104 9.23281 6.41964 9.30414C6.77824 9.37547 7.14995 9.33886 7.48774 9.19894C7.82554 9.05903 8.11426 8.82208 8.31739 8.51807C8.52052 8.21406 8.62894 7.85665 8.62894 7.49102C8.62894 7.00073 8.43417 6.53052 8.08749 6.18383C7.7408 5.83714 7.27059 5.64237 6.7803 5.64237Z' fill='%230A101F'/%3E%3C/svg%3E");
        }
        &.country:before {
          display: block;
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='17' viewBox='0 0 16 17' fill='none'%3E%3Cg clip-path='url(%23clip0_930_16574)'%3E%3Cpath d='M5.33333 1.40105C4 1.40105 2.93733 1.50505 2 2.06771V16.0677H3.33333V8.89638C3.93333 8.77038 4.59067 8.73438 5.33333 8.73438C6.66667 8.73438 11.646 9.83838 14 8.73438V1.40105C11.646 2.50505 6.66667 1.40105 5.33333 1.40105ZM12.6667 7.75905C11.052 8.20305 6.11467 7.40105 5.33333 7.40105C4.61333 7.40105 3.95267 7.43238 3.33333 7.53638V2.93305C3.87933 2.77371 4.53267 2.73438 5.33333 2.73438C6.25067 2.73438 10.4027 3.49838 12.6667 3.12638V7.75905Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_930_16574'%3E%3Crect width='16' height='16' fill='white' transform='translate(0 0.734375)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
        }
        &.airport:before {
          display: block;
          content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M1.80264 0C2.38082 0 2.97147 0.246171 3.38129 0.656548L6.16947 3.43809L11.4543 1.4629L11.5686 1.42995C11.7973 1.37042 12.0565 1.3023 12.3417 1.3023C12.8316 1.3023 13.2705 1.50361 13.6842 1.91842C14.5933 2.83027 14.5933 3.75404 13.6842 4.66534L10.2342 7.4934L12.1609 9.41652L14.2172 8.9023C14.7234 8.77354 15.1269 8.87794 15.4434 9.22684L15.4819 9.26533C15.6491 9.42704 15.9961 9.7646 16 10.2248C16.0014 10.3995 15.9512 10.6596 15.7048 10.9068L12.6987 12.6932L10.9852 15.6051L10.9126 15.6987C10.7135 15.8984 10.4887 16 10.2436 16C9.83822 16 9.51203 15.7214 9.20438 15.4287C8.78265 15.007 8.85825 14.6504 8.9319 14.3059L9.41815 12.1621L7.50195 10.2395L4.67943 13.6889C4.22558 14.1433 3.7565 14.3743 3.28465 14.3743C2.62062 14.3743 2.17508 13.9293 1.93473 13.6889C1.11203 12.8637 1.30614 12.1172 1.44847 11.5717L3.43916 6.1623L0.661781 3.37578C-0.06427 2.64779 -0.299368 1.32611 0.507818 0.516987C0.840108 0.183313 1.29978 0 1.80264 0ZM13.0335 3.98442C13.7188 3.28662 13.3622 2.92858 13.0174 2.58299C12.7175 2.28227 12.4985 2.24378 12.3417 2.24378C12.1775 2.24378 11.9975 2.29141 11.8073 2.3407L6.90217 4.16968L9.56021 6.82799L13.0335 3.98442ZM2.37113 11.7617L2.35867 11.8087C2.23379 12.2894 2.15791 12.5799 2.60096 13.0241C2.77348 13.196 3.00968 13.4325 3.2841 13.4325C3.49704 13.4325 3.74182 13.2952 3.98135 13.0581L6.83848 9.56245L4.17158 6.89555L2.37113 11.7617ZM1.32857 2.7112L4.33053 5.72368L7.84006 9.23321L7.83424 9.23902L10.4507 11.8647L9.87173 14.4097L9.85234 14.5011C9.8349 14.5828 9.81358 14.6839 9.80832 14.6911C9.80887 14.6916 9.8205 14.7132 9.86121 14.7545C10.0647 14.948 10.1689 15.02 10.2209 15.0461L12.0106 12.0056L15.0527 10.2148C15.0361 10.1716 14.9807 10.0911 14.8256 9.94071C14.7763 9.89253 14.7392 9.85376 14.7376 9.84988C14.6661 9.77262 14.6019 9.77622 14.4487 9.81527L11.8724 10.4588L9.28995 7.88162L9.28579 7.8855L5.71811 4.31754L2.71588 1.32306C2.47774 1.08409 2.13604 0.941763 1.80236 0.941763C1.62486 0.941763 1.37177 0.983299 1.17378 1.18184C0.770329 1.5864 0.931211 2.31273 1.32857 2.7112Z' fill='black'/%3E%3C/svg%3E");
        }
        &.hotel:before {
          content: "\f594";
          font-family: "Font Awesome 6 Pro";
        }
      }
    }
    .error {
      text-align: center;
    }
  }
  .popular_destinations {
    padding: 0 50px;
    @media (max-width: $tablets-big) {
      padding: 0 25px;
    }
    .flex {
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 20px;
      @media (max-height: 720px) {
        row-gap: 0;
      }
      @media (max-width: $tablets-big) {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
      }
    }
    .item {
      margin-top: 20px;
      cursor: pointer;
      @media (min-width: $tablets-big) and (max-height: 720px) {
        margin-top: 16px;
      }
      @media (max-width: $tablets-big) {
        margin-top: 10px;
      }
      &:first-child {
        grid-column: span 2;
        @media (max-width: $tablets-big) {
          grid-column: span 1;
        }
      }
      img {
        border-radius: 8px;
        height: 120px;
        object-fit: cover;
        width: 100%;
        @media (min-width: $tablets-big) and (max-height: 720px) {
          height: 110px;
        }
        @media (max-width: $tablets-big) {
          border-radius: 4px;
          margin-bottom: 8px;
        }
      }
      .price {
        color: $dark-gray;
      }
    }
  }
  .flight-time,
  .hotel-date-range {
    .wrap {
      padding: 40px 50px 0;
      @media (max-height: 720px) {
        padding: 20px 40px 0;
      }
      @media (max-width: $tablets-big) {
        padding: 15px 15px 0;
      }
    }
  }
  .guests-block {
    position: relative;
    .wrap {
      width: 400px;
      left: inherit;
      right: 0;
      transform: none;
      top: calc(100% + 10px);
      padding: 4px 0;
      @media screen and (max-width: $tablets-big) {
        width: 100%;
        top: 0;
        .title {
          padding: 14px 25px 8px;
          margin: 0;
        }
      }
      .row {
        padding: 28px 40px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        &:not(:last-child) {
          border-bottom: 1px solid #BBB9C6;
        }
        .input-group {
          button {
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 2px solid #9BA6BF;
            color: #9BA6BF;
            background: none;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 22px;
            font-weight: 700;
          }
          input {
            margin: 0 8px;
            width: 36px;
            font-size: 22px;
            text-align: center;
            border: none;
            &::-webkit-outer-spin-button,
            &::-webkit-inner-spin-button {
              -webkit-appearance: none;
            }
          }
        }
      }
    }
  }
  .tabs_nav_top {
    display: flex;
    margin-bottom: 20px;
    @media (max-height: 720px) {
      margin-bottom: 20px;
    }
    @media (max-width: $tablets-big) {
      margin-bottom: 0;
    }
    .nav_link {
      font-weight: 700;
      padding: 8px 24px;
      border-bottom: 2px solid $disabled;
      cursor: pointer;
      transition: 0.3s;
      @media (max-width: $tablets-big) {
        padding: 8px 12px;
      }
      &:hover,
      &.active {
        border-color: $blue;
      }
    }
  }
  .tabs_nav_bottom {
    padding: 4px;
    border-radius: 6px;
    border: 1px solid $disabled;
    background: $white;
    margin-top: 20px;
    display: inline-flex;
    @media (max-width: $tablets-big) {
      margin-top: 24px;
    }
    .nav_link {
      font-size: 14px;
      border-radius: 8px;
      width: 77px;
      padding: 8px;
      color: $disabled;
      transition: 0.3s;
      text-align: center;
      cursor: pointer;
      &:hover,
      &.active {
        background: $bg-light-gray;
        color: $blue;
      }
    }
  }
  .tabs_content {
    position: relative;
    right: 0;
    left: 0;
    .item {
      position: absolute;
      top: 0;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
      transition: 0.1s;
      display: flex;
      flex-direction: column;
      width: 100%;
      min-height: 450px;
      @media (max-height: 720px) and (min-width: $tablets-big) {
        min-height: 375px;
      }
    }
  }
  .tabs_content {
    .item.active {
      position: relative;
      z-index: 1;
      opacity: 1;
      visibility: visible;
    }
  }
  .select_buttons {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
    row-gap: 10px;
    @media (max-width: $tablets-big) {
      gap: 20px;
      row-gap: 12px;
    }
    input {
      position: absolute;
      z-index: -1;
      opacity: 0;
      visibility: hidden;
    }
    label {
      position: relative;
      display: block;
      width: 120px;
      order: 2;
      @media (max-height: 720px) {
        width: 123px;
      }
      @media (max-width: $tablets-big) {
        width: calc(50% - 10px);
      }
    }
    .box {
      padding: 8px 16px;
      border-radius: 5px;
      border: 1px solid $light-blue;
      background: $white;
      display: flex;
      align-items: center;
      flex-direction: column;
      cursor: pointer;
      transition: 0.3s;
      position: relative;
      overflow: hidden;
      &:before {
        content: '';
        width: 0;
        height: 0;
        border-bottom: 16px solid $blue;
        border-left: 16px solid transparent;
        opacity: 0;
        position: absolute;
        right: 0;
        bottom: 0;
      }
      &:after {
        content: "\f00c";
        font-family: $font-awesome;
        display: inline-block;
        color: #fff;
        opacity: 0;
        position: absolute;
        right: 0;
        bottom: 1px;
        line-height: 1;
        font-size: 8px;
      }
      .name {
        font-size: 14px;
        font-weight: 700;
        line-height: 140%;
      }
      .price {
        color: $dark-gray;
        font-size: 14px;
        line-height: 140%;
        min-height: 20px;
        min-width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
    &.monthly_price_list {
      label:last-child {
        width: 100%;
        order: 1;
      }
    }
    &.holiday_types {
      padding-top: 32px;
      .skeleton {
        width: 50%;
        height: 20px;
        &.name {
          width: 90%;
        }
      }
    }
    input:checked + .box {
      &:before,
      &:after {
        opacity: 1;
      }
      border-color: $blue;
    }
  }
  #date-container {
    border-bottom: 1px solid $divider;
  }
  .date-picker-wrapper {
    width: 100%;
    padding: 0;
    margin: 22px 0;
    background: transparent;
    border: none;
    @media (max-height: 720px) and (min-width: $tablets-big) {
      margin: 0;
    }
    @media (max-width: $tablets-big) {
      margin: 22px 0 0 0;
    }
    .date-range-length-tip {
      background-color: $bg-light-gray;
      &:after {
        border-top: 4px solid $bg-light-gray;
      }
    }
    .month-wrapper {
      width: 100% !important;
      display: flex;
      justify-content: space-between;
      padding: 12px;
      border: none;
      position: relative;
      @media (max-height: 720px) {
        padding-bottom: 0;
      }
      @media (max-width: $tablets-big) {
        padding: 0;
      }
      @media (max-width: $tablets) {
        flex-direction: column;
        max-width: 300px;
        width: 100%;
        margin: 0 auto;
      }
      .month1 {
        @media (max-width: $tablets-big) {
          margin-bottom: 16px;
          padding: 0 20px;
        }
        @media (max-width: $tablets) {
          padding: 0;
        }
      }
      &:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        background: $divider;
        transform: translateX(-50%);
        @media (max-width: $tablets-big) {
          display: none;
        }
      }
      &.checked .day:not(.last-date-selected) .price {
        display: none;
      }
      table {
        &.month2 {
          width: 315px;
          float: none;
          @media (max-width: $tablets-big) {
            width: 100%;
          }
        }
        width: 315px;
        @media (max-width: $tablets-big) {
          width: 100%;
        }
        float: none;
        td {
          vertical-align: top;
          & > div {
            width: 45px;
            height: 45px;
            @media (max-width: $tablets-big) {
              width: 40px;
              height: 40px;
            }
          }
        }
        .day,
        .day.toMonth.valid {
          font-size: 14px;
          line-height: 140%;
          text-align: center;
          @media (max-height: 720px) {
            padding: 0;
            height: 40px;
          }
        }
        .day.toMonth.invalid b {
          display: none;
        }
        .day.real-today {
          background: none;
          pointer-events: none;
          color: #ccc;
          cursor: default;
        }
        .best {
          b {
            color: #22C55E;
          }
        }
        .first-date-selected {
          border-radius: 3.618px 0 0 3.618px;
          background: $blue !important;
          b {
            color: $white;
          }
        }
        .last-date-selected {
          border-radius: 0 3.618px 3.618px 0;
          background: $blue !important;
          b {
            color: $white;
          }
        }
        .day.checked {
          background-color: $bg-light-gray;
        }
        .day.toMonth.hovering {
          background-color: $bg-light-gray;
        }
        .week-name {
          height: 40px;
          color: #333;
          font-size: 14px;
          th {
            border-bottom: 1px solid #EEEEEE;
          }
        }
        .caption {
          height: 20px;
          font-size: 16px;
          font-weight: 700;
          color: $black;
          .next,
          .prev {
            color: $black;
            font-size: 0;
            padding: 0;
            width: 34px;
            height: 34px;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.3s;
            @media (max-width: $tablets-big) {
              position: absolute;
              top: -6px;
            }
            &:hover {
              background: $bg-light-gray;
              color: $black;
            }
          }
          .next:before {
            content: "\f054";
            font-family: $font-awesome;
            font-size: 16px;
            display: inline-block;
          }
          .prev:before {
            content: "\f053";
            font-family: $font-awesome;
            font-size: 16px;
            display: inline-block;
          }
        }
      }
    }
    .price {
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      line-height: 140%;
    }
    .dp-clearfix,
    .footer,
    .drp_top-bar,
    .time,
    .gap {
      display: none;
    }
  }
  .flex_days {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
    @media (max-width: $tablets-big) {
      gap: 11px;
    }
  }
  //range-slider
  .range_slider_box {
    display: flex;
    align-items: center;
    padding: 32px 0;
    @media (max-width: $tablets-big) {
      align-items: flex-start;
      flex-direction: column;
    }
  }
  .range_slider {
    display: flex;
    align-items: flex-end;
    gap: 40px;
    @media (max-width: $tablets-big) {
      padding: 8px 0 32px;
    }
    &.disabled .wrapper:before {
      opacity: 1;
      visibility: visible;
      z-index: 3;
    }
    p {
      @media (max-width: $tablets-big) {
        margin-bottom: 5px;
        font-size: 14px;
        white-space: nowrap;
      }
    }
    .wrapper {
      position: relative;
      width: 200px;
      &:before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: -5px;
        height: 55px;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: 0.3s;
        background: rgba(255, 255, 255, 0.5);
      }
    }
    input[type="range"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      width: 100%;
      outline: none;
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      background-color: transparent;
      border: none;
      pointer-events: none;
      visibility: visible;
      opacity: 1;
      z-index: 1;
    }
    .slider-track {
      width: 100%;
      height: 5px;
      position: absolute;
      margin: auto;
      top: 0;
      bottom: 0;
      border-radius: 2px;
    }
    input[type="range"]::-webkit-slider-runnable-track {
      -webkit-appearance: none;
      height: 2px;
    }
    input[type="range"]::-moz-range-track {
      -moz-appearance: none;
      height: 2px;
    }
    input[type="range"]::-ms-track {
      appearance: none;
      height: 2px;
    }
    input[type="range"]::-webkit-slider-thumb {
      -webkit-appearance: none;
      margin-top: -9px;
      pointer-events: auto;
      width: 18px;
      height: 18px;
      background: $extra-dark-blue;
      border: 4px solid $white;
      border-radius: 50%;
      transition: 0.2s;
      box-shadow: 4px 4px 8px 0 rgba(142, 141, 208, 0.16), -4px 0px 8px 0px rgba(142, 141, 208, 0.16);
      cursor: pointer;
    }
    input[type="range"]::-moz-range-thumb {
      -webkit-appearance: none;
      pointer-events: auto;
      width: 18px;
      height: 18px;
      background: $extra-dark-blue;
      border: 4px solid $white;
      border-radius: 50%;
      transition: 0.2s;
      box-shadow: 4px 4px 8px 0 rgba(142, 141, 208, 0.16), -4px 0px 8px 0px rgba(142, 141, 208, 0.16);
      cursor: pointer;
    }
    input[type="range"]::-ms-thumb {
      appearance: none;
      pointer-events: auto;
      width: 18px;
      height: 18px;
      background: $extra-dark-blue;
      border: 4px solid $white;
      border-radius: 50%;
      transition: 0.2s;
      box-shadow: 4px 4px 8px 0 rgba(142, 141, 208, 0.16), -4px 0px 8px 0px rgba(142, 141, 208, 0.16);
      cursor: pointer;
    }
    input[type="range"]:active::-webkit-slider-thumb {
      width: 24px;
      height: 24px;
      top: 26px;
      background: $extra-dark-blue;
    }
    .values {
      width: calc(100% - 15px);
      position: absolute;
      bottom: 16px;
      margin: 0 -10px 0 0;
      span {
        position: absolute;
        bottom: 0;
        width: 30px;
        height: 30px;
        border-radius: 5px;
        border: 0.5px solid $light-blue;
        background: $white;
        color: $extra-dark-blue;
        box-shadow: 4px 4px 8px 0 rgba(142, 141, 208, 0.16), -4px 0px 8px 0px rgba(142, 141, 208, 0.16);
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.2s;
        padding: 0;
      }
    }
  }
  .deactivate_nights_box {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    @media (max-width: $tablets-big) {
      width: 100%;
      order: 1;
      font-size: 14px;
    }
    .deactivate_nights {
      margin-left: 12px;
    }
  }
  .mob_form {
    padding: 0 15px 24px;
    .button-full {
      width: 100%;
      margin: 0 auto;
      &.load {
        display: block;
      }
    }
    .mob_origin {
      color: $extra-dark-gray;
      margin-bottom: 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 20px;
      @media (max-width: $tablets-big) {
        padding: 0 16px;
      }
      &:after {
        content: "\f078";
        font-family: $font-awesome;
        display: inline-block;
      }
    }
    .mob-item {
      font-size: 20px;
      display: flex;
      align-items: center;
      gap: 11px;
      border-radius: 12px;
      border: 1px solid $bg-light-gray;
      background: $white;
      padding: 13px 16px;
      margin-bottom: 12px;
      flex-wrap: wrap;
      .icon svg {
        display: block;
      }
    }
    .directflight {
      margin: 4px 0 22px;
    }
  }
  .checkboxes_box {
    margin: 16px 30px 0 0;
    @media (max-width: $tablets-big) {
      margin: 4px 0 22px;
    }
  }
  &.hotels-form {
    .error_notification {
      position: relative;
      bottom: 20px;
      right: 25px;
      height: 0;
      padding: 0;
      @media (max-width: $tablets-big) {
        height: auto;
        width: 100%;
        bottom: 0;
        font-size: 12px;
      }
    }
    @media (max-width: $tablets-big) {
      .form_top_input .label {
        font-size: 16px;
        color: $dark-gray;
        margin: 0;
      }
    }
  }
}
@media (max-width: $tablets-big) {
  .main_form .form_modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: $white;
    padding: 30px 16px 90px;
    align-items: flex-start;
    overflow-y: scroll;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    //transition: 0.3s;
    transition: none;
    border-radius: 0;
    &.active {
      opacity: 1;
      z-index: 999;
      visibility: visible;
    }
    & > * {
      order: 2;
    }
    .destination_back,
    .close {
      width: 30px;
      height: 30px;
      flex-shrink: 0;
      border-radius: 50%;
      margin-bottom: 24px;
      border: 1px solid #EFEFF0;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      order: 1;
    }
    .form_footer_mob {
      border-top: 1px solid #EEE;
      background: $white;
      padding: 12px 55px 12px 16px;
      width: 100%;
      margin: 0;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 9;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .button {
        padding: 7px 32px;
        font-size: 16px;
      }
      .clear_all {
        border: none;
        box-shadow: none;
        background: none;
        padding: 7px;
      }
    }
  }
  .admin-bar .main_form .form_modal {
    padding-top: 76px;
  }
}
.calendar_clear {
  //background: red;
  top: 0;
  width: 45px;
  height: 45px;
  position: absolute;
  z-index: -1;
  cursor: pointer;
  @media (max-width: $tablets-big) {
    width: 40px;
    height: 40px;
  }
}
.error_notification {
  color: red;
  display: none;
  padding: 8px 0 0 0;
}
.main_form .mob_form .mob_time.error,
.flight-time .form_top_input.error {
  border: 1px solid red;
}
.auth0-lock-content-body-wrapper {
  background: red;
}
html[dir="rtl"] {
  .main_form {
    @media (min-width: $tablets-big) {
      .directflight {
        margin: 16px 30px 0 0;
      }
    }
    .airports_select .item .icon {
      margin-left: 14px;
    }
    .wrap .confirmation button[type=submit] {
      margin-left: 0;
    }
    .date-picker-wrapper .month-wrapper table {
      .caption {
        .next {
          @media (max-width: $tablets-big) {
            left: 0;
          }
          &:before {
            content: "\f053";
          }
        }
        .prev {
          @media (max-width: $tablets-big) {
            right: 0;
          }
          &:before {
            content: "\f054";
          }
        }
      }
      .first-date-selected {
        border-radius: 0 3.618px 3.618px 0;
        color: $white;
      }
      .last-date-selected {
        border-radius: 3.618px 0 0 3.618px;
        color: $white;
      }
    }
    .deactivate_nights_box {
      margin-right: auto;
      margin-left: 0;
      .deactivate_nights {
        margin-right: 12px;
      }
    }
    .form_top {
      border-left: 1px solid #bbb9c6;
      border-right: 0;
    }
    .airports_search {
      input {
        padding: 11px 48px 11px 16px;
        text-align: right;
      }
      label:before {
        right: 16px;
      }
    }
  }
}
.in_iframe {
  .confirmation {
    @media (max-width: $tablets-big) {
      padding-bottom: 50px;
    }
  }
}