@import "fonts.css";


* {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}
html, body{
   overflow-x: clip;
}

html {
   scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
   html {
      scroll-behavior: auto;
   }

   * {
      animation-duration: 0.001ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.001ms !important;
   }
}



a {
   text-decoration: none;
   color: inherit;
}

ul {
   list-style: none;
}

.home img {
   max-width: 100%;
   display: block;
}

button {
   font-family: inherit;
   cursor: pointer;
   border: none;
   background: none;
}

input {
   font-family: inherit;
}

h1,
h2,
h3,
h4,
h5 {
   font-family: var(--font-display);
   color: var(--ink);
   font-weight: 600;
   letter-spacing: -0.01em;
}

/* reveal-on-scroll */
[data-reveal] {
   opacity: 0;
   transform: translateY(22px);
   transition: opacity 0.7s ease, transform 0.7s ease;
}

[data-reveal].fm-in {
   opacity: 1;
   transform: translateY(0);
}

:focus-visible {
   outline: 2px solid var(--navy-brand);
   outline-offset: 3px;
}







/* ==========================================================================
   Hero
   ========================================================================== */
.fm-hero {
   position: relative;
   padding: 168px 0 40px;
   text-align: center;
   color: #fff;
}

.fm-hero-banner {
   position: absolute;
   inset: 0;
   z-index: 0;
}

.fm-hero-banner img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.fm-hero-banner::after {
   content: "";
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(8, 20, 54, 0.86) 0%, rgba(8, 20, 54, 0.58) 42%, rgba(250, 251, 255, 0.55) 78%, var(--sky-bot) 100%);
}

.fm-hero>.container,
.fm-hero .fm-search-wrap {
   position: relative;
   z-index: 1;
}

.fm-eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 0.82rem;
   font-weight: 600;
   color: #fff;
   background: rgba(255, 255, 255, 0.16);
   border: 1px solid rgba(255, 255, 255, 0.3);
   padding: 7px 16px;
   border-radius: 12px;
   margin-bottom: 22px;
   backdrop-filter: blur(6px);
}
.form-check-input:checked {
    background-color: #0b1b4d;
    border-color: #0b1b4d;
}

.form-check-input[type=radio] {

    border: 2px solid #0b1b4d;
}
.fm-hero-title {
   font-size: clamp(2.4rem, 5.4vw, 4.1rem);
   line-height: 1.06;
   max-width: 780px;
   margin: 0 auto 20px;
   color: #fff;
}

.fm-hero-title span {
    background: linear-gradient(100deg, #fff, #0e316d 55%, #000000);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.fm-hero-sub {
   max-width: 560px;
   margin: 0 auto;
   color: rgba(255, 255, 255, 0.85);
   font-size: 1.06rem;
}

/* ==========================================================================
   Search card
   ========================================================================== */
.fm-search-wrap {
   max-width: 90%;
   margin: 44px auto 0;
   padding: 0 20px;
}
.lbl h6{
       text-align: left;
}
.fm-search-card {
   background: var(--glass-bg-strong);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius-lg);
   backdrop-filter: blur(22px) saturate(160%);
   -webkit-backdrop-filter: blur(22px) saturate(160%);
   box-shadow: var(--shadow-soft);
}

.fm-search-tabs {
    display: flex;
    gap: 4px;
    padding: 10px 14px 11px 14px;
    margin-bottom: 2px;
    border-bottom: 1px solid #dbdbdb;
    flex-wrap: wrap;
}

.fm-tab {
   display: flex;
   align-items: center;
   gap: 8px;
   padding: 10px 18px;
   border-radius: 12px;
   font-size: 0.88rem;
   font-weight: 600;
   color: var(--muted);
   transition: background 0.2s, color 0.2s;
}

.fm-tab.active {
   background: var(--ink);
   color: #fff;
}
.home-search-box {
    padding: 8px 15px 25px;
}

.journey-posi {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 10px;
   margin-bottom: 14px;
}

.fm-triptype {
   display: flex;
   gap: 22px;
   margin-bottom: 0;
   padding: 0;
}

.fm-class-select, .journey-posi select {
    background-color: rgba(18, 20, 43, 0.04);
    border: 1px solid var(--line);
    border-radius: 6px;
    font-size: 14px;
    padding: 6px 29px 6px 10px;
    width: auto;
}

.custom-radio-btn {
   color: var(--muted);
   font-size: 14px;
}

.custom-radio-btn input {
   accent-color: var(--navy-brand);
   width: 15px;
   height: 15px;
}

.home-form-block label,
.home-form-block .form-label {
   text-align: left;
   display: block;
   color: var(--muted);
   font-size: 14px;
   margin-bottom: 6px;
   line-height: 1.2;
}

/* invisible label that mirrors a real label's box, so the search
   button lines up perfectly with the input row next to it */
.fm-btn-label-spacer {
   visibility: hidden;
}

/* every field in the search card, and the search button, share
   the same fixed height so nothing looks mismatched */
.fm-input,
.fm-search-btn {
   height: var(--control-h);
}

.fm-input {
   display: flex;
   align-items: center;
   gap: 8px;
   background: rgba(18, 20, 43, 0.04);
   border: 1px solid var(--line);
   border-radius: var(--radius-sm);
   padding: 0 14px;
   transition: border-color 0.2s, background 0.2s;
}

.fm-input:focus-within {
   border-color: var(--navy-brand);
   background: #fff;
}

.fm-input i {
   color: var(--navy-brand);
   font-size: 0.95rem;
   flex-shrink: 0;
}

.fm-input input,
.fm-input select {
   border: none;
      background-color: unset;
   outline: none;
   font-size: 0.9rem;
   width: 100%;
   color: var(--ink);
   height: 100%;
       padding: 6px 6px 6px 6px;
}
.fm-input input:focus, .fm-input select:focus{
   box-shadow: unset;
}

.home-flight-arrow {
   position: absolute;
   left: -26px;
   z-index: 1;
   top: 43px;
   width: 25px !important;
   bottom: 0;
   margin: auto;
   right: 0;
}

.home-flight-arrow i {
   background: #fff;
   width: 28px;
   height: 28px;
   border-radius: 50px;
   padding: 5px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   color: #153266;
   cursor: pointer;
   border: 1px solid #dbdbdb;
   font-size: 12px !important;
   text-align: center;
   transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* search button: fills its column, matches control height,
   and sits flush with the inputs beside it */
.home-flight-btn.home-search-btn {
   display: flex;
   flex-direction: column;
   height: 100%;
}

.fm-search-btn {
   width: 100%;
   border-radius: var(--radius-sm);
}

/* guest / traveller dropdown panel */
.flight-guest,
.home-search-box .hotel-guest {
   position: absolute;
   background: #fff;
   color: #333;
   width: 290px;
   max-width: 290px;
   padding: 20px;
   top: calc(100% + 6px);
   left: 0;
   z-index: 1000;
   border-radius: 6px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   font-family: var(--font-body);
}

.flight-guest .flightclass {
   margin-top: 10px;
}

.flight-guest .flightclass .radio {
   padding: 5px;
   color: #333;
}

.sightseeing-guest h6,
.transfer-guest h6,
.flight-guest h6 {
   margin: 0 0 2px 0;
   line-height: normal;
   font-size: 16px;
   display: flex;
   align-items: end;
}

.sightseeing-guest .lbl span,
.transfer-guest .lbl span,
.flight-guest .lbl span,
.hotel-guest .lbl span {
   color: var(--navy-brand);
   text-align: left;
   display: block;
   font-size: 13px;
   padding-top: 4px;
}

.sightseeing-guest .btns button,
.transfer-guest .btns button,
.flight-guest .btns button,
.hotel-guest .btns button {
   outline: none;
   box-shadow: none;
   border: 1px solid #e9e9e9;
   color: #000;
   border-radius: 50px;
   width: 25px;
   height: 25px;
   display: flex;
   justify-content: center;
   align-items: center;
}

.sightseeing-guest .btns button span,
.transfer-guest .btns button span,
.flight-guest .btns button span,
.hotel-guest .btns button span {
   font-size: 12px;
   color: #000;
}

.sightseeing-guest .btns button:hover,
.transfer-guest .btns button:hover,
.flight-guest .btns button:hover,
.hotel-guest .btns button:hover {
   background: #12142b;
   color: #fff !important;
}

.sightseeing-guest .btns button:hover span,
.transfer-guest .btns button:hover span,
.flight-guest .btns button:hover span,
.hotel-guest .btns button:hover span {
   color: #fff !important;
}

.flight-guest input.adult,
.flight-guest input.child,
.flight-guest input.infant,
.hotel-guest .btns input {
   border: none;
   text-align: center;
   width: 30px;
   height: 30px;
   margin: -1px 0.5rem;
   font-size: 16px;
   color: #343a40 !important;
   font-weight: 500;
   outline: 0;
   background: none;
}

.sightseeing-guest .btn_cls,
.transfer-guest .btn_cls,
.flight-guest .btn_cls,
.hotel-guest .btn_cls {
   width: 100%;
   background: #12142b;
   border: 1px solid #12142b;
   border-radius: 6px;
}

.search_count_item {
   border-bottom: 1px solid #ededed;
}

/* route line signature */
.fm-route-line{ display: block; width: 100%; height: 90px; margin-top: -20px; }
.fm-route-line path{ fill: none; stroke: var(--navy-brand); stroke-width: 2; stroke-dasharray: 8 10; opacity: 0.35; stroke-linecap: round; }
.fm-route-plane path{ fill: var(--navy-brand); filter: drop-shadow(0 1px 2px rgba(11,27,77,0.35)); }
/* ==========================================================================
   Stats
   ========================================================================== */
.fm-stats {
   padding: 10px 0 60px;
}

.fm-stats-grid {
   background: var(--glass-bg);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius);
   backdrop-filter: blur(16px) saturate(150%);
   -webkit-backdrop-filter: blur(16px) saturate(150%);
   box-shadow: var(--shadow-card);
   padding: 34px 20px;
   margin: 0;
}

.fm-stat {
   text-align: center;
}

.fm-stat span {
   display: block;
   font-family: var(--font-mono);
   font-size: 1.7rem;
   font-weight: 600;
   background: linear-gradient(135deg, var(--navy-brand), var(--sky-blue));
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
}

.fm-stat p {
   font-size: 0.82rem;
   color: var(--muted);
   margin-top: 4px;
}

/* ==========================================================================
   Sections generic
   ========================================================================== */
.fm-section {
   padding: 80px 0;
}

.fm-section-alt {
   background: rgba(11, 27, 77, 0.04);
}

.fm-section-head {
   max-width: 640px;
   margin-bottom: 40px;
}

.fm-section-head-split {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
   max-width: none;
   gap: 20px;
   flex-wrap: wrap;
}

.fm-kicker {
   font-size: 0.8rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.08em;
   color: var(--navy-brand);
   margin-bottom: 10px;
}

.fm-kicker-light {
   color: rgba(255, 255, 255, 0.85);
}

.fm-section-head h2 {
   font-size: clamp(1.6rem, 3vw, 2.2rem);
}

.fm-section-sub {
   color: var(--muted);
   margin-top: 10px;
}

.fm-link-more {
   font-size: 0.9rem;
   font-weight: 600;
   color: var(--navy-brand);
   display: flex;
   align-items: center;
   gap: 6px;
   white-space: nowrap;
}

.fm-bento{ display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 230px; gap: 18px; }
.fm-bento-big{ grid-column: span 2; grid-row: span 2; }

.fm-dest-card{ position: relative; border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow-card); display: block; }
.fm-dest-card img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.fm-dest-card:hover img{ transform: scale(1.06); }
.fm-dest-info{ position: absolute; left: 0; right: 0; bottom: 0; padding: 18px 20px; background: linear-gradient(0deg, rgba(13,14,34,0.82), transparent); color: #fff; }
.fm-dest-info h3{ color: #fff; font-size: 1.15rem; }
.fm-dest-info p{ font-size: 0.85rem; opacity: 0.9; margin-top: 3px; }
.fm-dest-info strong{ color: var(--gold-light); }
/* ==========================================================================
   Flight tickets
   ========================================================================== */
.fm-ticket {
   background: var(--glass-bg);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius);
   padding: 24px;
   backdrop-filter: blur(14px) saturate(150%);
   -webkit-backdrop-filter: blur(14px) saturate(150%);
   box-shadow: var(--shadow-card);
   transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fm-ticket:hover {
   transform: translateY(-4px);
   box-shadow: var(--shadow-soft);
}

.fm-ticket-top {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 16px;
}

.fm-airline {
   display: flex;
   align-items: center;
   gap: 8px;
   font-size: 0.84rem;
   font-weight: 600;
   color: var(--ink);
}

.fm-airline-logo {
    display: grid;
    place-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #fff;
    font-family: var(--font-mono);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    border: 1px solid #ededed;
}
.fm-airline-a {
      background: #fff;
}

.fm-airline-b {
      background: #fff;
}

.fm-airline-c {
      background: #fff;
   color: var(--ink);
}

.fm-trip-tag {
   font-size: 0.72rem;
   font-weight: 600;
   color: var(--navy-brand);
   background: rgba(11, 27, 77, 0.08);
   padding: 4px 12px;
   border-radius: 12px;
   white-space: nowrap;
}

.fm-trip-tag-alt {
   color: #8A6412;
   background: rgba(201, 149, 47, 0.14);
}

.fm-ticket-route {
   display: flex;
   align-items: center;
   gap: 12px;
   font-family: var(--font-mono);
   font-size: 1.15rem;
   font-weight: 600;
   margin-bottom: 10px;
}

.fm-ticket-route i {
   color: var(--navy-brand);
   font-size: 1rem;
}

.fm-ticket-meta {
   color: var(--muted);
   font-size: 0.86rem;
   margin-bottom: 20px;
}

.fm-ticket-foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.fm-price {
   font-family: var(--font-mono);
   font-size: 1.3rem;
   font-weight: 600;
   color: var(--gold-accent);
}

/* ==========================================================================
   Hotel & tour cards
   ========================================================================== */
.fm-hotel-card,
.fm-tour-card {
   background: #fff;
   border-radius: var(--radius);
   overflow: hidden;
   box-shadow: var(--shadow-card);
   transition: transform 0.25s ease, box-shadow 0.25s ease;
   display: flex;
   flex-direction: column;
}

.fm-hotel-card:hover,
.fm-tour-card:hover {
   transform: translateY(-5px);
   box-shadow: var(--shadow-soft);
}

.fm-hotel-img,
.fm-tour-img {
   position: relative;
   aspect-ratio: 4/3;
   overflow: hidden;
}

.fm-hotel-img img,
.fm-tour-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
}

.fm-hotel-card:hover img,
.fm-tour-card:hover img {
   transform: scale(1.05);
}

.fm-badge {
   position: absolute;
   top: 12px;
   left: 12px;
   background: var(--gold-accent);
   color: #fff;
   font-size: 0.72rem;
   font-weight: 700;
   padding: 4px 10px;
   border-radius: 12px;
}

.fm-tag {
   position: absolute;
   top: 12px;
   left: 12px;
   background: var(--ink);
   color: #fff;
   font-size: 0.72rem;
   font-weight: 700;
   padding: 4px 10px;
   border-radius: 12px;
}

.fm-hotel-body,
.fm-tour-body {
   padding: 18px;
   display: flex;
   flex-direction: column;
   flex: 1;
}

.fm-hotel-body h4,
.fm-tour-body h4 {
   font-size: 1rem;
   margin-bottom: 4px;
}

.fm-hotel-loc {
   font-size: 0.82rem;
   color: var(--muted);
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 8px;
}

.fm-tour-meta {
   font-size: 0.82rem;
   color: var(--muted);
   margin-bottom: 8px;
}

.fm-stars {
   color: #F5B301;
   font-size: 0.78rem;
   margin-bottom: 12px;
}

.fm-amenities {
   display: flex;
   gap: 10px;
   margin-bottom: 14px;
}

.fm-amenities span {
   display: grid;
   place-items: center;
   width: 30px;
   height: 30px;
   border-radius: 9px;
   background: rgba(11, 27, 77, 0.06);
   color: var(--navy-brand);
   font-size: 0.85rem;
}

.fm-review-count {
   color: var(--muted);
   margin-left: 4px;
}

.fm-hotel-foot,
.fm-tour-foot {
   display: flex;
   align-items: center;
   justify-content: space-between;
   font-size: 0.88rem;
   padding-top: 14px;
   margin-top: auto;
   border-top: 1px solid var(--line);
}

.fm-hotel-foot strong,
.fm-tour-foot strong {
   color: var(--gold-accent);
   font-family: var(--font-mono);
}

/* ==========================================================================
   Why us
   ========================================================================== */
.fm-why-card {
   background: var(--glass-bg);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius);
   padding: 26px 22px;
   backdrop-filter: blur(14px) saturate(150%);
   -webkit-backdrop-filter: blur(14px) saturate(150%);
   box-shadow: var(--shadow-card);
   transition: transform 0.25s ease;
}

.fm-why-card:hover {
   transform: translateY(-4px);
}

.fm-why-icon {
   width: 46px;
   height: 46px;
   border-radius: 14px;
   background: linear-gradient(135deg, var(--navy-brand), var(--sky-blue));
   color: #fff;
   display: grid;
   place-items: center;
   font-size: 1.2rem;
   margin-bottom: 16px;
}

.fm-why-card h4 {
   font-size: 1rem;
   margin-bottom: 8px;
}

.fm-why-card p {
   font-size: 0.88rem;
   color: var(--muted);
}

/* ==========================================================================
   Testimonials
   ========================================================================== */
.fm-testimonials {
   padding: 80px 0;
   overflow-x: hidden;
}

.fm-quote-card {
   max-width: 100%;
   margin: 6px auto;
   text-align: center;
   background: var(--glass-bg-strong);
   border: 1px solid var(--glass-border);
   border-radius: var(--radius-lg);
   padding: 48px 40px;
   backdrop-filter: blur(18px) saturate(160%);
   -webkit-backdrop-filter: blur(18px) saturate(160%);
   box-shadow: var(--shadow-soft);
}

.fm-quote {
   font-family: var(--font-display);
   font-size: 1.25rem;
   line-height: 1.5;
   margin-bottom: 18px;
}

.fm-quote-card h5 {
   font-size: 0.92rem;
}

.fm-quote-card h5 span {
   display: block;
   font-family: var(--font-body);
   font-weight: 400;
   color: var(--muted);
   font-size: 0.82rem;
   margin-top: 2px;
}

/* Owl Carousel theme overrides */
.fm-testimonial-owl .owl-stage-outer {
   overflow: visible;
}

.fm-testimonial-owl .owl-nav {
   display: none;
}

.fm-testimonial-owl .owl-dots {
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-top: 22px;
}

.fm-testimonial-owl .owl-dots .owl-dot span {
   width: 8px;
   height: 8px;
   margin: 0;
   border-radius: 50%;
   background: var(--line);
   transition: background 0.2s, transform 0.2s;
}

.fm-testimonial-owl .owl-dots .owl-dot.active span {
   background: var(--navy-brand);
   transform: scale(1.3);
}

/* ==========================================================================
   CTA / newsletter
   ========================================================================== */
.fm-cta {
   padding: 20px 0 90px;
}

.fm-cta-inner {
   background: linear-gradient(120deg, var(--navy-brand), var(--sky-blue));
   border-radius: var(--radius-lg);
   padding: 48px 44px;
   box-shadow: var(--shadow-soft);
   margin: 0;
}

.fm-cta-copy {
   color: #fff;
}

.fm-cta-copy h2 {
   color: #fff;
   font-size: clamp(1.5rem, 2.6vw, 2rem);
   margin: 6px 0 10px;
}

.fm-cta-copy p {
   color: rgba(255, 255, 255, 0.85);
   font-size: 0.95rem;
}

.fm-newsletter {
   background: rgba(255, 255, 255, 0.15);
   padding: 8px;
   border-radius: 12px;
   border: 1px solid rgba(255, 255, 255, 0.3);
}

.fm-newsletter input {
   border: none;
   background: none;
   outline: none;
   padding: 10px 16px;
   color: #fff;
   box-shadow: none !important;
}

.fm-newsletter input::placeholder {
   color: rgba(255, 255, 255, 0.7);
}

.fm-newsletter .fm-btn-primary {
   background: #fff;
   color: var(--navy-brand);
   box-shadow: none;
}

.fm-newsletter .fm-btn-primary:hover {
   transform: none;
   background: #f2f2ff;
}



/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 992px) {
   .fm-section {
    padding: 30px 0 !important;
}
.fm-testimonials {
    padding: 30px 0;
   
}
.fm-cta {
    padding: 20px 0 20px;
}
   .fm-nav-links,
   .fm-support-btn {
      position: absolute;
      top: calc(100% + 10px);
      left: 0;
      right: 0;
      flex-direction: column;
      align-items: stretch;
      background: var(--glass-bg-strong);
      border: 1px solid var(--glass-border);
      border-radius: var(--radius);
      padding: 18px;
      backdrop-filter: blur(18px);
      -webkit-backdrop-filter: blur(18px);
      box-shadow: var(--shadow-soft);
      display: none;
   }

   .fm-nav-links.open,
   .fm-support-btn.open {
      display: flex;
   }

   .fm-nav-links {
      gap: 4px;
      text-align: center;
   }

   .fm-nav-links li a {
      display: block;
      padding: 10px 0;
   }

   .fm-support-btn {
      margin-top: calc(100% + 66px);
      margin-left: 0;
   }

   .fm-nav-toggle {
      display: flex;
   }

   .fm-logo-img {
      height: 44px;
   }

   .fm-search-wrap {
      max-width: 100%;
   }
}

@media (max-width: 768px) {
   .fm-hero {
      padding-top: 150px;
   }

   .home-flight-arrow {
      display: none;
   }

   .home-flight-btn.home-search-btn {
      margin-top: 10px;
   }

   .fm-btn-label-spacer {
      display: none !important;
   }

   .fm-section-head-split {
      flex-direction: column;
      align-items: flex-start;
   }

   .fm-cta-inner {
      text-align: left;
   }

   .fm-newsletter input {
      min-width: 0;
   }
}

@media (max-width: 560px) {
   .fm-quote-card {
      padding: 34px 22px;
   }

   .fm-footer-bottom {
      flex-direction: column;
      align-items: flex-start;
   }
}
.fm-ticket-tear {
    position: relative;
    height: 0px;
    margin: 18px -24px;
    border-top: 1px dashed rgba(18, 20, 43, 0.18);
}
.fm-ticket-tear::before {
    left: -3px;
}
.fm-ticket-tear::before, .fm-ticket-tear::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    opacity: 0.55;
    border-radius: 50%;
    background: var(--gold-accent);
}
#subscription_form input:focus{
        background: unset;
        color: #fff;
}
/* Force the picker container to collapse to a single calendar width */
.daterangepicker.single {
  width: auto !important;
}

/* Ensure the single calendar takes up standard single-column width */
.daterangepicker.single .drp-calendar.left {
  clear: none;
  float: none;
}