/* Animate border & glow on hover */
.glow-select {
    transition: 0.3s ease;
    border: 2px solid #c8d3df !important;
}

    .glow-select:hover,
    .glow-select:focus {
        border-color: #ffc107 !important;
        box-shadow: 0 0 12px rgba(255,193,7,0.6) !important;
    }

.input-group-text {
    border: 2px solid #004b9b !important;
    border-right: none !important;
    background: #3a89dd !important;
    color: white !important;
    transition: 0.3s ease;
}

.input-group:hover .input-group-text {
    background: #ffc107 !important;
    color: #001a39 !important;
    border-color: #ffc107 !important;
}

/* Smooth animation when hover */
.input-group {
    transition: 0.3s ease;
}
.glow-input {
    border: 2px solid #c8d3df !important;
    transition: 0.3s ease;
    padding-left: 12px;
}

    .glow-input:hover,
    .glow-input:focus {
        border-color: #ffc107 !important;
        box-shadow: 0 0 12px rgba(255,193,7,0.6) !important;
    }

.input-group-text {
    border: 2px solid #004b9b !important;
    border-right: none !important;
    background: #3a89dd !important;
    color: white !important;
    transition: 0.3s ease;
}

/* Icon highlight on hover */
.input-group:hover .input-group-text {
    background: #ffc107 !important;
    color: #001a39 !important;
    border-color: #ffc107 !important;
}

.glow-input, .glow-select, .glow-upload {
    border: 2px solid #c8d3df !important;
    transition: 0.3s ease;
}

    .glow-input:hover, .glow-input:focus,
    .glow-select:hover, .glow-select:focus,
    .glow-upload:hover, .glow-upload:focus {
        border-color: #ffc107 !important;
        box-shadow: 0 0 12px rgba(255,193,7,0.6) !important;
    }

/* ICON STYLING */
.input-group-text {
    border: 2px solid #004b9b !important;
    border-right: none !important;
    background: #3a89dd !important;
    color: white;
    transition: 0.3s ease;
}

.input-group:hover .input-group-text {
    background: #ffc107 !important;
    color: #001a39 !important;
    border-color: #ffc107 !important;
}

/* ROUNDING FIX */
.input-group .form-control, .input-group .form-select {
    border-left: none !important;
}