.form-control,
.input-group {
    border: 1px solid var(--primary-blue);
}

.input-group {
    padding: 0;
}

.form-control:focus {
    box-shadow: none;
}

.input-group-text,
.input-group .form-control {
    border: none;
    padding: 0;
    background: #0000;
    padding: 8px;
}

.input-group .form-control {
    padding-right: 38px;
}

.input-group .input-group-text {
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.input-group button.input-group-text:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), var(--primary-white);
}

.input-group-text.icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: var(--primary-blue);
    z-index: 5;
}

.input-group-text.icon:not(.right) {
    left: 8px;
}

.input-group-text.icon.right {
    right: 8px;
}