:root {
  --text: #022549;
  --red-shufer: #D41E41;
  --light-green: #D7F3F1;
  --turq: #5FCEC5;
  --light-gray: #EDEEF2;
  --darker-gray: #D8DAE3;
}
html {
  font-size: 62.5%;
  background: url(../images/bg-main.svg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  font-family: "'Open Sans Hebrew'";
  scroll-behavior: smooth;
}
body {
  font-family: "'Open Sans Hebrew'";
}
/* This only changes this particular animation duration */
.animate__animated.animate__fadeIn {
  --animate-duration: 2s;
}
.p-0 {
  padding: 0;
}
.pt-30 {
  padding-top:30px;
}
.pt-40 {
  padding-top:40px;
}
.pt-80 {
  padding-top:80px;
}
.mt-30 {
  margin-top:30px;
}
.mt-80 {
  margin-top:80px;
}
.mb-30 {
  margin-bottom: 30px;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-80 {
  margin-bottom: 80px;
}
.c-container, .c-container-big {
  width: 100%;
  margin: 0 auto;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
}
.c-row {
  display: flex;
}
.c-row-inline {
  display: inline-flex;
}
.flex-50 {
  flex-basis: 49%;
}
.flex-33 {
  flex-basis: 32%;
}
.f-wrap {
  flex-wrap: wrap;
}
.c-grid{
  display: grid;
}
.c-grid.col-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.c-grid.col-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.btn--default {
  padding: 0.8rem 1.6rem;
  display: flex;
  align-items: center;
  gap:8px;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
 /* 100% */
  border-radius: 15px;
  box-shadow: 2px 4px 35px 0px rgba(0, 0, 0, 0.12);
}
button.btn.btn--default:disabled {
  opacity: 0.4;
}
.btn-clear {
  border-radius: 15px;
  border: 1px solid var(--turq, #5FCEC5);
  background: #FFF;
  box-shadow: 2px 4px 35px 0px rgba(0, 0, 0, 0.12);
}
.hidden {
  visibility: hidden;
}
.sticky{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  margin-top: 0px;
}
.c-container.c-row.f-wrap.main-filter.p-0 {
  padding: 0;
}
/* .main-filter-container {
  position: relative;
  z-index: 10;
} */
.main-filter-container {
  position: relative;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  z-index: 10;
}
.main-filter__wrap.visible-filters.sticky {
  margin-top: 0;
 animation: fadeIn 0.5s ease-out;
}
@keyframes fadeIn {
  from {
      opacity: 0;
 }
  to {
      opacity: 1;
 }
}
.main-filter__wrap.visible-filters.sticky .main-filter__row-wrap {
  padding: 1.2rem;
  height: 8.5rem;
}
.main-filter__wrap.visible-filters.sticky .main-filter {
  flex-wrap: nowrap;
}
.visible-filters.sticky .main-filter__item {
  border-radius: 15px;
}
.visible-filters.sticky .main-filter-container {
  padding: 0;
  width: 100vw;
  max-width: 100vw;
}
.visible-filters.sticky .main-filter__row-wrap {
  justify-content: center;
  border-radius: 0;
}
.visible-filters.sticky .c-container.main-filter-container .wrap-filter-title {
  display: none;
}
.visible-filters.sticky .main-filter__item:hover {
  background: #EDEEF2;
}
/* Range price filter */
/* new */
.price-range-block input#min-price, .price-range-block input#max-price {
  color: var(--text, #022549);
  text-align: center;
  font-family: Open Sans Hebrew;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 14px;
}
input#max-price {
  width: 5rem;
  margin-left: -2.5rem;
}
.item_input.min:before {
  margin-right: -2.5rem;
  content: "הכי זול";
  display: block;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
 /* 116.667% */
}
.item_input.max:before {
  margin-left: -2.5rem;
  content: "הכי יקר";
  display: block;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
 /* 116.667% */
}
input#min-price {
  width: 5rem;
  margin-right: -2.5rem;
}
.price-range-block .ui-slider-horizontal .ui-slider-handle {
  top: -0.6em;
}
.wrap__prices-input {
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
}
.price-range-block .ui-widget-header {
  border-radius: 6.158px !important;
  background: var(--turq, #5FCEC5) !important;
}
.price-range-block {
  padding: 2rem;
}
.price-input{
  margin-bottom: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.price-input .field{
  display: flex;
  flex-wrap: wrap;
  align-items:center;
  justify-content: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4rem;
  text-align: center;
}
.field.right {
  margin-right: -2rem;
}
.field.left {
  margin-left: -2rem;
}
.price-range-block .field span{
  flex: 0 0 100%;
  color: var(--text, #022549);
  font-family: 'Open Sans Hebrew';
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
  text-align: center;
}
.price-range-block .field input{
  width: 34px;
  height: 100%;
  outline: none;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1;
  -moz-appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.ui-widget-header{
  height: 8px;
  position: relative;
  background: #fff;
  border-radius: 6px;
}
.slider .progress{
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: var(--turq, #5FCEC5);
}
.range-input{
  position: relative;
}
.range-input input{
  position: absolute;
  width: 100%;
  height: 8px;
  top: -8px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
span.ui-slider-handle.ui-corner-all.ui-state-default{
  height: 20px;
  width: 20px;
  border: none;
  border-radius: 50%;
  background:var(--text, #022549);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: none;
}
input[type="range"]::-moz-range-thumb{
  height: 20px;
  width: 20px;
  border: 0;
  border-radius: 50%;
  background: var(--text, #022549);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: none;
}
@keyframes slideDown {
  from {
      transform: translateY(-100%);
 }
  to {
      transform: translateY(0);
 }
}
/* Hero section */
.hero-section {
  position: relative;
  height: 33vw;
}
.hero-wrap {
  padding: 4%;
  height: 80%;
  border-radius: 50px;
  background-image: url(../images/bg-hero.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #D8DAE3;
}
.hero__content{
  align-items: center;
}
.flex__item-content {
  flex: 0 0 57%;
}
.page-title--main {
  margin-bottom: 30px;
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 5.3rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.3rem;
 /* 42.593% */
}
.page-subtitle--main {
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.8rem;
}
/* Search bar section*/
.main-filter__wrap.visible-filters {
  margin-top: -8.5rem;
  height: 20%;
  width: 100%;
}
.wrap-filter-title {
  flex: 0 0 19%;
}
.main-filter__row-wrap {
  padding: 2.8rem 3.7rem;
  width: 100%;
  flex-wrap: wrap;
  align-items:center;
  gap: 8.9rem;
  border-radius: 20px;
  background: rgba(243, 245, 246, 0.60);
  box-shadow: 2px 12px 35px 0px rgba(0, 0, 0, 0.12);
  position: relative;
 /* backdrop-filter: blur(17.5px);
  */
}
.main-filter__row-wrap::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(17.5px);
  -webkit-backdrop-filter: blur(15px);
  z-index: -1;
}
.main-filter__selection {
  position: relative;
  display: flex;
  align-items: center;
}
.f-wrap.main-filter {
  flex: 0 0 70%;
  gap: 10px;
  justify-content: space-between;
}
.main-filter__item[data-filter-action="duretion"] .span.search-filter.checkbox {
  width: 100%;
  white-space: nowrap;
}
.main-filter__item[data-filter-action="duretion"] .list-items .item {
  width: 9.5rem;
}
.main-filter__item[data-filter-action="filtered"].main-filter__clear.icon-close{
  cursor: pointer;
}
.main-filter__item[name-filter="duretion"] span.search-filter.checkbox {
  width: 100%;
  white-space: nowrap;
}
.main-filter__item[name-filter="duretion"] li.item {
  width: 10rem;
}
.main-filter__item[data-filter-action="filtered"] .main-filter__clear.icon-close:before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21' fill='none'%3E%3Ccircle cx='10.5' cy='10.5781' r='10' fill='%236B678D'/%3E%3Cpath d='M14.9072 14.0544C15.0307 14.1778 15.1 14.3453 15.1 14.5199C15.1 14.6946 15.0307 14.862 14.9072 14.9855C14.7837 15.109 14.6163 15.1783 14.4416 15.1783C14.267 15.1783 14.0995 15.109 13.9761 14.9855L10.4986 11.5069L7.01997 14.9844C6.89649 15.1079 6.72903 15.1772 6.55441 15.1772C6.37978 15.1772 6.21232 15.1079 6.08884 14.9844C5.96536 14.8609 5.896 14.6935 5.896 14.5188C5.896 14.3442 5.96536 14.1768 6.08884 14.0533L9.56744 10.5758L6.08993 7.09718C5.96646 6.9737 5.89709 6.80623 5.89709 6.63161C5.89709 6.45699 5.96646 6.28952 6.08993 6.16605C6.21341 6.04257 6.38088 5.9732 6.5555 5.9732C6.73012 5.9732 6.89759 6.04257 7.02107 6.16605L10.4986 9.64464L13.9772 6.1655C14.1006 6.04202 14.2681 5.97266 14.4427 5.97266C14.6173 5.97266 14.7848 6.04202 14.9083 6.1655C15.0318 6.28898 15.1011 6.45644 15.1011 6.63107C15.1011 6.80569 15.0318 6.97316 14.9083 7.09663L11.4297 10.5758L14.9072 14.0544Z' fill='white'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: -5px;
  cursor: pointer;
}
.main-filter__item{
  position: relative;
}
.main-filter__title {
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 3.2rem;
}
/* new select */
.select-btn{
  padding: 1.75rem 2rem;
  height: 50px;
  width: 100%;
  display: flex;
  gap:0.8rem;
  align-items: center;
  border-radius: 15px;
  cursor: pointer;
  background-color: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background-color 0.5s ease;
}
.main-filter__item.active-f .select-btn.open, .main-filter__item.active .select-btn.open{
  background: var(--darker-gray, #D8DAE3);
}
.main-filter__item.active .select-btn {
  background: var(--light-gray, #EDEEF2) ;
}
.main-filter__item .select-btn:after {
  margin-right: auto;
  width: 12px;
  height: 8px;
  content: "";
  background-image: url('../images/icons/arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.main-filter__item .select-btn.open:after {
  transform: rotate(180deg);
}
button#j__clearAllFiletres, button#j__clearAllFiletres:disabled {
  display: none;
}
.select-btn .btn-text{
  font-size: 17px;
  font-weight: 400;
  color: #333;
}
.select-btn .arrow-dwn{
  display: flex;
  height: 21px;
  width: 21px;
  color: #fff;
  font-size: 1.4rem;
  border-radius: 50%;
  background: #6e93f7;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}
.select-btn.open .arrow-dwn{
  transform: rotate(-180deg);
}
.main-filter {
  position: relative;
}
.filter-popup {
  padding: 2.4rem 3.4rem;
  display: none;
  position: absolute;
  width: 100%;
  top: 6rem;
  right: 0;
  border-radius: 0px 0px 15px 15px;
  background: rgba(243, 245, 246, 0.85);
  box-shadow: 2px 12px 35px 0px rgba(0, 0, 0, 0.12);
  border-top: 3px solid #AFE7E2;
  backdrop-filter: blur(7.5px);
  z-index: 10;
  animation: fadeInAnimation ease 0.3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.filter-popup ::-webkit-scrollbar {
  display: none;
}
.filter-popup {
  -ms-overflow-style: none;
 /* IE and Edge */
  scrollbar-width: none;
 /* Firefox */
}
.filter-popup-body {
  overflow-y: auto;
  overflow-x: hidden;
}
.filter-popup__footer .btn-group {
  display: flex;
  justify-content: space-between;
  align-items:center;
  border-top: 0.5px solid rgba(2, 37, 73, 0.25);
}
.btn-search {
  background: var(--turq, #5FCEC5);
}
.btn-search::before {
  margin-right: auto;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url(../images/icons/search.svg);
  border-radius: 50%;
  background-color: #022549;
}
.btn-clear::before {
  margin-right: auto;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  background-image: url(../images/icons/trush.svg);
}
.j__sumChekedFields {
  visibility: hidden;
  margin-right: auto;
  margin-left: 1.6rem;
  color: var(--text, #022549);
  font-family: Open Sans Hebrew;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
}
.j__sumChekedFields span:last-child {
  display: block;
  font-weight: 400;
}
.select-btn.open ~ .filter-popup {
  display: flex;
  flex-direction: column;
}
.select-btn.country.open.btn-nosticky ~ .filter-popup {
  max-width: 100%;
}
ul.list-items {
  padding-bottom: 2.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.list-items .item{
  margin-bottom: 2px;
  padding: 1.8rem 2.1rem;
  height: 40px;
  display: flex;
  align-items: center;
  list-style: none;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8rem;
  border-radius: 50px;
  background: #FFF;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.06);
}
li.item.checked {
  background: var(--turq, #5FCEC5);
}
.list-items .item:active, .list-items .item:focus {
  background: var(--turq, #5FCEC5);
}
.list-items .item:hover{
  background: var(--light-green, #D7F3F1);
}
.item .item-text{
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.filter-popup__title{
  color: #022549;
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.filter-popup-body .filter-popup__title {
  margin-bottom: 1rem;
}
.search-filter-label {
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.8rem;
}

img.btn-icon {
  width: 25px;
  height: 25px;
  padding: 5px;
  border-radius: 25px;
  background: var( --darker-gray, #D8DAE3);
  transition: background-color 0.5s ease;
} 
.select-btn:hover img.btn-icon {
  background: var( --white, #fff);
}
.main-filter ul.itc-select__options li.itc-select__option:hover {
  background: var(--light-green, #D7F3F1);
}
/* new select */
.main-filter__selection-label.dropdown-btn, .select-btn .btn-text {
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4rem;
}
.main-filter__item[data-filter-action="filtered"] span.btn-text.text-filter {
  max-width: 16rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  display: box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.main-filter__dropdown-content {
  padding: 4rem;
  display: none;
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 10;
  flex-wrap: wrap;
  max-width: 50rem;
  width: 50rem;
  border-radius: 0px 0px 15px 15px;
  background: rgba(243, 245, 246, 0.80);
  box-shadow: 2px 12px 35px 0px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(17.5px);
}
.main-filter__dropdown-content.active {
  display: block;
}
.list-flags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
ul.list-flags li {
  padding: 1.2rem 2.1rem;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
 /* 128.571% */
  border-radius: 50px;
  background: #FFF;
}
ul.list-flags li:hover{
  background: var(--light-green, #D7F3F1);
}
.trip-cards-wrap {
  grid-gap: 3rem;
}
.trip-card-wrap, .trip-card-div {
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.80);
  box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(17.5px);
  cursor: pointer;
  transition: all 0.3s;
}
.trip-card-div {
  margin: auto;
  min-width: 270px;
  width: 270px;
  min-height: 450px;
  height: 450px;
  transition: all 0.4s linear;
}
.trip-card-div:hover {
  box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.24);
  background: rgba(255, 255, 255, 1);
  backdrop-filter: none;
}
.trip-card__image {
  width: 100%;
  height: 18.8rem;
  max-height: 18.8rem;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  overflow: hidden;
  transition: all 0.3s linear;
}
.trip-card__image img {
  padding: 0.8rem;
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: all 0.3s linear;
}
.trip-card-div:hover {
  transform: scale(1.01);
}
.trip-card-div:hover .trip-card__image img{
  transform: scale(1.1);
}
.content-wrap {
  padding: 0.4rem 1.4rem 1.8rem 1.4rem;
}
.trip-card-div .content-card {
  position: relative;
  display: flex;
  justify-content: space-between;
  min-height: 17.5rem;
}
.trip-card-div .content-card .info {
  width: 80%;
}
.pname {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 24px;
}
.pname_title {
  margin-bottom: 1.6rem;
  max-width: 100%;
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.2rem;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 2;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  display: box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
ul.flags {
  display: flex;
  flex-direction: column;
  text-align: end;
}
li.tooltip:not(:last-child) {
  margin-bottom: 0.8rem;
}
li.tooltip img{
  margin-right: auto;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
ul.filter-country li {
  display: flex;
  flex-direction: row-reverse;
  gap: 8px;
}
.item_country {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
ul.filter-country li img {
  margin-right: auto;
  width: 24px;
  height: 24px;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  padding: 6px 1.8rem;
  width: 9rem;
  visibility: hidden;
  border-radius: 10px;
  background: #FFF;
  color: #fff;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
 /* 128.571% */
  border-radius: 10px;
 /* Position the tooltip text */
  position: absolute;
  z-index: 5;
  bottom: 127%;
  left: -33px;
  margin-left: 0;
 /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
  box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.12);
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  left: 50%;
  margin-left: -7px;
  border-width: 7px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
.content__item {
  margin-bottom: 1.1rem;
  display: flex;
  align-items: center;
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
 /* 128.571% */
}
.content__item:before {
  margin-left: 0.8rem;
  content:"";
  display: inline-flex;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size:contain;
  background-position: center;
}

.duretion:before {
  background-image: url('../images/icons/moon.svg');
}
.deal-feature:before {
  background-image: url('../images/icons/bage2.svg');
}
.pdate:before {
  background-image: url('../images/icons/calendar.svg');
}

.content__item.duretion span {
  margin-left: 6px;
}
.price-div {
  padding-top: 0.6rem;
  display: flex;
  justify-content: space-between;
  border-top: 0.5px solid #D8DAE3;
}
.summ {
  display: flex;
  flex-direction: column;
  align-items: end;
  color: var(--text, #022549);
  font-family: 'Open Sans Hebrew';
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8rem;
}
span.price {
  color: var(--red-shufer, #D41E41);
  font-family: 'Open Sans Hebrew';
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}
.grand {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.grand img {
  width: 22px;
  max-width: 22px;
  object-fit: contain;
  object-position: center;
}
.grand span {
  color: var(--text, #022549);
  text-align: center;
  font-family: Open Sans Hebrew;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
 /* 100% */
  letter-spacing: 0.12px;
}
.title-container {
  margin-bottom: 2.6rem;
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 2.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.3rem;
 /* 82.143% */
}
.text-container {
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.9rem;
 /* 135.714% */
}
.text-container span{
  display: block;
}
.text-container a{
  color: var(--turq, #5FCEC5);
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
  text-decoration-line: underline;
}
.second-title-container {
  margin-bottom: 20px;
  color: var(--text, #022549);
  text-align: right;
  font-family: 'Open Sans Hebrew';
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 2.3rem;
 /* 127.778% */
}
.detail-info-container {
  padding: 6rem 5.2rem;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.90);
  box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(17.5px);
}
ul.tags_list {
  padding-top: 20px;
  display: flex;
  gap: 20px;
}
ul.tags_list li a {
  display: flex;
  align-items: baseline;
  color: var(--turq, #5FCEC5);
  text-align: right;
  font-family: Open Sans Hebrew;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 19px;
 /* 135.714% */
  text-decoration-line: underline;
}
ul.tags_list li a:after {
  content: "";
  margin-right: auto;
  width: 12px;
  height: 9px;
  content: "";
  background-image: url('../images/icons/arrow-left.svg');
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
/* loader */
#loading-image {
  display: none;
  align-items: center;
  justify-content: center;
  width: 8.5rem;
  height: 8.5rem;
  margin: 4rem auto;
  border-radius: 50%;
  cursor: pointer;
  background-color: rgba(255, 255, 255 0.8);
  filter: drop-shadow(0px 12px 35px rgba(0, 0, 0, 0.12));
}
.load-more-button {
  display: none !important;
}
#loading-image.hidden {
  display: none;
}
.lds-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  background:#FFF;
  border-radius: 50%;
  box-shadow: 0px 12px 35px rgba(0, 0, 0, 0.12);
}
.lds-spinner div {
  transform-origin: 40px 40px;
  animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 8px;
  left: 37px;
  width: 5px;
  height: 16px;
  border-radius: 20%;
  background: #5FCEC5;
}
.lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes lds-spinner {
  0% {
      opacity: 1;
 }
  100% {
      opacity: 0;
 }
}
/*----------------ACCORDION---------------------*/
.accordion__item {
  margin: 4px auto;
}
.accordion__item .accordion__title {
  padding: 0.9rem 2.4rem 1.1rem;
  border-radius: 15px;
  background: var(--light-gray, #EDEEF2);
  color: var(--text, #022549);
  text-align: right;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
 /* 120% */
  position: relative;
  display: flex;
  align-items: center;
  text-decoration: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  cursor: pointer;
}
.accordion__item .accordion__title:hover {
  background: var(--darker-gray, #D8DAE3);
  transition: all 0.5s ease-out;
}
.accordion__item .accordion-active {
  background: var(--darker-gray, #D8DAE3);
}
.accordion__item .accordion__content {
  margin-top: 1.4rem;
  display: none;
}
.accordion__title span {
  color: var(--text, #022549);
  text-align: right;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
 /* 138.462% */
}
.accordion__title:after {
  margin-right: auto;
  width: 12px;
  height: 8px;
  content: "";
  background-image: url(../images/icons/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
}
.accordion__item .accordion-active:after {
  transform: rotate(180deg);
}
.accordion__title span {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}
span.j__countSelected {
  font-weight: 700;
}
.accordion__title span:first-child:before, .accordion__title span.dinam-text:before {
  content: "";
  display: block;
 /* border-right: 1px solid red;
  */
  height: 15px;
  width: 1px;
  background-color: var(--text, #022549);
  margin: 0 16px;
}
/*----------------ANIMATION---------------------*/
@keyframes fadeInAnimation {
  0% {
      opacity: 0;
 }
  100% {
      opacity: 1;
 }
}
@keyframes lds-spinner {
  0% {
      opacity: 1;
 }
  100% {
      opacity: 0;
 }
}
@media (max-width: 576px) {
  .c-container {
      max-width: 100%;
 }
}
@media (min-width: 576px) {
  .c-container {
      max-width: 576px;
 }
}
@media (min-width: 768px) {
  .c-container {
      max-width: 690px;
 }
}
@media (min-width: 992px) {
  .c-container {
      max-width: 930px;
 }
 .select-btn:hover {
  background: var(--darker-gray, #D8DAE3);
}
.select-btn:hover img.btn-icon {
  background: var(--white, #fff);
}
}
@media (min-width: 1200px) {
  .c-container {
      max-width: 1170px;
 }
  .c-container-big {
      max-width: 1440px;
 }

}
@media( max-width:1200px ) {
  .c-grid.col-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
 }
  .c-grid.col-4 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
 }
}
@media( max-width:1024px ) and ( min-width: 768px ){
  .c-grid.col-3 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
 }
  .c-grid.col-4 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
 }
}
@media( max-width: 767px ) {
  .mb-80 {
      margin-bottom: 6rem;
 }
  .flex-33 {
      flex-basis: 32%;
      max-width: 32%;
 }
 /* hero section */
  .hero-section {
      margin-top: 0;
      height: 91.667vw;
 }
  .flex__item-content {
      flex: 0 0 100%;
 }
  .hero-wrap {
      padding: 2rem;
      height: 98%;
      border-radius:0;
      background-image: url(../images/bg-hero-mobile.svg);
 }
  .hero__content {
      align-items: flex-start;
 }
  .page-title--main {
      margin-bottom: 0.8rem;
      font-size: 2rem;
      text-align: center;
      line-height: 1.1;
 }
  .page-subtitle--main {
      font-size: 1.3rem;
      text-align: center;
      line-height: 17px;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__row-wrap {
      padding:0;
      background: none;
      box-shadow: none;
      backdrop-filter: none;
      border-radius: 0;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter {
      overflow-x: scroll;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter::-webkit-scrollbar {
      display: none;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter{
      -ms-overflow-style: none;
     /* IE and Edge */
      scrollbar-width: none;
     /* Firefox */
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item {
      flex: unset;
      flex: 0 0 16%;
 }
  button#j__clearAllFiletres {
      flex: 0 0 16%;
      display: flex;
      gap: 0;
      color: var(--text, #022549);
      text-align: center;
      font-family: Open Sans Hebrew;
      font-size: 9px;
      font-style: normal;
      font-weight: 700;
      line-height: 13px;
     /* 144.444% */
      letter-spacing: -0.09px;
 }
  button#j__clearAllFiletres:disabled {
      display: none;
 }
  button#j__clearAllFiletres:before {
      margin-right: 0;
      width: 2.5rem;
      height: 2.5rem;
 }
  .main-filter__wrap.visible-filters.sticky .select-btn, button#j__clearAllFiletres {
      padding: 0.74rem 0.66rem 0.68rem;
      height: 5.8rem;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      box-shadow: none;
 }
  .main-filter__wrap.visible-filters.sticky .select-btn:before {
      margin-left: 0;
 }
  .main-filter__item.active .main-filter__clear.icon-close:before {
      display: none;
 }
  .main-filter__wrap.visible-filters.sticky .select-btn .btn-text {
      font-size: 0.9rem;
      white-space: nowrap;
 }
  .main-filter__wrap.visible-filters.sticky .c-container.main-filter-container {
      background: rgba(245, 245, 246, 0.60);
      box-shadow: 0px 12px 35px 0px rgba(0, 0, 0, 0.12);
      backdrop-filter: blur(17.5px);
 }
  .main-filter__row-wrap {
      padding: 1rem 1.4rem;
      gap: 1rem;
 }
  .main-filter__wrap.visible-filters {
      margin-top: -14rem;
 }
  .wrap-filter-title {
      flex: 0 0 100%;
      justify-content: center;
 }
  .f-wrap.main-filter {
      flex: 0 0 100%;
      gap: 0.5rem;
 }
  .select-btn {
      padding: 1.75rem;
 }
  .main-filter__title {
      font-size: 16px;
 }
  .main-filter__item .select-btn:after{
      display: none;
 }
  .search-result-container {
      padding-top: 4rem;
 }
  div#all-content {
      grid-template-columns: repeat(1, minmax(0, 1fr));
 }
  .trip-cards-wrap {
      grid-gap: 1.6rem;
 }
  .content {
      min-height: auto;
 }
  .detail-info-container {
      padding: 2.8rem 1.4rem;
 }
  .title-container {
      margin-bottom: 1rem;
      font-size: 1.8rem;
 }
  .text-container {
      font-size: 1.2rem;
 }
 /* dropdown filters */
  .visible-filters.not-sticky button#j__clearAllFiletres {
      display: none;
 }
  .main-filter__item.active-f {
      position: fixed;
      width: 100vw;
      min-width: 100vw;
      height: calc(100vh - 100px);
      right: 0;
      top: 10px;
      z-index: 10;
 }
  .main-filter__item.active-f .filter-popup {
      padding: 1rem;
      position: unset;
      width: 100%!important;
      max-width: 100% !important;
      height: 100%;
      max-height: calc(100vh - 136px);
 }
  .main-filter__item.active-f .select-btn.open ~ .filter-popup {
      display: flex;
      flex-direction: column;
 }
 .select-btn.country.open.btn-nosticky + .filter-popup.full {
  max-width: 740px;
}
  .main-filter__item.active-f .select-btn.open ~ .filter-popup .filter-popup__footer {
      margin-top: auto;
 }
  .main-filter__item.active-f .select-btn:after{
      display: block;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .select-btn {
    padding: 0.8rem 2.1rem;
    flex-direction: row;
    justify-content: center;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .select-btn.btn-sticky.open {
    gap: 8px;
    background: var(--darker-gray, #D8DAE3) !important;
  }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .select-btn .btn-text {
    text-align: center;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
  }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .select-btn .btn-icon { 
    background: #fff;
  }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .select-btn.open:after {
      margin-right: 0;
      position: absolute;
      left: 2.1rem;
      transform: rotate(0);
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup {
      border-top: 0;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup .filter-popup-header .filter-popup__title {
      margin-top: 0.5rem;
      margin-bottom: 1.8rem;
      text-align: center;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup .accordion__item .accordion__content {
      max-height: 300px;
      overflow-y: scroll;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup .accordion__item .accordion__content ul.filter-list.list-items {
      padding: 0;
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup .accordion__item .accordion__content button.btn-search .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup .accordion__item .accordion__content button.btn-clear {
      box-shadow: 2px 4px 9px 0px rgba(0, 0, 0, 0.12);
 }
  .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup ul.filter-list.list-items[data-filter="date"] li.item{
      width: 31%;
 }
  /* .main-filter__wrap.visible-filters.sticky .main-filter__item.active-f .filter-popup ul.filter-list.list-items[data-filter="duretion"]{
      justify-content: space-around;
 } */
  .filter-popup__footer .btn-group {
      padding: 0.8rem 1rem;
      display: flex;
      justify-content: space-between;
      align-items:center;
      border-top: 0.5px solid rgba(2, 37, 73, 0.25);
      border-bottom: 0.5px solid rgba(2, 37, 73, 0.25);
 }
  .load-more-button {
      margin: 2rem auto;
 }
 /* cards */
  .trip-card-div {
      margin: auto;
      min-width: 340px;
      width: 340px;
      min-height: 450px;
      height: 450px;
 }
  div#error-message {
      grid-column: 1/1 !important;
 }
}

@media (hover: none) and (pointer: coarse) {
  .select-btn:hover {
    background: #fff !important;
}

}
.hide-card {
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(100px);
}
.trip-card-div {
  transition: .3s;
}
/* SLIDER START */
.range-slider {
  padding: 0 3rem 2rem 3rem;
}
.rangeValueContainer:first-child {
  margin-right: -1.5rem;
}
.rangeValueContainer:first-child {
  margin-right: -1.5rem;
}
.irs-with-grid > .irs *:not(.irs-line) {
  display: none !important;
}
.irs-grid {
  display: none !important;
}
.irs--round .irs-handle {
  color: var(--text) !important;
  background: var(--text) !important;
  border: 0 !important;
  top: 29px !important;
  width: 20px !important;
  height: 20px !important;
}
.irs-bar {
  background: var(--turq) !important;
  height: 8px !important;
}
.irs--round .irs-line {
  height: 8px !important;
  background: #fff !important;
}
.irs--round.irs-with-grid {
  margin-top: -30px !important;
  height: 65px !important;
}
.range-slider {
  text-align: center;
  position: relative;
}
.range-slider .rangeValues {
  display: block;
  padding: 0.8rem;
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4rem;
 /* 100% */
}
.rangeValueContainer span {
  color: var(--text, #022549);
  text-align: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4rem;
}
input[type=range] {
  -webkit-appearance: none;
  border: 1px solid white;
  width: 100%;
  position: absolute;
  left: 0;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 8px;
  background: var(--turq, #5FCEC5);
  border: none;
  border-radius: 6px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background: var(--text, #022549);
  margin-top: -6px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: var(--turq, #5FCEC5);
}
.rangeValuesText {
  display: flex;
  justify-content: space-between;
}
/* SLIDER END */
/* SKELETON PRELOADER START */
.skeleton .trip-card__image {
  padding: 1.4rem;
}
.skeleton .skeleton-image {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
.skeleton-line {
  background: var(--darker-gray);
}
.skeleton-line:not(.skeleton-image) {
  animation: skeleton-loading 2s infinite ease-out;
  background-size: 800px 100px;
  background-image: -webkit-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: -o-linear-gradient(left, #ececec 0px, #ddd 40px, #ececec 80px);
  background-image: linear-gradient(90deg, #ececec 0px, #ddd 40px, #ececec 80px);
}
@keyframes skeleton-loading {
  0% {
      background-position: 468px 0;
 }
  100% {
      background-position: -468px 0;
 }
}
.skeleton-line:not(.skeleton-image) {
  height: 24px;
  border-radius: 25px;
}
.skeleton .content .content-1 {
  display: flex;
  justify-content: space-between;
}
.skeleton .content .content-1 .sub-content-1 {
  width: 75%;
}
.skeleton .content .content-1 .sub-content-2 {
  border-radius: 50% !important;
  width: 24px;
}
.skeleton .content .content-2 {
  width: 30%;
}
.skeleton .content .content-3 {
  width: 40%;
}
.skeleton .content .content-4 {
  width: 50%;
}
.content > div {
  margin-bottom: 5px;
}
.skeleton .price-div .content-1 {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.skeleton .price-div {
  border: 0 !important;
}
.skeleton .price-div .content-1 .skeleton-line {
  height: 50px !important;
}
.skeleton .price-div .content-1 .sub-content-1 {
  width: 50px;
}
.skeleton .price-div .content-1 .sub-content-2 {
  width: 35%;
}
/* SKELETON PRELOADER END */
.show-flex {
  display: flex !important;
}
/* Error Message */
div#error-message {
  grid-column: 1/5;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.btn-new-search {
  padding: 1.75rem 2rem;
  width: 200px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Open Sans Hebrew';
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4rem;
  border-radius: 15px;
  cursor: pointer;
  font-size: 1.4rem;
  background: var(--darker-gray, #D8DAE3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  color: var(--text, #022549);
  transition: background-color 0.3s ease;
}
.btn-new-search:hover{
  background-color: #fff;
}