* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Manrope", sans-serif;
  color: #000000;
  line-height: 120%;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  margin: 0;
}

.hero_section {
  width: 100%;
  height: calc(100vh - 171px);
  position: relative;
}
.hero_section figure {
  margin: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero_section figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero_text {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.hero_text img,
.hero_text span {
  display: block;
}
.hero_text span {
  color: #ffffff;
  font-size: 60px;
  font-weight: 800;
  text-align: center;
}

.featured_section {
  padding: 25px 0;
  border-bottom: 1px solid #d9d9d9;
}
.featured_section .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}
.featured_section .container span {
  flex-shrink: 0;
  font-weight: bold;
  color: #828282;
}

.featured_logos {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 2rem;
}

main {
  padding: 2.5rem 0;
}
main section {
  margin-bottom: 4.5rem;
}

h1 {
  font-size: 34px;
  font-weight: bold;
  color: #0f6464;
  margin-bottom: 0.3rem;
}

.sub_title {
  font-size: 20px;
  font-weight: bold;
  color: #0f6464;
}

.option_item img,
.option_item span {
  display: block;
}
.option_item span {
  font-weight: bold;
  margin-top: 0.8rem;
}
.option_item p {
  margin-top: 0.5rem;
}

h2 {
  font-size: 34px;
  font-weight: bold;
  color: #0f6464;
}

.travel_item {
  position: relative;
}

.travel_item img {
  transition: transform 300ms ease;
}

.travel_item .img_wrapper {
  border-radius: 6px;
}

.travel_item img:hover {
  transform: scale(1.1);
}

.travel_title {
  font-size: 24px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  padding: 0.5rem;
  border-radius: 6px;
  background-color: rgba(39, 189, 190, 0.3);
  backdrop-filter: blur(4px);
  margin-bottom: 0;
  white-space: nowrap;
}

.banner {
  margin-top: 3rem;
  position: relative;
  border-radius: 6px;
}

.banner_content {
  position: absolute;
  left: 3rem;
  top: 2rem;
}
.banner_content.middle {
  top: 50%;
  left: 15%;
  translate: 0 -50%;
}

.banner_title {
  font-size: 48px;
  font-weight: 800;
  color: #0f6464;
}
.banner_title.white {
  color: #ffffff;
}
.banner_title.yellow {
  color: #fff273;
  font-size: 34px;
  font-weight: bold;
}

.find_btn {
  display: flex;
  align-items: center;
  justify-content: unset;
  margin-top: 2rem;
  gap: 0.8rem;
  padding: 16px;
  border-radius: 6px;
  background-color: #27bdbe;
  width: fit-content;
  font-weight: bold;
  color: #000000;
}

.package_cards {
  display: flex;
  align-items: unset;
  justify-content: unset;
  gap: 1rem;
  flex-wrap: wrap;
}
.package_cards > * {
  flex: 1 1 calc(25% - 1rem);
	max-width: calc(25% - 1rem);
	display: flex;
	flex-direction: column;
}
.package_cards hr {
  opacity: 1;
  color: #d9d9d9;
}

.p_card_img {
  flex: 1;
  transition: transform 300ms ease;
}

.img_wrapper {
  overflow: hidden;
  border-radius: 6px 6px 0 0;
}

.p_card_img:hover {
  transform: scale(1.1);
}

.p_card_content {
  background-color: #f5f5f5;
  padding: 0.8rem;
  border-radius: 0 0 6px 6px;
  flex: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.p_card_title {
  font-size: 24px;
  font-weight: bold;
  margin: 0;
}

.price_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.price_type {
  display: flex;
  align-items: center;
  justify-content: unset;
  gap: 0.5rem;
  font-size: 14px;
  font-weight: bold;
}

.package_price {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  gap: 0.5rem;
}

.price_lable {
  font-size: 14px;
}

.price {
  font-size: 20px;
  font-weight: bold;
}

.tick_list {
  margin: 0;
  padding: 0;
}
.tick_list li {
  list-style-type: none;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: unset;
  gap: 0.2rem;
	margin-bottom: 5px;
}
.tick_list li::before {
  content: "";
  display: block;
  width: 12px;
  height: 15px;
  background-image: url("../images/tick.png");
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
	margin-top: 2px;
}

.p_card_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}

.best_time {
  display: flex;
  align-items: flex-start;
  justify-content: unset;
}

.best_time_text {
  font-size: 14px;
}
.best_time_text span {
  font-weight: 600;
}

.office_card {
  border-radius: 6px;
  display: flex;
  align-items: unset;
  justify-content: unset;
}

.office_card_img {
	border-radius: 6px 0 0 6px;
}

.oc_content {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #d9d9d9;
  border-radius: 0 6px 6px 0;
  padding: 0.5rem;
  text-align: center;
  width: 100%;
}

.ratings {
  font-size: 24px;
  font-weight: bold;
}

.raview_label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0.2rem;
}

.reviews_count {
  font-size: 12px;
  font-weight: 600;
  color: #828282;
  margin-bottom: 0.2rem;
}

.office_location {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
}

.background_holder {
  padding-top: 4.5rem;
  position: relative;
}
.background_holder::after {
  content: "";
  display: block;
  width: 723px;
  height: 903px;
  background-image: url("../images/bg-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.background_holder::before {
  content: "";
  display: block;
  width: 407px;
  height: 851px;
  background-image: url("../images/bg-right.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  translate: 0 -50%;
  z-index: -1;
}
.background_holder h2 {
  text-align: center;
  max-width: 560px;
  margin: 0 auto;
}
.background_holder figure img {
  display: block;
  margin: 2rem auto 0;
}

.dark_sub_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.review_box {
  display: flex;
  align-items: unset;
  justify-content: unset;
}

.review_logo_wrapper {
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  padding: 1.2rem 1.4rem;
}

.reviews_info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  background-color: #f5f5f5;
  padding: 0.6rem 1.4rem;
  border-radius: 6px;
  border: solid #d9d9d9;
  border-width: 1px 1px 1px 0;
  width: 100%;
}
.reviews_info .vr {
  background-color: #d9d9d9;
  opacity: 1;
}

.holiday_ratings,
.holiday_reviews {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.hr_label {
  font-size: 14px;
  font-weight: bold;
  color: #828282;
}

.review_msg {
  background-color: #f5f5f5;
  padding: 16px 32px;
  border-radius: 6px;
  height: 100%;
}
.review_msg p {
  font-size: 14px;
  margin: 0.6rem 0;
}
.review_msg span {
  display: block;
}

.reviewer {
  font-size: 14px;
  font-weight: 600;
}

.label {
  font-size: 14px;
  color: #828282;
}

.review_btns_row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  gap: 1rem;
}
.review_btns_row a {
  display: flex;
  align-items: center;
  justify-content: unset;
  gap: 0.4rem;
  color: #0b57d0;
  font-size: 14px;
  font-weight: 600;
  background-color: #f5f5f5;
  padding: 8px;
  border-radius: 6px;
}

.visa_card {
  position: relative;
  border-radius: 6px;
}

.more_btn {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}

.vc_title {
  font-size: 34px;
  font-weight: bold;
  color: #0f6464;
  margin-bottom: 0.2rem;
}

.duration {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  padding: 0.3rem 0.6rem;
  border-radius: 15.5px;
  width: fit-content;
}
.duration.blue {
  background-color: #27bdbe;
}
.duration.yellow {
  background-color: #d5cb2c;
}
.duration.orange {
  background-color: #f89420;
}

.visa-card_texts {
  position: absolute;
  left: 1.4rem;
  bottom: 1.4rem;
}

.adv_wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  max-width: 85%;
  margin: 1.5rem auto 0;
}

.adv {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.8rem;
}

.adv_title {
  font-size: 24px;
  font-weight: bold;
}

.fast_track_visa {
  background-color: #f5f5f5;
  border-radius: 6px;
  padding: 1.2rem;
  height: 100%;
  display: flex;
  align-items: unset;
  justify-content: unset;
  flex-direction: column;
}
.fast_track_visa hr {
  opacity: 1;
  color: #d9d9d9;
}

.ft_title {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
}

.ft_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-top: auto;
}

.ft_price_wrapper span {
  display: block;
}

.ft_label {
  font-size: 14px;
}

.ft_price {
  font-weight: bold;
}

.partners_logos_wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80%;
  margin: 1.5rem auto 0;
  flex-wrap: wrap;
  gap: 3rem;
}
.partners_logos_wrapper > * {
  flex: 1 1 calc(20% - 3rem);
}
.partners_logos_wrapper > * img {
  display: block;
  margin: 0 auto;
}

.accordion {
  max-width: 80%;
  margin: 2rem auto 0;
}

.accordion-item {
  margin-bottom: 1rem;
  border-radius: 6px !important;
  border: 1px solid #d9d9d9 !important;
}

.accordion-button {
  border-radius: 6px !important;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}
.accordion-button:focus {
  outline: none;
  box-shadow: none;
}
.accordion-button:not(.collapsed) {
  background-color: #f5f5f5;
  box-shadow: none;
  color: #000000;
  border-radius: 6px 6px 0 0 !important;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus.png");
  background-size: contain;
  background-position: center;
}
.accordion-button::after {
  width: 15px;
  height: 15px;
  background-image: url("../images/plus.png");
  background-size: contain;
}

.accordion-body {
  background-color: #f5f5f5;
  border-radius: 0 0 6px 6px !important;
  padding-top: 0;
}

.lazy-svg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.clickable_location {
  cursor: pointer;
}

#svg-section {
  background-color: #f5f5f5;
  padding: 2rem 0;
}

.owl-carousel {
  margin-top: 2rem;
  position: relative;
}

.map_detail_card {
  background-color: #ffffff;
  border-radius: 6px;
  padding: 1.5rem 2.5rem;
}

.location_title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 0.2rem;
}

.explore_btn {
  display: flex;
  align-items: center;
  justify-content: unset;
  margin-top: 1rem;
  background-color: #d5cb2c;
  padding: 16px;
  border-radius: 6px;
  gap: 0.4rem;
  width: fit-content;
  color: #000000;
  font-weight: bold;
}
.explore_btn img {
  max-width: 21px;
}

.owl-nav {
  margin: 0 !important;
}
.owl-nav button {
  margin: 0 !important;
  border-radius: 50% !important;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
}
.owl-nav button::after {
  content: "";
  display: block;
  width: 48px;
  height: 48px;
  background-image: url("../images/location-nav.png");
  background-repeat: no-repeat;
  background-size: contain;
}
.owl-nav button.owl-prev {
  left: -24px;
}
.owl-nav button.owl-next {
  right: -24px;
  rotate: 180deg;
}
.owl-nav button span {
  display: none;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent !important;
  color: unset !important;
}

@media screen and (max-width: 1400px) {
  .package_cards>* {
    flex: 1 1 calc(33.33% - 1rem);
    max-width: calc(33.33% - 1rem);
  }
}

@media screen and (max-width: 1315px) {
  .featured_logos {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (max-width: 992px) {
  .hero_section {
    height: calc(55vh - 171px);
  }
  .hero_section::after {
    content: "";
    width: 100%;
    height: 95px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .hero_text {
    z-index: 0;
  }
  .hero_text span {
    font-size: 34px;
    min-width: 240px;
  }
  .hero_text img {
    max-width: 48px;
  }
  .featured_section .container {
    flex-direction: column;
    gap: 1rem;
  }
  .featured_logos {
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.5rem;
  }
  .featured_logos img {
    max-width: 100px;
  }
  main {
    padding: 1.5rem 0;
  }
  main p {
    font-size: 14px;
  }
  main section {
    margin-bottom: 3rem;
  }
  h1,
  h2 {
    font-size: 24px;
  }
  .option_item img {
    transform: scale(0.9);
    transform-origin: left;
    height: 54px;
  }
  .option_item span {
    font-size: 14px;
    margin-top: 0.3rem;
  }
  .travel_title {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .banner picture img {
    width: 100%;
  }
  .banner_content {
    left: 1.5rem;
    top: 1rem;
    right: 4rem;
    bottom: 2rem;
    display: flex;
    align-items: unset;
    justify-content: space-between;
    flex-direction: column;
  }
  .banner_title {
    font-size: 34px;
  }
  .banner_title br {
    display: none;
  }
  .package_cards {
    overflow-x: auto;
    flex-wrap: nowrap;
  }
  .package_cards > * {
    flex: unset;
    max-width: unset;
    flex-shrink: 0;
    max-width: 80%;
  }
  .p_card_img {
    width: 100%;
  }
  .p_card_title {
    font-size: 16px;
  }
  .price_type,
  .price_lable,
  .tick_list li,
  .best_time_text {
    font-size: 12px;
  }
  .price {
    font-size: 14px;
  }
  .more img {
    max-width: 40px;
  }
  .package_cards hr {
    margin: 0.6rem 0;
  }
  .best_time img {
    max-width: 32px;
  }
  .banner2 .banner_content {
    bottom: unset;
  }
  .banner2 .find_btn {
    margin-top: 1rem;
  }
  .office_card {
    max-width: 85%;
    margin: 0 auto;
  }
  .background_holder h2 {
    text-align: left;
  }
  .background_holder::before {
    background-image: url("../images/bg-right-mob.png");
    max-width: 100%;
    width: 410px;
    height: 400px;
    background-position: right;
    translate: unset;
    top: 30%;
  }
  .background_holder::after {
    background-image: url("../images/bg-left-mob.png");
    max-width: 100%;
    width: 410px;
    height: 400px;
    top: 3rem;
  }
  .background_holder figure {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
  }
  .background_holder figure img {
    display: inline-block;
    max-width: unset;
  }
  .dark_sub_title {
    text-align: center;
    font-size: 20px;
  }
  .sub_text {
    display: block;
    text-align: center;
    font-size: 14px;
  }
  .holiday_ratings,
  .holiday_reviews {
    font-size: 16px;
  }
  .hr_label {
    font-size: 14px;
    text-align: center;
  }
  .reviews_row {
    flex-wrap: nowrap;
    overflow-x: auto;
  }
  .reviews_row .col-lg-3 {
    max-width: 85%;
  }
  .review_msg {
    padding: 16px 20px;
  }
  .review_btns_row {
    flex-direction: column;
  }
  .banner_title.yellow {
    font-size: 24px;
  }
  .banner_content.middle {
    translate: unset;
    top: 18%;
    left: 1.5rem;
    right: 1.5rem;
    bottom: unset;
  }
  .visa-card_texts {
    left: 1rem;
    bottom: 1rem;
  }
  .vc_title {
    font-size: 24px;
    margin-bottom: 0.3rem;
  }
  .duration {
    font-size: 16px;
  }
  .adv_wrapper {
    flex-direction: column;
  }
  .adv_title {
    font-size: 20px;
  }
  .ft_title {
    font-size: 16px;
  }
  .ft_label {
    font-size: 12px;
  }
  .ft_price {
    font-size: 14px;
  }
  .ft_footer img {
    max-width: 44px;
  }
  .partners_logos_wrapper {
    width: 100%;
    gap: 1.5rem;
  }
  .partners_logos_wrapper > * {
    flex: 1 1 calc(33.33% - 1.5rem);
  }
  .accordion {
    max-width: 100%;
  }
  .accordion-button,
  .accordion-body {
    font-size: 14px;
  }
  #lazy-svg {
    margin-top: 1.5rem;
  }
  .location_title {
    font-size: 20px;
  }
  .map_detail_card p {
    font-size: 14px;
  }
  .explore_btn {
    font-size: 14px;
    padding: 12px 16px;
  }
  .owl-nav button.owl-next {
    right: -15px;
  }
  .owl-nav button.owl-prev {
    left: -15px;
  }
  .owl-nav button::after {
    width: 30px;
    height: 30px;
  }
}

/*# sourceMappingURL=style.css.map */