:root {
    /* --Navbar-color: #33373C; */
    /* --Navbar-Hover-color: #3D4248; */
    /* BackGround */
    /* --site-main-background: #232528; */
    /* Text */
    /* --primary-text-color: #EFEFEF;
    /* --primary-color: #007bff; */
    /* --secondary-text-color: #DCDCDC; */
    --primary-white: #FFFFFF;
    --primary-color: #FD961B;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
        'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
        sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--primary-white);
}

h2,
h3,
h4,
h5,
h6 {
    /* color: var(--primary-white); */
}

ul {
    list-style-type: none;
}

a {
    text-decoration: none;
}

/* Navbar Start */
body {
    /* background-color: var(--site-main-background); */

}

#map {
    height: 100%;
}


.site-main-container {
    position: relative;
    width: 100%;
    height: 150vh;
}


.site-main-container iframe {
    width: 100%;
    height: 150vh;
}

.site-main-inner-container {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px 8px;
    width: 100%;
}

.site-main-inner-container-new {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px 8px;
    width: 61vw;
}

.site-main-inner-container-new-2 {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 10px 8px;
    width: 55vw;
}

.main-leftbar-container {
    height: 100%;
    width: 120px;
    padding: 30px 8px;
    border-radius: 24px;
    background-color: #101010;
}

.main-leftbar-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main-leftbar-container img {
    /* width: 50px; */
    /* height: 50px; */
}

.main-leftbar-container ul {
    text-align: center;
    padding: 20px 0px 80px 0px;
    font-size: 0.8rem;
    font-weight: 100;
    font-style: normal;
    /* border: 1px solid red; */
}

.main-leftbar-container li {
    padding: 15px 10px;
    margin-top: 12px;
    border-radius: 16px;
    cursor: pointer;
    transition: 0.5s ease-in-out;
}

.main-leftbar-container li:hover {
    background-color: #222222;
}

.main-leftbar-container li img {}

.main-leftbar-container li p {
    color: var(--primary-white);
    margin-top: 5px;
}

.sidebar-login-btn {
    position: absolute;
    background-color: transparent;
    border-radius: 12px;
    bottom: 24px;
    border: 2px solid var(--primary-white);
    color: var(--primary-white);
    display: inline-flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
}

.sidebar-login-btn:hover {
    background-color: var(--primary-white);
    color: #101010;
}

.loginButton a {
    color: var(--primary-white);
}

.sidebar-login-btn span {
    margin-left: 5px;
}

/* leftbar */
/* Search Filter container start */
.main-searchFilter-container {
    margin-left: 1em;
    padding-top: 10px;
    width: 600px;
    height: 145.5vh !important;
    border-radius: 16px;
}

.main-searchFilter-container {
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* background-color: var(--primary-white); */
}

.main-searchFilter-container::-webkit-scrollbar {
    width: 0;
}

.searchFilter-section {}

.search-bar {
    background-color: var(--primary-white);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-bar input:focus {
    outline: none;
}

.search-bar input {
    color: #4B4B4B;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 10px;
}

input[type="text"],
select {
    padding: 20px 25px 20px 15px;
    border: none;
    border-radius: 4px;
}

.search-bar select {
    padding: 20px 25px 20px 15px;
}

#dropdown-container {
    position: absolute;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    margin-top: 5px;
    background-color: var(--primary-white);
    width: 80%;
    border-radius: 1rem;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

/* Search Filter container end */
/* Login Btn start */
.hidden {
    display: none;
}

.visible {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 120vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    overflow: scroll;
}

.container-animation {
    opacity: 1;
}

.login-cross {
    position: absolute;
    right: 20px;
    top: 10px;
}

.login-container {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 90%;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: var(--primary-white);
}

.login-container::-webkit-scrollbar {
    width: 0;
}

.login-brand-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

.login-brand-logo-container h2 {
    padding-left: 1.2rem;
    font-size: 3rem;
    font-style: normal;
    font-weight: 100;
}

.login-section-center h3 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    color: #000100;
    padding-top: 50px;
    text-align: center;
}

.login-section-center h4 {
    color: #000100;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 100;
    padding-top: 15px;
    text-align: center;

}

.login-input-container {
    display: grid;
    place-items: center;
    padding: 2.5em 0em 0em 0em;
}

.login-input-container input {
    width: 40%;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1em;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.login-input-container input::placeholder {
    color: #BDBDBD;

}

.login-input-container input:focus {
    outline: #FD961B;
    border: 2px solid #FD961B;
}

.login-btn-container {
    border: 1px solid red;
    height: 20vh;
}

.login-button {
    padding: 5em;
    background-color: #000100;
}

.container-login {
    display: grid;
    place-items: center;
}

.btn-login {
    display: flex;
    justify-content: center;
    text-align: center;
    border: none;
    margin-top: 20px;
    padding: 1rem 0rem;
    width: 40%;
    border-radius: 10px;
    background: #101010;
    color: var(--primary-white);
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.btn-login-gmail {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: none;
    margin-top: 20px;
    padding: 1rem 0rem;
    width: 40%;
    border-radius: 10px;
    border: 2px solid #101010;
}

.btn-login-gmail img {
    display: flex;
    width: 20px;
    height: 20px;
}

.btn-login-gmail span {
    display: flex;
    color: #000100;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    margin-left: 5px;
}

.container-login p {
    padding: 2em 0em 0em 0em;
    color: #000100;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.container-login p a {
    color: var(--primary-color);
}

/* Login Btn End*/

/* States Page CSS Start */

.userDone-login-container {
    position: relative;
    border-radius: 10px;
}

.userDone-login-container img {
    display: flex;
    height: 65px;
    border-radius: 10px;
    margin-bottom: 5px;
    border: 3px solid var(--primary-color);
}

.user-span-name {
    color: var(--primary-white);
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
}

.sidebar-logout-btn {
    position: absolute;
    color: var(--primary-white);
    bottom: 20px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.sidebar-logout-btn:hover {
    /* background-color: var(--primary-white); */
    /* color: #101010; */
}

.sidebar-logout-btn span {
    margin-left: 5px;
}

.main-rightbar-container {
    width: 88.8vw;
    padding: 3rem 2.5rem 3rem 2.5rem;
    /* border: 1px solid red; */
}

.main-rightbar-container h2 {
    color: #000100;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.main-rightbar-container h5 {
    color: #4F4F4F;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 500;
    padding: 0.7rem 0rem 0rem 0rem;

}

.main-stats-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
}

.main-stats-container a {}

.stats-box {
    padding: 1.5rem;
    border: 3px solid #F1F5F9;
    border-radius: 1.5rem;
    background: #FFF;
    transition: 0.5s ease-in-out;
}

.stats-box:hover {
    background-color: #F1F5F9;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.stats-box span {
    display: inline-flex;
    padding: .9rem;
    border-radius: 1rem;
    background: #FFEDD8;
}

.stats-box span img {}

.stats-box h5 {
    color: #000100;
    font-weight: 700;
}

.statsPage-next-btn {
    display: inline-flex;
    height: 3rem;
    padding: 1rem 1.5rem;
    margin-top: 70px;
    margin-left: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 0.75rem;
    border: none;
    color: var(--primary-white);
    background: var(--accent-accent, #FD961B);
    box-shadow: 0px 0px 0px 0px rgba(253, 150, 27, 0.10), 0px 1px 3px 0px rgba(253, 150, 27, 0.10), 0px 5px 5px 0px rgba(253, 150, 27, 0.09), 0px 10px 6px 0px rgba(253, 150, 27, 0.05), 0px 18px 7px 0px rgba(253, 150, 27, 0.01), 0px 29px 8px 0px rgba(253, 150, 27, 0.00);
}

.statsPage-next-btn:hover {
    background-color: #fa9111;
}

.statsPage-next-btn img {
    padding-left: 8px;
}

/* States Page CSS End */

/* AddLocation NewItem Start*/
.main-addLocation-newItem-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 98.5vw;
    height: 100%;
    /* display: block; */
    background-color: rgba(0, 0, 0, 0.8);
    transition: opacity 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
    /* opacity: 0; */

}

.addLocation-item-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70%;
    height: 90%;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: var(--primary-white);
    border-radius: 1.5rem;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px -17px 38px 0px rgba(0, 0, 0, 0.10), 0px -68px 68px 0px rgba(0, 0, 0, 0.09), 0px -154px 92px 0px rgba(0, 0, 0, 0.05), 0px -274px 109px 0px rgba(0, 0, 0, 0.01), 0px -428px 120px 0px rgba(0, 0, 0, 0.00);
}

.addLocation-item-container::-webkit-scrollbar {
    width: 0;
}

.addLocation-item-section-center {
    padding-top: 200px;
    width: 50%;
}

.addLocation-item-section-center h2 {
    color: #000100;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.addLocation-item-input-container {
    display: grid;
    margin: auto;
    padding: 2.5em 0em 0em 0em;
    width: 100%;
}

.addLocation-item-input-container h3 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    margin-top: 20px;
}

.addLocation-item-input-container input {
    width: 100%;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1em;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.addLocation-item-input-container input::placeholder {
    color: #BDBDBD;

}

.addLocation-item-input-container input:focus {
    outline: #FD961B;
    border: 2px solid #FD961B;
}

.addLocation-item-input-container h5 {
    text-align: left;
    color: #000100;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
}


.upload-button {
    position: relative;
    padding: 10px 50px;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 0.75rem;
    border: 2px solid var(--bg-00, #101010);
    transition: 0.5s ease-in-out;
}

.upload-button:hover {
    color: var(--primary-white);
    background-color: #000100;
}

.upload-button input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.upload-text {
    /* display: none; */
}

.upload-button:hover .upload-text {
    /* display: block; */

}

.gallery-icon {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.upload-button:hover .gallery-icon {
    fill: var(--primary-white);
    /* path: var(--primary-white); */
}

.save-product-btn {
    display: flex;
    justify-content: center;
    text-align: center;
    border: none;
    margin-top: 20px;
    padding: 1rem 0rem;
    width: 100%;
    border-radius: 10px;
    background: #101010;
    color: var(--primary-white);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    margin-bottom: 50px;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.save-product-btn:hover {
    background: #222;

}

/* AddLocation NewItem End*/

/* AddLocation NewItem-2 Start*/
.addLocation-item-container-2 {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
    padding: 3rem 0rem;
    display: block;
    width: 70%;
    height: 90%;
    overflow: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    background-color: var(--primary-white);
    border-radius: 1.5rem;
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.10), 0px -17px 38px 0px rgba(0, 0, 0, 0.10), 0px -68px 68px 0px rgba(0, 0, 0, 0.09), 0px -154px 92px 0px rgba(0, 0, 0, 0.05), 0px -274px 109px 0px rgba(0, 0, 0, 0.01), 0px -428px 120px 0px rgba(0, 0, 0, 0.00);
}

.addLocation-item-container-2::-webkit-scrollbar {
    width: 0;
}

.addLocation-item-section-center-2 {
    width: 80%;
    margin: auto;
}

.addNewItem-2-top-container {
    display: flex;
    justify-content: space-between;
}

.addNewItem-2-top-container h2 {
    color: #000100;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}

.addLocationNewItem-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 0.75rem;
    border: none;
    background: #101010;
    color: var(--primary-white);
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.addLocationNewItem-btn img {
    margin-right: 5px;
}

.addNewItem-box-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    margin-top: 35px;
}

.addNewItem-box {
    padding: 1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: 0.75rem;
    background: #F1F5F9;
}

.addNewItem-box-img-container {
    display: flex;
    border-radius: 0.75rem;
}

.addNewItem-box-img-container img {
    border-radius: 0.75rem;
    width: 102px;
    height: 102px;
}

.addNewItem-box-text-container {
    position: relative;
    padding-left: 1em;
}

.addNewItem-box-text-container h4 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
}

.addNewItem-box-text-container h5 {
    color: #FD961B;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    text-align: left;
}

.addNewItem-p {
    color: #828282 !important;
    font-size: 13px;
    font-style: normal;
    font-weight: 100;
    text-align: left;
}

.addNewItem-viewAll-a {
    display: flex;
    padding: 14px 22px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #101010;
    width: 120px;
    color: #000100;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    margin: auto;
    margin-top: 50px;

}

/* AddLocation NewItem-2 End*/

/* AddLocation Products Start*/
.addLocationProduct-rightbar-container {
    width: 72vw;
    padding: 3rem 2.5rem 3rem 2.5rem;
    /* border: 1px solid red; */
}

.addLocationProduct-rightbar-container h2 {
    color: #000100;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}





.addLocationProduct-sortby-adjust {
    display: flex;
    justify-content: end;

}

.addLocationProduct-dropdown {
    position: relative;
    display: inline-block;
    margin-right: 50px;
}

.addLocationProduct-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 5px 15px 5px 5px;
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
}

.addLocationProduct-arrow {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 1px solid #000100;
    border-bottom: 1px solid #000100;
    transform: rotate(45deg);
    margin-left: 10px;
    transition: transform 0.2s ease-in-out;
}

.addLocationProduct-toggle.open .addLocationProduct-arrow {
    transform: rotate(-135deg);
}

.addLocationProduct-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 150px;
    color: #000100;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
    border-top: none;
    border-radius: 12px;
    max-height: 0;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 0px 0px 0px rgba(130, 130, 130, 0.10), 0px 4px 9px 0px rgba(130, 130, 130, 0.10), 0px 17px 17px 0px rgba(130, 130, 130, 0.09), 0px 38px 23px 0px rgba(130, 130, 130, 0.05), 0px 68px 27px 0px rgba(130, 130, 130, 0.01), 0px 106px 30px 0px rgba(130, 130, 130, 0.00);
    transition: max-height 0.3s ease-in-out;
}

.addLocationProduct-toggle.open+.addLocationProduct-dropdown-menu {
    max-height: 200px;
    overflow-y: none;
}

.addLocationProduct-option {
    display: block;
    padding: 10px;
    color: #000100;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.addLocationProduct-option:hover {
    background-color: #f1f1f1;
}

.addLocationProduct-sortby-remove-btn {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
    color: #FD1B1B;
    font-size: 0.9rem;
    font-weight: 300;
    font-style: normal;
    background: rgba(253, 27, 27, 0.15);
    transition: 0.5s ease-in-out;
}

.addLocationProduct-sortby-remove-btn:hover {
    background-color: #222;
    color: var(--primary-white);
}

.addLocationProduct-sortby-remove-btn img {
    margin-right: 5px;
}



/* addLocationProduct dashboard */
.addLocationProduct-dashboard-container {}

.addLocationProduct-dashboard-section {
    border: 1px solid #BDBDBD;
    border-radius: 16px;
    margin-top: 15px;
    overflow: hidden;
}

table {
    border-collapse: collapse;
    width: 100%;
}

thead tr {
    border-bottom: 1px solid #E0E0E0;
}

th {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 14px 0px 12px 14px;
    text-align: left;
    background-color: #fff;
}

td {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    padding: 14px 0px 12px 14px;
    text-align: left;
    background-color: #FFFFFF;
}

tbody tr td .data {
    display: flex;
    align-items: center;
}

tbody tr td .data {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
}

tbody tr td .data img {
    margin-right: 10px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}

tbody tr:nth-child(odd) td {
    background-color: #FFFFFF;
}

tbody tr:nth-child(even) td {
    background-color: #F5F5F5;
}

input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 3px solid #000;
    width: 16px;
    height: 16px;
    margin-top: 4px;
    outline: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
    position: relative;
}

input[type="radio"]:checked {
    background-color: #000;
}

input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
}

.dashboard-btn-container {
    display: flex;
}

.save-button {
    padding: 5px 10px;
    background-color: #E0E0E0;
    color: FD961B;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 15px;
}

.edit-button {
    display: flex;
    padding: 6px 20px 6px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
    color: #101010;
    font-size: 0.9rem;
    font-weight: 500;
    font-style: normal;
    margin-right: 15px;
    background-color: transparent;
    border: 2px solid #101010;
    transition: 0.5s ease-in-out;
}

.edit-button img {
    margin-right: 5px;
}

.edit-button:hover {
    color: var(--primary-white);
    background-color: #000100;
}

.remove-button {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: none;
    color: #FD1B1B;
    font-size: 0.9rem;
    font-weight: 500;
    font-style: normal;
    background: rgba(253, 27, 27, 0.15);
    transition: 0.5s ease-in-out;
}

.remove-button:hover {
    background-color: #222;
    color: var(--primary-white);
}

.remove-button img {
    margin-right: 5px;
}








.pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 14px 20px;
    background-color: #f5f5f5;
}

.pagination-total-span {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.pagination-right-section {
    display: flex;
    align-items: center;
}

.pagination-pages-number {
    display: flex;
    padding: 8px 15px;
    border: 1px solid #E0E0E0;
    background-color: var(--primary-white);
}

.pagination-pages-number span {
    color: #212121;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.pagination-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 14px 5px 14px;
    margin: 0 10px;
    cursor: pointer;
    border: 1px solid #E0E0E0;
    font-size: 26px;
    background-color: var(--primary-white);
}

.page {
    padding: 5px;
    margin: 0 5px;
    cursor: pointer;
}

/* Style for active page */
.page.active {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 15px;
    margin: 0 10px;
    cursor: pointer;
    border: 1px solid #FD961B;
    color: #FD961B;
    font-size: 14px;
    background-color: var(--primary-white);
}

/* AddLocation Products End*/

/* AddLocation Cordinates Start*/
.addLocation-coordinates-section-center {
    padding-top: 60px;
}

.addLocation-coordinates-section-center h2 {
    color: #000100;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    text-align: center;
}

.addLocation-coordinates-input-container {
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 2.5em 0em 0em 0em;
    width: 80%;
}

.addLocation-coordinates-input-section {
    width: 100%;
}

.addLocation-coordinates-input-section:nth-child(odd) {
    margin-right: 20px;
}

.addLocation-coordinates-input-container h3 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    margin-top: 20px;
}

.addLocation-coordinates-input-container input {
    width: 100%;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1em;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.addLocation-coordinates-input-container input::placeholder {
    color: #BDBDBD;

}

.addLocation-coordinates-input-container input:focus {
    outline: #FD961B;
    border: 2px solid #FD961B;
}

.addLocation-coordinates-img-container {
    width: 80%;
    margin: auto;
    margin-top: 30px;
}

.addLocation-coordinates-img-container img {
    width: 100%;
}

.save-coordinates-btn {
    display: flex;
    justify-content: center;
    text-align: center;
    border: none;
    margin: auto;
    margin-top: 20px;
    padding: 1rem 0rem;
    width: 300px;
    border-radius: 10px;
    background: #101010;
    color: var(--primary-white);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    margin-bottom: 50px;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.save-coordinates-btn:hover {
    background: #222;

}

/* AddLocation Cordinates End*/

/* Business_Location End */
.addLocationBusiness-rightbar-container {
    width: 100vw;
    padding: 3rem 2.5rem 3rem 2.5rem;
}

.addLocationBusiness-rightbar-container h2 {
    color: #000100;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.addLocationBusiness-dashboard-container {}

.addLocationBusiness-dashboard-section {
    border: 1px solid #BDBDBD;
    border-radius: 16px;
    margin-top: 15px;
    overflow: hidden;
}

.site-main-container-business {
    overflow: auto;
}

/* Business_Location Start */


/* States_Selected Start */
.main-selectedStates-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 40px;
}

.main-selectedStates-container a {
    position: relative;
}

.stats-box-selected {
    padding: 1.5rem;
    border: 3px solid #F1F5F9;
    border-radius: 1.5rem;
    background: #FFF;
    transition: 0.5s ease-in-out;
}

.stats-box-selected:hover {
    background-color: #F1F5F9;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.stats-box-selected span {
    display: inline-flex;
    padding: .9rem;
    border-radius: 1rem;
    background: #FFEDD8;
}

.stats-box-selected span img {}

.stats-box-selected h5 {
    color: #FFFFFF;
    font-weight: 700;
}

.statesSelected {
    border-radius: 1.5rem;
    background: #101010;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.statesSelected-cross {
    position: absolute;
    right: 15px;
    top: 15px;
}

/* States_Selected End */

/* States_dashboard2 Start */
.main-statsDashboard-container {
    padding-top: 40px;

}

.main-statsDashboard-container h6 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    margin-top: 20px;
}

.statsDashboard-business-Selected-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    padding-top: 25px;
}

.dashboard-selected {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    border-radius: 16px;
    background-color: #101010;
}

.dashboard-selected span {
    font-size: 1rem;
    font-weight: 400;
    color: var(--primary-white);
}

.dashboard-selected img {}

.statsDashboard-business-section {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    padding-top: 25px;
}

.statsDashboard-business-input-container input {
    width: 100%;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    border: none;
    border: 2px solid #F1F5F9;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1em;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.statsDashboard-business-input-container input:focus {
    outline: none;
    border: 2px solid var(--primary-color);
}

/* States_dashboard2 End */


/* Add Business Location Start */
.main-rightbar-addBusinessLocation-container {
    width: 88.8;
    padding: 3rem 6% 3rem 6%;
    overflow-y: scroll;
}

.main-rightbar-addBusinessLocation-container h2 {
    color: #000100;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    margin: 2em 0em 2em 0em;
}

.main-addBusinessLocation-container {
    width: 55%;
    /* border: 1px solid red; */
}

.main-addBusinessLocation-container input {
    width: 100%;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    border: none;
    border: 2px solid #F1F5F9;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1.2em;
    color: #BDBDBD;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.main-addBusinessLocation-container textarea {
    width: 100%;
    border: 2px solid #F1F5F9;
    border-radius: 10px;
    background: #F1F5F9;
    margin-top: 1.2em;
    color: #BDBDBD;
    font-size: .8rem;
    font-style: normal;
    font-weight: 700;
    padding: 1.2rem 0rem 1.2rem 1rem;
}

.main-addBusinessLocation-container textarea:focus {
    outline: none;
    border: 2px solid var(--primary-color);
}


.main-addBusinessLocation-container input:focus {
    outline: none;
    border: 2px solid var(--primary-color);
}

/* .addBusinessLocation-business-input-container{

} */








.addBusinessLocation-dropdown {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-right: 50px;
    background-color: #F1F5F9;
    border-radius: 10px;
    margin: 1.2em 0em .5em 0em;
    padding: 0rem 1.5rem 0rem 0rem;
}

.addBusinessLocation-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 1.2rem 0rem 1.2rem 1rem;
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
}

.addBusinessLocation-arrow {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 2px solid #000100;
    border-bottom: 2px solid #000100;
    transform: rotate(45deg);
    margin-left: 10px;
    transition: transform 0.2s ease-in-out;
}

.addBusinessLocation-toggle.open .addBusinessLocation-arrow {
    transform: rotate(-135deg);
}

.addBusinessLocation-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    color: #000100;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
    border-top: none;
    border-radius: 12px;
    margin-top: 5px;
    /* padding: 0.5em; */
    max-height: 0;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
    transition: 0.3s ease-in-out;
}

.addBusinessLocation-toggle.open+.addBusinessLocation-dropdown-menu {
    max-height: 350px;
    overflow-y: none;
    padding: 0.5em;
}

.addBusinessLocation-option {
    display: flex;
    padding: 10px 10px 10px 14px;
    border-radius: 8px;
    color: #000100;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.addBusinessLocation-option:hover {
    background-color: #f1f1f1;
}

.addBusinessLocation-option img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.add-item-input-container {
    display: grid;
    margin: auto;
    padding: 2.5em 0em 0em 0em;
    width: 50%;
}

.addBusiness-item-input-container h3 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 700;
    text-align: left;
    margin-top: 20px;
}

.addBusiness-item-input-container h5 {
    text-align: left;
    color: #000100;
    font-size: .8rem;
    font-style: normal;
    font-weight: 400;
}

.addBusiness-addItem-porfolio {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 50px;
    width: 100%;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    cursor: pointer;
    border-radius: 0.75rem;
    border: 2px solid var(--bg-00, #101010);
    transition: 0.5s ease-in-out;
}

.addBusiness-addItem-porfolio:hover {
    color: var(--primary-white);
    background-color: #000100;
}

.addBusiness-addItem-porfolio img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.Submit-Business-Location-btn {
    margin-top: 40px;
    margin-left: 0px;
}

.addBusiness-card-container {
    width: 45%;
    padding: 1em 0em 0em 3em;
}

.main-addBusinessLocation-container-gaint {
    display: flex;
}

.addBusiness-card-box {
    padding: 24px;
    border-radius: 24px;
    background: #F2F3EE;
}

.addBusiness-card-img {
    width: 100%;
}

.addBusiness-card-img img {
    width: 100%;

}

.addBusiness-card-box h3 {
    color: #000100;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
    margin-top: 5px;
}

.addBusiness-card-box p {
    color: #828282;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-top: 5px;
}

.addBusiness-card-box hr {
    margin: 15px 0px;
}

.addBusiness-card-socail-container {
    padding-left: 1em;
}

.addBusiness-card-socail-container ul {}

.addBusiness-card-socail-container ul li {
    display: flex;
    align-items: center;
    margin-bottom: 18px;

}

.addBusiness-card-socail-container ul li img {
    display: flex;

}

.addBusiness-card-socail-container ul li a {
    display: flex;
    color: #000100;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-left: 12px;
}

.addBusiness-card-alert-container {
    display: flex;
    align-items: self-start;
    margin-top: 30px;
    padding: 16px;
    border-radius: 12px;
    background: #FD961B;
}

.addBusiness-card-alert-container img {
    margin-top: 2px;
}

.addBusiness-card-alert-container span {
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 500;
    padding-left: 10px;
}

/* Add Business Location End */


/* Add Business Location End */
.main-rightbar-dashboardSetting-container {
    width: 88.8vw;
    padding: 3rem 2rem 3rem 2rem;
}

.main-rightbar-dashboardSetting-container h2 {
    color: #000100;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    margin: 2em 0em .8em 0em;
}


.main-rightbar-dashboardSetting-container ul {
    padding-left: 5px;
}

.main-rightbar-dashboardSetting-container ul li {
    margin-bottom: 20px;
}

.checkbox-container {
    display: flex;
    align-items: center;
}

.checkbox {
    width: 18px;
    height: 18px;
    border: 3px solid black;
    margin-right: 10px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s;
}

.checkbox.checked {
    background-color: black;
}

.checkbox.checked:after {
    content: '✔';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

/* Add Business Location End */

/* Add Business Location Start */
.main-rightbar-userProfile-container {
    width: 88.8vw;
    padding: 6rem 8% 3rem 8%;
}

.userProfile-detail-container {
    display: flex;
    width: 57%;
}

.userProfile-img-container {
    display: flex;
    border-radius: 40px;
    border: 5px solid #FD961B;
}

.userProfile-img-container img {
    display: flex;
    border-radius: 40px;
}

.userProfile-text-container {
    padding-left: 35px;
}

.userProfile-text-container h3 {
    color: #000100;
    font-size: 1.3rem;
    font-style: normal;
    font-weight: 700;
}

.userProfile-text-container h5 {
    color: #828282;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
}

.userProfile-level-container {
    margin-top: 15px;
    padding: 15px 20px;
    border-radius: 16px;
    background: #F1F5F9;
}

.userProfile-level-section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userProfile-level-section h6 {
    color: #000100;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.userProfile-level-section p {
    color: #4F4F4F;
    font-size: 12.003px;
    font-style: normal;
    font-weight: 700;
}

.userProfile-level-review {
    display: flex;
    align-items: self-start;
    justify-content: flex-start;
    padding-top: 5px;
}

.userProfile-level-review img {
    margin-top: 4px;
    margin-right: 8px;
}

.userProfile-level-review p {
    color: #000100;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
}

.userProfile-level-line-container {
    position: relative;
    height: 10px;
    border-radius: 10px;
    margin-top: 5px;
    background: var(--primary-white);
}

.userProfile-level-line-span {
    width: 150px;
    height: 10px;
    position: absolute;
    border-radius: 10px;
    background: #FDCB1B;
}

.userProfile-location-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 70px;
    margin-top: 40px;
}

.userProfile-location-box {
    border-radius: 16px;
    padding: 14px 20px;
    background: #FFFFFF;
    border: 1px solid #CDCFCC;
    box-shadow: 0px 0px 0px 0px rgba(130, 130, 130, 0.10), 0px 4px 9px 0px rgba(130, 130, 130, 0.10), 0px 17px 17px 0px rgba(130, 130, 130, 0.09), 0px 38px 23px 0px rgba(130, 130, 130, 0.05), 0px 68px 27px 0px rgba(130, 130, 130, 0.01), 0px 106px 30px 0px rgba(130, 130, 130, 0.00);
}

.userProfile-location-txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userProfile-location-txt h3 {
    color: #000100;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
}

.userProfile-location-txt a {
    color: #FD961B;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    text-decoration: none;
}

.userProfile-business-location-container {
    display: flex;
    padding: 16px;
    margin-top: 16px;
    border-radius: 16px;
    background: #F2F3EE;
}

.userProfile-business-location-img-container {
    border-radius: 12px;
    width: 150px;
    height: 77px;
}

.userProfile-business-location-img-container img {
    border-radius: 12px;
}

.userProfile-business-location-detail-container {
    padding-left: 20px;
}

.userProfile-business-location-detail-container h5 {
    color: #000100;
    font-size: 0.95rem;
    font-style: normal;
    font-weight: 700;
}

.userProfile-business-location-detail-container h6 {
    color: #828282;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
}

.userProfile-business-location-rating-container {
    display: flex;
    align-items: center;
    padding-top: 3px;
}

.userProfile-business-location-rating-container span {
    color: #828282;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-right: 8px;
}

.userProfile-business-location-rating-star {
    display: flex;
    justify-content: center;
    align-items: center;
}

.userProfile-business-location-rating-star img {
    margin-right: 3px;
}

.userProfile-business-location-detail-container p {
    color: #828282;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
}

/* Add Business Location End */





/* Profile_Location Start */
.Profile_Location-input {
    padding-right: 10rem !important;
}

.Profile_Location-input-line {
    height: 30px;
    width: 1px;
    background: #F2F3EE;
}

.Profile_Location-dropdown {
    width: 200px;
    position: relative;
    display: inline-block;
    margin-right: 50px;
    background-color: #FFFFFF;
    border-radius: 10px;
    margin: 0em;
    padding: 0rem 1.5rem 0rem 0rem;
}

.Profile_Location-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 1.2rem 0rem 1.2rem 1rem;
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 400;
}

.Profile_Location-arrow {
    display: inline-block;
    width: 0.4em;
    height: 0.4em;
    border-right: 2px solid #000100;
    border-bottom: 2px solid #000100;
    transform: rotate(45deg);
    margin-left: 40px;
    transition: transform 0.2s ease-in-out;
}

.Profile_Location-toggle.open .Profile_Location-arrow {
    transform: rotate(-135deg);
}

.Profile_Location-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    width: 100%;
    color: #000100;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    background-color: #fff;
    border-top: none;
    border-radius: 12px;
    margin-top: 5px;
    /* padding: 0.5em; */
    max-height: 0;
    overflow: hidden;
    cursor: pointer;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
    transition: 0.3s ease-in-out;
}

.Profile_Location-toggle.open+.Profile_Location-dropdown-menu {
    max-height: 350px;
    overflow-y: none;
    padding: 0.5em;
}

.Profile_Location-option {
    display: flex;
    padding: 10px 10px 10px 14px;
    border-radius: 8px;
    color: #000100;
    font-size: 1rem;
    text-decoration: none;
    transition: background-color 0.2s ease-in-out;
}

.Profile_Location-option:hover {
    background-color: #f1f1f1;
}

.Profile_Location-option img {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}




.profile-business-location-main-container {
    margin-top: 10px;
    padding: 14px;
    border-radius: 1rem;
    background: #FFFFFF;
    box-shadow: 0px 0px 0px 0px rgba(130, 130, 130, 0.10), 0px 4px 9px 0px rgba(130, 130, 130, 0.10), 0px 17px 17px 0px rgba(130, 130, 130, 0.09), 0px 38px 23px 0px rgba(130, 130, 130, 0.05), 0px 68px 27px 0px rgba(130, 130, 130, 0.01), 0px 106px 30px 0px rgba(130, 130, 130, 0.00);
}

.profile-business-location-img-conatiner {
    width: 100%;
    height: auto;
    border-radius: 12px;
}

.profile-business-location-img-conatiner img {
    width: 100%;
    height: auto;
    border-radius: 12px;

}

.profile-business-detail-container {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

.profile-business-detail-section {
    position: relative;
}

.profile-business-detail-section h5 {
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    padding-right: 10px;
}

.verified-orange {
    position: absolute;
    right: -15px;
    top: 0;
}

.userProfile-business-location-rating-container {}

.profile-business-detail-share-section {
    display: flex;
    align-items: self-start;
    justify-content: end;
}

.profile-business-detail-share-section a {
    display: flex;
    padding: 10px 18px;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 100;
    border-radius: 8px;
    background: #101010;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.profile-business-detail-share-section span {
    display: flex;
    padding: 5px;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #101010;
    margin-left: 10px;
}

.profile-business-detail-share-section span img {}


.profile-location-tabs-container {
    padding-top: 60px;
}

.tab {
    overflow: hidden;
}

.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 35px;
    transition: 0.3s;
    font-size: 17px;
    color: #4B4B4B;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 300;
}

.tab button:hover {
    background-color: #eeeeee;
    border-radius: 8px 8px 0px 0px;

}

.tab button.active {
    background-color: #FFDDB5;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 2px solid#FD961B;
    color: #000100;
}

.tabcontent {
    display: none;
}

.tabcontent p {
    color: #000100;
    font-size: 0.9rem;
    font-style: normal;
    line-height: 18px;
    font-weight: 400;
}

.profile-location-ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    padding: 2em 0em 0em 0em;
}

.profile-location-ul li {
    display: flex;
    padding-bottom: 1rem;
}


.profile-location-card-socail-container {
    padding-top: 2em;
    padding-left: 1em;
}

.profile-location-card-socail-container ul {}

.profile-location-card-socail-container ul li {
    display: flex;
    align-items: center;
    margin-bottom: 10px !important;
    padding: 5px;
    transition: 0.5s ease-in-out;
    border-radius: 5px;
}

.profile-location-card-socail-container ul li:hover {
    background-color: #eeeeee;
}

.profile-location-card-socail-container ul li img {
    display: flex;
}

.profile-location-card-socail-container ul li a {
    display: flex;
    color: #000100;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin-left: 12px;
}

.profile-location-gallery-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    margin-top: 20px;
}

.profile-location-gallery-container img {}

.tabcontent .addNewItem-box {
    margin-top: 20px;
}

.profile-location-portfolio-buy-btn {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--primary-color);
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 8px;
    border: 2px solid var(--primary-color);
    background-color: transparent;
    transition: 0.5s ease-in-out;
}

.profile-location-portfolio-buy-btn:hover {
    color: var(--primary-white);
    background-color: var(--primary-color);
}

.profile-location-reviews-rating-main-container {}

.profile-location-reviews-rating-main-Innercontainer {
    display: flex !important;
    justify-content: space-between;
}

.profile-location-reviews-rating-container {
    width: 325px;
    padding: 20px 0px;
}

.profile-location-reviews-rating-section {
    display: flex;
    align-items: center;
}

.profile-location-reviews-rating-container span {}

.profile-location-reviews-rating-line-container {
    padding-left: 15px;
}

.profile-location-reviews-rating-line {
    position: relative;
    height: 8px;
    width: 275px;
    border-radius: 10px;
    background-color: #eeeeee;
}

.profile-location-reviews-rating-line-gray {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 275px;
    border-radius: 10px;
    background-color: #FDCB1B;
}

.profile-location-reviews-rating-line-gray-4 {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 230px;
    border-radius: 10px;
    background-color: #FDCB1B;
}

.profile-location-reviews-rating-line-gray-3 {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 180px;
    border-radius: 10px;
    background-color: #FDCB1B;
}

.profile-location-reviews-rating-line-gray-2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 130px;
    border-radius: 10px;
    background-color: #FDCB1B;
}

.profile-location-reviews-rating-line-gray-1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 8px;
    width: 70px;
    border-radius: 10px;
    background-color: #FDCB1B;
}


.profile-location-reviews-star-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.profile-location-reviews-star-container h5 {
    font-size: 3rem;
    font-weight: 500;
}

.profile-location-reviews-star-innerSection {}

.profile-location-reviews-star-innerSection img {}

.profile-location-reviews-star-container span {
    color: #828282;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 300;
}


.profile-location-reviews-writeBtn-conatiner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.profile-location-reviews-dropdown {
    margin: 0em !important;
}

.profile-location-reviews-writeBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FD961B;
    padding: 12px 16px;
    border-radius: 12px;
    border: 2px solid #FD961B;
    background-color: transparent;
    transition: 0.5s ease-in-out;
}

.profile-location-reviews-writeBtn:hover {
    color: var(--primary-white);
    background-color: #FD961B;
}

.profile-location-reviews-writeBtn img {
    padding-right: 5px;
}




.profile-location-user-conatiner {}

.profile-location-user-inner-conatiner {
    display: flex;
    margin-top: 20px;
}

.profile-location-user-img-conatiner {
    /* position: relative; */
}


.profile-location-user-detail-container {
    position: relative;
    padding-left: 20px;
}

.profile-location-user-detail-container h3 {
    color: #000100;
    font-size: 0.9rem;
    font-weight: 700;
}

.profile-location-user-detail-container h5 {
    color: #828282;
    font-size: 0.8rem;
    font-weight: 300;
}

.profile-location-user-verified-icon {
    width: 16px;
    height: 16px;
    top: 3.5px;
    left: 90px;
    position: absolute;
}

.profile-location-user-detail-star-container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3px;
}

.profile-location-user-detail-star-container img {
    padding-right: 3px;
}

.profile-location-user-detail-star-container span {
    color: #828282;
    font-size: 0.9rem;
    font-weight: 100;
    margin-left: 8px;
}

.profile-location-user-conatiner p {
    color: #000100;
    font-size: 0.9rem;
    font-weight: 400;
    margin-top: 5px;
}

.profile-location-user-detail-img-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
    margin: 20px 0px;
}

.profile-location-user-detail-img-container:nth-child(3) {
    position: relative;
}

.profile-location-user-detail-img-container:nth-child(3)::after {
    content: "+100";
    right: 0;
    top: 0;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.80);
    border-radius: 16px;
    width: 180px;
    height: 100%;
    color: #FFFFFF;
    font-size: 1.5rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.profile-location-user-detail-img-container img {
    width: 100%;
}

.profile-location-user-like-span-container {}

.profile-location-user-like-span-container span p {
    color: #4B4B4B;
    font-size: 0.8rem;
    font-weight: 300;
    margin: 0px 0px 0px 6px;
}

/* Profile_Location End */

/* User_Saved Start */
.userSaved-main-container {
    position: relative;
    height: 150vh;
}

.userSaved-title-conatiner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.userSaved-title-conatiner h3 {
    color: #000100;
    font-size: 1.2rem;
    font-style: normal;
    font-weight: 700;
}

.userSaved-newList-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FD961B;
    font-size: 0.9rem;
    font-weight: 300;
    padding: 10px 12px;
    border-radius: 12px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.userSaved-newList-btn img {
    margin-right: 5px;
}

.userSaved-detail-main-conatiner {
    padding-top: 20px;
}

.panel {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    border-radius: 12px;
}

.panel:hover {
    background-color: #F1F5F9;
}

.user-travelPlan-container {
    position: relative;
}

.user-travelPlan-section {
    display: flex;
    align-items: center;
    padding: 24px 16px;
}


.user-travelPlan-section img {}

.user-travelPlan-txt-container {
    padding-left: 15px;
}

.user-travelPlan-txt-container h5 {
    color: #000100;
    font-size: 1.1rem;
    font-style: normal;
    font-weight: 500;
}

.user-travelPlan-txt-container h6 {
    color: #828282;
    font-size: 1rem;
    font-style: normal;
    font-weight: 300;
}

.user-travelPlan-arrow-img {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 30px;
    right: 10px;
}


.full-length-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-white);
    border-radius: 12px;
    color: #fff;
    padding: 14px;
    transform: translateX(100%);
    transition: transform 0.5s ease;
    z-index: -1;
}

.panel.active .full-length-panel {
    transform: translateX(0);
    z-index: 1;
}

.back-arrow {
    position: absolute;
    top: 17px;
    left: 20px;
    cursor: pointer;
    font-size: 24px;
}

.back-arrow img {
    width: 18px;
    height: 18px;
}

.userSaved-title-afterClick-conatiner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 35px;
}

.hide-animation {
    animation: hidePanel 0.5s ease;
}

@keyframes hidePanel {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(100%);
    }
}


.userSaved-toggle-container {
    padding-top: 40px;
}

.userSaved-toggle-container ul {}

.userSaved-toggle-container ul li {
    padding-left: 10px;
    margin-top: 5px;
    margin-bottom: 0px !important;
    transition: 0.5s ease-in-out;
    border-radius: 12px;
}

.userSaved-toggle-container ul li:hover {
    background-color: #F2F3EE;
}

/* User_Saved End */


/* Home_Collapsed End */
.main-Home-Collapsed-searchFilter-container {
    margin-left: 1em;
    padding-top: 10px;
    width: 700px;
    height: 145.5vh !important;
    border-radius: 16px;
}

.main-Home-Collapsed-searchFilter-container {
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* background-color: var(--primary-white); */
}

.main-Home-Collapsed-searchFilter-container::-webkit-scrollbar {
    width: 0;
}

.Home-Collapsed-input {
    width: 100%;
}

.Home-Collapsed-input-line {
    height: 30px;
    width: 1px;
    background: #F2F3EE;
}

.search-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.Home-Collapsed-dropdown {
    width: 600px !important;
}

.Home-Collapsed-main-container {
    margin-top: 5px;
    height: 150vh;
    background-color: #FFFFFF;
    overflow: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.Home-Collapsed-main-container {
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.Home-Collapsed-main-container::-webkit-scrollbar {
    width: 0;
}

.Home-Collapsed-card-container {
    width: 60%;
    height: auto;
    /* padding: 1em 0em 0em 0em; */
}

.Home-Collapsed-vistBusiness-btn {
    color: #FFFFFF;
    font-size: 0.9rem;
    font-weight: 100;
    display: inline-flex;
    width: 100%;
    padding: 16px 24px;
    justify-content: center;
    align-items: center;
    border: 1px solid #FD961B;
    border-radius: 12px;
    background: #FD961B;
    cursor: pointer;
    box-shadow: 0px 0px 0px 0px rgba(253, 150, 27, 0.10), 0px 1px 3px 0px rgba(253, 150, 27, 0.10), 0px 5px 5px 0px rgba(253, 150, 27, 0.09), 0px 10px 6px 0px rgba(253, 150, 27, 0.05), 0px 18px 7px 0px rgba(253, 150, 27, 0.01), 0px 29px 8px 0px rgba(253, 150, 27, 0.00);
}

.Home-Collapsed-featuredBusiness-conatiner {
    width: 100%;
    padding: 3rem 1em 1em 1em;
}

.Home-Collapsed-featuredBusiness-conatiner h3 {
    color: #000100;
    font-size: 1.5rem;
    font-weight: 700;
    text-align: left;
}

.Home-Collapsed-featuredBusiness-conatiner a .userProfile-business-location-container {
    width: 70%;
}

.Home-Collapsed-featuredBusiness-conatiner a .userProfile-business-location-container .userProfile-business-location-img-container {
    display: flex;
    width: 200px;
    height: 100px;
    border-radius: 12px;
}

.Home-Collapsed-featuredBusiness-conatiner a .userProfile-business-location-container .userProfile-business-location-img-container img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    display: flex;
}

/* Home_Collapsed End */

/* Comparison_States Start */
.main-rightbar-ComparisonStates-container {
    width: 100%;
    padding: 6rem 4rem 3rem 3.2rem;
    overflow-y: auto;
}

.main-rightbar-ComparisonStates-container::-webkit-scrollbar {
    width: 0.5em;
}

/* Track */
.main-rightbar-ComparisonStates-container::-webkit-scrollbar-track {
    background: transparent;
}

/* Handle */
.main-rightbar-ComparisonStates-container::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
}

/* Handle on hover */
.main-rightbar-ComparisonStates-container::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.main-rightbar-ComparisonStates-container-new{
    display: flex;
    flex-direction: column-reverse;
    padding: 0rem 4rem 3rem 3.2rem;
}

.ComparisonStates-overview-title-container {}

.ComparisonStates-overview-title-container h2 {
    color: #000100;
    font-size: 1.5rem;
    font-weight: 700;
}

.ComparisonStates-overview-location-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 10px;
}

.ComparisonStates-overview-location-container img {
    width: 30px;
    height: 30px;
}

.ComparisonStates-overview-location-container span {
    color: #4F4F4F;
    font-size: 1.2rem;
    font-weight: 700;
    margin-left: 5px;
}


.ComparisonStates-rating-detail-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 70px;
    margin-top: 30px;
}

.ComparisonStates-rating-detail-container-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ComparisonStates-rating-detail-box {
    width: 100%;
}

.ComparisonStates-rating-detail-box h3 {
    color: #000100;
    font-size: 1.5rem;
    font-weight: 700;
}
.ComparisonStates-halfRing-container-space{
    display: flex;
    justify-content: space-around;
    width: 100%;
}

.ComparisonStates-halfRing-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}

.ComparisonStates-halfRing-container:nth-child(2) {
    float: left;
}

.ComparisonStates-halfRing-container h5 {
    color: #000100;
    font-size: 28.43px;
    font-weight: 300;
    padding: 20px 0px;
}

.ComparisonStates-rate-span {
    color: #000100;
    font-size: 50.517px;
    font-weight: 500;
}

.ComparisonStates-ratingStar-conatiner {
    display: flex;
    align-items: center;
}

.ComparisonStates-ratingStar-conatiner img {
    width: 30px;
    height: 30px;
}

.ComparisonStates-review {
    color: #828282;
    font-size: 21.328px;
    font-weight: 300;
}


/* .half-circle {
    width: 200px;  */
/* height: 110px; */
/* background-color: #3498db;  */
/* border-radius: 100px 100px 10px 10px;
    border-top: 50px solid #E0E0E0; 
    border-left: 50px solid #E0E0E0; 
    border-right: 50px solid #E0E0E0; 
    position: relative;
} */



.ComparisonStates-totolCustomers-detail {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    border-radius: 24px;
    margin-bottom: 40px;
    background: #F2F3EE;
}

.ComparisonStates-totolCustomers-detail h4 {
    text-align: center;
    color: #4B4B4B;
    font-size: 1.4rem;
    font-weight: 700;
}

.ComparisonStates-totolCustomers-detail span {
    color: #000100;
    font-size: 3.3rem;
    font-weight: 700;
    margin-top: 20px;
}

.ComparisonStates-totolCustomers-detail .stats-div-main {
    width: 100%;
    display: flex;
    justify-content: space-around;
}

.stats-div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.stats-div p {
    color:#222;
    font-size: 16px;
    font-weight: 700;
    margin-top: 20px;
}

.ComparisonStates-available-item {
    margin-top: 88px !important;
}



.ComparisonStates-graph-container {
    padding-top: 50px;
}

.ComparisonStates-graph-container h5 {
    color: #333;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
}

.ComparisonStates-graph-main-container {}

/* Comparison_States End */


/* Login Start */
.login-header {
    display: flex;
}

.login-header img {
    margin-right: 10px;
}

.login-header h1 {
    font-size: 40px;
}

.addLocation-coordinates-section-center h5 {
    color: #000100;
    font-size: 18px;
    text-align: center;
    font-style: normal;
    font-weight: 400;
}

.login-section-center {
    padding-top: 10px;
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-section-center span {
    color: #000100;
    font-size: 16px;
    font-weight: 300;
    text-align: center;
}

.login-section-center span a {
    color: #FD961B;

}

.login-input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.login-coordinates-input-section:nth-child(odd) {
    margin: 0;
}

.login-btn {
    margin-bottom: 20px;
    width: 80%;
}

.loginwithgmail-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: 2px solid #101010;
    margin: auto;
    padding: 0.7rem 0rem;
    border-radius: 10px;
    width: 80%;
    background: transparent;
    color: #101010;
    font-weight: 700;
    transition: 0.5s ease-in-out;
    cursor: pointer;
    margin-bottom: 50px;
    box-shadow: 0px 0px 0px 0px rgba(92, 92, 92, 0.10), 0px 2px 5px 0px rgba(92, 92, 92, 0.10), 0px 9px 9px 0px rgba(92, 92, 92, 0.09), 0px 21px 13px 0px rgba(92, 92, 92, 0.05), 0px 38px 15px 0px rgba(92, 92, 92, 0.01), 0px 59px 16px 0px rgba(92, 92, 92, 0.00);
}

.loginwithgmail-btn svg {
    margin-right: 10px;
}

/* Login End */