@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-black-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-black-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-bold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-extrabold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-heavy-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-heavy-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-medium-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-medium-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-regular-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/gilroy/gilroy-semibold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy/gilroy-semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

/* Poppins */
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* ---------------------Global ------------------------- */
:root {
    --heading-font: 'Gilroy', sans-serif;
    --body-font: 'Poppins', sans-serif;
    --primarydark-color: #234089;
    --primary-text: #3E4581;
    /* For headings */
    --secondary-text: #6B6B6B;
    /* For paragraphs and content */
    --accent-color: #F6BF31;
    /* For links and other elements */
    --hover-primary: #323974;
    /* Slightly darker variant for heading hovers */
    --hover-secondary: #5C5C5C;
    /* Muted hover for body text elements */
    --hover-accent: #E0A800;
    /* A richer tone for link and button hovers */
    --highlight-color: #FEF8E8;
    --highlight-border: #F1E8D2;
}

body {
    font-family: var(--body-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--heading-font);
    font-weight: 700;
    color: var(--primary-text);
}

p,
span,
div {
    color: var(--secondary-text);
    font-size: 1.05rem;
    margin-bottom: 0;
}

a {
    color: var(--accent-color);
    text-decoration: none;
    font-size: 1.05rem;
    cursor: pointer;
}

a:hover {
    color: var(--hover-accent);
}

.btn.btn_primary {
    background-color: var(--primarydark-color);
    color: #ffff;
}

.btn.btn_primary:hover {
    background-color: var(--hover-primary);
}

.btn.btn_primary:active {
    color: #fff;
}

.btn {
    border-radius: 5px;
    padding: 10px 20px;
}

.btn.btn_secondary {
    background-color: var(--accent-color);
    color: var(--primarydark-color);
    border: 2px solid var(--accent-color);
}

.btn.btn_secondary:hover {
    background-color: var(--hover-accent);
}

a.btn.btn_outline {
    color: var(--primarydark-color);
    border: 2px solid;
}

a.btn-bordered {
    padding: 0;
    line-height: 1.3;
    font-weight: 500;
    border-bottom: 2px solid;
    border-radius: 0;
    border-bottom: 1.7px solid;
}

/* ---------------------Global ------------------------- */
/* ---------------------HEADER------------------------- */
header {
    box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
    padding: 13px 0;
}

header .inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header .inner .brand {
    width: 150px;
}

/* ---------------------/HEADER------------------------- */
/* ---------------------Global Structure------------------------- */
.global_wrapper .inner {
    display: flex;
    gap: 50px;
    margin-top: 50px;
    width: 93%;
    margin: 50px auto;
}

.global_wrapper .inner nav.sidebar {
    width: 20%;
}

.global_wrapper .inner main {
    width: 57%;
}

.global_wrapper aside {
    width: 23%;
}

main h2 {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

/* ---------------------/Global Structure------------------------- */
/* ---------------------Navigation Sidebar------------------------- */
nav.sidebar ul {
    padding: 0;
    list-style: none;
}

nav.sidebar ul li a {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-text);
    font-family: var(--heading-font);
    font-weight: 400;
    position: relative;
    padding: 10px 20px 10px 65px;
    margin-bottom: 10px;
}

nav.sidebar ul li a.active {
    background-color: var(--highlight-color);
    border: 1px solid var(--highlight-border);
    border-radius: 6px;
}

nav.sidebar ul li a img:first-child {
    position: absolute;
    left: 18px;
    width: 25px;
}

nav.sidebar>ul>li:first-child img {
    width: 27.5px !important;
}

nav.sidebar>ul>li>a {
    font-weight: 500 !important;
}

nav.sidebar ul li a span {
    position: absolute;
    right: 40px;
    display: block;
    width: 16.36px;
    height: 13.67px;
    display: block;
}

nav.sidebar ul li a span img {
    width: 100%;
    height: 100%;
}

/* ---------------------/Navigation Sidebar------------------------- */
/* ---------------------Location Selector------------------------- */
.location--selector {
    background-color: var(--primarydark-color);
    padding: 30px 20px;
    border-radius: 7px;
    text-align: center;
}

.location--selector>div {
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
}

.location--selector h2 {
    font-size: 2rem;
    color: #fff;
    line-height: 1;
    margin: 0;
}

.location--selector>div:nth-child(1) {
    align-items: center;
}

.location--selector p {
    color: #fff;
    margin-bottom: 0;
}

.address-selector .btn {
    padding: 0;
    line-height: 1;
    font-size: 1.25rem;
    color: #fff;
    border: 0 !important;
    transition: all ease-in-out 100ms;
}

.location--selector>div img {
    width: 20px;
}

.location--selector>a {
    font-size: 1.11rem;
}

.address-selector .btn[aria-expanded="true"] {
    transform: rotate(180deg);
    border: 0;
    top: -2px;
    position: relative;
}

.address-selector ul {
    width: 260px;
}

.address-selector ul {
    padding: 0;
}

.address-selector ul li a {
    border-bottom: 1px solid #e9e9e9;
    font-size: 0.93rem;
    padding: 10px 15px;
    line-height: 1.5;
    white-space: normal;
}

.address-selector ul li a:nth-child(1) {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.address-selector ul li a:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/* ---------------------/Location Selector------------------------- */
/* ---------------------Categories Page ------------------------- */

.caterogies>p {
    margin-bottom: 30px;
}

.caterogies>.add_cat_wicon {
    margin-bottom: 30px;
}

.add_cat_wicon>img {
    width: 24px;
}

.add_cat_wicon {
    display: flex;
    align-items: center;
    gap: 13px;
}

.add_cat_wicon a {
    border-bottom: 1px solid #ffecbb;
}

.selected_cat {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    padding: 25px;
    margin-bottom: 24px;
}

.breadcrumb .breadcrumb-item {
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
}

.breadcrumb .breadcrumb-item:last-child {
    font-weight: 500;
}

.selected_cat .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.breadcrumb {
    margin: 0;
}

.selected_cat .head button {
    border: 0 !important;
    padding: 0;
    line-height: 1;
    background: transparent;
    color: var(--accent-color);
    font-size: 1rem;
    text-decoration: underline;
}

.btn__remove_cat {
    font-weight: 500;
    line-height: 1.3;
    color: var(--accent-color);
    text-decoration: none;
    font-size: 1.05rem;
    cursor: pointer;
    border: 0;
    border-bottom: 2px solid #ffecbb;
    padding: 0;
    background: none;
}

.selected_cat_count {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.selected_cat_count span:last-child {
    background-color: var(--accent-color);
    line-height: 1;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffff;
    width: 23px;
    height: 23px;
    font-size: 0.9rem;
    font-weight: 500;
}

.add_item {
    background-color: #f8faff;
    border-radius: 8px;
    border: 1px dashed var(--primarydark-color);
    color: #000000;
    display: flex;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.1;
    padding: 17px 20px;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.add_item .btn.btn_primary {
    padding: 10px 30px;
}

/* outline boxes */
ul.dotted_box {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0;
}

ul.dotted_box li {
    background-color: #f8faff;
    border-radius: 5px;
    border: 1px dashed var(--primarydark-color);
    color: #000000;
    display: flex;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.1;
    padding: 10px 20px;
    align-items: center;
    gap: 20px;
}

ul.dotted_box li span.icon__remove {
    width: 11px;
    cursor: pointer;
}

ul.dotted_box li span.icon__remove img {
    width: 100%;
}

/* outline boxes */
/* button wrapper */
.btn_wrapper {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* button wrapper */

/* ---------------------/Categories Page ------------------------- */

/* ---------------------About Business ------------------------- */
.profile-pic {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #ddd;
}

.info-label {
    font-weight: 600;
    color: #6c757d;
}

.file-upload {
    display: none;
}

.editable_form {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    margin-bottom: 24px;
    background-color: #f8faff;
}

.editable_form .head {
    border-bottom: 1px solid #D4D4D4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 25px;
}

.editable_form .head h2 {
    font-size: 1.4rem;
    margin: 0;
    font-weight: 600;
}

.editable_form .head a {
    display: flex;
    align-items: center;
    line-height: 1;
    gap: 7px;
    text-decoration: underline;
}

.editable_form .form_body>div {
    border-bottom: 1px solid #D4D4D4;
    padding: 20px 25px;
    display: flex;
    align-items: center;
}

.editable_form .form_body>div:last-child {
    border: 0;
}

.editable_form .form_body>div label {
    width: 45%;
    color: #000;
    font-weight: 400;
}

.editable_form .form_body>div input,
.editable_form .form_body>div select,
.editable_form .form_body>div textarea {
    border: 0;
    box-shadow: none;
    color: var(--secondary-text);
    width: 65%;
}

.business_photo label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100% !important;
}

.business_photo label span {
    display: block;
    width: 45%;
    color: #000;
    font-weight: 400;
}

.business_photo .image_box {
    width: 65%;
}

.editable_form .form-control:disabled,
.editable_form .form-select:disabled {
    background: 0;
}

/* ---------------------/About Business ------------------------- */
/* ---------------------Business Hours------------------------- */
.business_hours {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    padding: 40px 30px;
    margin-bottom: 40px;
}

.time-row:last-child {
    margin: 0;
}

.time-row {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.time-row>span {
    width: 20%;
    color: #000;
    font-weight: 400;
}

.time-row .form-switch {
    width: 10%;
}

.time-row>div:last-child {
    width: 70%;
}

.time-row>div:last-child input {
    width: 47%;
    background-color: #f8faff;
    border: 0;
    padding: 10px 20px;
    border-radius: 5px;
    border: 1px solid #e2e2e2;
}

.form-check-input:checked {
    background-color: var(--accent-color);
    border-color: var(--accent-color);
}

.time-row .form-switch input {
    box-shadow: none;
    border-color: #ccc;
}

.time-row>div.closed {
    background: #F8F8F8;
    display: flex;
    align-items: center;
    padding: 10px 20px;
    gap: 10px;
    border-radius: 5px;
}

.time-row>div.closed img {
    width: 16px;
}

/* ---------------------/Business Hours------------------------- */
/* ---------------------Photos------------------------- */
.upload-container {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    padding: 25px;
    margin-bottom: 24px;
}

.upload-box {
    border: 3px dashed #757fdc;
    padding: 40px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: background 0.3s;
    border-radius: 10px;
    text-align: center;
}

.upload-box.dragover {
    background-color: #e8f0fe;
}

.image-list {
    margin-top: 15px;
}

.image-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 10px;
    border-radius: 5px;
}

.image-item img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 15px;
    border-radius: 4px;
}

.image-details {
    flex: 1;
}

.image-name {
    font-size: 14px;
    margin-bottom: 5px;
}

.progress-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
}

.progress-container {
    flex: 1;
    background-color: #f0f0f0;
    border-radius: 4px;
    height: 8px;
    overflow: hidden;
}

.progress-bar {
    height: 100%;
    background-color: #007bff;
    transition: width 0.3s ease;
}

.progress-text {
    min-width: 45px;
    font-size: 12px;
    color: #666;
}

.upload-error .progress-text {
    color: #dc3545;
}

.delete-photo {
    position: absolute;
    top: 5px;
    right: 5px;
    background: rgba(255, 255, 255, 0.9);
    border: none;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc3545;
    opacity: 0;
    transition: opacity 0.2s;
}

.img_list li {
    position: relative;
}

.img_list li:hover .delete-photo {
    opacity: 1;
}

#deleteConfirmModal .modal-content {
    border-radius: 8px;
}

#deleteConfirmModal .modal-header {
    border-bottom: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

#deleteConfirmModal .modal-footer {
    border-top: 1px solid #dee2e6;
}

/* ---------------------/Photos------------------------- */
/* ---------------------Services Area------------------------- */
.services_area {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    margin-bottom: 24px;
}

.services_area .map * {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);
}

ul.location.dotted_box li div {
    color: #000;
    display: flex;
    align-items: center;
    gap: 13px;
    font-size: 0.9rem;
    font-weight: 400;
}

.services_area>div:nth-child(2) {
    padding: 30px 25px;
}

ul.location.dotted_box li img {
    width: 15px;
}

ul.location.dotted_box li {
    padding-left: 15px;
}

/* ---------------------/Services Area------------------------- */


/* ---------------------Selector Modal------------------------- */
.selector__modal button.btn-close {
    position: absolute;
    right: 14px;
    top: 15px;
}

.selector__modal .modal-body {
    padding: 42px 30px;
}

.selector__modal h2 {
    padding-bottom: 2px;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0;
}

.modal .selector_bar {
    display: flex;
    align-items: center;
    background-color: #f8faff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #000000;
    justify-content: space-between;
    /* margin-bottom: 20px; */
}

.modal .selector_bar img {
    width: 25px;
}

.modal .selector_bar select {
    width: 91%;
    border: 0;
    background: transparent;
    outline: none;
    border-left: 1px solid #000000dd;
    padding-left: 15px;
}

.modal .service-list h3 {
    color: #000;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 3px;
}

.popup-top-bar p {
    font-size: 1rem;
    margin-bottom: 14px;
    font-size: 1rem;
    margin-bottom: 14px;
    font-weight: 300;
}

.modal .service-list {
    margin-top: 25px;
    padding-top: 21px;
    position: relative;
    margin-bottom: 38px;
}

.modal .service-list input {
    accent-color: var(--primarydark-color);
    width: 14px;
    height: 14px;
    margin-right: 8px;
    cursor: pointer;
}

.modal .service-list li {
    color: var(--secondary-text);
}

.service-list ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    row-gap: 10px;
}

.modal .service-list::before {
    content: "";
    width: 92%;
    height: 1px;
    background: #eaeaea;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.modal .service-list li.service-item {
    padding: 8px 11px 8px 8px;
}

.modal .service-list li.service-item label {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 300;
}

.modal .service-list li,
.modal .service-list li.service-item * {
    cursor: pointer;
}

.modal .service-list li:hover {
    background-color: #eaf0ff;
}

.modal .service-list p {
    font-size: 0.95rem;
    margin-bottom: 14px;
    font-weight: 300;
}

/* ---------------------Login Page------------------------- */
.login_wrapper {
    padding: 30px;
}

.login_wrapper .brand img {
    width: 180px;
}

.login_wrapper .blue_box {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: var(--primarydark-color);
    padding: 50px 80px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login_wrapper .login_box {
    padding: 40px 80px 40px;
}

.login_wrapper .login_box h2 {
    color: #000;
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 4px;
    text-align: center;
}

.forgot-pwd-link-container {
    text-align: right;
}

.forgot-pwd-link-container a {
    color: #000;
}

.third_party_logins a img {
    width: 20px;
}

.third_party_logins a {
    color: #000;
    border: 2px solid #e3e3e3;
    border-radius: 7px;
    padding: 13px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1;
    text-align: right;
    width: 100%;
}

.third_party_logins {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
}

.or__seperator {
    text-align: center;
    width: 100%;
    position: relative;
    line-height: 1;
    margin: 30px 0 25px;
}

.or__seperator::before {
    content: "";
    width: 45%;
    height: 1px;
    background-color: #c6c6c6;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.or__seperator span {
    line-height: 1;
    color: #b2b0b0;
}

.or__seperator::after {
    content: "";
    width: 45%;
    height: 1px;
    background-color: #c6c6c6;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.login_wrapper form label {
    color: #000;
}

.login_wrapper form input.form-control {
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: none;
    border: 2px solid #e3e3e3;
}

.login_wrapper form button.btn.btn-primary {
    padding: 10px 60px;
    width: 100%;
    background-color: var(--primarydark-color);
}

.mb-3.form-check {
    margin: 25px 0 !important;
}

.blue_box img {
    background-color: #fff;
    border-radius: 11px;
    max-width: 100%;
    box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}

.blue_box h1 {
    color: #ffff;
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 27px;
}

.blue_box p {
    color: #ffff;
    font-weight: 300;
    margin-bottom: 30px;
}

.create-acc-container {
    text-align: center;
}

/* ---------------------/Login Page------------------------- */
/* ---------------------Signup Page------------------------- */
.signup_wrapper {
    padding: 30px;
}

.signup_wrapper .brand img {
    width: 180px;
}

.signup_wrapper .blue_box {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background: var(--primarydark-color);
    padding: 0 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.signup_wrapper .signup_box {
    padding: 60px 80px 40px;
}

.signup_wrapper .signup_box h2 {
    color: #000;
    font-weight: 500;
    font-size: 1.8rem;
    margin-bottom: 4px;
}

.third_party_signups a img {
    width: 20px;
}

.third_party_signups a {
    color: #000;
    border: 2px solid #e3e3e3;
    border-radius: 7px;
    padding: 13px 40px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    font-size: 0.95rem;
    line-height: 1;
}

.third_party_signups {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 20px 0;
}

.signup_wrapper form label {
    color: #000;
}

.signup_wrapper form input.form-control {
    border-radius: 10px;
    padding: 10px 15px;
    box-shadow: none;
    border: 2px solid #e3e3e3;
}

.signup_wrapper form button.btn.btn-primary {
    padding: 10px 60px;
    width: 100%;
    background-color: var(--primarydark-color);
}

/* ---------------------/Signup Page------------------------- */
/* ---------------------Claim-Add Bussiness Page------------------------- */
.blue_box .svg {
    padding-top: 30px;
    border-top: 2px dashed #fff;
}

svg rect {
    animation: pulse 1.5s ease-in-out 0s 2 forwards;
}

@keyframes pulse {
    0% {
        fill: #e0e0e0;
        transform: scale(1.05);
        opacity: 1;
    }
}

.claim_box {
    width: 90%;
    margin: 70px auto 0;
}

.claim_search {
    display: flex;
    gap: 20px;
}
.claim_search img {
    width: 22px;
}

/* ---------------------/Claim-Add Bussiness Page------------------------- */

/* ---------------------Verify Business Page------------------------- */
.claim__option {
    border: 1px solid #D4D4D4;
    border-radius: 7px;
    padding: 25px;
    background-color: #f8faff;
}
.claim__option h2 {
    font-size: 1.4rem;
    margin: 0;
    font-weight: 500;
    margin-bottom: 7px;
}
.claim__option p {
    margin-bottom: 20px;
}
.claim__option .input-group > * {
    padding: 10px 15px;
    box-shadow: none !important;
    outline: none !important;
    border-color: #D4D4D4;
}
.claim__option .btn {
    border-width: 1px;
    padding: 8px 16px;
    margin-top: 2px;
}
.claim_wrapper .claim__option:last-child {
    background-color: #fffcf5;
    border-color: #ffe9b0;
}
.claim__option .input-group {
    max-width: 550px;
}
.claim_wrapper > span {
    display: block;
    margin: 15px 0;
    text-align: center;
    color: #000;
}
/* ---------------------/Verify Business Page------------------------- */

/* Claimed Businesses Table Styles */
.claimed-businesses {
    margin: 30px 0;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.claimed-businesses h2 {
    color: var(--primarydark-color);
    margin-bottom: 20px;
    font-size: 1.5rem;
}

.claimed-businesses .table {
    margin: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.claimed-businesses .table th {
    background: #f8f9fa;
    padding: 12px 15px;
    font-weight: 600;
    color: #333;
    border-bottom: 2px solid #dee2e6;
}

.claimed-businesses .table td {
    padding: 12px 15px;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}

.claimed-businesses .table .badge {
    padding: 6px 12px;
    font-weight: 500;
    border-radius: 4px;
}

.claimed-businesses .table .badge.bg-warning {
    background-color: #ffc107 !important;
    color: #000;
}

.claimed-businesses .table .badge.bg-success {
    background-color: #28a745 !important;
    color: #fff;
}

.claimed-businesses .table .badge.bg-danger {
    background-color: #dc3545 !important;
    color: #fff;
}

/* Responsive Table */
@media (max-width: 768px) {
    .claimed-businesses {
        padding: 15px;
    }
    
    .claimed-businesses .table-responsive {
        margin: 0;
    }
}