.rs-num li:hover span {
    margin-top:-13px;
}











.elementor-169 .elementor-element.elementor-element-26e75d7 .ts-switcher-btn {
    display: none;
    justify-content: center;
}


.rev-chart li.active {
    background: #FF751F !important;
}


.vr-container{
	display:none !important;
}
.order-status:after {
    background-color: #FF9800;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: .1;
    content: "";
}
.order-status {
    color: #FF9800;
    font-weight: 600;
    flex-shrink: 0;
}
.vx-green {
    --s-color: #FF9800;
}




div[class="vr-review-card"] .vr-star {
    font-size: 26px;    
}



.vr-review-text {
   
    font-size: 16px !important;
color:rgb(10, 43, 86);
}
.vr-review-title {
    font-size: 22px;
    font-weight: 600;
	color: #003366;}

.vxf-load-more {
    background: #343c54;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
}
.vxf-load-more:hover {
    opacity: 0.9;
}

























.ts-form .ts-filter>span{
    visibility: hidden;
    display: flex;
}




.rev-score .rev-num-score {
    background:#ff751f;
    
}








/* Make each rating item a bit taller so heart fits */
.rs-num li {
    position: relative;
    padding-bottom: 20px;   /* add space for the heart */
    height: 50px;           /* increase overall height — adjust if needed */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Add heart under each number */


.rs-num li::after {
    content: "\f004"; /* Unicode for heart in Font Awesome */
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #ff751f;
}


/* Keep the text (Poor, Fair, etc.) exactly like before */
.rs-num li span {
    display: ;
    margin-top: 4px ;        /* keep same spacing */
}


























/* Import Rubik font if not already imported */
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400&display=swap');

/* Style the prompts like part of the form */
.review-prompts {
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background-color: #f9f9f9;
    font-family: 'Rubik', sans-serif; /* Use Rubik */
    font-weight: 400; /* Normal weight */
    font-size: 14px; 
    color: #0a2b56; /* Updated color */
    line-height: 1.5;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
}

.review-prompts p {
    margin: 6px 0; /* spacing between lines */
}


















.rev-chart.simplify-ul li {
  list-style: none;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
  background-color: transparent;
  clip-path: path('M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 6 4 4 6.5 4c1.74 0 3.41 1.01 4.13 2.44C11.09 5.01 12.76 4 14.5 4 17 4 19 6 19 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z');
  background-color: #ccc;
  transition: background-color 0.3s ease;
}

.rev-chart.simplify-ul li.active {
  background-color: #ff751f; /* pink-red heart color */
}




















/* Force all review categories to stack vertically */
.rev-cats {
  display: flex;
  flex-direction: column;
  gap: 15px; /* optional: adds space between each item */
}

/* Make sure each review category takes full width */
.review-cat {
  width: 100%;
}

























/* Make all hearts orange (#FF751F) */
.ts-percentage-bar .ts-bar-data i {
    color: #FF751F !important;
}

/* Background color behind each rating bar */
.ts-percentage-bar .ts-bar-chart {
    background: rgba(255, 117, 31, 0.25) !important; /* lighter background version of #FF751F */
    border-radius: 6px;
}

/* Inner filled bar color */
.ts-percentage-bar .ts-bar-chart > div {
    background: #FF751F !important; /* solid bar color */
    height: 6px !important;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .elementor-169 .elementor-element.elementor-element-26e75d7 .ts-switcher-btn .ts-btn {
        display: none;
      
}