.search-modal{
    .modal-dialog{
        --bs-modal-width: 600px;
        .modal-content{
            background-color: transparent;
            box-shadow: unset;
            border: unset;
        }
        .input-group{
            .form-control{
                font-size: 18px;
                height: 70px;
                width: 100%;
                border: 2px solid var(--bs-primary);
                background-color: transparent;
                padding-left: 30px;
                color: $white;
                border-radius: 50px!important;
                &::placeholder{
                    color: #cacaca;
                }
            }
            .input-group-btn{
                position: absolute;
                top: 50%;
                right: 5px;
                transform: translateY(-50%);
                z-index: 9;
                .btn{
                    background: var(--bs-primary);
                    border-radius: 50%;
                    padding: 0;
                    width: 60px;
                    height: 60px;
                    color: $white;
                    font-size: 18px;
                }
            }
        }
    }
    .modal-header .btn-close{
        background-image: unset;
        color: $white;
        opacity: 0.7;
        font-size: 24px;;
    }
}
.modal-backdrop{
    --bs-backdrop-opacity: 0.8;
}