@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: #1B51A6;
  --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%,
    #1B51A6 73.76%,
    #1B51A6 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 #1b51a64f;
  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%;
}

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

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

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

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

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

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

.form-stepper .form-stepper-completed .label {
  color: #1B51A6 !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 #1B51A6 ;
  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 #1B51A6;
  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 **/