/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.border-top-red{
    border-top: 2px solid #A20012;
}

.bg-check-red{
    background-color: #A20012;
}
.bg-check-black{
    background-color: #1C1C1C;
}
.text-check-black{
    color: #1C1C1C;
}
.text-check-grey{
    color: #9ca3af;
}
.text-check-red{
    color: #A20012;
}

.border-bottom-red{
    border-bottom: 1px solid #A20012;
}

.montserrat {
    font-family: "Montserrat", sans-serif;
}
.manrope {
    font-family: "Manrope", sans-serif;
}
.poppins {
    font-family: "Poppins", sans-serif;
}

.navbar-menu > a{
    font-size: 14px;
    font-weight: 400;
    padding: 25px 20px;
}
.navbar-logo > a > img{
    max-width: 215px;
}
.navbar-banner-text{
    font-size: 16px;
    font-weight: 600;
}

.navbar-login-button{
    border-radius: 3px;
    padding: 12px 24px 12px 24px !important;
    border: 1px solid #ffffff;
    height: fit-content !important;
}

.navbar-login-button:hover{
    background: white;
    color: #1c1c1c;
    transition: 0.3s;
}

.breadcrumb-text{
    font-size: 13px;
    font-weight: 400;
}

.bg-check-banner{
    background-image: url("/assets/banner-image-d22bd89f.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    position: relative;
    padding: 20px;
}

.bg-check-about-banner{
    background-image: url("/assets/banner-image-d22bd89f.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 400px;
    position: relative;
    padding: 20px;
}


.bg-black-overlay{
    background: #000000BF;
    top: 0px;
    min-height: -webkit-fill-available;
    width: 100vw;
    left: 0px;
}
.bg-black-dark-overlay{
    background: #000000BF;
    top: 0px;
    min-height: -webkit-fill-available;
    width: 100vw;
    left: 0px;
}

.check-banner-top-holder {
    min-height: 80vh;
}

.check-banner-title{
    font-size: 56px;
    font-weight: 800;
    line-height: 1.2em;
}
.check-banner-subtitle{
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0px;
}
.check-banner-review-title{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
}
.check-banner-review-subtitle{
    font-size: 18px;
    font-weight: 500;
}


.check-banner-input{
    height: 64px;
    border-radius: 100px;
    border-color: rgb(229, 229, 221);
    padding: 0px 60px 0px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    background: white;
    width: 560px;
}

#search-results{
    width: 560px;
    background: white;
    padding: 7.5px 20px;
}

.business-page-name{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}

.business-page-reviews-category{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
}

.business-page-image{
    max-width: 125px;
    max-height: 125px;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background: white;
    box-shadow: 5px 5px 10px 4px rgba(0, 0, 0, 0.2);
}

.dashboard-title{
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.dashboard-breadcrumbs{
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}

.dashboard-button{
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.25rem;
}

.dashboard-table-row > td{
    height: 56px;
}

.dashboard-table-title{
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: uppercase;
}
.dashboard-table-text{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
#search-results-outer{
    display: none;
    z-index: 20;
}
.search-bar-button{
    position: absolute;
    right: 10px;
    width: 44px;
    height: 44px;
    border-radius: 100px;
    top: 10px;
    padding: 0px;
    display: flex
;
    align-items: center;
    justify-content: center;
    background: #ff0012;
    border: #ff0012;
}

.star-colour-1{
    fill: #FF0012;
}

.star-colour-2{
    fill: #FF8407;
}

.star-colour-3{
    fill: #FFBB00;
}

.star-colour-4{
    fill: #58DF17;
}

.star-colour-5{
    fill: #00CA52;
}
.check-star-grey{
    fill: #eee;
}
.check-star-white{
    fill: white;
}


.search-star-rating.rating-1{
    background: rgb(225, 195, 189);
}
.search-star-rating.rating-2{
    background: rgb(225, 219, 189);
}
.search-star-rating.rating-3{
    background: rgb(225, 240, 179);
}
.search-star-rating.rating-4{
    background: rgb(213, 248, 176);
}
.search-star-rating.rating-5{
    background: rgb(157, 255, 223);
}

.business-bar-colour-1{
    background: #FF0012;
}
.business-bar-colour-2{
    background: #FF8407;
}
.business-bar-colour-3{
    background: #FFBB00;
}
.business-bar-colour-4{
    background: #58DF17;
}
.business-bar-colour-5{
    background: #00CA52;
}


.search-star-rating.rating-1 > div:nth-child(1) {
    background: #FF0012;
}

.search-star-rating.rating-2 > div:nth-child(1){
    background: #FF8407;
}

.search-star-rating.rating-3 > div:nth-child(1){
    background: #FFBB00;
}

.search-star-rating.rating-4 > div:nth-child(1){
    background: #58DF17;
}

.search-star-rating.rating-5 > div:nth-child(1){
    background: #00CA52;
}
.search-star-rating > div > svg{
    fill: white;
}

.homepage-review-name{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
}
.homepage-review-text{
    font-size: 16px;
    line-height: 1.5em;
    margin-top: 15px;
}
.homepage-featured-reviews-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.homepage-add-a-review{
    background-color: #FFFFFF00;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    fill: #949494;
    color: #949494;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #949494;
    border-radius: 100px 100px 100px 100px;
    padding: 8px 16px 8px 16px;
}

.homepage-add-a-review::before{
    content: '';
    width: 80px;
    height: 1px;
    background: #949494;
    display: block;
    position: absolute;
    left: -80px;
    top: 18.5px;
}


.homepage-add-a-review::after{
    content: '';
    width: 80px;
    height: 1px;
    background: #949494;
    display: block;
    position: absolute;
    right: -80px;
    top: 18.5px;
}

.search-result-title{
font-size: 16px;
font-weight: 500;
line-height: 19px;
}
.search-result-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.search-rating-text{
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
}




/* Popup overlay */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}

/* Popup content */
.popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 8px;
    padding: 24px;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

/* Popup header */
.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e7eb;
    padding-bottom: 12px;
}

.popup-title {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #6b7280;
    padding: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover {
    color: #374151;
}

/* Form styles */
.form-group {
    margin-bottom: 16px;
}

.form-label {
    display: block;
    margin-bottom: 6px;
    font-weight: 500;
    color: #374151;
}

.form-input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #d1d5db;
    border-radius: 4px;
    font-size: 14px;
}

.form-input:focus {
    outline: none;
    border-color: #3b82f6;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}

/* Button styles */
.button-group {
    display: flex;
    gap: 12px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.btn {
    padding: 10px 16px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.btn-primary {
    background-color: #3b82f6;
    color: white;
}

.btn-primary:hover {
    background-color: #2563eb;
}

.btn-secondary {
    background-color: #6b7280;
    color: white;
}

.btn-secondary:hover {
    background-color: #4b5563;
}

.btn-danger {
    background-color: #ef4444;
    color: white;
}

.btn-danger:hover {
    background-color: #dc2626;
}

/* User toggle cursor */
.user-toggle {
    cursor: pointer;
    transition: opacity 0.2s;
}

.user-toggle:hover {
    opacity: 0.7;
}

/* User avatar in popup */
.user-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-bottom: 16px;
}

.user-info {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    padding: 12px;
    background-color: #f9fafb;
    border-radius: 6px;
}

.business-bar{
    width: 100%;
    height: 6px;
    background: rgb(210, 210, 210);
    border-radius: 100px;
}
.business-bar-colour{
    position: relative;
    top: -6px;
    border-radius: 100px;
    margin-bottom: -8px;
    height: 6px;
}

.business-rating-bar-total{
    font-size: 65px;
    font-weight: 900;
    line-height: 1.5em;
    margin: -27px 0px -24px 0px;
}
.business-rating-bar-wording{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0px 0px 0px 0px;
}
.business-rating-bar-wording-bars{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0px;
}

.check-box-shadow{
    box-shadow: 5px 5px 10px 4px rgba(0, 0, 0, 0.2);
}

.business-latest-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin: 0px;
}

.business-latest-name{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0px;
}
.business-latest-date{
    font-weight: 400;
    color: rgb(106, 106, 103);
    margin-bottom: 0px;
    font-size: 14px;
    line-height: 1.5em;
}

.business-page-title{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.2;
}
.business-page-sub-title{
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0px;
}

.business-page-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
}

.business-contact-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}





















.reviews-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* Filter Forms Styling */
.filters-section {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.filter-form {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e9ecef;
    flex: 1;
    min-width: 250px;
}

.filter-form h3 {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 1.1em;
}

/* Rating Filter */
.rating-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.rating-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.rating-checkbox input[type="checkbox"] {
    margin: 0;
}

/* Keyword Filter */
.search-section {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.keyword-search-input {
    flex: 1;
    box-shadow: 5px 5px 10px 6px rgba(0, 0, 0, 0.2);
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    padding-left: 45px;
    height: 46px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1C1C1C;
}

.search-section-icon{
    position: absolute;
    top: 10.5px;
    left: 10.5px;
}

.search-btn {
    padding: 10px 20px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.2s;
}

.search-btn:hover {
    background: #0056b3;
}

.keyword-tags h4 {
    margin: 0 0 10px 0;
    font-size: 0.9em;
    color: #666;
}

.keyword-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.keyword-tag {
    margin: 0px 0px 0px 0px;
    padding: 6px 9px 6px 9px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1C1C1C;
    text-transform: capitalize;
}

.keyword-tag:hover {
    background: #dee2e6;
}

.keyword-tag.active {
    background: #A20012;
    color: white;
    border-color: #FF0012;
}

.hidden-keywords {
    display: none;
}

/* Advanced Filter Button */
.advanced-filter-btn {
    padding: 6px 9px 6px 9px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1C1C1C;
}

.advanced-filter-btn:hover {
    background: #eee;
}

.top-keywords-title{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0px;
    margin-bottom: 15px;
}


/* Reviews List */
.reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.review-card {
    margin-bottom: 20px;
}



.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.review-rating .star {
    color: #ffc107;
    font-size: 16px;
}

.review-rating .star.empty {
    color: #e9ecef;
}

.review-date {
    font-size: 12px;
    color: #666;
}

.review-title {
    margin: 0 0 10px 0;
    font-size: 1.1em;
    color: #333;
}

.review-text {
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
}

.review-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    color: #666;
}

.no-reviews {
    text-align: center;
    padding: 60px 20px;
    color: #666;
    grid-column: 1 / -1;
}

.reviews-summary {
    text-align: center;
    color: #666;
    font-size: 14px;
}

/* Loading Indicator */
.loading-indicator {
    text-align: center;
    padding: 40px;
    color: #666;
}

.spinner {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #007bff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    margin: 0 auto 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Sidebar Popup */
.sidebar-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.sidebar-popup {
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: white;
    box-shadow: -2px 0 10px rgba(0,0,0,0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    overflow-y: auto;
}

.sidebar-overlay.active .sidebar-popup {
    transform: translateX(0);
}

.sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #e9ecef;
    background: #f8f9fa;
}

.sidebar-header h3 {
    margin: 0;
    color: #333;
}

.close-btn {
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #666;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn:hover {
    color: #333;
}

.sidebar-content {
    padding: 20px;
}

.filter-section {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f0f0f0;
}

.filter-section:last-of-type {
    border-bottom: none;
}

.filter-section h4 {
    margin: 0 0 12px 0;
    color: #333;
    font-size: 1em;
}

.filter-section select,
.filter-section input[type="date"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
}

.custom-date-range {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.custom-date-range input {
    flex: 1;
}

.keyword-checkboxes {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-height: 150px;
    overflow-y: auto;
}

.keyword-checkboxes label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    cursor: pointer;
}

.sidebar-actions {
    display: flex;
    gap: 10px;
}

.apply-filters-btn {
    flex: 1;
    padding: 12px;
    background: #007bff;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
}

.apply-filters-btn:hover {
    background: #FF0012;
}

.clear-filters-btn {
    padding: 12px 20px;
    background: #6c757d;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    transition: background-color 0.2s;
}

.clear-filters-btn:hover {
    background: #545b62;
    color: white;
    text-decoration: none;
}

/* Prevent body scroll when sidebar is open */
body.sidebar-open {
    overflow: hidden;
}

/* Status and Experience Date Styling */
.experience-date {
    margin-top: 10px;
    font-style: italic;
}

.status-badge {
    padding: 4px 8px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.status-active {
    background: #d4edda;
    color: #155724;
}

.status-pending {
    background: #fff3cd;
    color: #856404;
}

.status-approved {
    background: #d1ecf1;
    color: #0c5460;
}

.status-rejected {
    background: #f8d7da;
    color: #721c24;
}

.custom-experience-date-range {
    margin-top: 10px;
    display: flex;
    gap: 10px;
}

.custom-experience-date-range input {
    flex: 1;
}
@media (max-width: 768px) {
    .filters-section {
        flex-direction: column;
    }

    .sidebar-popup {
        width: 90vw;
        max-width: 400px;
    }

    .reviews-grid {
        grid-template-columns: 1fr;
    }

    .search-section {
        flex-direction: column;
        min-height: 46px;
    }

    .custom-date-range {
        flex-direction: column;
    }
}

.business-filter-bar-grey{
    height: 12px;
    width: 100%;
    background: #f1f1e8;
    border-radius: 100px;
    position: relative;
    top: 6px;
}
.business-filter-bar-colur{
    height: 12px;
    background: black;
    border-radius: 100px;
    position: relative;
    top: -6px;
    width: 20%;
}

.business-page-red-button {
    background-color: #A20012;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    transition-duration: 0.05s;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 8px 16px 8px 16px;
    border-radius: 3px;
}

.business-page-red-button:hover{
    background: #FF0012;
    transition: 0.3s;
}

.business-page-white-button:hover{
    background: #FF0012;
    color: white;
    transition: 0.3s;
}

.business-page-white-button {
    background-color: #A2001200;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    fill: #FF0012;
    color: #FF0012;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 8px 16px 8px 16px;
    border-radius: 3px;
}

.all-reviews-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin: 0px;
}

.all-reviews-overall{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin: 0px;
}
.all-reviews-total{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0px;
}

.badge{
    padding: 2px 5px !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    width: fit-content;
}

.user-reviews-content-published-date{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    color: #1C1C1C;
}

.user-reviews-content-published-date > span{
    color: #1C1C1C;
    font-weight: bolder;
}

.user-reviews-content-title{
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.user-reviews-content-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    margin-bottom: 16px;
}
.avatar-placeholder-industry{
    width: 90px;
    height: 90px;
    object-fit: cover;
    border-radius: 100px;
}

.industries-business-name{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    margin: 0px 0px 2.5px 0px;
}
.industries-business-address{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0px 0px 5px 0px;
}
.industries-review-count{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 2.5px 0px 0px 0px;
}
.industries-rating-value{
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5em;
}
.industries-title{
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    margin: 0px;
    text-transform: capitalize;
}

.related-category-icon{
    width: 44px;
    height: 44px;
    display: flex ;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    border-radius: 100px;
    background: white;
    z-index: 1;
}

.related-category-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    margin: 0px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin-left: -22px;
    padding-left: 32px;
}
.related-category-title-outer{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.category-holder-icon > span{
    width: 62px;
    height: 62px;
    display: block;
    border: 1px solid #cccccc;
    border-radius: 100px;
    z-index: 1;
    position: relative;
    background: white;
    display: flex
;
    align-items: center;
    justify-content: center;
}
.category-holder-title{
    margin: 0px;
    padding: 10px;
    margin-left: -31px;
    padding-left: 40px;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    color: #1C1C1C !important;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.industries-list-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.footer-title{
    font-size: 18px;
    font-weight: 500;
}
.footer-item{
    font-size: 16px;
    font-weight: 400;
}
.footer-bottom-left{
    font-size: 14px;
    font-weight: 400;
}
.footer-bottom-right{
    font-size: 14px;
    font-weight: 400;
}
.homepage-category-text-outer{
    background-color: #1C1C1C;
    padding: 4px 8px 4px 8px;
    position: absolute;
    bottom: 20px;
    display: none;
}
.homepage-category-text-outer::before{
    width: 10px;
    height: 10px;
    background: #1C1C1C;
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    left: calc(50% - 5px);
    transform: rotate(45deg);
}
.homepage-category-text-outer > p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
}
.homepage-category-grid-item{
    min-height: 200px;
}

.homepage-category-grid-item:hover .homepage-category-text-outer{
    display: block;
}
.homepage-category-icon-outer{
    border-radius: 100px;
    margin-top: -20px
}
.homepage-category-grid-item:hover .homepage-category-icon-outer{
    background: red;
    border-radius: 100px;
    transform: rotate(15deg) scale(1.2);
    transition: .3s;
}


.homepage-category-grid-item:hover .homepage-category-icon-outer.fill-icon > svg{
    fill: white;
}
.homepage-category-grid-item:hover .homepage-category-icon-outer.fill-icon > svg > path{
    fill: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.stroke-icon > svg > path{
    stroke: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.stroke-icon > svg > g > path{
    stroke: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.football-icon > svg > path:nth-child(1){
    fill: white;
}
.homepage-category-grid-item:hover .homepage-category-icon-outer.football-icon > svg > path:nth-child(2){
    stroke: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.wine-icon > svg > path:nth-child(1){
    fill: white;
}
.homepage-category-grid-item:hover .homepage-category-icon-outer.wine-icon > svg > path:nth-child(2){
    stroke: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.heart-icon > svg > path:nth-child(1){
    stroke: white;
}
.homepage-category-grid-item:hover .homepage-category-icon-outer.heart-icon > svg > path:nth-child(2){
    fill: white;
}

.homepage-category-grid-item:hover .homepage-category-icon-outer.mic-icon > svg > path{
    stroke: white;
}
.homepage-category-grid-item:hover .homepage-category-icon-outer.mic-icon > svg > path:nth-child(4){
    fill: white;
    stroke: transparent;
}

.homepage-categories-left-column::before{
    background-image: url("/assets/CheckVerify-Check-1000px-scaled-9d79f7eb.png");
    filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);
    background-position: 10% 445px;
    background-repeat: no-repeat;
    background-size: 535px auto;
    content: '';
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    position: absolute;
    opacity: .05;

}

.homepage-categories-title{
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2;
}

.homepage-categories-left-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

.home-page-red-button{
    background-color: #A20012;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 12px 24px 12px 24px;
    border-radius: 3px;
}
.home-page-red-button:hover{
    background: #FF0012;
    transition: 0.3s;
}

.home-page-red-button-border{
    background-color: transparent;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-style: normal;
    text-decoration: none;
    line-height: 1.5em;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 12px 24px 12px 24px;
    border-radius: 3px;
    color: #A20012;
}

.home-page-white-button{
    background-color: #A2001200;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
    line-height: 1.5;
    fill: #FF0012;
    color: #FF0012;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 12px 24px 12px 24px;
    border-radius: 3px;
}

.home-page-white-button:hover{
    background: #FF0012;
    color: white;
    transition: 0.3s;
}

.homepage-core-services{
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    width: calc(50% - 10px);
}
.homepage-core-services-title{
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0px;
}
.homepage-core-services-text{
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
}

.homepage-clients-subtitle{
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0px;
}

.homepage-clients-text{
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0px;
}
.homepage-clients-name{
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0px;
}
.homepage-clients-subname{
    font-size: 14px;
    font-style: normal;
    line-height: 1.5;
}
.homepage-clients-box{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

.navbar-user-popup{
    position: absolute;
    top: 71px;
    z-index: 401;
    width: 180px;
    background: #1c1c1c;
}

.navbar-user-popup-link{
    font-size: 14px;
    font-weight: 400;
}
.navbar-user-popup-link:hover{
    background: red;
    transition: 0.3s;
}

.navbar-user-popup{
    display: none;
}

.about-check-banner-title{
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
}
.about-check-banner-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.check-banner-about-top-holder {
    min-height: 360px;
}

.leave-a-review-box{
    border: 1px solid #ccc;
    border-radius: 5px;
}

.add-a-review-form-input{
    height: 66px;
    border-width: 1px;
    border-radius: 4px;
    border-color: #ccc;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1c1c1c;
    width: 100%;
    padding: .5rem 1rem;
}
.add-a-review-form-text-area{
    font-size: 17px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1c1c1c;
    border-radius: 5px;
    border: 1px solid #ccc;
    width: 100%;
    padding: .5rem 1rem;
}

.add-a-review-form-title{
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #1c1c1c !important;
}

.business-dashboard-box{
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}

.business-settings-form-field{
    padding: 10px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    height: 100%;
    color: #1c1c1c;
    border: 1px solid #ccc;
}
.business-dashboard-accordion-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}
.business-settings-title{
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
.business-settings-text{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.select2-selection{
    height: 44px !important;;
    display: flex !important;
    flex-direction: row;
    align-items: center;
    padding: 5px 10px;
    border-radius: 0px !important;;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    border-color: #ccc !important;
    width: 100% !important;
}
.select2-container{
    width: 100% !important;
}
.select2-selection__arrow{
    top: 8px !important;
}
.business-settings-form-label{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.business-manage-review-title{
    font-size: 14px;
    font-weight: 800;
    line-height: 1.5em;
}
.business-manage-review-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
}
.business-manage-review-user{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.business-manage-review-reply-button{
    background-color: #A20012;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    transition-duration: 0.05s;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 8px 16px 8px 16px;
}
.business-manage-review-reply-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #FF0012;
    border-bottom: 4px solid #FF0012;
    color: #FF0012 !important;
    padding-bottom: 2px !important;
    width: fit-content;
}
.business-manage-review-reply-title-outer{
    border-bottom: 1px solid rgb(204, 204, 204);
    margin-bottom: 10px;
}

.manage-reviews-text-filter-field{
    padding: 5px;
    height: 30px;
    font-family: "Manrope", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    box-shadow: 5px 5px 10px 6px rgba(0, 0, 0, 0.1);
    border-color: #cccccc;
    border-radius: 5px;
    background: white;
    min-width: 200px;
    padding-left: 25px;
}
.manage-reviews-select-filter-field{
    padding: 5px;
    height: 30px;
    font-family: "Manrope", Sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5em;
    box-shadow: 5px 5px 10px 6px rgba(0, 0, 0, 0.1);
    border-color: #cccccc;
    border-radius: 5px;
    background: white;
}
.manage-reviews-text-filter-search-icon{
    position: absolute;
    top: 7px;
    left: 4px;
}

.business-dashboard-home-title{
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}

.business-dashboard-home-date{
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
.business-dashboard-awaiting-reply-outer > p{
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #1C1C1C;
    margin-bottom: 10px;
}

.business-dashboard-home-unique-visitors-text{
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.business-dashboard-home-unique-visitors-text > span{
    font-size: 24px;
    font-weight: 700;
    line-height: 29px;
}

.business-home-badge{
    padding: 2px 5px 5px 5px  !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
}

.business-home-badge-text{
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
}

.dashboard-menu-item{
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    display: none;
}

.dashboard-menu-item-outer:hover > .dashboard-menu-item{
    display: block;
}
.dashboard-menu-item-outer.active-menu-item{
    background: white;
}
.dashboard-menu-item-outer.active-menu-item > svg{
    fill: #1c1c1c;
}
.dashboard-menu-item-outer.active-menu-item:hover > p{
    color: #1c1c1c
}

.review-card-single{
    border: 1px solid #ccc;
    background: white;
    border-radius: 5px;
}

.about-clients-text{
    font-size: 40px;
    font-weight: 600;
    font-style: normal;
    text-decoration: none;
    line-height: 1.2em;
}

.about-clients-testimonial-name{
    font-size: 18px;
    font-weight: 500;
}

.about-clients-testimonial-job{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
}

.about-us-bottom-titles{
    font-size: 24px;
    font-weight: 600;
    text-transform: none;
    font-style: normal;
    text-decoration: none;
    line-height: 140%;
    letter-spacing: 0px;
}

.homepage-category-grid-item{
    width: calc(33% - 9px);
}
.business-page-recent-outer{
    width: calc(50% - 10px);
    border-color: #ccc;
}

.related-user-title{
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1em;
}
.related-user-url{
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5em;
    color: #CCCCCC;
}
.related-user-rating{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
}

.related-users-title{
    font-size: 20px;
    font-weight: 600;
    line-height: 140%;
}


.header-logout-button{
    border-radius: 0px;
    text-align: left !important;
    padding-block: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 5);
}

.help-center-image{
    height: 410px;
    object-fit: cover;
    object-position: center center;
    border-radius: 5px 5px 5px 5px;
}

.help-accordion-title{
    font-size: 18px;
    font-weight: 500;
}

.help-accordion-text{
    font-size: 16px;
    font-weight: 400;
}

.help-accordion-title.active-title{
    color: #A20012;
}
.accordion-icon.rotated{
    stroke: #A20012;
}

.help-center-bottom-title {
    font-size: 24px;
    font-weight: 600;
}

.contact-page-mini-title{
    font-size: 20px;
    font-weight: 600;
}

.industries-search > div{
    border: 1px solid rgb(229, 229, 221);
    border-radius: 15px;
}
.industries-search > div > input{
    height: 59px;
}
.industries-search > div > .search-bar-button{
    height: 40px;
    width: 40px;
}
.industries-search-outer > #search-results-outer, .industries-search-outer > #search-results-outer > div{
    width: 100% !important;
}

.slide-in-left {
    opacity: 0;
    transform: translateX(-200px);
    transition: all 0.8s ease-out;
}

.slide-in-right {
    opacity: 0;
    transform: translateX(200px);
    transition: all 0.8s ease-out;
}

.slide-in-up {
    opacity: 0;
    transform: translateY(100px);
    transition: all 0.8s ease-out;
}

.slide-in-left.animate {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-right.animate {
    opacity: 1;
    transform: translateX(0);
}

.slide-in-up.animate {
    opacity: 1;
    transform: translateY(0);
}

.recent-users-list{
    border: 1px solid #ccc;
    border-radius: 5px;
}

.recent-users-image{
    width: 70px;
    height: 70px;
    border: 1px solid #ccc;
    border-radius: 100px;
}

.recent-users-title{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
}

.recent-users-link{
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
}

.recent-users-rating{
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5em;
}

.recent-users-reviews{
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5em;
}
.reply-section{
    width: calc(100% - 28px)
}

.homepage-add-a-review:hover{
    background: #949494;
    color: white;
    transition: .3s;
}

.filter-stars-label{
    padding: 6px 16px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.filter-stars-label{
    cursor: grab;
}

.filter-stars-label:has(input[type="radio"]:checked) {
    background: #A20012;
    color: white;
    border-color: #FF0012;
}

.filter-stars-label:has(input[type="radio"]:checked) svg {
    fill: white !important;
}

.sidebar-keyword{
    margin: 0px 0px 0px 0px;
    padding: 6px 9px 6px 9px;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1C1C1C;
    text-transform: capitalize;
}

.sidebar-keyword:has(input[type="checkbox"]:checked){
    background: #A20012;
    color: white;
    border-color: #FF0012;
}

.sidebar-search-input-wrapper{
    display: flex;
    gap: 10px;
    position: relative;
}

.sidebar-search-input-wrapper > svg{
    position: absolute;
    top: 10.5px;
    left: 10.5px;
}

.sidebar-search-input-wrapper > input{
    box-shadow: 5px 5px 10px 6px rgba(0, 0, 0, 0.1);
    border-color: rgb(204, 204, 204);
    border-radius: 5px;
    padding-left: 45px;
    height: 46px;
    font-family: "Manrope", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    color: #1C1C1C;
    width: 100%;
}

.sidebar-filter-radio{
    width: 18px;
    height: 18px;
    accent-color: red;
}

.apply-filters-btn{
    background-color: #A20012;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5em;
    transition-duration: 0.05s;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FF0012;
    padding: 8px 16px 8px 16px;
    border-radius: 3px;
}

.navbar-user-toggle{
    cursor: pointer;
}
.check-banner-top-holder{
    z-index: 20;
}


@media only screen and (min-width: 767px) {
    .navbar-menu-mobile{
        display: none;
    }
    .desktop-sticky {
        position: sticky;
    }
    .mobile-dashboard-bar{
        display: none;
    }
}

@media only screen and (max-width: 767px) {
    .desktop-dashboard-bar{
        display: none;
    }

    .check-banner-title, .check-banner-subtitle{
        text-align: center;
    }
    .search-container, .check-banner-input{
        width: 100%;
    }
    .homepage-banner-review > div{
        display: none;
    }
    .homepage-banner-review > div:nth-child(1){
        display: block;
        width: 100%;
    }
    .homepage-add-a-review{
        margin: 20px 0px;
    }
    .mobile-flex-col{
        flex-direction: column;
    }
    .mobile-w-full{
        width: 100% !important;
    }
    .mobile-p-5{
        padding: 20px;
    }
    .mobile-p-2{
        padding: 8px;
    }

    .mobile-justify-start{
        justify-content: flex-start;
    }
    .homepage-category-grid-item{
        width: calc(50% - 8px);
    }
    .footer-bottom-right{
        text-align: left;
    }
    .navbar-menu{
        display: none;
    }
    .navbar-logo, .navbar-menu-outer{
        width: 50%;
    }
    .mobile-nav-popup{
        position: absolute;
        left: 0px;
        top: 80px;
        z-index: 3;
        width: 100vw;
        background: white;
    }
    .mobile-menu-item{
        padding: 15px 20px;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5em;
    }
    .business-page-categories{
        flex-wrap: wrap;
    }
    .business-page-image{
        max-width: 90px;
        max-height: 90px;
    }
    .business-page-image > img{
        width: 90px !important;
        height: 90px !important;;
    }

    .mobile-menu-item-text{
        font-size: 16px;
        font-weight: 400;
        line-height: 1.5em;
    }
    .mobile-navbar-chev-button-active > svg{
        transform: rotate(180deg);
    }
    .mobile-menu-user-popup, .mobile-nav-popup, .mobile-nav-toggle > .close-icon{
        display: none;
    }
    .business-page-recent-outer{
        width: 100%;
    }
    .business-page-ratings-bars{
        padding: 0px;
    }
    .about-us-icon{
        display: none;
    }
    .industries-grid{
        columns: 1;
    }

    .help-center-image{
        height: 210px;
        object-fit: cover;
        object-position: center center;
        border-radius: 5px 5px 5px 5px;
    }

}

@keyframes slideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: translateX(0);
    }
    to {
        opacity: 0;
        transform: translateX(-100%);
    }
}

.animate-slide-in-alert {
    animation: slideIn 1s ease-out;
}

.animate-fade-out-alert {
    animation: fadeOut 1s ease-out forwards;
}