/* Make modal backdrop fully transparent */
.modal-backdrop {
    background-color: transparent !important;
}

/* Optional: remove fade effect overlay */
/* Make modal backdrop darker but semi-transparent */
.modal-backdrop.show {
    opacity: 0.3 !important; /* change 0.3 to any value (0 = invisible, 1 = full dark) */
    background-color: #000 !important; /* keep it black */
}


 /* Admission Form underline */
.modal-title {
  font-weight: 300;
  position: relative;
  display: inline-block;
}

.modal-title::after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background-color: #FF4E0D; /* Orange underline */
  margin-top: 4px;
  border-radius: 2px;
}

/* Form input underline style */
.form-control {
  border: none !important;                 
  border-bottom: 2px solid #FF4E0D !important; /* Orange line */
  border-radius: 0 !important;            
  box-shadow: none !important;            
  outline: none !important;
  background-color: transparent;          
  padding-left: 0;  
  font-size:1.1rem;  
}

/* On focus: make underline bold */
.form-control:focus {
  border-bottom: 3px solid #FF4E0D !important;
  box-shadow: none !important;
}


.modal-header .btn-danger {
    font-weight: 600;
    border-radius: 5px;
    padding: 0.25rem 0.75rem;
}

    @media (max-width: 576px) {
      .modal-content { padding: 2rem !important; border-radius: 15px; }
      .modal-body input, .modal-body textarea { font-size: 1.1rem; }
      .modal-body .btn { width: 100%; font-size: 1.1rem; }
    }
    .modal-body .mb-3 { margin-bottom: 1.5rem !important; }
	
	
	
	
	
	/* Responsive modal spacing */
@media (max-width: 992px) { /* tablets and smaller */
    .modal-dialog {
        margin: 1rem; /* space from left/right/top/bottom */
        max-width: 500px; /* optional: control width */
    }
}

@media (max-width: 576px) { /* mobile */
    .modal-dialog {
        margin: 1rem; /* more compact spacing */
        max-width: 95%; /* almost full width but with side spacing */
    }
    .modal-content {
        padding: 1.5rem !important; /* smaller padding for small screens */
    }
}