.current_pass,

.new_pass,

.confirm_pass {

    position: relative;

}



.current_pass span {

    position: absolute;

    right: 0.7rem;

    top: -2.2rem;

    cursor: pointer;

}



.new_pass span {

    position: absolute;

    right: 0.7rem;

    top: -2.2rem;

    cursor: pointer;

}



.flex_register_login {

    display: flex;

    justify-content: space-between;

}



.bl-1p {

    border-left: 1px solid lightgray;

    padding-left: 0.7rem;

    margin-left: 1.2rem;

}



.confirm_pass span {

    position: absolute;

    right: 0.7rem;

    top: -2.2rem;

    cursor: pointer;

}



.p-5cu {

    padding: 1rem;

}







@media(max-width:767.8px) {

    .left-side-bar-out {

        display: none;

    }



    .p-5cu {

        padding: 1rem;

    }



    .w-32 {

        width: 100% !important;

    }



    .padd {

        padding: 2px !important;

    }

}



/* Overlay hidden by default */

.overlay {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.5);

    display: none;

    z-index: 998;

}



/* Filter Sidebar */

.filter-sidebar {

    position: fixed;

    top: 0;

    left: -300px;

    /* Hidden initially */

    width: 300px;

    height: 100%;

    background: #fff;

    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);

    z-index: 999;

    transition: all 0.3s ease;

    overflow-y: auto;

}



/* When active */

.filter-sidebar.active {

    left: 0;

}



/* Overlay visible */

.overlay.active {

    display: block;

}



/* Header inside filter */

.filter-header-bar {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 15px;

    border-bottom: 1px solid #ddd;

}



.filter-header-bar h4 {

    margin: 0;

    font-size: 18px;

}



.filter-header-bar .close-filter {

    font-size: 24px;

    cursor: pointer;

}



.switch-case {

    border-bottom: 1px solid lightgray;

    padding-top: 15px;

}



#basic-details,

#password-details {

    border: transparent;

    background-color: #fff;

    padding: 10px;

}



#pass-acc {

    display: none;

}

.active-details {

    border-bottom: 1px solid #0d6efd !important;

    color: #0d6efd;

}



.div-address-sec {

    border: 1px solid lightgray;

    padding: 12px;

    border-radius: 4px;

    margin-top: 1.5rem;

}



.search-btn-style {

    border: 0;

    background-color: var(--blueish-color);

    padding: 10px;

    color: white;

}



.btn-custom {

    border: 0;

    border-radius: 5px;

    border: 1px solid #429DD7;

}



.btn-custom:hover {

    border: 1px solid #429DD7;

    /*background-color: unset;*/

    color: #ffffff;

}



#user-dash-ul {

    list-style: none;

    padding: 6px 12px;

    margin: 0;

}



#user-dash-ul li {

    margin: 8px 0;

    border-radius: 6px;

    transition: background 0.3s;

}



#user-dash-ul li a {

    display: block;

    padding: 10px 15px;

    color: #333;

    text-decoration: none;

    font-weight: 500;

}



#user-dash-ul li:hover {

    background: #f5f5f5;

}



#user-dash-ul li.active {

    background: #429DD7;

}



#user-dash-ul li.active a {

    color: #fff;

}

.bottom-navbar-style{

    display: none;

}



@media(max-width: 576px) {

    .bottom-navbar-style {

        /* display: block; */

        width: 100%;

        /* height: 10vh; */

        background-color: white;

        position: fixed;

        bottom: 0;

        z-index: 11;

        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

    }



    .bottom-navbar-style div ul {

        display: flex;

        justify-content: space-between;

    }



    .bottom-navbar-style div ul li {

        /* border-left: 1px solid lightgray; */

        padding: 18px;

        text-align: center;

        width: -webkit-fill-available;

    }

}