.visa-section{padding:50px 0px;}
.visa-container {
    background-color: #fff;
    padding: 20px;
    box-shadow: 0px 0px 3px #ccc;
    border-radius: 10px;
}

.visa-container h3{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    color:#000;
}

.visa-container label{font-size:14px;color:#777;margin-bottom:0.25rem;font-weight:500;}

.visa-container label span{color:red}



p.info-note{
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin-bottom:1rem;
}

h4{
    font-size:18px;
    font-weight:500;
    color:#000;
    margin-bottom:15px;
}

.visa-container .visa-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

.visa-container .visa-ul li {
    display: inline-block;
    margin-right: 10px
}

.visa-container .visa-ul li:last-child {
    margin-right: 0
}

.visa-container .visa-ul li .custom-radio-btn {
    display: block;
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
}

.visa-container .visa-ul li .custom-radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.visa-container .visa-ul li .radio-checkmark {
    position: absolute;
    top:1px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #0b1b4d
}

.visa-container .visa-ul li .custom-radio-btn:hover input~.radio-checkmark {
    background-color: #fff;
    border: 1px solid #0b1b4d
}

.visa-container .visa-ul li .custom-radio-btn input:checked~.radio-checkmark {
    background-color: #fff;
    border: 1px solid #0b1b4d
}

.visa-container .visa-ul li .radio-checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.visa-container .visa-ul li .custom-radio-btn input:checked~.radio-checkmark:after {
    display: block
}

.visa-container .visa-ul li .custom-radio-btn .radio-checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0b1b4d;
    border: 1px solid #0b1b4d
}

.form-cal {
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 35px;
    background-position: 10px 46%
}

.traveller-info-div{
    border-top:1px solid #ccc;
    margin-top:15px;
    padding-top:15px;
}

.traveller-info-div:first-child{border:none;margin-top:0px;padding-top:0px;}

.visa-banner-sec{
    background-image:url('../images/visa-banner.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    padding:50px 0px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}

.visa-banner-overlay{ 
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.visa-banner-sec .visa-banner-text{text-align:center;position:relative;}

.visa-banner-sec h2{
    color: #fff;
    font-size: 3rem;
    font-weight: bold;
}

.visa-banner-sec h6{
    color: #fff;
    font-size: 1.25rem;
    margin: 0;
    font-weight: 500;
}
  .page-header h1{
    color:var(--navy-brand);
    font-weight:700;
  }

  .page-header p{
    color:var(--muted);
  }

  .badge-icon{
    width:44px;
    height:44px;
    border-radius:50%;
    background:var(--sky-top);
    color:var(--sky-blue);
    border:1px solid var(--line);
  }

  .feature-title{
    color:var(--ink);
    font-weight:600;
  }

  .feature-text{
    color:var(--muted);
    font-size:.85rem;
  }

  .card-section{
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
  }

  .section-num{
    width:32px;
    height:32px;
    border-radius:50%;
    background:var(--navy-brand);
    color:#fff;
    font-weight:600;
  }

  .section-title{
    color:var(--navy-brand);
    font-weight:700;
  }

  .form-label{
    color:var(--ink);
    font-weight:500;
    font-size:.9rem;
  }

  .form-control, .form-select{
    border-color:var(--line);
    color:var(--ink);
  }

  .form-control:focus, .form-select:focus{
    border-color:var(--sky-blue);
    box-shadow:0 0 0 .2rem rgba(46,109,166,.15);
  }

  .input-group-text{
    background:#fff;
    border-color:var(--line);
    color:var(--muted);
  }

  .sidebar-card{
    border-radius:14px;
    border:1px solid var(--line);
  }

  .sidebar-card.info{
    background:var(--sky-top);
  }
.sidebar-card.cream{
    background:#fafafa;
}
  .sidebar-card.safe{
    background:#EAF7EE;
  }

 .sidebar-card.help {
    background: #c9952f29;
}
.form-select:focus{
    background:#fff;
}
  .sidebar-icon{
    width:34px;
    height:34px;
    border-radius:8px;
  }
  .sidebar-icon i{
      font-size:20px;
  }

  .sidebar-icon.blue{ background:#DCE6FB; color:var(--sky-blue); }
  .sidebar-icon.purple{ background:#E7E1FB; color:#6f52d9; }
  .sidebar-icon.green{ background:#D8F0DE; color:#2e9e4f; }
 .sidebar-icon.gold {
    background: #c9952f26;
    color: #c9952f;
}

  .sidebar-title{
    color:var(--navy-brand);
    font-weight:700;
  }

.sidebar-text {
    color: #262628;
    font-size: .9rem;
}

  .step-num{
    width:22px;
    height:22px;
    border-radius:50%;
    background:#DCE6FB;
    color:var(--sky-blue);
    font-size:.75rem;
    font-weight:700;
  }

  .btn-choice{
    border:1px solid var(--line);
    color:var(--ink);
    background:#fff;
  }

  .btn-choice.active, .btn-choice:hover{
    border-color:var(--sky-blue);
    color:var(--sky-blue);
    background:var(--sky-top);
  }

  .btn-submit{
    background:var(--navy-brand);
    border-color:var(--navy-brand);
    color:#fff;
    font-weight:600;
    border-radius:8px;
  }

  .btn-submit:hover{
    background:var(--sky-blue);
    border-color:var(--sky-blue);
    color:#fff;
  }

  .required::after{
    content:" *";
    color:#dc3545;
  }

  .form-check-label{
    color:var(--ink);
    font-size:.9rem;
  }