@import "color.css";

.form-searching {
    position: relative;
}

.form-searching .icon-search {
    position: absolute;
    top: 15px;
    left: 20px;
    color: #9ca3af;
}

.form-searching span {
    position: absolute;
    right: 17px;
    border-left: 1px solid #d1d5db;
}

.left-pan {
    padding-left: 7px;
}

.left-pan i {
    padding-left: 10px;
}

.form-input-searching {
    height: 45px;
    text-indent: 33px;
    border-radius: 23px;
    transition: background-color 0.3s ease; /* Smooth transition for background color */
}

.form-input-searching:focus {
    box-shadow: 0px 2px 20px rgba(var(--cream), 0.1);
    border: none;
    background-color: var(--cream); /* Change this to your desired background color */
}