#popupContent h3 {
    color: white;
    margin-bottom: 20px;
}
.lsbf-sg-portal-form label {
    font-size: 0.9rem;
}

.lsbf-sg-portal-form #formRepeater .repeater-item:first-child .remove-item {
    display: none;
}
.lsbf-sg-portal-form #address-repeater .repeater-item:first-child .remove-item {
    display: none;
}

.lsbf-sg-portal-form  .form-control:-webkit-autofil, .lsbf-sg-portal-form .form-select:-webkit-autofil {
    -webkit-box-shadow: 0 0 0px 1000px #334252 inset !important;
    color: #fff !important; /* Ensure text color updates */
    -webkit-text-fill-color: #fff !important; /* Force text color */
    caret-color: #fff !important; /* Cursor color */
}

.lsbf-sg-portal-form .form-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.4%209.86l-5.905%205.576-1.226.01L5.174%209.87l1.215-1.33%205.478%205.012%205.296-5.002L18.4%209.86z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
    background-position: right 5px center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}
.lsbf-sg-portal-form .btn-check:checked + .btn {
    color: var(--bs-btn-active-bg);
    background-color: var(--bs-btn-active-color);
}
.lsbf-sg-portal-form .form-check {
    padding-left: 2rem;
}
.lsbf-sg-portal-form .form-check .form-check-input {
    margin-left: -1.95rem;
    border-radius: 2px;
    height: 1.25rem;
    width: 1.25rem;
    box-shadow: none;
}
.lsbf-sg-portal-form .form-check .form-check-input:checked[type="checkbox"], .lsbf-sg-portal-form .form-check .form-check-input:checked[type="radio"] {
    background-color: #1de277 !important;
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2016%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20stroke%3D%22%23181D23%22%20stroke-width%3D%222.5%22%20d%3D%22M1.143%207.857L5%2011.714l9.857-9.857%22%2F%3E%3C%2Fsvg%3E");
    background-size: 0.85rem;
}
.lsbf-sg-portal-form .form-control::placeholder {
    color: #849bb1;
}
.lsbf-sg-portal-form .form-control::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.lsbf-sg-portal-form .form-control[type=number] {
    -moz-appearance: textfield;
}   

.portal-buttons .cta-with-icon::after {
    background-color: #fff;
}
.portal-buttons .prev .cta-with-icon::after {
    transform: rotate(180deg);
    background-color: #ef1231;
}
.step-content,
.form-section {
    display: none;
}
.step-content.active,
.form-section.active {
    display: block;
}

.timeline {
    width: 15rem;
}
.timeline .timeline-step.completed {
    color: #1de277;
}
.timeline .timeline-step.completed .step-icon {
    background-color: #1de277 !important;
}
.timeline .timeline-step.active {
    color: #85baf9;
}
.timeline .timeline-step.active .step-icon {
    background-color: #85baf9 !important;
}
.timeline::before {
    content: "";
    position: absolute;
    bottom: 1rem;
    right: 1.25rem;
    top: 1rem;
    border-left: 1px solid #849bb1;
}
.timeline .timeline-step .step-icon svg {
    height: 1.5rem;
    width: 1.5rem;
}

.lsbf-sg-portal-form .program-tab .btn-check:checked + .btn {
    background-color: transparent;
    border: 0px;
    border-bottom: 4px solid #bf001c;
    border-radius: 0px;
    color: var(--bs-white);
}
.lsbf-sg-portal-form .program-tab .btn-check + .btn {
    background-color: transparent;
    border: 0px;
    border-bottom: 4px solid var(--bs-white);
    border-radius: 0px;
    color: var(--wp--preset--color--neutal-fifty);
}
.lsbf-sg-portal-form .nav-tabs .nav-item .active, .lsbf-sg-portal-form .nav-tabs .nav-item .nav-link:hover{
    color: #fff !important;
    position: relative;
}
.lsbf-app-dashboard .lsbf-sg-portal-form .nav-tabs .nav-item .active, .lsbf-app-dashboard .lsbf-sg-portal-form .nav-tabs .nav-item .nav-link:hover{
    color: #bf001c !important;
}
.lsbf-sg-portal-form .nav-tabs .nav-item .active::after{
    content: "";
    border-bottom: 5px solid #bf001c;
    display: block;
    position: absolute;
    bottom:-2.5px;
    width: 100%;
    left: 0;
}
.switchToggle input[type="checkbox"] {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
}
.switchToggle label {
    cursor: pointer;
    text-indent: -9999px;
    width: 70px;
    max-width: 70px;
    height: 30px;
    background: #ddd;
    display: block;
    border-radius: 100px;
    position: relative;
}
.switchToggle label:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
.switchToggle input:checked + label,
.switchToggle input:checked + input + label {
    background: #1de277;
}
.switchToggle input + label:before,
.switchToggle input + input + label:before {
    content: "No";
    position: absolute;
    top: 5px;
    left: 42px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #000;
    font-family: inherit;
    font-weight: 500;
}

.switchToggle input:checked + label:before,
.switchToggle input:checked + input + label:before {
    content: "Yes";
    position: absolute;
    top: 5px;
    left: 10px;
    width: 26px;
    height: 26px;
    border-radius: 90px;
    transition: 0.3s;
    text-indent: 0;
    color: #000;
    font-family: inherit;
    font-weight: 500;
}
.switchToggle input:checked + label:after,
.switchToggle input:checked + input + label:after {
    left: calc(100% - 2px);
    transform: translateX(-100%);
}




#student-pass-repeater .siblings-repeater-item:first-child, .dashbord-notification::after{
    display: none;
}
.dashbord-notification i{
    right: -0.625rem;
}
.custom-range .range .form-range {
    -webkit-appearance: none;
    height: 0.35rem;
    position: relative;
    top: -0.75rem;
    outline: none;
    opacity: 0;
  }
  
.custom-range .range{
    left: 5.1rem;
    right: 5.1rem;
    height: 0.25rem;
}
.custom-range .range-labels span{
    width: 6.25rem;
    text-align: center;
    cursor: pointer;
}
.custom-range .range-labels span::before{
    content: "";
    background-color: #334252;
    border: 2px solid #4B6178;
    height: 1.25rem;
    width: 1.25rem;
    border-radius: 2rem;
    display: table;
    margin: -0.5rem auto 0.75rem;
    position: relative;
    z-index: 1;
}

.custom-range .range-labels span.selected::before{
    background-color: #EF1231;
    border-color: #EF1231;
}


.lsbf-sg-portal-form input[type=number]::-webkit-inner-spin-button, 
.lsbf-sg-portal-form input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;    -moz-appearance: none;    appearance: none;
    margin: 0; 
}

label.error {
    color: #F78898; /* Customize this color as needed */
}
.lsbf-app-dashboard .nav .btn.active, .lsbf-app-dashboard .nav .btn:hover{
    background-color: #A40A1F;
    color: #fff;
}
.lsbf-app-dashboard .application-status-progress ul::before{
content: "";
position: absolute;
width: 80%;
left: 10%;
top: 48px;
background: #EEF2F5;
height: 2px;
}
@media (max-width: 767.98px) {
    .lsbf-app-dashboard .application-status-progress ul::before{
        display: none;
    }  
}

.online_payment input.error {
    border: 2px solid #F78898 !important;
}

.online_payment select.error {
    border: 2px solid #F78898 !important;
}

.timeline .timeline-step.completed:not(:last-child) {
    color: #1de277 !important; 
}
.timeline .timeline-step.completed:not(:last-child) .step-icon {
    background-color: #1de277 !important; 
}

#pre-counselling-form label.error {
    display: block;
}

.lsbf-sg-portal-form .country-code-data {
    width: 100px !important;
}

#lsbf-sg-portal-form-loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Dark background */
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    z-index: 1050; /* Ensure it appears above everything */
}

.custom-dropdown {
    position: relative;
    display: inline-block;
    width: 200px; /* Adjust width as needed */
}

.custom-dropdown select {
    width: 100%;
    opacity: 0; /* Hide default select text */
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.custom-selected-text {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 16px;
    color: #000;
}

.chat-left .message-card{
    border-bottom-left-radius: 0 !important;
}
.chat-right .message-card{
    border-bottom-right-radius: 0 !important;
}