.modern-input .input-group-text {
    background: transparent;
    border-right: none;
    color: #dc3545; 
    font-size: 1.2rem;
}

.modern-input .form-control {
    border-left: none;
    border-radius: 0 10px 10px 0;
    padding: 12px;
}

.modern-input .input-group-text {
    border-radius: 10px 0 0 10px;
}

.modern-input {
    border-radius: 10px;
    border: 1px solid #ced4da;
    overflow: hidden;
    transition: 0.3s;
}

.modern-input:focus-within {
    border-color: #dc3545; 
    box-shadow: 0 0 6px rgba(220,53,69,0.4);
}

.modern-input:hover .input-group-text {
    color: #dc3545; 
}