.parallax-container {
  position: relative;
  height: 75vh;
  overflow: hidden;
}

.parallax-page-content {
  background: #fff;
  padding-left: 80px;
  padding-right: 80px;
  text-align: center;
}

.parallax-page-content h2 {
  font-size: 42px;
  color: #0a263b;
  font-weight: bold;
  font-family: 'Philosopher', sans-serif;
}

.parallax-page-content h2 span {
  color: #ee741f;
}

.parallax-page-content p {
  font-size: 16px;
  font-family: 'Raleway', sans-serif;
  color: #0a263b;
  text-align: center;
  margin-top: 20px;
}

.parallax-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: left;
  will-change: transform;
}

.tour-packages-parallax-bg {
  background-position: center;
  background-image: url('../images/tour_packages_header_back.jpg');  
}

.parallax-content {
  position: relative;
  z-index: 2;
  text-align: center;
  
  padding-top: 35vh;
}

.tour-packages-content, .package-details-content {
  min-height: 600px;
  position: relative;
  z-index: 0;
  align-items: center;
  text-align: center;
  opacity: 1;
}

.tour-packages-content:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-image: url(../images/explore_sri_lanka_page_back.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}

.tour-category-parallax-bg {
  background-position: center;
  background-image: url('../images/our_packages_header_back.jpg');
}

.package-details-content:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-image: url(../images/package_details_content_back.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  pointer-events: none;
}

.package-details-content .package-description {
  text-align: justify;
}

.tour-details-content .tour-props {
  list-style: none;
  padding: 0;
  margin: 20px 0;
  text-align: left;
  display: flex;
  gap: 40px;
}

.tour-details-content .tour-props li i {
  color: #0a263b;
  margin-right: 10px;
}

.tour-details-content .tour-props li span {
  color:#ee741f;
  font-weight: bold;
}

.tour-details-content .tour-description {
  text-align: justify;
  font-size: 15px;
}

.tour-accordion .accordion-button, .accordion-button:not(.collapsed) {
  background-color: #0a263b;
  color: #fff;
  font-weight: bold;
}

.tour-accordion .accordion-button::after, .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 011 0l5 5 5-5a.5.5 0 111 1l-5.5 5.5a.5.5 0 01-.708 0L1.646 5.354a.5.5 0 010-.708z'/%3E%3C/svg%3E");
}

.tour-accordion .accordion-body ul {
  text-align: left;
}

.tour-accordion .accordion-body .tour-itineary-desc {
  font-size: 13px;
  text-align: left;
}

/*medium devices - tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .parallax-content h1 {
    font-size: 79px;
  }

  .parallax-content p {
    font-size: 35px;
  }

  .parallax-page-content {
    padding-left: 50px;
    padding-right: 50px;
  }

  .parallax-page-content h2 {
    font-size: 35px;
  }

  .parallax-page-content p {
    font-size: 23px;
  }

  .package-details-content .package-description, .tour-details-content .tour-description {
    font-size: 25px;
  }

  .tour-accordion .accordion-body ul li {
    font-size: 22px;
  }

  .tour-accordion .accordion-body .tour-itineary-desc {
    font-size: 20px;
  }

  .tour-details-content .container-fluid.py-4 {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (max-width: 992px) {
  .navbar {
    background: rgba(0, 0, 0, 0.85);
  }
}