.widget_real_satisfied_review_widget {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding: 24px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
}

.widget-area .widget {
    padding: 24px !important;
}

.page-header, .sidebar .widget, .site-main>* {
    margin-bottom: 0px !important ;
}

#sidebar ul li::before {
    display: none !important;
}

/* Center-align and bold the office name */
.office-name {
    margin-bottom: 10px;
    color: var(--Neutral-900, #171C27);
    text-align: center;
    font-feature-settings: 'liga' off;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

/*HEADER*/
/* Main header container */
.header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 24px 0px;
    border-radius: 10px;
    border-color: #555; /* max-width: 376px; */
    margin: 0px;

}

/* Agent avatar */
.agent-avatar {
    height: 40px;
    width: 40px;
    border-radius: 50%; /* Circular crop */
    object-fit: cover; /* Ensure the image covers the container */
    margin-right: 10px;
}

.agent-avatar_office {
    height: 40px;
    width: 40px;
    object-fit: inherit; 
    margin-right: 10px;
}

.profile-score{
    display: inline-flex;
    gap: 8px
}
/* Profile Rating */
p.profile-ratings {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off; /* Body xl/Bold */
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #000;    
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 140% */
    margin-bottom: 0px !important;
}
.overall_star_rating {
    display: flex;
    margin-left: 8px;
    align-items: center;
    margin-top: 5px;
    gap: 5.11px;
    position: relative;
    /* display: inline-block; */
}

.star-rating-testimonial {
    display: flex;
    margin-left: -7px;
    align-items: center;
    gap: 5.548px;
}

/* Container for dropdown button */
.rating .survey_overall_dropdown {
/* .survey_overall_dropdown { */
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    position: relative;
    display: inline-block;
}

/* Dropdown button with SVG icon */
.rating .dropdown-icon {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"><path d="M16.4297 7.81641L10.4297 13.8164L4.42969 7.81641" stroke="%23242C37" stroke-width="1.67" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-right: 30px;
    background-size: 20px;
    color: #242C37;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

div.dropdown_stars{
    margin-bottom: -5px !important;
}

.survey_overall_dropdown .dropdown-menu {   
    position: absolute;
    background: #FFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 12px 16px;
    left: 0;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate3d(-151px, 25.7778px, 0px) !important;
}

.survey_overall_dropdown .dropdown-icon[data-bs-toggle="dropdown"]:focus + .dropdown-menu,
.survey_overall_dropdown .dropdown-icon:active + .dropdown-menu {
    display: block;
}

.rating .dropdown-item {
    color: #242C37;
    padding: 4px 8px;
    text-align: left;
}

.dropdown-menu .survey_measure_text {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 146.667% */
    width: 118px;
}

.dropdown-menu .score{
    margin-left: 6px;
    margin-right: 8px;
}

.dropdown-menu .survey_measure_rating {
    color: #171c27;
    font-feature-settings: 'liga' off;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.survey_measure_stars {
    display: flex;
    align-items: center;
    margin-top: 8px;
    margin-left: 8px;
    gap: 5px;
}

.banner-rating {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 0;
}


/* Link for agent profile */
.profile-reviews {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off, 'clig' off;    
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px; /* 146.667% */
    text-decoration-line: underline;
    text-underline-offset: 3px;
    margin-left: 12px;
    margin-top: -2px;
}

.office-profile-reviews {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off, 'clig' off;    
    font-size: 14px;
    font-style: normal;
    font-weight: 800;
    line-height: 22px; /* 146.667% */
    text-decoration-line: underline;
    text-underline-offset: 3px;
    margin-left: 12px;
}

.header .profile-reviews:hover {
    color: black !important;
    text-decoration: none;
}

/* Testimonial title (Agent Name/Title) */
.testimonial h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    margin: 10;
    margin-left: 5px;
    display: inline-block;
}

.name_customer_type span::before {
    content: " | ";
    margin-right: 6px;
}
.testimonial .review_for {
    background-color: #F1F3F6;
    /* background: var(--Neutral-100, #d3dae0); */
    border-radius: 12px 12px 0px 0px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--Neutral-800, #242C37);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-top: -16px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 16px 20px;
    
}

.review_for .agent-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.review-text.no-avatar {
    align-items: flex-start; 
}

.review_for p {
    margin: 0;
}

.review_for .review-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 40px;
}

.review_for .review-prefix {
        color: var(--Neutral-600, #4F5763);
    font-feature-settings: 'liga' off, 'clig' off;
    /* font-family: Lato; */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; 
}

.review_for .agent-name {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off, 'clig' off;
    /* font-family: Lato; */
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; 
}

/* Agent Ratings container */
.rating {
     color: var(--Neutral-900, #171C27); 
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    width: 223.3px;
    height: 30px;
}    

/* Style for hover or active states if needed */
.testimonial:hover {
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);   
}


/*FOOTER*/
/* Footer container */
.footer {
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px 24px 0px 24px;
    }

.footer-banner {
    object-fit: contain;
    height: 34px;
    width: auto;
}

div.rsw-flexslider ul.rs-slides li, div.rsw-flexslider ul.rs-slides {
    padding: 0 !important;
    border: none !important;
    margin: 0;
}

.rsw-flexslider li img.rs-agent-photo {
    border: 1px solid #cccccc;
    padding: 2px;
    border-radius: 10px;
    width: 80%;
    max-width: 120px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.rs-slides div.testimonial {
    padding: 16px 20px;
    border-radius: 12px;
    background: #F7F8FA;    
    margin: 0 5px 0 5px;

    overflow: hidden; 
    touch-action: auto;
    
}

.rs-slides div.testimonial .name_customer_type {
    color: #242C37;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 12px;
    margin-bottom: 12px;
}

.rs-slides div.testimonial .name_customer_type span {
    color: #4F5763;
}

.rs-slides div.testimonial .rating {
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    align-items: flex-start;
}

/* .rs-slides div.testimonial p.profile-ratings { */
p.testimonials-profile-ratings {
    color: var(--Neutral-900, #171C27);
    font-feature-settings: 'liga' off;
    -webkit-text-stroke-width: 1;
    -webkit-text-stroke-color: #000; 
    font-size: 20px;
    font-style: normal;
    font-weight: 700;  /* 129.412% */
    margin-right: 6px;
    line-height: 22px; /* 129.412% */
    align-content: center;
    /* padding-top: 2px; */
}

.rs-slides div.testimonial .rs-disp-testimonial {
    color: var(--Neutral-900, #171C27);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    height: 144px;
    overflow-y: auto;
    margin-bottom: 20px;    
    border-radius: 8px;
    padding-right: 12px;  
}

/* Scrollbar styling */
.rs-slides div.testimonial .rs-disp-testimonial {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; 
    touch-action: pan-y; 
    
    pointer-events: auto;
}

.rs-slides div.testimonial .rs-disp-testimonial::-webkit-scrollbar {
    width: 6px; 
    background-color: transparent; 
}

.rs-slides div.testimonial .rs-disp-testimonial::-webkit-scrollbar-thumb {
    background-color: #A4A8AF; 
    border-radius: 3px; 
    transition: background-color 0.3s; 
}

.rs-slides div.testimonial .rs-disp-testimonial::-webkit-scrollbar-thumb:hover {
    background-color: #888; 
}

.rs-slides div.testimonial .rs-disp-testimonial::-webkit-scrollbar-track {
    background-color: #E6E8EB;
    border-radius: 3px; 
    margin: 2px; 
}


.rs-slides div.testimonial .rs-disp-byline {
    color: var(--Neutral-600, #4F5763);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.rsw-direction-nav a.rsw-prev, .rsw-direction-nav a.rsw-next {
    text-indent: -9999px;
    width: 40px;
    height: 40px;
    display: block;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.rsw-direction-nav a.rsw-next {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><path d="M17 29.1354L25.3197 20.8158L17 12.4961" stroke="%23717680" stroke-width="1.66393" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.rsw-direction-nav a.rsw-prev{
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="40" height="41" viewBox="0 0 40 41" fill="none"><path d="M23 29.1354L14.6803 20.8158L23 12.4961" stroke="%23717680" stroke-width="1.66393" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.rsw-flexslider .rsw-direction-nav{
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-top: 16px;
}

.rsw-flexslider .rsw-direction-nav li{
    margin-bottom: 0px;
}

.rsw-direction-nav a:hover{
    background-color: #F1F3F6;
}


.rating .survey_measure_stars{
    position: relative;
    /* display: inline-block; */
    margin-top: 2px;
}


.overall-rating-stars-gray {
    width: 115px;
    height: 23px;
    position: relative;
    margin-top: 0px;
}

.overall-rating-stars-gold {   
    fill: #F4B33E;
    height: 23px;
    position: absolute;    
    overflow: hidden;
}

.overall_star_rating .overall-rating-stars-gold{
    fill: #F4B33E;
    height: 23px;
    position: absolute;
    top: 0px !important;
    left: 0px;
    overflow: hidden;
    margin-top: 0px;
}

img, svg {
    vertical-align: baseline !important;
}

.star-rating-testimonial .overall-rating-stars-gold{
    fill: #F4B33E;
    height: 23px;
    position: absolute;
    top: 1px;
    left: 0px;
    overflow: hidden;
}
.survey_measure_stars .overall-rating-stars-grey {
    /* overall-rating-stars-gray  */
    width: 115px;
    height: 23px;
    position: relative;
    fill: #F4B33E;
    top: 1px;
    left: 0px;
    
}

.survey_measure_stars .overall-rating-stars-gold{
    fill: #F4B33E;
    height: 23px;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
}

[data-star^=" "],
[data-star^=""],
[data-star^="0"],
[data-star^="0.0"],
[data-star^=NULL],
[data-star^=null] {
    width: 0%
}

[data-star^="0.1"] {
    width: 2%
}

[data-star^="0.2"] {
    width: 4%
}

[data-star^="0.3"] {
    width: 6%
}

[data-star^="0.4"] {
    width: 7%
}

[data-star^="0.5"] {
    width: 8%
}

[data-star^="0.6"] {
    width: 10%
}

[data-star^="0.7"] {
    width: 11%
}

[data-star^="0.8"] {
    width: 12%
}

[data-star^="0.9"] {
    width: 14%
}

[data-star^="1"] {
    width: 16%
}

[data-star^="1.0"] {
    width: 16%
}

[data-star^="1.1"] {
    width: 24%
}

[data-star^="1.2"] {
    width: 25%
}

[data-star^="1.3"] {
    width: 26%
}

[data-star^="1.4"] {
    width: 28%
}

[data-star^="1.5"] {
    width: 29%
}

[data-star^="1.6"] {
    width: 30%
}

[data-star^="1.7"] {
    width: 32%
}

[data-star^="1.8"] {
    width: 33%
}

[data-star^="1.9"] {
    width: 35%
}

[data-star^="2"] {
    width: 40%
}

[data-star^="2.0"] {
    width: 40%
}

[data-star^="2.1"] {
    width: 45%
}

[data-star^="2.2"] {
    width: 46%
}

[data-star^="2.3"] {
    width: 47%
}

[data-star^="2.4"] {
    width: 49%
}

[data-star^="2.5"] {
    width: 50.5%
}

[data-star^="2.6"] {
    width: 52%
}

[data-star^="2.7"] {
    width: 53%
}

[data-star^="2.8"] {
    width: 54%
}

[data-star^="2.9"] {
    width: 55%
}

[data-star^="3"] {
    width: 61%
}

[data-star^="3.0"] {
    width: 61%
}

[data-star^="3.1"] {
    width: 65%
}

[data-star^="3.2"] {
    width: 67%
}

[data-star^="3.3"] {
    width: 69%
}

[data-star^="3.4"] {
    width: 70%
}

[data-star^="3.5"] {
    width: 71%
}

[data-star^="3.6"] {
    width: 72%
}

[data-star^="3.7"] {
    width: 73%
}

[data-star^="3.8"] {
    width: 75%
}

[data-star^="3.9"] {
    width: 76%
}

[data-star^="4"] {
    width: 82%
}

[data-star^="4.0"] {
    width: 82%
}

[data-star^="4.1"] {
    width: 87%
}

[data-star^="4.2"] {
    width: 89%
}

[data-star^="4.3"] {
    width: 90%
}

[data-star^="4.4"] {
    width: 91%
}

[data-star^="4.5"] {
    width: 92%
}

[data-star^="4.6"] {
    width: 93.5%
}

[data-star^="4.7"] {
    width: 94.5%
}

[data-star^="4.8"] {
    width: 96%
}

[data-star^="4.9"] {
    width: 97%
}

[data-star^="5"] {
    width: 102%
}

[data-star^="5.0"] {
    width: 100%
}