@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,300;6..12,400;6..12,500;6..12,600;6..12,700&family=Raleway:wght@100;300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap");

:root {
 /* theme color */
 --bg-body-color: #fff;
 --primary-color: #dc0f0f;
 --secondary-color: rgb(27, 81, 166);
 --tertiary-color: #ffffff;
 --accent-color: #444444;

 /* gradient color */

 --primary-linear-gradient-color: linear-gradient(270deg,
   var(--primary-color) 2.17%,
   #dc0f0f 73.76%,
   #dc0f0f 100%);


 --secondary-linear-gradient-color: linear-gradient(270deg,
   var(--secondary-color) 2.17%,
   rgb(27, 81, 166, 0.9) 100%);

 --black-color-100: #212121;
 --black-color-500: #bdbdbd;
 --black-color-50: #f6f6f6;

 /* text */

 --primary-text-color: var(--tertiary-color);
 --secondary-text-color: var(--black-color-100);
 --tertiary-text-color: var(--primary-color);

 --input-text-color: var(--black-color-500);

 /* default background  */

 --primary-bg-color: var(--primary-linear-gradient-color);
 --fallback-primary-bg-color: var(--primary-color);
 --secondary-bg-color: var(--secondary-linear-gradient-color);
 --input-bg-color: var(--tertiary-color);

 /* active state background */
 --primary-active-bg-color: var(--primary-linear-gradient-color);
 --secondary-active-bg-color: var(--black-color-100);

 /* border */
 --primary-border-color: var(--primary-color);
 --secondary-border-color: var(--secondary-color);
 --input-default-border-color: var(--black-color-500);
 --input-focus-border-color: var(--accent-color);

 /*component colors*/

 /* buttons */
 --primary-btn-background: var(--primary-bg-color);
 --secondary-btn-background: var(--secondary-bg-color);

 /* form */

 --form-headings-background: var(--secondary-bg-color);

 /* heading text fonts */
 --headings-font-family: "Raleway", sans-serif;
 --texts-font-family: "Nunito Sans", sans-serif;
 --number-font-family: "Montserrat", sans-serif;
 --h1-high-font-size: 30px;
 --heading-font-weight: 700;
 --heading-line-height: 1.1;

 --h1-base-font-size: 26px;
 --h2-base-font-size: 24px;
 --h3-base-font-size: 22px;

 /* base fonts */
 --text-family-nunito: "Nunito Sans", sans-serif;

 /* body text */
 --body-line-height: 1.6;

 /* custom bootstrap */

 --bs-accordion-btn-icon: url(data:image/svg + xml,
 %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"fill="#fff"%3e%3cpathfill-rule="evenodd"d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e);
}

html,
body {
 font-family: var(--texts-font-family);
 background-color: var(--bg-body-color);
 height: 100%;
}

main {
 padding-top: 17%;
 padding-bottom: 75px;
}

/* p,
span,
small {
  line-height: var(--body-line-height);
} */

/*override bootstrap margin*/

p {
 line-height: 1.8rem !important;
 margin-bottom: 15px;
 font-size: 16px;
}

a {
 text-decoration: none;
}

main a {
 color: var(--primary-color);
}

h1,
h2,
h3,
h4,
h5 {
 font-family: var(--headings-font-family);
 font-weight: var(--heading-font-weight);
 line-height: var(--heading-line-height);
}

button,
p,
small,
strong,
span,
a,
ul li {
 font-family: var(--texts-font-family);
 color: var(--secondary-text-color);
 line-height: 1.25;
}

h1 {
 font-size: var(--h2-base-font-size);
}

h2 {
 font-size: var(--h2-base-font-size);
}

h3 {
 font-size: var(--h3-base-font-size);
}

li {
 list-style: none;
}

input {
 width: 100%;
 outline: none;
 color: var(--secondary-text-color);
 border: 1px solid var(--input-default-border-color);
 background: var(--input-bg-color);
 transition: border 0.3s ease;
}

/* input {
  padding: 8px 16px;
}
 */

input:not([type="checkbox"]):not([type="radio"]) {
 padding: 8px 16px;
}

/* input[type=radio] {
  padding: 0;
}

input[type=checkbox] {
  padding: unset;
} */

input:not([type="checkbox"]):not([type="radio"]),
select {
 border-radius: 99px !important;
 padding-left: 15px !important;
}

input[type="radio"] {
 padding: 0;
 width: 1em;
 height: 1em;
 margin-top: 0.25em;
 vertical-align: top;
 background-color: var(--input-bg-color);

 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 border: 1px solid var(--bs-border-color);
 -webkit-print-color-adjust: exact;
}

/*====BASE STYLES====*/

h1.heading-one {
 font-family: var(--headings-font-family);
 font-size: var(--h1-high-font-size);
 font-weight: var(--heading-font-weight);
 text-align: center;
 background: var(--primary-color);
 background: var(--primary-linear-gradient-color);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 line-height: var(--heading-line-height);
}

.btns {
 --btn-padding-x: 12px;
 --btn-padding-y: 10px;
 font-family: var(--text-family-nunito) !important;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #212529;
 border-width: 1px solid;
 border-radius: 0.375rem;
 padding: var(--btn-padding-x) var(--btn-padding-y);
 text-align: center;
 text-decoration: none;
 vertical-align: middle;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 user-select: none;
 transition: ease-in-out 0.3s;
 padding-block: 1rem;
}

.form-headings-bg {
 background: var(--form-headings-background);
 color: var(--primary-text-color);
 padding-block: 1rem;
}

.text__gradient,
.number__gradient {
 background: var(--primary-linear-gradient-color);
 -webkit-background-clip: text;
 color: transparent;
 background-clip: text;
}

.primary-background {
 background: var(--primary-bg-color);
}

.secondary-color {
 background: var(--secondary-bg-color);
}

.border-gradient {
 border: 1px solid var(--primary-border-color);
}

.number__font {
 font-style: var(--number-font-family);
}

/*====COMPONENTS CUSTOM STYLES====*/

/* buttons */

:is(.secondary-button, .primary-button, .outline-button) {
 color: var(--primary-text-color) !important;
 padding-block: 1rem;
 border-radius: 50rem;
}

.primary-button {
 background: var(--secondary-bg-color);
 background: var(--primary-btn-background);
 border: 1px solid var(--primary-border-color);

 &:hover {
  opacity: 0.8;
 }
}

.secondary-button {
 background: var(--secondary-btn-background);
 border: 1px solid var(--secondary-border-color);

 &:hover {
  opacity: 0.9;
 }
}

.outline-button {
 background: var(--primary-btn-background);
 background-clip: text;
 -webkit-background-clip: text;
 -webkit-text-fill-color: transparent;
 border: 1px solid var(--primary-border-color);
 transition: ease-in-out 0.3s;
 color: var(--primary-text-color);
}

/* buttons with icon */

:is(button, a) ion-icon {
 height: 1.2em;
 width: 1.5em;
}

/* accordions */

.accordion-button {
 background: var(--secondary-btn-background);
 color: var(--primary-text-color) !important;
 line-height: 1.2;
 border-radius: 0.375rem !important;

 &::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'%3E%3C!-- Change %2300FF00 to your desired color --%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E%0A");
 }

 &:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'%3E%3C!-- Change %2300FF00 to your desired color --%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E%0A");
  transform: rotate(-180deg);
 }

 &:focus {
  border-color: transparent;
 }
}

.hide-accordion-button::after {
 display: none;
}

/* bootstrap forms */
.form-check-input:checked {
 background-color: var(--primary-border-color) !important;
 border-color: var(--primary-border-color) !important;
}

/* input group field */

.input__container {
 width: 100%;

 & input {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
 }

 & .btn--heart {
  padding: 8px 12px;
  font-size: 14px;
  line-height: 25px;
  color: var(--primary-text-color);
  background: var(--secondary-btn-background);
  border: 1px solid var(--secondary-border-color);
  font-weight: bold;
  transition: background 0.3s ease, border 0.3s ease, color 0.3s ease;
 }
}

/* form captcha */

.form__captcha {
 & font {
  font-size: 0.9rem;
 }

 & img {
  margin-block: 10px;
 }

 & input[type="text"] {
  width: 50%;
  padding: 18px !important;
  margin-top: 8px;
  border: 1px solid #dddd !important;
 }

 & input[type="submit"] {
  color: var(--primary-text-color);
  background: var(--secondary-btn-background);
  border: 1px solid var(--secondary-border-color);
  padding: 1rem;
  margin-top: 12px;
 }
}

/* top navbar */

.navbar {
 padding: 5px 15px;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.input-search {
 /* padding-inline: 15px; */

 & button {
  inset: 5px 0px 0px 230px;
  width: 2.3rem;
  background-color: transparent;
  border: 0;
 }
}

.logo {
 text-align: center;
 margin-bottom: 10px;
}

/* menu button */
.btn-menu {
 background: var(--secondary-linear-gradient-color);
 color: var(--tertiary-color);
 border: 1px solid var(--secondary-linear-gradient-color);
}

#search-icon {
 height: 2.4rem;
 width: 2.4rem;

 & button {
  padding: 1.2rem;
  color: var(--tertiary-color);
  background: var(--secondary-bg-color);
  background: var(--primary-bg-color);
  border: 1px solid var(--primary-border-color);
 }
}

#checkmark-icon {
 height: 2.4rem;
 width: 2.4rem;
 padding: 1.2rem;
 border: 1px solid var(--primary-linear-gradient-color);
 background: var(--primary-color);
 background: var(--primary-linear-gradient-color);

 & ion-icon {
  color: var(--tertiary-color) !important;
 }

 /*& .primary {
    background: var(--primary-color);
    background: var(--primary-linear-gradient-color);
  } */

 & .secondary {
  background: var(--black-color-500);
 }
}

#search-input {
 font-family: var(--text-family-nunito);
}

.menu {
 position: fixed;
 top: 0;
 left: 0%;
 width: 100%;
 height: calc(100vh - 75px);
 background-color: #fff;
 transition: transform 0.3s ease-in-out;
 transform: translateX(-100%);
}

#menuTestimonials {
 z-index: 1;
}

#menuServicesOptions {
 z-index: 2;
}

#menuTravelMeetHer {
 z-index: 3;
}

#menuSearchOptions {
 z-index: 4;
}

#menuSeeWomensProfile {
 z-index: 5;
}

#menuTravelMeetHer ul li a,
#menuSeeWomensProfile ul li a,
#menuServiceWorks ul li a,
#menuServicesOptions ul li a,
#menuTestimonials ul li a,
#menuPolicies ul li a {
 color: #212529 !important;
}

#menuServiceWorks {
 z-index: 6;
}

.menu ul {
 list-style: none;
 padding: 0;
 margin: 50px 0 0 0px;
}

.menu ul li {
 margin-bottom: 20px;
 font-size: 18px;
}

.menu.open {
 transform: none;
}

.offcanvas-header {
 border-bottom: #fbfbfb solid 1px;
}

/* .offcanvas.offcanvas-start {
  width: 100% !important;
  height: calc(100vh - 75px);
} */

.offcanvas-body ul li {
 padding: 5px 0px;
}

#ion-searchIcon {
 top: 50%;
 right: 5%;
 transform: translateY(-50%);
}

/* end top navbar */

/* bottom nav */

#fixed-bottomNav {
 z-index: 1046;
 background: #333333;
 color: #fff;
 padding: 0;
 height: 75px;
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 justify-content: center;
 align-items: center;

 & a {
  font-size: 11px;

 }

 & span {
  color: var(--primary-text-color);

 }
}

/* tab panels */

#myTab {
 & button.nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: 2px;

  /* & small {
      font-size: 0.67em;
    } */
 }

 & ion-icon {
  width: 0.8em;
  height: 0.8em;
  margin-bottom: 5px;
 }

 & .number-circle {
  background: var(--primary-bg-color);
  color: var(--primary-text-color);
  border-radius: 999px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
 }
}

#myTabContent {
 border: 1px solid var(--primary-border-color);
 border-radius: 16px;
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 /* padding-bottom: 21px; */

 & a {
  color: var(--primary-color);
 }
}

.nav-tabs .nav-link {
 color: var(--secondary-text-color);
 font-weight: 700;
 border: 1px solid #dc0f0f 4f;
 border-bottom: 0;

}

.nav-tabs .nav-link.active:is(#primary-tab,
 #secondary-tab,
 #secondary-tab-outline,
 #tertiary-tab-outline,
 #fourth-tab-outline) {
 background: var(--secondary-bg-color);
 background: var(--primary-active-bg-color);
 color: var(--primary-text-color);

 & small {
  color: var(--primary-text-color);
 }

 & .number-circle {
  background: var(--tertiary-color);
  color: var(--tertiary-text-color);
 }

 /* & .number-active {
    background: var(--primary-linear-gradient-color);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;
  } */
}

/* black tab background used only on membership page */
.nav-tabs .nav-link.active#secondary-tab {
 background: var(--secondary-active-bg-color);
 color: var(--primary-text-color);
}

/* .nav-tabs .nav-link.active#primary-tab {
    background: var(--secondary-bg-color);
    background: var(--primary-active-bg-color);
} */

/* card grid */

.grid {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 0.5rem;
}

/*========= SCREEN CUSTOM STYLES ==========*/

/* Splash Screen  */

.dynamic-container {
 min-height: 100dvh;
}

.rotator-img-1 {
 background-image: url("/mobile-app/thailand-women/images/rotator-image-1.png");
}

.rotator-img-2 {
 background-image: url("/mobile-app/thailand-women/images/rotator-image-2.png");
}

.rotator-img-3 {
 background-image: url("/mobile-app/thailand-women/images/rotator-image-3.png");
}

.carousel-image {
 background-position: center;
 background-size: cover;
 background-repeat: no-repeat;
 height: 48dvh;
}

/* Dashboard (Home) Screen */

/* Custom Splide CSS for Slider */
#thumbnail-slider .splide__slide {
 border-radius: 50%;
 margin-right: 0.7rem;
}

.splide__track--nav>.splide__list>.splide__slide {
 border: 3px solid #fff;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
 border: 3px solid var(--primary-border-color);
}

#main-slider .splide__slide {
 background-position: top center !important;
}

#showhideThumbnail-slider {
 transition: top 0.3s ease-in-out;
}

#splide-tour-videos small#live-indicator {
 background: #08c514;
 top: 0.5%;
 left: 1%;
}

.splide__pagination__page.is-active {
 background: var(--primary-color);
}

.splide__pagination__page {
 background: white;
 border: 1px solid var(--primary-color);
}

/* Play Button Icon for Featured Videos */

:is(#splide-featured-videos, #splide-tour-videos) ion-icon[name="play-circle"] {
 font-size: 3.5em;
}

.fslightbox-slide-number-container {
 & .fslightbox-flex-centered {
  & span:first-child {
   color: #fff !important;
  }
 }
}

.fslightbox-toolbar-button[title="Enter fullscreen"] {
 display: none;
}

/* Animation for each featured videos */
.fade-in-bottom {
 -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
 animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-1-9 12:38:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes fade-in-bottom {
 0% {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
 }

 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
 }
}

@keyframes fade-in-bottom {
 0% {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  opacity: 0;
 }

 100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
 }
}

/* Membership Screen */

.tab-content--save {
 background: var(--secondary-linear-gradient-color);
 color: var(--primary-text-color);
}

.tab-content--link {
 margin-top: 5px !important;
 display: inline-block;
}

.tab-content--price {
 font-size: 4rem !important;
}

.membership .pricing p {
 font-family: var(--number-font-family);
}

/* .membership #checkmark-icon {
  height: 2.4rem;
  width: 2.4rem;
  padding: 1.2rem;
  border: 1px solid var(--primary-linear-gradient-color);
  background: var(--primary-color);
  background: var(--primary-linear-gradient-color);
}

.membership #checkmark-icon ion-icon {
  color: var(--tertiary-color) !important;
} */

.membership #checkmark-icon.primary {
 background: var(--primary-color);
 background: var(--primary-linear-gradient-color);
}

.membership #checkmark-icon.secondary {
 background: var(--black-color-500);
}

*/
/* Search Option */

/* quick search */

.subtitle {
 font-size: 0.68em !important;
}

/* Individual Club Tours Screen */

/* club tours */

#travel-club-tours,
#tour-club-profiles-form-area,
#imbra-request-form,
#individual-introduction {
 background: #e7e7e775;

 & h2,
 h3 {
  background: var(--form-headings-background);
  color: var(--primary-text-color);
  padding-block: 1rem;
 }

 & h3 {
  margin-bottom: 1.5rem;
  text-align: center;
 }

 & center {
  align-self: center;
  margin-top: 20px;

  & input[type="text"] {
   width: 50%;
   padding: 18px !important;
   margin-top: 8px;
   border: 1px solid #dddd !important;
  }
 }

 & input[type="submit"] {
  width: 75% !important;
  margin: 0 auto 40px;
  color: var(--primary-text-color);
  background: var(--secondary-btn-background);
  border: 1px solid var(--secondary-border-color);
  padding-block: 1rem;

  &:hover {
   opacity: 0.9;
  }
 }

 & .form-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;

  padding-inline: 15px;
  text-align: start;
 }

 & .form-group:not(.tour-club-submit) {
  margin-bottom: 15px;
 }

 & .control-label {
  font-weight: 700;
  margin-bottom: 5px;
  text-align: start;
 }

 & .col-sm-8 {
  width: 100%;
  text-align: center;

  & .tour-group-radio-select-area {
   text-align: start;
   background: var(--tertiary-color);
   padding: 18px;
   border-radius: 15px;

   & .radio {
    margin-bottom: 10px;
   }

   & p {
    margin-bottom: 10px;
    font-size: 1.2rem;
    text-transform: capitalize;
   }
  }
 }

 & select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
 }

 & .tour-club-form-text {
  margin-block: 15px;
 }

 & .label-hide-txt {
  display: none;
 }

 /*tour-club-profiles-form-area*/

 & .profile-numbers-area {
  & .form-group {
   flex-direction: row;
   gap: 10px;
  }
 }

 /* imbra form */

 /* hide the first h3 of imbra form */

 & .imbra-order-form-section {
  & h3:first-of-type {
   display: none;
  }

  & label[for="comments"] {
   width: 300% !important;
   margin-right: 20px;
  }

  & input[name="communicated"] {
   width: 30px;
   height: 30px;
   margin-top: 15px;
  }

  & .submit-btn {
   margin-bottom: 0;
   padding-bottom: 2rem;
   text-align: center !important;

   & input {
    margin-bottom: 0px;
   }
  }
 }
}

/* TOUR SCHEDULE */

.form-step {
 border-radius: 20px;
 padding: 3rem;
}

.font-normal {
 font-weight: normal;
}

ul.form-stepper {
 counter-reset: section;
}

ul.form-stepper .form-stepper-circle {
 position: relative;
}

ul.form-stepper .form-stepper-circle span {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateY(-50%) translateX(-50%);
}

.form-stepper-horizontal {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between;
}

ul.form-stepper>li:not(:last-of-type) {
 margin-bottom: 0.625rem;
 -webkit-transition: margin-bottom 0.4s;
 -o-transition: margin-bottom 0.4s;
 transition: margin-bottom 0.4s;
}

.form-stepper-horizontal>li:not(:last-of-type) {
 margin-bottom: 0 !important;
}

.form-stepper-horizontal li {
 position: relative;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-transition: 0.5s;
 transition: 0.5s;
}

.form-stepper-horizontal li:not(:last-child):after {
 position: relative;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 height: 10%;
 content: "";
 top: 0;
 border-radius: 5px;
}

.form-stepper-horizontal li:after {
 background-color: #eff0f6;
}

.form-stepper-horizontal li.form-stepper-completed:after {
 background-color: #e24574;
}

.form-stepper-horizontal li:last-child {
 flex: unset;
}

ul.form-stepper li a .form-stepper-circle {
 display: inline-block;
 width: 40px;
 height: 40px;
 margin-right: 0;
 line-height: 1.7rem;
 text-align: center;
 background: rgba(0, 0, 0, 0.38);
 border-radius: 50%;
}

#submit:hover {
 background-color: #a50f0f;
}

#submitr {
 background-color: #dc0f0f;
}

.form-stepper .form-stepper-active .form-stepper-circle {
 background-color: #dc0f0f !important;
 color: #fff;

 & span {
  color: #fff !important;
  font-weight: 500;
 }
}

.form-stepper .form-stepper-active .label {
 color: #dc0f0f !important;
}

.form-stepper .form-stepper-unfinished .form-stepper-circle {
 background-color: #eff0f6;
}

.form-stepper .form-stepper-completed .form-stepper-circle {
 background-color: #dc0f0f !important;
 color: #fff;

 & span {
  color: #fff !important;
  font-weight: 500;
 }
}

.form-stepper .form-stepper-completed .label {
 color: #dc0f0f !important;
}

.form-stepper .form-stepper-active span.text-muted {
 color: #fff !important;
}

.form-stepper .form-stepper-completed span.text-muted {
 color: #fff !important;
}

.form-stepper .label {
 font-size: 1rem;
 margin-top: 0.5rem;
}

.form-stepper a {
 cursor: default;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Firefox */
input[type="number"] {
 -moz-appearance: textfield;
}

#comments {
 resize: none;
}

.form-select-lg {
 font-size: 1.15rem !important;
 visibility: visible;
}

/* END OF TOUR SCHEDULE STYLING */

#individual-introduction .text-center strong {
 display: none !important;
}

#individual-introduction form.form-horizontal {
 position: relative;
 top: -40px;
}

#individual-introduction .intro-note {
 position: relative;
 top: -65px;
}

/* Loading Screen */
.loader {
 position: fixed;
 z-index: 99;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(255, 255, 255, 1);
 display: flex;
 justify-content: center;
 align-items: center;
}

.loading {
 width: 48px;
 height: 48px;
 border: 3px dotted #dc0f0f;
 border-style: solid solid dotted dotted;
 border-radius: 50%;
 display: inline-block;
 position: relative;
 box-sizing: border-box;
 animation: rotation 2s linear infinite;
}

.loading::after {
 content: "";
 box-sizing: border-box;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 margin: auto;
 border: 3px dotted #dc0f0f;
 border-style: solid solid dotted;
 width: 24px;
 height: 24px;
 border-radius: 50%;
 animation: rotationBack 1s linear infinite;
 transform-origin: center center;
}

@keyframes rotation {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(360deg);
 }
}

@keyframes rotationBack {
 0% {
  transform: rotate(0deg);
 }

 100% {
  transform: rotate(-360deg);
 }
}

.loader.hidden {
 animation: fadeOut 1s;
 animation-fill-mode: forwards;
}

@keyframes fadeOut {
 100% {
  opacity: 0;
  visibility: hidden;
 }
}

/* End of Loading Screen */

/* Ronna Lou Live */
.dual-col {
 & .col-left {
  & h2 {
   font-size: 1rem;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 0.5rem;

   & img {
    width: 3rem;
   }
  }
 }

 & .col-right {
  & h4 {
   font-size: 1rem;
   text-wrap: balance;
  }
 }
}

/* End Ronna Lou Live */

/* set active nav for highlight videos & for fixed bottom nav */
.activeNav {
 background-color: var(--primary-color) !important;
 color: #fff !important;
}

.activeItemFixNav {
 background: var(--primary-linear-gradient-color);
 color: #fff !important;
}

/* end of set active nav for highlight videos & for fixed bottom nav */


/** visa review **/

#visa-review .splide:not(.is-overflow) .splide__pagination {
 display: flex;
}

/* end visa review */


/** Tour Info Modal **/


/** end Tour Info Modal **/