.login h3,
.login_form .remeber {
    text-align: center;
    margin-bottom: 20px
}

#loginBtn,
#signupBtn,
#search-button,
.customBtn {
    background-color: #7c5edc;
    color: #fff
}

.eye-patch,
.input-field,
.signin_sec {
    position: relative
}

div#load_div {
    background: #fff;
    opacity: 1;
    position: relative;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

div#load_div .loader {
    display: flex;
    justify-content: center;
    height: 60vh
}

div#load_screen {
    background: #fff;
    opacity: 1;
    position: fixed;
    z-index: 999999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%
}

div#load_screen .loader {
    display: flex;
    justify-content: center;
    height: 100vh
}

div#load_screen .loader-content,
div#load_div .loader-content {
    right: 0;
    align-self: center
}

div#load_screen .loader-content .spinner-grow,
div#load_div .loader-content .spinner-grow {
    width: 2.5rem;
    height: 2.5rem;
    color: #7c5edc
}

.w-20 {
    width: 20px
}

.input-field,
.input-icons,
.iti {
    width: 100%
}

.h-20 {
    height: 20px
}

.form-control:focus {
    /* background: 0 0 !important */
}

.page-link {
    color: #7c5edc !important
}

.active>.page-link,
.page-link.active {
    color: #fff !important;
    background-color: #7c5edc !important;
    border-color: #7c5edc !important
}

.force-invalid {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important
}

#search-wrapper {
    display: flex;
    overflow: hidden
}

#search {
    border: none;
    font-size: 15px
}

#search:focus {
    outline: 0
}

#search-button {
    border: none;
    cursor: pointer;
    width: 100%
}

.input-field {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid #ced4da;
    padding: 10px 50px;
    border-radius: 0;
    margin-top: 33px;
    background: #fff;
    height: 50px
}

.input-field::placeholder {
    font-weight: 300
}

.register-field {
    display: flex;
    margin-bottom: 30px;
    border: 1px solid #ced4da;
    border-radius: 0;
    background: #f3f3f3;
    color: #212529 !important;
    height: 50px
}

.register-field::placeholder {
    font-weight: 300
}

.input-icons .icon {
    font-size: 18px
}
/* 
.login {
    padding: 40px;
    border: 2px solid #eaeae9;
    margin-top: 30px
} */

.input-icons i {
    position: absolute;
    font-size: 20px;
    z-index: 99;
    margin-top: 26px;
    margin-left: 18px
}

.forgot_pass {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse
}

.login h3 {
    color: #000;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400
}

.remeber {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.register h3 {
    color: #000;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    text-align: center
}

.signin_sec {
    padding: 0 0 50px;
    margin: 30px 0
}

#loginBtn,
#signupBtn,
.customBtn {
    display: block;
    width: 100%;
    border: none;
    border-radius: 0;
    padding: 6px 14px;
    font-weight: 300;
    text-transform: uppercase;
    transition: .2s ease-in
}

#loginBtn:hover,
#signupBtn:hover,
.customBtn:hover {
    background-color: #564848;
    color: #fff;
    transition: 0.2s ease-out
}

.eye-patch {
    /* bottom: calc(100% - 40px); */
    left: calc(100% - 30px);
}

.float-right {
    float: right
}

.toast_container {
    font-family: Poppins, sans-serif;
    padding: 3rem;
    margin: 0 auto;
    width: 700px;
    height: 500px;
    background-color: #eff2fb
}

.btngp_container {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

#btnSuccess {
    background-color: #1bc5bd;
    border-color: #1bc5bd
}

#btnInfo {
    background-color: #187de4;
    border-color: #187de4
}

#btnWarning {
    background-color: #ee9d01;
    border-color: #ee9d01
}

#btnError {
    background-color: #ee2d41;
    border-color: #ee2d41
}

#btnError,
#btnInfo,
#btnSuccess,
#btnWarning {
    color: #fff;
    border-radius: .5rem;
    font-weight: 400 !important;
    font-size: .765rem;
    width: 90px;
    height: 36px;
    margin: 3px;
    cursor: pointer
}

.toast-error,
.toast-info,
.toast-success,
.toast-warning {
    width: 400px !important;
    font-family: Poppins, sans-serif;
    font-size: .8rem;
    border-radius: 1rem !important;
    background-color: #edf1fd;
    color: #01081e !important;
    border-color: transparent !important
}

.toast-title {
    color: #000
}

.closebtn {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #ccd7fc !important
}

.closebtn>i {
    color: #000617;
    font-weight: 500
}

#toast-container>.toast-success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKLSURBVHgBzZZNbtpAFMffjMFRQY28hFKpzg1gGZFKWGkqdZX2BHVOUHIC4AQ0J6g5QZVVpDTUqC10V3GDelGqSF3UG1cqgZm+GYIVbPAHoCp/CWY89sxP78289wbgP4tAShW+XugwyeiiP6Xc/VV9PkwzPxao2e+1fHbXBEqOgfEyztDCq5AecN4ZVQ+tuPUigY8H9hvOWHMpZLkc/LWiwEuBwqqcqrUJMBPWk+WN6alrGG4sULpQfWjjqzJsJDL0xsQIQmnws7y6294cJsTLeZW1g6MLwFK/a2JjwvZkFgfd+kogqgFbFuXQ0GxbCwFvrdNhHXHew3+Lz05pUNqD7MQMAYGT17AebTg6eGZMx+PWqhijVDme9zP+KOE1SItCixhVXom+oqp4sld4iHP/EEoLS/3LcsSqrnQVtsFXaFHret9wHvXtBkRvh1b81n3iA6eMrM4kBNw/Y1qZKrSyuEf8TGSUwucPNUwQTYiR4rE9HxgjPb/DGsISytiJRCHYyynNgn2hK5S+gxSaATMZJ/IrDvXip6uXP54e9QjjZ4xSw60YLu5bnCt9/cXKIlr/YGFY/MYmKkm7eBIr18YLRzzIxM7ZW0godL9k3Q2LuLqmKTs70n3ClbKKJBWRcQqLQJiex07kvFYafLRlCCQvWcKYjs+ed3RMPzcq+w6QYqEkLDxgP6uHe/Nn30JHlBEOLdiyRKwGnhdV+nJl4ZVhzTQXkoWH5eTuQCgOszdKXRRP2Fh86OXoaXA0BBSuzWKlFpciWJvFO5gYZKwGX0VeokTJwk1vkKRlS+Zb1hodHK2Mz0T3UlkrRflaVlEkhOMWkHMvT61lVqUGLsIvy+Q22WcyE8fZn2Wee6t/lXrvcWjggekAAAAASUVORK5CYII=) !important
}

#toast-container>.toast-info {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJaSURBVHgBvVZNbtNQEJ55idd4hSphKnOCkhM0PQHpCUhuADsWLTgkQuwQJyCcoOEEpSfAnKBW6cK0m6wb+U1nXu04bdLkTRT1kxLnOR5/b/7eNwge2Dn61ybEN4agbRFiBAjlPgFM+HfK1xSJfuXDl7/XvQtXEh1fdvnyiT8xeAEzgKKfD3ZHjz6xlOjDeYzN4IQQXsNGYOLpzUH+9VX28B+zQPbx8i0FwZ/NyQQUI7/j+dFFZ2Er8wt5wKA5gW0CoZt/jn7WyxISRvGsKojt8cGEptNWFd46pEFw6kfG+SE6KBrQ4kW27mmu4FDqoVo7wrIaY/AB2Z6U/3USpZbsey8Troed44vujBDuSt8LSDgrJs63IvwNx4HS1IB46msmObEAfUR8RkTvVDnnVDTZoEPgD5cTgG9svPrUWG7babLZntJowl8Ze5hKv/Gttr817htdg+MIucT/D6NWPnjR4/PzLyhg+Bw2ur6jLrfPj9lKH53QgBI07xVqwnkH43KiACKlcnXVrYRUuOHvTGNUFMYRsj6qD3fRTWMsnfkayA6vv0RpudoHJSQdEtKxtwHvsGZ3LaECb3hsyrEg8zGoCiZMzkMkrV5iJlxVlfa9TCym9W5xLB/wRuE4HGE+iEZ8AKRrbRpl3ibirf1OQJ5esnflnFMLcMICXGxfgN1k12ABTh4IsNxA8NM3FaHoZ1IPU/dOGnGbRfVQexgsJXLvsL2r4e69PC8fEzm8UASikTFsAK7glJrTw3nPVhLOiJ9qEF4gllGfxZPbYE/kbH7UF23kX2fS1D6j/i3BTfaqkKQ1ngAAAABJRU5ErkJggg==) !important
}

#toast-container>.toast-warning {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHbSURBVHgBxZZPTsJAFMa/NxDEjYJE1/UGcgOP4BEwARNXeAP0BMSVCzWNJxBPIDfQG8COhSSwJBH7fFNbaKV/ZsA/vwVppzPz5Zt58zHAH0OwZOCisjNHgxWmBYVe9RRTm/FWgiMXzpZHz/LoBE1DUly3EVWwoOSpTkRM43hzXMACY4eBu0HCp6m4PDR1aeywzOSmfKrYuDQSHN9LkTCOFw3Mr/I7DF9JUXt0E1vqzQQVqBN5ne41UdfFop+DtkqppDpmc+Wg3SFeKL5IsGeLfSNw4+02sgrrCn5zl0mhkN83U3DiqjZgtjc+ss95LlMF9TFgj63OmCbPZapgGZbuQsRlsO/mguu6W05KnYlkbvK3BIII24TUyFsR1O50iWNDdBgkuVwR/AF3IYmRFwtvXdIF5f/9ZOGH9UwmlDB/0RPn9Y0Ge8yhiLnIp8IiZCDm9/U81Y02LBzqUpbqMhG0Zv7B9YMz6MBfOrSJMDkyV8z8YNq/WKTuUgeJAZ2hxk+1Fi5rTTSIuWc2Zhl5Sh8DG3dQtLuYh+jIdFgYeTS+w4kieoQdQ3wVTF7RxNhmdopSNlaDAhyswexd8kDfLRG5LvwWUmTX1XO5VoYNemmJYbwnNnhAf7+FPv6DT2e/n0VFnPgUAAAAAElFTkSuQmCC) !important
}

#toast-container>.toast-error {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIlSURBVHgB3VbBbtNAEH2zTugFFIPgwAlzA4mK8AdrvgC+APiSKl/S9AvoH8SfEEQP3PCNAwjcA6IQeYcdYxtvbK/jNr30SVG86519npk3swvcdNCuC7880dF0Ck1QzxVMKHMGKmOYD5sNkoefknSXfQYJvz7TekJ0xIAe2CjJwSf3PybLgXXd+BzpcHZHHQP8CiPAoOWfjVn0edxJKOE7mNLKPka4HNLfG467SOkayGpSCvjF3XWSNSfV9qpbU3W0BzJBxLmkxIXj4bdD/VaBjrFH5Mzxg7MkqcaOhwHwBuOR+V4GVuHNcU0oubMK032GNh+P5Wdjsq4nGet6vh/619OXj1qEUtQeI/EiswJISXFckArZhGMRxcUFvPhJJm4REmPusQnZ0OrHXIdCIKQVmdTrwYTee2xBStV7T/7PIvQZWY/mJWlcSb1oDrdtCZH3Y6HIzOpnjIFxh2E4eofGcvarrZkz8awZXkdIXd/J6rxFyH6jzJK9rsgkjNs5hac8mMy6RRgESDyEECU6OStzKuVk30lwezXQ3NvpNN8Pte2h/bVYeuEX1zYYyb2zVbssBDljMWA+jszCEJ80xw7hv57Hp9gTCLzcPpBboqYA7+xfiqsjtc25FbEWYaG6oFBdiiuQyR7SCgcJS9LCgOHGfxfYMJ6WB2/a/X4AxRnJ9tgir3oLNdpL1KJ59l2KsIIt8ijP7TWRixqcldbn0jDGXBNvPv4C3QjuTqveJGAAAAAASUVORK5CYII=) !important
}

.toast-close-button,
.toast-message {
    color: #000 !important
}

#toast-container>div {
    color: #fff !important
}

.text-left {
    text-align: left !important
}

.justify-items-center {
    justify-items: center
}

.reset-password h4 {
    text-transform: uppercase
}

.mb-5rem {
    margin-bottom: 5rem !important
}

.mt-5rem {
    margin-top: 5rem !important
}

.review-box {
    width: 100%;
    box-shadow: 2px 2px 30px rgb(0 0 0 / .1);
    background-color: #fff;
    padding: 20px;
    margin: 15px;
    cursor: pointer
}

.profile-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 10px
}

.profile-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.name-user {
    display: flex;
    flex-direction: column
}

.name-user strong {
    color: #3d3d3d;
    font-size: 1.1rem;
    font-weight: 400
}

.name-user span {
    color: #979797;
    font-size: .8rem
}

.box-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.client-comment p {
    font-size: .9rem;
    color: #4b4b4b !important
}

.review-box:hover {
    transform: translateY(-10px);
    transition: .3s
}

.rev-btn h6 {
    color: #fff;
    text-transform: uppercase
}

.profile {
    display: flex
}

.rate input {
    top: 0;
    visibility: hidden;
    position: absolute
}

.description .tab-content form {
    margin-bottom: 70px
}

.rate {
    height: 46px;
    display: block;
    float: left
}

.rate:not(:checked)>label {
    float: right;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 35px;
    color: #ccc;
    margin: 0 3px
}

.rate:not(:checked)>label:before {
    content: '\f005';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 14px
}

.rate>input:checked~label,
.reviews {
    color: #7c5edc
}

.rate:not(:checked)>label:hover,
.rate:not(:checked)>label:hover~label {
    color: #7c5edc
}

.rate>input:checked+label:hover,
.rate>input:checked+label:hover~label,
.rate>input:checked~label:hover,
.rate>input:checked~label:hover~label,
.rate>label:hover~input:checked~label {
    color: #564848
}

.review-box {
    width: 100%;
    box-shadow: 2px 2px 30px rgb(0 0 0 / .12);
    background-color: #fff;
    padding: 20px;
    margin: 15px;
    cursor: pointer
}

#reviewForm input,
#reviewForm textarea {
    font-size: 14px
}