* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

body {
    /* background: #05070a; */
    background: #191b1b;
    font-family: 'Inter', sans-serif;
    /* padding: 2rem 1.5rem; */
    color: #f0f3fa;
    line-height: 1.4;
    /* background: linear-gradient(to bottom, #1a1c1b 17%, #1a1c1b 54%, #1a1c1b 71%, #000306 13%, #000306 100%); */
    background: linear-gradient(to bottom, #090c0e 17%, #090c0e 54%, #090c0e 71%, #000306 13%, #000306 66%);
}

    /* main card container - dark glassmorphism / luxury feel */

 /* .form-card {
    max-width:1468px;
    margin: 0 auto;
    border-radius:5px;
    box-shadow: 0 30px 50px -20px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(199, 164, 91, 0.15);
    overflow: hidden;
    transition: all 0.2s;
    background: #010509;
    margin-top:70px;
} */

.form-card {
    max-width: 1468px;
    margin: 0 auto;
    /* background: #101318; */
    border-radius:8px;
    overflow: hidden;
    transition: all 0.2s;
    background: #010509;
    margin-top: 70px;
    background: radial-gradient(85.77% 49.97% at 51% 5.12%, rgba(255, 150, 150, .11) 0, rgba(222, 226, 255, .08) 45.83%, rgba(241, 242, 255, .02) 100%), rgba(0, 0, 0, .44);
    backdrop-filter: blur(2px);
    /* border: 1px solid rgba(255, 255, 255, .08); */
     border: 1px solid #68696b;
    box-shadow: 0 0 40px 20px rgba(255, 255, 255, .03), inset 0 .5px 0 0 rgba(255, 255, 255, .3);
    transform: translateZ(0);
}

  .form-inner {
    padding: 2.5rem 2rem;
    max-width: 1089px;
    margin: auto;
}

    @media (max-width: 680px) {
     
    
    }

    /* heading section with gold border */
    .tour-headline {
      margin-bottom: 2.5rem;
      /* border-left: 4px solid #c7a45b; */
       text-align: center;      
    }
    .tour-headline .pre-title {
      font-size: 0.75rem;
      letter-spacing: 4px;
      text-transform: uppercase;
      font-weight: 500;
      color: #c7a45b;
      margin-bottom: 0.4rem;
    }
    .tour-headline h1 {
      font-size: 2.8rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -0.02em;
      background: linear-gradient(135deg, #ffffff 25%, #cfc5b0 75%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
    }
    .tour-headline h1 span {
      display: block;
      font-size: 1.9rem;
      font-weight: 500;
      background: none;
      -webkit-background-clip: unset;
      background-clip: unset;
      color: #c7a45b;
      letter-spacing: -0.3px;
    }
    .tour-headline .sub {
      font-size: 0.9rem;
      color: #9aa2b5;
      margin-top: 0.6rem;
      font-weight: 400;
    }

    @media (max-width: 550px) {
      .tour-headline h1 {
        font-size: 2rem;
      }
      .tour-headline h1 span {
        font-size: 1.5rem;
      }
    }

    /* Override Bootstrap form controls to match dark theme */
   .form-control, .form-select, textarea.form-control {
    background-color:#171c2600;
    border: none;
    border-radius: 0px;
    padding: 0.75rem 0rem;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    font-weight: 400;
    color:#8c8c8c;
    transition: all 0.2s ease;
    border-bottom: 1px solid #333333;
    text-transform:uppercase;
}


    .form-control:focus, .form-select:focus, textarea.form-control:focus {
      /* border-color: #c7a45b; */
         box-shadow: 0 0 0 .25rem rgb(12 19 28 / 0%)!important;
     background-color:#171c2600;
      color: #fff;
    }
    .form-control::placeholder, textarea.form-control::placeholder {
      color:#8c8c8c;
       /* font-family: "Bebas Neue", sans-serif; */
       font-family: "Bricolage Grotesque", sans-serif;
       text-transform: uppercase;
       font-size:16px;
    }
    /* Input group custom (phone) */

.input-group-custom {
    background-color: #171c2600;
    border-radius: 0px;
    border: navajowhite;
    transition: 0.2s;
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #2a2f3c;
    padding: 12px 1px;
}

    .input-group-custom:focus-within {
      border-color: #fff;
      /* box-shadow: 0 0 0 3px rgba(199, 164, 91, 0.25); */
    }
    .phone-prefix {
    display: flex;
    align-items: center;
    padding: 0 1.1rem;
    font-weight: 600;
    background: #10141c00;
    border-radius: 18px 0 0 18px;
    color: #656565;
    font-size: 1rem;
    border-right: 1px solid #2a2f3c;
}


 .phone-prefix + .form-control {
    border: none;
    background: transparent;
    border-radius: 0px;
    box-shadow: none;
    padding-left: 0.5rem;
    padding: 0px 11px;
}
    .phone-prefix + .form-control:focus {
      box-shadow: none;
    }

    /* label styling */
    /* .form-label {
      font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.8px;
      color: #cfd7e6;
      margin-bottom: 0.5rem;
    } */

        .form-label {
        font-size: 28px;
        font-weight: 400;
        text-transform: uppercase;
        letter-spacing: 2px;
        color:#cccccc;
        margin-bottom: 0.5rem;
        font-family: "Bebas Neue", sans-serif;
    }


   

    .required-star {
        color: #a2a2a2;
        font-size: 26px;
        font-weight: 100;
        margin-left: -5px;
    }

    /* interest chips (custom checkboxes) */
    .interests-wrapper {
      margin-top:50px;
    }
    .chips-container {
      display: flex;
      flex-wrap: wrap;
      gap: 0.8rem;
    }

  .chip-option {
    position: relative;
    display: block;
    align-items: center;
    width: 100%;
}


.chip-option input {
    position: absolute;
    opacity: 0;
    width: 0;
    /* height: 0; */
    width: 100%;
}

.chip-option label {
    cursor: pointer;
    padding: 0.65rem 1.5rem;
    background: #171c2600;
    border: 1px solid #2a2f3c;
    border-radius: 2px;
    font-size: 0.85rem;
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    color: #8c8c8c;
    font-family: 'Inter', sans-serif;
    margin: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 13px;
}

    /* .chip-option input:checked + label {
      background: #c7a45b;
      border-color: #c7a45b;
      color: #0b0e14;
      font-weight: 600;
      box-shadow: 0 8px 16px -8px rgba(199, 164, 91, 0.5);
    } */

    .chip-option input:checked + label {
    /* background: #c7a45b; */
    border-color: #c7a45b;
    color: #ffffff;
    font-weight: 600;
    box-shadow: 0 8px 16px -8px rgba(199, 164, 91, 0.5);
}


    .chip-option label:hover {
      /* background: #252c3b;
      border-color: #c7a45b80; */
    }

    /* button styling */
    .btn-gold {
      background: linear-gradient(100deg, #c7a45b, #b38c41);
      border: none;
      padding: 0.9rem 1.8rem;
      border-radius: 60px;
      font-weight: 700;
      font-size: 1rem;
      font-family: 'Inter', sans-serif;
      letter-spacing: 1.5px;
      color: #0f1117;
      transition: all 0.25s ease;
      box-shadow: 0 10px 20px -8px rgba(0, 0, 0, 0.5);
      text-transform: uppercase;
      width: 100%;
    }
    
    .btn-gold:hover {
      transform: translateY(-2px);
      background: linear-gradient(100deg, #dbb56b, #c7a45b);
      box-shadow: 0 16px 28px -12px rgba(199, 164, 91, 0.4);
      /* color: #0a0c10; */
    }
    .btn-gold:active {
      transform: translateY(1px);
    }

    .helper-note {
      font-size: 0.7rem;
      color: #7e849b;
      margin-top: 6px;
      display: flex;
      align-items: center;
      gap: 6px;
    }

    /* custom select arrow */
    /* .form-select {
      background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%23c7a45b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
      background-repeat: no-repeat;
      background-position: right 1.2rem center;
      background-size: 14px;
    } */

 .form-select {
    background-image: url(../images/icondropdown.svg);
    background-repeat: no-repeat;
    background-position: right 0px center;
    background-size: 29px;
}

    /* Bootstrap row override for spacing */
    .row.gap-2-custom {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 1.5rem;
    }



    /* Fix dropdown options background color */
select.form-select option,
.form-select option {
  background-color: #12161f !important;
  color: #eef2ff !important;
}

select.form-select option:checked,
.form-select option:checked,
select.form-select option:hover,
.form-select option:hover {
  background-color: #c7a45b !important;
  color: #0a0c10 !important;
}

/* Ensure the dropdown list itself has dark background (for browsers that support) */
select.form-select {
  background-color: #0a0d1300;
}



    @media (max-width: 768px) {
    
    }
    .text-gold {
      color: #c7a45b;
    }
    /* remove default number spinner if any */
    input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: none;
      margin: 0;
    }


    /* --------- */

 

    input[type="text"], input[type="email"], select, textarea {
    width: 100%;
    padding: 12px 0px;
    margin-bottom: 12px;
    font-size: 18px;
    background-color: #11111100;
    border:none;
    border-radius:0px;
    color: #eee;
    letter-spacing: 1px;
    font-family: Arial, sans-serif;
    transition: border-color 0.3s ease;
    resize: vertical;
    border-bottom:1px solid #333;
}

    input[type="text"]:focus,
    input[type="email"]:focus,
    select:focus,
    textarea:focus {
      outline: none;
      border-color: #eee;
      background-color:#22222200;
    }

    /* Placeholder color */
    ::placeholder {
      color: #8c8c8c;
      opacity: 1;
    }



    .bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}



/* .btndbannerBottom{
    position:absolute;
    bottom:20px;
    left:0px;
    right:0px;
    margin:auto;
} */

/* ----------- */

.yourSpace {
    padding-top: 65px;
    position: relative;
    text-align: center;

}

.btndbannerBottom ul {
    display: flex;
    justify-content: center;
    gap:13px;
}
.btndbannerBottom {
    position: absolute;
    bottom:168px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}



.btndbannerBottom ul li a {
    cursor: pointer;
    padding: 0.65rem 1.5rem;
    background:#06090c00;
    border: 1px solid #2a2f3c;
    border-radius: 2px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2px;
    color: #e1e1e1;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.btndbannerBottom ul li{
    list-style:none;
}

/* ----------- */

  @media (max-width: 768px){
     .form-inner {
    padding:0px 10px;
    /* max-width: 1089px; */
    margin: auto;
}
.chip-option label {
    cursor: pointer;
    padding: 0.65rem 7px;
    background: #171c2600;
    border: 1px solid #2a2f3c;
    border-radius: 2px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    color: #8c8c8c;
    font-family: 'Inter', sans-serif;
    margin: 0;
    width: 100%;
    text-align: center;
    margin-bottom: 0px;
}

.btn-gold {
    position: relative;
    max-width: 326px;
    /* height: 90px; */
    /* background: #020816; */
    border: none;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    color: rgba(255, 255, 255, 0.22);
    font-size: 25px;
    font-weight: 300;
    letter-spacing: 8px;
    text-transform: uppercase;
    transition: 0.4s ease;
    margin: auto;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.2px;
    transition: all 0.2s ease;
    color: #8c8c8c;
    padding: 11px 6px;
}

.interests-wrapper .row>* {
    margin-top: 15px;
  }

  .logoSlider .form-inner {
    padding: 0px;
}
.img-box {
    text-align: center;
}

.form-card {
    margin: 15px;
}

.btndbannerBottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}

  

.form-label {
    font-size:15px;
    }


       .form-control::placeholder, textarea.form-control::placeholder {
     font-size:11px;
    }

    .form-control, .form-select, textarea.form-control {
   
    font-size: 11px;
  
}




  }