section .container {
  padding-left: 80px;
  padding-right: 80px;
}

header {
  padding-left: 50px;
  padding-right: 50px;
}

.header-small {
  height: 400px;
  overflow: hidden;
  border-radius: 28px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  background-color: rgb(6, 24, 52);
  margin-top: 116px;
}
.header-small .maxw {
  z-index: 3;
}
.header-small picture {
  overflow: visible;
}
.header-small picture img {
  width: 100%;
  height: 150%;
  -o-object-fit: cover;
  object-fit: cover;
  transform: translateY(-20%);
}

.tint {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 2;
}

.header-small-h1 {
  grid-column: span 12;
  text-align: center;
  color: white;
}

.tours-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 25px;
  margin-bottom: 40px;
  grid-column: span 12;
  border-bottom: #eeeeee 1px solid;
}

.mb-40 {
  margin-bottom: 40px;
}

.tours {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.tours-selector {
  height: 60px;
  width: 60px;
  background-color: rgb(242, 232, 225);
  transition: 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  cursor: pointer;
}

.tours-selector:hover {
  background-color: #c6783e;
}
.tours-selector:hover svg {
  fill: white;
}

.tours-selector-active {
  background-color: #c6783e;
}
.tours-selector-active svg {
  fill: white;
}

.tours-selector-div-active .travel-cards {
  grid-column: span 12;
  margin-top: 46px;
  display: flex;
}
.tours-selector-div-active .travel-cards-img {
  width: 40%;
}
.tours-selector-div-active .travel-cards-img-holder {
  padding-top: 0;
  height: 100%;
}
.tours-selector-div-active .travel-cards-text-full {
  width: calc(60% - 32px);
  padding-left: 32px;
}
.tours-selector-div-active .travel-cards-text-p {
  display: flex;
}
.tours-selector-div-active .travel-cards-text-second {
  padding-bottom: 24px;
}
.tours-selector-div-active .travel-cards-text-2 {
  margin-top: 2px;
}

.travel-cards-div .travel-cards {
  opacity: 1;
  transition: 1.5s;
  /* Smooth transition when appearing */
}

.travel-cards-div.hidden .travel-cards {
  opacity: 0;
  transition: none;
  /* No transition when hiding */
}

.travel-cards-text-p {
  color: rgb(85, 85, 85);
  padding-bottom: 24px;
  display: none;
}

.travel-cards {
  grid-column: span 4;
  margin-top: 46px;
}

.travel-cards:hover .travel-cards-img-holder img {
  scale: 1.07;
}
.travel-cards:hover h3 {
  color: #c6783e;
}

.travel-cards-img {
  width: 100%;
}

.travel-cards-img-holder {
  padding-top: 100%;
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.travel-cards-img-holder img {
  transition: 0.4s;
}

.travel-cards-text {
  margin-top: 24px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeeee;
}

.travel-cards-text-1 {
  font-size: 16px;
  color: #AAAAAA;
}

.travel-cards-text-2 {
  margin-top: 8px;
  margin-bottom: 12px;
  transition: 0.4s;
}

.travel-cards-text-3 {
  font-size: 16px;
  color: rgb(85, 85, 85);
}

.travel-cards-text-4 {
  margin-bottom: 5px;
  font-size: 18px;
  color: #c6783e;
  font-weight: 500;
  margin-left: 5px;
}

.travel-cards-star {
  margin-top: 8px;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}

div.tz-rating {
  width: 70px;
  height: 14px;
  background: url(https://travelami.templaza.net/wp-content/plugins/advanced-product/rate/assets/images/star.png) 0 -28px repeat-x;
  text-indent: -9999px;
  overflow: hidden;
}

div.tz-rating-45 {
  width: 63px;
}

div.tz-rating-4 {
  width: 57px;
}

div.tz-rating-35 {
  width: 49px;
}

div.tz-rating-3 {
  width: 43px;
}

.tz-average-rating {
  width: 70px;
  background: url(https://travelami.templaza.net/wp-content/plugins/advanced-product/rate/assets/images/star.png) repeat-x;
  height: 14px;
}

.travel-cards-text-second {
  padding-top: 25px;
  padding-bottom: 36px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 18px;
}

.travel-cards-text-5 {
  font-size: 12px;
  color: rgb(85, 85, 85);
}

.travel-cards-text-6 {
  color: rgb(34, 34, 34);
  font-size: 18px;
  font-weight: 500;
}

.travel-cards-text-second-div {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  row-gap: 3px;
  flex: auto;
  padding: 0px 4px;
}

@media only screen and (max-width: 1150px) {
  .tours-heading {
    margin-bottom: 0;
  }
  .tours {
    display: none;
  }
  .travel-cards {
    grid-column: span 6;
  }
  .tours-selector-div-active .travel-cards-img-holder {
    padding-top: 100%;
    height: 0;
  }
  .tours-selector-div-active .travel-cards-img {
    width: 100%;
  }
  .tours-selector-div-active .travel-cards-text-full {
    width: 100%;
    padding-left: 0;
  }
  .tours-selector-div-active .travel-cards {
    flex-direction: column;
    grid-column: span 6;
  }
}
@media only screen and (max-width: 850px) {
  header {
    padding: 0;
  }
  .header-small {
    border-radius: 0;
    height: 500px;
    margin-top: 76px;
  }
  section .container {
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (max-width: 650px) {
  .travel-cards {
    grid-column: span 12;
    margin-top: 36px;
  }
  .tours-selector-div-active .travel-cards {
    grid-column: span 12;
  }
  section .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}/*# sourceMappingURL=landing.css.map */