<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.txt-white {
  color: #ffffff;
}

.txt-black {
  color: #000000;
}

.txt-gray {
  color: #575757;
}

.txt-light-gray {
  color: #d5dade;
}

.txt-dark-gray {
  color: #242331;
}

.txt-blue {
  color: #4786db;
}

.txt-light-blue {
  color: #8db2cd;
}

.txt-dark-blue {
  color: #1a4873;
}

.link-blue {
  color: #04418d;
}

.txt-left {
  text-align: left;
}

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

.txt-right {
  text-align: right;
}

.bg-white {
  background-color: #ffffff;
}

.bg-black {
  background-color: #000000;
}

.bg-gray {
  background-color: #575757;
}

.bg-light-gray {
  background-color: #d5dade;
}

.bg-dark-gray {
  background-color: #242331;
}

.bg-transparent {
  background: transparent;
}

.bg-blue {
  background-color: #4786db;
}

.bg-dark-blue {
  background-color: #1a4873;
}

.bg-extra-light-gray {
  background-color: #f7f7f7;
}

@font-face {
  font-family: "Anno-Regular";
  src: url("fonts/Anno/Anno-Regular.eot?") format("eot"), url("fonts/Anno/Anno-Regular.woff2") format("woff2"),
    url("fonts/Anno/Anno-Regular.woff") format("woff"), url("fonts/Anno/Anno-Regular.ttf") format("truetype"),
    url("fonts/Anno/Anno-Regular.svg#Anno-Regular") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "DINNEXT-Rounded";
  src: url("fonts/Dinnext-rounded/DINNEXT-Rounded-LT-Light.eot?") format("eot"),
    url("fonts/Dinnext-rounded/DINNEXT-Rounded-LT-Light.woff2") format("woff2"),
    url("fonts/Dinnext-rounded/DINNEXT-Rounded-LT-Light.woff") format("woff"),
    url("fonts/Dinnext-rounded/DINNEXT-Rounded-LT-Light.ttf") format("truetype"),
    url("fonts/Dinnext-rounded/DINNEXT-Rounded-LT-Light.svg#DINNEXT-Rounded") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "DINNEXT-Rounded";
  src: url("fonts/Dinnext/DINNextLTPro-Bold.eot?") format("eot"),
    url("fonts/Dinnext/DINNextLTPro-Bold.woff2") format("woff2"),
    url("fonts/Dinnext/DINNextLTPro-Bold.woff") format("woff"),
    url("fonts/Dinnext/DINNextLTPro-Bold.ttf") format("truetype"),
    url("fonts/Dinnext/DINNextLTPro-Bold.svg#DINNEXT-Rounded") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "DINNEXT-Rounded";
  src: url("fonts/Dinnext/DINNextLTPro-Light.eot?") format("eot"),
    url("fonts/Dinnext/DINNextLTPro-Light.woff2") format("woff2"),
    url("fonts/Dinnext/DINNextLTPro-Light.woff") format("woff"),
    url("fonts/Dinnext/DINNextLTPro-Light.ttf") format("truetype"),
    url("fonts/Dinnext/DINNextLTPro-Light.svg#DINNEXT-Rounded") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Raleway-Regular";
  src: url("fonts/Raleway/Raleway-Regular.eot?") format("eot"),
    url("fonts/Raleway/Raleway-Regular.woff2") format("woff2"), url("fonts/Raleway/Raleway-Regular.woff") format("woff"),
    url("fonts/Raleway/Raleway-Regular.ttf") format("truetype"),
    url("fonts/Raleway/Raleway-Regular.svg#Raleway-Regular") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Raleway-Bold";
  src: url("fonts/Raleway/Raleway-Bold.eot?") format("eot"), url("fonts/Raleway/Raleway-Bold.woff2") format("woff2"),
    url("fonts/Raleway/Raleway-Bold.woff") format("woff"), url("fonts/Raleway/Raleway-Bold.ttf") format("truetype"),
    url("fonts/Raleway/Raleway-Bold.svg#Raleway-Bold") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Raleway-SemiBold";
  src: url("fonts/Raleway/Raleway-SemiBold.eot?") format("eot"),
    url("fonts/Raleway/Raleway-SemiBold.woff2") format("woff2"),
    url("fonts/Raleway/Raleway-SemiBold.woff") format("woff"),
    url("fonts/Raleway/Raleway-SemiBold.ttf") format("truetype"),
    url("fonts/Raleway/Raleway-SemiBold.svg#Raleway-SemiBold") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Raleway-Light";
  src: url("fonts/Raleway/Raleway-Light.eot?") format("eot"), url("fonts/Raleway/Raleway-Light.woff2") format("woff2"),
    url("fonts/Raleway/Raleway-Light.woff") format("woff"), url("fonts/Raleway/Raleway-Light.ttf") format("truetype"),
    url("fonts/Raleway/Raleway-Light.svg#Raleway-Light") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Quicksand-SemiBold";
  src: url("fonts/Quicksand/Quicksand-SemiBold.eot?") format("eot"),
    url("fonts/Quicksand/Quicksand-SemiBold.woff2") format("woff2"),
    url("fonts/Quicksand/Quicksand-SemiBold.woff") format("woff"),
    url("fonts/Quicksand/Quicksand-SemiBold.ttf") format("truetype"),
    url("fonts/Quicksand/Quicksand-SemiBold.svg#Quicksand-SemiBold") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Quicksand-Medium";
  src: url("fonts/Quicksand/Quicksand-Medium.eot?") format("eot"),
    url("fonts/Quicksand/Quicksand-Medium.woff2") format("woff2"),
    url("fonts/Quicksand/Quicksand-Medium.woff") format("woff"),
    url("fonts/Quicksand/Quicksand-Medium.ttf") format("truetype"),
    url("fonts/Quicksand/Quicksand-Medium.svg#Quicksand-Medium") format("svg");
  font-display: swap;

}

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham-Book/Gotham-Book.eot?") format("eot"),
    url("fonts/Gotham-Book/Gotham-Book.woff2") format("woff2"), url("fonts/Gotham-Book/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book/Gotham-Book.ttf") format("truetype"),
    url("fonts/Gotham-Book/Gotham-Book.svg#Gotham-Book") format("svg");
  font-display: swap;

}

.anno-reg {
  font-family: "Anno-Regular";
}

.dinnext-rounded {
  font-family: "DINNEXT-Rounded";
}

.dinnext-light {
  font-family: "DINNextLTPro-Light";
}

.dinnext-bold {
  font-family: "DINNextLTPro-Bold";
}

.Raleway-Regular {
  font-family: "Raleway-Regular";
}

.Raleway-Bold {
  font-family: "Raleway-Bold";
}

.Raleway-SemiBold {
  font-family: "Raleway-Bold";
}

.Raleway-Light {
  font-family: "Raleway-Light";
}

.Quicksand-SemiBold {
  font-family: "Quicksand-SemiBold";
}

.Quicksand-Medium {
  font-family: "Quicksand-Medium";
}

.Gotham-Book {
  font-family: "Gotham-Book";
}

.arial {
  font-family: "Arial";
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

.underline {
  text-decoration: underline;
}

.dec-none {
  text-decoration: none;
}

.container {
  padding: 0 15px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.d-flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.j-center {
  justify-content: center;
}

.j-sb {
  justify-content: space-between;
}

.j-sa {
  justify-content: space-around;
}

.j-start {
  justify-content: start;
}

.j-end {
  justify-content: end;
}

.align-center {
  align-items: center;
}

.align-start {
  align-items: flex-start;
}

.align-end {
  align-items: flex-end;
}

.fd-row-rev {
  flex-direction: row-reverse;
}

.fd-col {
  flex-direction: column;
}

.fd-col-rev {
  flex-direction: column-reverse;
}

.d-grid {
  display: grid;
}

.p-0 {
  padding: 0rem;
}

.p-1 {
  padding: 1rem;
}

.p-2 {
  padding: 2rem;
}

.p-3 {
  padding: 3rem;
}

.p-4 {
  padding: 4rem;
}

.p-5 {
  padding: 5rem;
}

.p-6 {
  padding: 6rem;
}

.p-7 {
  padding: 7rem;
}

.pt-0 {
  padding-top: 0;
}

.pt-1 {
  padding-top: 1rem;
}

.pt-2 {
  padding-top: 2rem;
}

.pt-3 {
  padding-top: 3rem;
}

.pt-4 {
  padding-top: 4rem;
}

.pt-5 {
  padding-top: 5rem;
}

.pt-6 {
  padding-top: 6rem;
}

.pt-7 {
  padding-top: 7rem;
}

.pr-0 {
  padding-right: 0;
}

.pr-1 {
  padding-right: 1rem;
}

.pr-2 {
  padding-right: 2rem;
}

.pr-3 {
  padding-right: 3rem;
}

.pr-4 {
  padding-right: 4rem;
}

.pr-5 {
  padding-right: 5rem;
}

.pr-6 {
  padding-right: 6rem;
}

.pr-7 {
  padding-right: 7rem;
}

.pb-0 {
  padding-bottom: 0;
}

.pb-1 {
  padding-bottom: 1rem;
}

.pb-2 {
  padding-bottom: 2rem;
}

.pb-3 {
  padding-bottom: 3rem;
}

.pb-4 {
  padding-bottom: 4rem;
}

.pb-5 {
  padding-bottom: 5rem;
}

.pb-6 {
  padding-bottom: 6rem;
}

.pb-7 {
  padding-bottom: 7rem;
}

.pl-0 {
  padding-left: 0;
}

.pl-1 {
  padding-left: 1rem;
}

.pl-2 {
  padding-left: 2rem;
}

.pl-3 {
  padding-left: 3rem;
}

.pl-4 {
  padding-left: 4rem;
}

.pl-5 {
  padding-left: 5rem;
}

.pl-6 {
  padding-left: 6rem;
}

.pl-7 {
  padding-left: 7rem;
}

.m-auto {
  margin: auto;
}

.m-0 {
  margin: 0rem;
}

.m-1 {
  margin: 1rem;
}

.m-2 {
  margin: 2rem;
}

.m-3 {
  margin: 3rem;
}

.m-4 {
  margin: 4rem;
}

.m-5 {
  margin: 5rem;
}

.mt-0 {
  margin-top: 0;
}

.mt-1 {
  margin-top: 1rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.mt-4 {
  margin-top: 4rem;
}

.mt-5 {
  margin-top: 5rem;
}

.mr-0 {
  margin-right: 0;
}

.mr-1 {
  margin-right: 1rem;
}

.mr-2 {
  margin-right: 2rem;
}

.mr-3 {
  margin-right: 3rem;
}

.mr-4 {
  margin-right: 4rem;
}

.mr-5 {
  margin-right: 5rem;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.ml-0 {
  margin-left: 0;
}

.ml-1 {
  margin-left: 1rem;
}

.ml-2 {
  margin-left: 2rem;
}

.ml-3 {
  margin-left: 3rem;
}

.ml-4 {
  margin-left: 4rem;
}

.ml-5 {
  margin-left: 5rem;
}

@media (max-width: 1200px) {
  .p-5 {
    padding: 2rem !important;
  }
  .pl-5 {
    padding-left: 2rem !important;
  }
  .pr-5 {
    padding-right: 2rem !important;
  }
}

.w-1 {
  width: 100%;
}

.w-2 {
  width: 50%;
}

.w-3 {
  width: 33.33%;
}

.w-4 {
  width: 25%;
}

.w-5 {
  width: 20%;
}

.w-6 {
  width: 16.66%;
}

.w-7 {
  width: 14.28%;
}

.w-8 {
  width: 12.5%;
}

.w-9 {
  width: 11.11%;
}

.w-13 {
  width: 66.67%;
}

.w-14 {
  width: 75%;
}

.w-15 {
  width: 80%;
}

.w-16 {
  width: 83.34%;
}

.w-17 {
  width: 85.72%;
}

.w-18 {
  width: 87.5%;
}

.w-19 {
  width: 88.89%;
}

@media screen and (max-width: 768px) {
  .w-1 {
    width: 100%;
  }
  .w-2 {
    width: 100%;
  }
  .w-3 {
    width: 100%;
  }
  .w-4 {
    width: 100%;
  }
  .w-5 {
    width: 100%;
  }
  .w-6 {
    width: 100%;
  }
  .w-7 {
    width: 100%;
  }
  .w-8 {
    width: 100%;
  }
  .w-9 {
    width: 100%;
  }
  .w-13 {
    width: 100%;
  }
  .w-14 {
    width: 100%;
  }
  .w-15 {
    width: 100%;
  }
  .w-16 {
    width: 100%;
  }
  .w-17 {
    width: 100%;
  }
  .w-18 {
    width: 100%;
  }
  .w-19 {
    width: 100%;
  }
}

.header {
  z-index: 150220202;
  position: fixed;
  top: 0;
  background: transparent;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 20000;
  transition: all 0.3s;
  height: 5rem;
}
.header.inner-header {
  background-color: #242331;
  top: 0rem;
}
.header.inner-header .logo {
  margin-left: 6.5rem;
}
.header.inner-header .navbar ul li a::before,
.header.inner-header .navbar ul li a::after {
  background: #242331;
}
.header.fixed-header {
  background-color: #242331;
  box-shadow: 0px 2px 10px 1px #000000a6;
  top: 0rem;
  position: fixed;
}
.header .logo {
  background-color: #242331;
  margin-left: 6.5rem;
}
.header .logo img {
  width: 100%;
  margin-top: 1.3rem;
}
.header .navbar ul {
  list-style: none;
  justify-content: space-around;
}
.header .navbar ul li {
  margin-right: 0.5rem;
}
.header .navbar ul li a {
  position: relative;
  padding: 0.3rem 0;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 600;
}
.header .navbar ul li a::before,
.header .navbar ul li a::after {
  content: "";
  position: absolute;
  width: 0%;
  height: 2px;
  background: #f3f3f5;
  transition: all 0.3s;
}
.header .navbar ul li a::before {
  top: 0;
  left: 0;
}
.header .navbar ul li a::after {
  right: 0;
  bottom: 0;
}
.header .navbar ul li a:hover::before,
.header .navbar ul li a:hover::after {
  width: 100%;
}
.header .btn {
  background-color: #4786db;
  border-color: #4786db;
  transition: all 0.3s;
}
.header .btn:hover {
  color: #4786db;
  background-color: #d5dade;
}

.mobile-menu,
.mobile-menu-close {
  display: none;
}

.jut-mobile {
  display: none;
}

.top-banner {
  height: 2.7rem;
  width: 100%;
}
.top-banner .top-ticket {
  margin-left: 7.2rem;
  padding: 0.3rem;
}
.top-banner .top-ticket a {
  font-family: "Quicksand-Medium";
  color: #ffffff;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.1rem;
}
.top-banner .social-icons {
  margin-top: 1rem;
  float: right;
}

.sm-icons {
  display: inline-block;
  width: fit-content;
  cursor: pointer;
}

.page-grid-padding-left {
  padding-left: 6.5rem;
}

.page-grid-margin-left {
  margin-left: 6.5rem;
}

.page-grid-padding-right {
  padding-right: 6.5rem;
}

.page-grid-margin-right {
  margin-right: 6.5rem;
}

.footer .main-footer {
  border-bottom: 1px solid #ffffff38;
}
.footer .main-footer ul {
  list-style: none;
  padding: 0;
}
.footer .main-footer ul li {
  margin-bottom: 1rem;
  width: 100%;
}
.footer .main-footer .fas {
  font-weight: 550;
}

.footer p {
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  font-family: "Quicksand-Medium" !important;
  color: #eeeded;
}

.breadcrumbs {
  position: relative;
  width: 100%;
  height: 17.5rem;
  background-position: right;
  background-size: cover;
  background-repeat: no-repeat;
}
.breadcrumbs .breadcrumb-text {
  width: 100%;
  height: 100%;
}
.breadcrumbs .breadcrumb-text h1 {
  letter-spacing: 2px;
  font-size: 2.1rem;
}
.breadcrumbs .breadcrumb-text a {
  position: relative;
  padding: 1rem 1rem 1rem 0;
  margin: 0 4px 0 0;
  text-decoration: none;
  color: #ffffff;
  transition: all 0.25s;
}
.breadcrumbs .breadcrumb-text a:hover {
  color: #575757;
  text-decoration: underline;
  cursor: pointer;
}
.breadcrumbs .breadcrumb-text a:hover::after {
  color: #ffffff;
}
.breadcrumbs .breadcrumb-text a::after {
  content: "|";
  position: absolute;
  margin: 0 10px;
}

.rounded-btn {
  height: fit-content;
  padding: 0.6rem 2rem;
  border-radius: 0.3rem;
  text-decoration: none;
}

a {
  text-decoration: none;
  outline: none;
}

body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
}

.slider-section .slider-img {
  position: relative;
  background-image: url(images/slider-img.png);
  background-repeat: no-repeat;
  background-size: 100%;
  height: 100vh;
  width: auto;
}

.slider-section .flipped-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 7rem;
}
.slider-section .flipped-wrapper .flipped-text {
  transform: rotate(-90deg);
  width: max-content;
  font-size: 11px;
  letter-spacing: 4px;
  margin-top: 14rem;
}
.slider-section .flipped-wrapper .flipped-text span {
  letter-spacing: -1px;
  margin-right: 1rem;
}

.slider-section .form {
  position: absolute;
  bottom: 1rem;
  right: 18rem;
  width: fit-content;
  padding: 2rem 4rem;
  opacity: 0.8;
  transition: all 0.2s;
}
.slider-section .form:hover {
  opacity: 1;
}
.slider-section .form input {
  padding: 0 4rem 0 1rem;
  border: none;
  border-bottom: 1px solid #575757;
  outline: 0;
}
.slider-section .form input::placeholder {
  color: #575757;
}

.book-section .blue-section {
  margin-bottom: 9rem;
}
.book-section .blue-section .blue-section-info p {
  position: relative;
  font-size: 12px;
}
.book-section .blue-section .blue-section-info p .num {
  font-size: 2rem;
}
.book-section .blue-section .blue-section-info p:nth-child(1):after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  background-color: #d5dade66;
  right: 0;
  top: calc(50% - 10px);
}
.book-section .blue-section .qoute-icon {
  font-size: 11rem;
  margin: 0;
  margin-bottom: -5rem;
}
.book-section .blue-section .blue-section-title {
  width: 80%;
  font-size: 2rem;
}
.book-section .blue-section .btn {
  margin-top: 3rem;
  width: fit-content;
  display: block;
  border: none;
}

.book-section .book-section-img img {
  width: 100%;
  object-fit: cover;
  height: 35rem;
}

.book-section .book-section-text p {
  line-height: 2;
}

.main-slider-section {
  position: relative;
}
.main-slider-section .interactive-slider .slider-item {
  position: relative;
}
.main-slider-section .interactive-slider .slider-item .slider-img {
  height: 33rem;
}
.main-slider-section .interactive-slider .slider-item .slider-img img {
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transform: scale(1.1);
  height: 100%;
}
.main-slider-section .interactive-slider .slider-item.slick-active img {
  transform: scale(1);
}
.main-slider-section .interactive-slider .slider-item .slider-text {
  position: absolute;
  right: 0;
  top: 0;
  width: 30%;
  min-height: 35rem;
  height: 35rem;
  padding: 4rem 7rem 7rem 7rem;
  text-align: right;
  z-index: 10000;
}
.main-slider-section .interactive-slider .slider-item .slider-text h2 {
  font-size: 3rem;
}
.main-slider-section .interactive-slider .slider-item .slider-text p {
  font-size: 1rem;
  line-height: 1.4;
  font-family: "Gotham-Book";
  text-align: left;
  padding: 0rem;
}
.main-slider-section .slider-arrows {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-top: 1rem;
  padding-right: 1rem;
  padding-bottom: 5rem;
  padding-left: 1rem;
  color: #66656f;
  font-size: 3rem;
  font-weight: 400;
  z-index: 10000;
  cursor: pointer;
}
.main-slider-section .slider-arrows .prev {
  margin-right: 1.5rem;
}
.main-slider-section .slider-arrows .next-icon {
  border-radius: 50%;
  background-image: url("images/next-icon.png");
  background-size: 100% 100%;
  height: 2.5rem;
  width: 2.5rem;
  display: block;
}

.latest-news-section {
  line-height: 1.6;
}
.latest-news-section .latest-news-intro {
  text-align: center;
}
.latest-news-section .latest-news-intro p {
  width: 35%;
  margin: auto;
}
.latest-news-section .latest-news-img {
  height: 25rem;
}
.latest-news-section .latest-news-img img {
  height: 100%;
  width: 94%;
  object-fit: cover;
}
.latest-news-section p {
  margin: 0;
  margin-bottom: 2rem;
}
.latest-news-section .btn {
  margin-top: 2rem;
}

.contact-us .contact-us-info .info-title h2 {
  font-size: 3rem;
}

.contact-us .contact-us-info .info-address p,
.contact-us .contact-us-info .info-numbers p {
  margin: 0.5rem;
  font-size: 1.2rem;
}

.contact-us .contact-us-map {
  height: 59vh;
}
.contact-us .contact-us-map img {
  height: 100%;
}

.slider-top-title {
  width: 100%;
  margin-top: 15rem;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  position: absolute;
}

.slider-main-title {
  width: 100%;
  margin-top: 20rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
  position: absolute;
}

.slider-cta {
  width: 100%;
  margin-top: 6rem;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
  position: absolute;
}

.home-s1-title {
  font-size: 2rem;
  font-weight: 700;
  padding: 8rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.home-s1-p {
  font-size: 1.2rem;
  font-weight: 500;
}

.slider-hr {
  width: 20%;
  margin-top: 2rem;
  float: left;
  font-size: 1px;
  background-color: #66656f;
  color: #66656f;
  border: #66656f solid 1px;
}

.slider-top-text {
  width: 70%;
  float: left;
  text-align: left;
  padding-left: 1rem;
}

.slider-titel {
  font-family: "Gotham-Book";
  text-align: left;
  font-size: 2rem !important;
  line-height: 1.5;
}

.slide_count {
  transform: rotate(90deg);
  width: max-content;
  font-size: 1rem;
  margin-top: 3rem;
  display: block;
  margin-bottom: 2rem;
  color: #fff;
  margin-right: 2rem;
}

.train-hours {
  margin-top: -11.5rem;
  z-index: 3000;
  position: relative;
}

.train-h-titel {
  font-size: 2rem;
  font-weight: 900;
}

.train-h-subtitel {
  font-size: 1.3rem;
  font-weight: 700;
  margin-top: 2rem;
}

.train-h-text {
  font-size: 1.2rem;
  font-weight: 700;
  float: left;
  text-decoration: underline;
  font-family: "Raleway-Light" !important;
  margin-top: 0;
}

.latest-news h2 {
  font-size: 2.5rem;
  font-weight: 900;
}

.latest-news p {
  font-size: 1.3rem;
  font-weight: 500;
  float: left;
  font-family: "Gotham-Book" !important;
  color: #66656f;
}

.latest-news .gateway-img {
  height: calc(80vh + 1.2rem);
  object-fit: cover;
  filter: brightness(0.6);
}

.slider-item {
  padding-left: 2rem;
  box-sizing: border-box;
  outline: 0;
}

.news-boxes {
  border: 1px solid #e7e7e7;
  border-radius: 5px;
  padding-bottom: 1rem;
  text-align: center;
  height: auto;
}
.news-boxes img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}
.news-boxes h3 {
  color: #000;
  font-family: "Gotham-Book" !important;
  font-size: 27px;
  margin-bottom: 0;
  margin-top: 10px;
  padding-top: 1rem;
}
.news-boxes p {
  font-family: "Gotham-Book" !important;
  color: #66656f;
}

.btn {
  text-decoration: none;
  color: #01a0a8;
  font-size: 15px;
  padding: 0.5rem 1rem;
  background: linear-gradient(to right, #01a0a8 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  border-radius: 5px;
  transition: all 0.3s ease-out;
}

.btn:hover {
  color: #ffffff;
  background-position: left bottom;
}

.news-page-boxes {
  border-left: 1px solid #d9d9d9;
  padding-bottom: 2rem;
}
.news-page-boxes img {
  width: 100%;
}
.news-page-boxes h3 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #000;
  font-family: "Gotham-Book" !important;
  padding-left: 2rem;
}
.news-page-boxes p {
  font-size: 0.9rem;
  font-weight: 500;
  font-family: "Gotham-Book" !important;
  color: #66656f;
  padding-left: 2rem;
}
.news-page-boxes a {
  color: #0659ca;
  font-family: "Gotham-Book" !important;
  padding-left: 2rem;
  font-weight: 700;
}

.tickets-box-img {
  padding-right: 3rem;
}
.tickets-box-img img {
  width: 100%;
  height: 15rem;
  object-fit: cover;
}

.tickets-box-txt hr {
  width: 35%;
  float: left;
  color: #e8e8e8;
  border: 1px solid #e8e8e8;
  margin-top: 2rem;
}

.tickets-box-txt h3 {
  width: 3rem;
  float: left;
  color: #e8e8e8;
  font-size: 3rem;
  font-family: "Times New Roman";
  margin: 0;
  margin-right: 1rem;
}

.tickets-box-txt h2 {
  width: 100%;
  color: #000;
  font-family: "Gotham-Book";
  float: left;
  font-weight: 500;
  font-size: 2.2rem;
}

.tickets-box-txt p {
  font-family: "Gotham-Book";
  width: 100%;
  color: #000;
  float: left;
  font-size: 0.8rem;
  line-height: 2rem;
}

.tt-blue-p {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.attraction-breadcrumb {
  background-image: url(images/attractions-bc.png);
}

.attraction-intro-text p {
  padding-top: 4rem;
  max-width: 40%;
  margin: auto;
  text-align: center;
  line-height: 2;
  letter-spacing: 1px;
  font-size: 18px;
}

.opening-soon-breadcrumb {
  background-image: url(images/opening-soon-bc.png);
}

.whats-inner-intro h2 {
  font-size: 30px;
}

.whats-inner-intro p {
  padding: 0.5rem 0;
  letter-spacing: 1px;
  line-height: 1.5;
}

.latest-news-section h2 {
  font-size: 30px;
}

.whats-on-breadcrumb {
  background-image: url(images/whats-on-bc.png);
}

.inner-breadcrumb {
  background-color: #242331;
  font-family: "Arial";
}

.blogs-intro {
  line-height: 1.8;
  letter-spacing: 1px;
  font-size: 18px;
}

.d-flex.p-3.pl-7.pr-7.no-padding-mobile {
  flex-wrap: nowrap;
}

.d-flex.p-3.pl-7.pr-7.no-padding-mobile .w-2.pl-7 {
  padding-left: 4rem !important;
  margin-right: 5rem;
}

.blog-section .first-event {
  width: 80%;
  margin: 0 auto;
  border: 1px solid #d9d9d9;
  border-top: 0px;
  padding-bottom: 2rem;
}

.blog-section .blog-img img {
  width: 100%;
  height: 100%;
}

.blog-section a {
  color: #000;
  font-family: "Arial" !important;
  font-weight: 500;
}

.same-col{
  color: #000 !important;
}

.visit-plan-breadcrumb {
  background-image: url(images/visit-plan-bc.png);
}

.visit-plan-intro {
  margin-top: 4rem;
  line-height: 1.8;
  letter-spacing: 1px;
  font-size: 18px;
}

.circles-section .circle-wrapper .circle-info {
  text-decoration: none;
}

.opening-hours-section {
  margin-top: 12rem;
  margin-bottom: 14rem;
}
.opening-hours-section .blue-box {
  height: fit-content;
  padding: 2rem 0 13rem 3rem;
}
.opening-hours-section .blue-box h2 {
  position: relative;
}
.opening-hours-section .blue-box h2::after {
  content: "";
  position: absolute;
  top: 4rem;
  left: 0;
  border: 1px solid #4892c8;
  border-width: 0.1px 110px;
}
.opening-hours-section .blue-box p {
  line-height: 1.5;
  letter-spacing: 1px;
}
.opening-hours-section .opening-hours-img {
  position: relative;
  margin-top: -10rem;
}
.opening-hours-section .opening-hours-img .white-box {
  position: absolute;
  top: 24rem;
  left: 0;
  border: 1px solid #d5dade;
}
.opening-hours-section .opening-hours-img .white-box .schedule {
  font-size: 18px;
}
.opening-hours-section .opening-hours-img .white-box .browsing {
  font-size: 14px;
}

.rules-section .rules-text .list .list-item i {
  color: #8db2cd;
  padding-right: 1rem;
}

.rules-section .rules-text .list .list-item p {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 1px;
  margin: 0;
}

.map-section h2 {
  font-size: 30px;
  letter-spacing: 1px;
}

.contact-us-breadcrumb {
  background-image: url(images/contact-us-bc.png);
}

.contact-us-section .reach-us-box {
  line-height: 1.5;
}
.contact-us-section .reach-us-box .reach-us-paragraph {
  width: 75%;
  margin: 3rem 0;
  font-size: 18px;
  letter-spacing: 0.5px;
}
.contact-us-section .reach-us-box img {
  object-fit: contain;
  margin-right: 1rem;
}

.contact-us-section .form-section {
  width: 40%;
}
.contact-us-section .form-section h2 {
  font-size: 2rem;
  font-weight: 700;
}
.contact-us-section .form-section p {
  font-size: 1.1rem;
  font-weight: 550;
}
.contact-us-section .form-section .form-groups {
  width: fit-content;
  margin: auto;
}
.contact-us-section .form-section .form-groups .form-group p {
  font-size: 1rem;
  font-weight: 500;
  color: #878787;
}
.contact-us-section .form-section .form-groups .form-group .form-item input {
  padding: 0.8rem 7rem 0.8rem 0.7rem;
  margin-bottom: 0rem;
  border: 1px solid #d5dade;
  background-color: #d5dade;
  outline: 0;
}
.contact-us-section .form-section .form-groups .form-group .form-item input[type="email"],
.contact-us-section .form-section .form-groups .form-group .form-item input[type="tel"] {
  padding-right: 25rem;
}
.contact-us-section .form-section .form-groups .form-group .form-item input select {
  padding: 0.8rem 7rem 0.8rem 0.7rem;
  margin-bottom: 0rem;
  border: 1px solid #d5dade;
  background-color: #d5dade;
  outline: 0;
}
.contact-us-section .form-section .form-groups .form-group .form-item textarea {
  border: 1px solid #d5dade;
  outline: 0;
  padding: 0.5rem;
  background-color: #d5dade;
}
.contact-us-section .form-section .form-groups .form-group .form-action {
  float: right;
  margin-top: 2rem;
}
.contact-us-section .form-section .form-groups .form-group .form-action input {
  border: none;
  cursor: pointer;
  outline: 0;
}

.contact-us-img {
  width: 60%;
}
.contact-us-img img {
  width: 100%;
  height: 100%;
}
.btn-contact-us {
  padding: 1rem;
  font-size: 18px;
  width: 100%;
}
.contact-us-footer {
  width: 60%;
}
.contact-us-footer p {
  color: #575757;
  border-left: 1px solid #d5dade;
  padding-right: 2rem;
}
.contact-us-footer p a {
  color: #000000;
}

.cafe-breadcrumb {
  background-image: url(images/cafe-bc.png);
}

.cafe-slider-section {
  position: relative;
}
.cafe-slider-section p {
  font-size: 18px;
}
.cafe-slider-section .cafe-slider-item {
  outline: 0;
}
.cafe-slider-section .slider-arrows {
  position: absolute;
  top: 2rem;
  left: 2rem;
  cursor: pointer;
  font-size: 13px;
  color: #4e4b4b;
}
.cafe-slider-section .custom_paging {
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: 55%;
  font-family: "DINNextLTPro-Light";
  margin: 0;
  padding: 2rem;
  background-color: #ffffff;
}
.cafe-slider-section .custom_paging li {
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  padding: 0.5rem;
  margin-left: 0.5rem;
}
.cafe-slider-section .custom_paging li.slick-active {
  font-weight: bold;
  padding-right: 80px;
}
.cafe-slider-section .custom_paging li.slick-active:after {
  width: 80px;
}
.cafe-slider-section .custom_paging li:after {
  content: "";
  position: absolute;
  height: 1px;
  width: 0px;
  background-color: #000000;
  right: -0.5rem;
  top: 45%;
  transition: all 0.3s;
}

.text-section p {
  line-height: 1.5;
  letter-spacing: 0.5px;
  font-size: 18px;
}

@media (max-width: 1200px) {
  .book-section {
    flex-direction: column;
    align-items: center;
    padding-left: 0 !important;
  }
  .book-section .blue-section {
    width: 92%;
    margin-bottom: 0;
  }
  .book-section .gray-section {
    width: 100%;
  }
  .book-section .gray-section .book-section-text P {
    width: 100%;
  }
  .main-slider-section {
    padding-left: 0;
    margin-bottom: 7rem;
  }
  .main-slider-section .interactive-slider .slider-item .slider-text {
    position: inherit;
    width: auto;
    text-align: left;
  }
  .main-slider-section .slider-arrows {
    padding-right: 16rem !important;
    top: calc(100% - 701px);
  }
  .contact-us {
    padding-left: 0 !important;
    margin-top: 7rem;
  }
  .contact-us .contact-us-info {
    width: 100%;
  }
  .contact-us img {
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .contact-us {
    flex-direction: column;
  }
}

@media (max-width: 576px) {
  .book-section .book-section-img {
    display: none;
  }
  .main-slider-section .interactive-slider .slider-item .slider-text {
    padding: 1rem !important;
  }
  .main-slider-section .interactive-slider .slider-item .slider-text h2 {
    font-size: 2rem;
  }
  .main-slider-section .slider-arrows {
    top: calc(100% - 499px);
    padding: 1rem !important;
  }
  .latest-news-section .latest-news-intro {
    padding-right: 2rem;
  }
  .latest-news-section .latest-news-intro p {
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .attraction-intro-text {
    padding: 0 2rem;
  }
  .attraction-intro-text p {
    max-width: 100%;
  }
  .latest-news-section {
    padding-left: 2rem !important;
  }
  .latest-news-section .latest-news-img {
    height: 17rem;
  }
  .latest-news-section .second-event {
    padding-right: 0;
  }
}

@media (max-width: 576px) {
  .latest-news-section div {
    display: block;
  }
  .latest-news-section p {
    width: 90%;
  }
  .latest-news-section .second-event {
    margin-top: 2rem;
  }
}

@media (max-width: 1200px) {
  .opening-hours-section .blue-box {
    padding: 2rem 5rem 13rem 3rem;
  }
  .opening-hours-section .blue-box p {
    width: 100%;
    font-size: 16px;
  }
  .opening-hours-section .opening-hours-img {
    margin-top: -4rem;
  }
  .opening-hours-section .opening-hours-img .white-box {
    top: 17rem;
  }
  .rules-section {
    display: block;
  }
  .rules-section .rules-img,
  .rules-section .rules-text {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .opening-hours-section {
    padding: 0 1rem;
  }
  .opening-hours-section .opening-hours-img {
    margin-top: -3rem;
  }
  .opening-hours-section .opening-hours-img .white-box {
    top: 11rem;
    padding-left: 1rem !important;
  }
  .rules-section {
    display: block !important;
  }
}

@media (max-width: 576px) {
  .visit-plan-intro {
    padding: 0 1rem !important;
  }
  .circles-section {
    padding: 0 1rem !important;
  }
  .circles-section .circle-wrapper {
    margin-bottom: 2rem !important;
  }
  .opening-hours-section {
    display: block;
    padding: 0 3rem 0 1rem !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  .opening-hours-section .blue-box {
    padding: 2rem 0 6rem 2rem !important;
  }
  .opening-hours-section .opening-hours-img img {
    display: none;
  }
  .opening-hours-section .opening-hours-img .white-box {
    top: -1rem;
  }
  .rules-section {
    margin-top: 120%;
    padding: 0 1rem !important;
  }
  .rules-section .rules-text {
    padding-left: 0 !important;
  }
  .map-section {
    padding-top: 0;
  }
  .map-section h2 {
    padding: 0 1rem !important;
  }
}

@media (max-width: 1200px) {
  .contact-us-section {
    padding-left: 0;
  }
  .contact-us-map {
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  .contact-us-img {
    width: 100%;
    padding-top: 3rem;
  }
  .contact-us-img img {
    width: 95%;
    display: block;
    margin: 0 auto;
  }
  .contact-us-footer {
    width: 100%;
  }
  .contact-us-footer p {
    width: 90% !important;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #d5dade;
    margin-top: 1rem;
  }
  .contact-us-footer p a {
    display: block;
    margin-bottom: 0.5rem;
  }
  .contact-us-section {
    flex-direction: column;
  }
  .contact-us-section .form-section {
    padding-bottom: 2rem;
    width: 95%;
    display: block;
    margin: 0 auto;
  }
  .contact-us-section .form-section h2 {
    text-align: center;
    padding-bottom: 0rem !important;
  }
  .contact-us-section .form-section p {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0 !important;
  }
  .contact-us-section .form-section .form-groups {
    padding-left: 3rem;
  }
  .contact-us-section .form-section .form-groups .form-group {
    flex-direction: column;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="email"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="tel"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="text"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="submit"] {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item textarea {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item select {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-action {
    width: 100% !important;
  }
  .contact-us-section .form-section .form-groups .form-group .form-action input {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 576px) {
  .contact-us-img {
    width: 100%;
    padding-top: 3rem;
  }
  .contact-us-img img {
    width: 95%;
    display: block;
    margin: 0 auto;
  }
  .contact-us-footer {
    width: 100%;
  }
  .contact-us-footer p {
    width: 90% !important;
    display: block;
    margin: 0 auto;
    padding: 0 !important;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #d5dade;
    margin-top: 1rem;
  }
  .contact-us-footer p a {
    display: block;
    margin-bottom: 0.5rem;
  }
  .contact-us-section {
    flex-direction: column;
  }
  .contact-us-section .form-section {
    padding-bottom: 2rem;
    width: 95%;
    display: block;
    margin: 0 auto;
  }
  .contact-us-section .form-section h2 {
    text-align: center;
    padding-bottom: 0rem !important;
  }
  .contact-us-section .form-section p {
    text-align: center;
    width: 95%;
    margin: 0 auto;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0 !important;
  }
  .contact-us-section .form-section .form-groups {
    padding-left: 3rem;
  }
  .contact-us-section .form-section .form-groups .form-group {
    flex-direction: column;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="email"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="tel"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="text"],
  .contact-us-section .form-section .form-groups .form-group .form-item input[type="submit"] {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item textarea {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-item select {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
  .contact-us-section .form-section .form-groups .form-group .form-action {
    width: 100% !important;
  }
  .contact-us-section .form-section .form-groups .form-group .form-action input {
    width: 90% !important;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 1200px) {
  .cafe-slider-section {
    flex-direction: column-reverse;
    justify-content: start;
    align-items: flex-start;
    margin-left: 2rem !important;
  }
  .cafe-slider-section .cafe-slider {
    width: 100%;
  }
  .cafe-slider-section .slider-arrows {
    top: 32rem;
  }
  .text-section {
    margin: 2rem !important;
  }
}

@media (max-width: 768px) {
  .cafe-slider-section .custom_paging {
    padding: 0.4rem 2rem;
  }
}

@media (max-width: 768px) {
  body.active {
    overflow: hidden;
  }
  .fixed-header .mobile-menu {
    top: 1.5rem !important;
  }
  .header {
    position: fixed;
    top: 0;
  }
  .header .logo {
    padding: 0rem;
    margin-left: 1rem;
    background-color: unset;
  }
  .header .btn {
    display: none;
  }
  .header .header-number {
    display: none;
  }
  .header .navbar {
    position: absolute;
    background: #000000;
    height: 100vh;
    width: 100vw;
    top: 0;
    right: -100%;
    z-index: 150;
    transition: all 0.3s;
    display: block;
  }
  .header .navbar.active {
    right: 0;
  }
  .header .navbar .main-menu {
    flex-direction: column;
    align-items: center;
    padding: 4rem 0;
  }
  .header .navbar .main-menu li {
    padding: 1rem;
    margin-right: 0;
  }
  .header .mobile-menu {
    display: initial;
    position: absolute;
    right: 1.5rem;
    top: 1.5rem;
    cursor: pointer;
  }
  .header .mobile-menu span {
    width: 40px;
    height: 3px;
    background-color: #242331;
    display: block;
    margin: 0.5rem 0;
  }
  .header .mobile-menu ul {
    width: 100%;
  }
  .header .mobile-menu-close {
    display: initial;
    position: absolute;
    left: 1.5rem;
    top: 2rem;
    cursor: pointer;
  }
  .header .mobile-menu-close span {
    width: 30px;
    height: 3px;
    background-color: #fff;
    display: block;
    margin: 0.5rem 0;
  }
  .header .mobile-menu-close span:nth-child(1) {
    transform: rotate(45deg);
  }
  .header .mobile-menu-close span:nth-child(2) {
    transform: rotate(-45deg);
    margin-top: -0.7rem;
  }
  .slider-section .slider-img {
    background-size: cover;
    background-position: center;
  }
  .slider-section .flipped-wrapper {
    display: none;
  }
  .slider-section .form {
    top: 7rem;
    right: 0;
    box-sizing: border-box;
    width: calc(100% - 4rem);
    flex-direction: column;
    margin: 2rem;
    padding: 2rem;
  }
  .footer {
    padding: 1rem;
  }
  .footer .main-footer {
    text-align: center;
    padding: 1rem;
  }
  .footer .main-footer .d-flex {
    flex-wrap: wrap;
  }
  .footer .main-footer .d-flex .footer-logo {
    padding: 0;
  }
  .footer .copyright {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
  }
  .inner-header .navbar ul li a {
    color: #d5dade;
  }
  .inner-header .mobile-menu span {
    background-color: #000000;
  }
  .top-ticket {
    margin-left: 0 !important;
  }
  .social-icons {
    float: none !important;
    padding-left: 1rem !important;
  }
  .navbar-item a {
    color: #fff !important;
  }
  .book-section {
    padding: 0 !important;
  }
  .home-s1-title {
    padding: 1rem !important;
  }
  .img-full-c-mobile {
    height: 50vh !important;
  }
  .img-full-w-mobile {
    background-size: 100% auto !important;
    height: 50vh !important;
  }
  .no-padding-mobile {
    padding: 1rem !important;
  }
  .full-w-mobile {
    width: 100% !important;
  }
  .jut-mobile {
    display: inline;
    color: #fff !important;
    float: right;
  }
  .hide-on-mobile {
    display: none !important;
  }
  .d-flex {
    flex-wrap: wrap;
  }
  .d-flex-mobile {
    flex-wrap: unset !important;
  }
  .img-full-ws-mobile {
    width: 100%;
  }
}

.top-ticket {
  width: 50%;
  height: 2.1rem;
  display: inline-block;
}

.top-sm {
  float: right;
  width: 40%;
  height: 2.1rem;
  display: inline-block;
}

/*******************************************/
.price-list-container {
  width: 1140px;
  margin-right: auto;
  margin-left: auto;
  box-sizing: border-box;
}

.price-list-body {
  background-image: url(images/back-img1.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.price-list-body .btn-wrapper {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 2rem;
}

.ticket-btn {
  background: #01a0a8;
  border-radius: 5px;
  border: 0;
  text-decoration: none;
  padding: 1rem 2rem;
  color: #fff;
  text-transform: uppercase;
  font-family: "Quicksand-Medium";
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.stations-tabs {
  position: relative;
  z-index: 0;
}
.stations-tabs .station-box {
  background-color: #f0f0f0;
  color: #a2a2a2;
  width: 25rem !important;
  padding: 1rem;
  border-radius: 10px;
  cursor: pointer;
  z-index: 0;
  transition: all 0.3s;
}
.stations-tabs .station-box.active {
  background-color: #00aac3;
  color: #fff;
  width: 25rem !important;
}
.stations-tabs .station-box span {
  font-size: 14px;
}

.tables-wrapper {
  background-color: #fff;
  border-radius: 10px;
  margin-top: -1rem;
  z-index: 10;
  position: relative;
  padding: 5rem;
}
.tables-wrapper .table-container {
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  overflow: hidden;
}
.tables-wrapper .table-container table {
  width: 100%;
  background-color: #f7f7f7;
  font-family: "Quicksand-Medium";
  border-collapse: collapse;
}
.tables-wrapper .table-container table thead {
  background-color: #d3d3d3;
}
.tables-wrapper .table-container table thead td {
  padding: 1rem 0 1rem 1rem;
}

.tables-wrapper .table-container table tr {
  border-bottom: 1px solid #d3d3d3;
}
.tables-wrapper .table-container table td {
  padding: 1.5rem 0;
  text-align: center;
}

.tables-wrapper .table-container table td.col-1{
  text-align: left !important;
  padding-left: 2rem;
}

.tables-wrapper .table-container table td.col-1-t{
  text-align: left !important;
  padding-left: 5rem;

}

.tickets-boxes-wrapper {
  font-family: "Quicksand-Medium";
  margin-top: 2rem;
}
.tickets-boxes-wrapper .box {
  background-color: #ffffff;
  width: 45%;
  padding: 1rem;
  border-radius: 10px;
}
.tickets-boxes-wrapper .box h3 {
  font-family: "Gotham-Book";
  font-size: 22px;
  font-weight: bold;
}
.tickets-boxes-wrapper .box h3 span {
  color: #00aac3;
}
.tickets-boxes-wrapper .box p {
  font-size: 17px;
}

@media (max-width: 1200px) {
  .price-list-container {
    max-width: 100%;
    padding: 0 1rem;
  }
  .tables-wrapper {
    padding: 0;
  }
}


@media (max-width: 768px) {
  .price-list-container {
    width: 100%;
    padding: 0 1rem;
  }

  .tables-wrapper {
    padding: 0;
  }

  .tables-wrapper .table-container table thead td {
    padding: 1rem 0 1rem 1rem;
  }

  .tickets-boxes-wrapper {
    flex-direction: column;
  }

  .tickets-boxes-wrapper .box {
    width: 100%;
    padding: 14px 1rem;
    box-sizing: border-box;
    margin-bottom: 1rem;
  }
}

@media (max-width: 576px){
  .price-list-container {
    width: 100%;
    padding: 0 1rem;
  }

  .price-list-body .btn-wrapper{
    justify-content: center;
  }

  .price-list-body .btn-wrapper a{
    font-size: 15px;
  }

  .tables-wrapper {
    padding: 0;
  }
  .tables-wrapper .table-container table td{
    padding: 1.5rem 1rem;

  }

  .stations-tabs{
    flex-wrap: wrap;
    margin-bottom: 1rem;
    padding: 0;
  }

  .stations-tabs .station-box{
    width: 48%;
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding: 0.5rem;
  }

  .stations-tabs .station-box p{
    margin: 0.5rem 0 0 ;
    font-size: 16px;
  }
  .stations-tabs .station-box span{
    font-size: 14px;
  }

}

.head-incs{
  color:#000;
  font-weight:500;
}
.bg-img-c{
  background: url('https://www.palmmonorail.com/images/attractions/tp_h.png');
}
.poi-e{
  cursor: pointer;
}
.arr-l-r{
  float: right;
  width: 100%;
  text-align: right;
}
.styd-a{
  color:#000;
  font-weight:500;
}
.styd-imgws{
  float: right;
  cursor: pointer;
}
</pre></body></html>