/* Style for the container */
.allAgents-shortcode .scroll-container {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling */
    white-space: nowrap; /* Ensure cards stay on one line */
    -webkit-overflow-scrolling: touch;
    display: flex;
    gap: 20px;
    flex-flow: row;
    justify-content: space-between;
}
.rating {
    display: flex;
}
.allAgents-shortcode .scroll-container::-webkit-scrollbar {
    display: none;
}
.allAgents-shortcode .scroll-container::-webkit-scrollbar, .allAgents-widget .scroll-container::-webkit-scrollbar {
    display: none;
}
.scroll-arrow.left {
    left: 10px;
}
.scroll-arrow.right {
    right: 10px;
}
.allAgents-shortcode .scroll-item {
    display: inline-block;
    width: 400px; /* Set your desired width */
    height: auto; /* Set your desired height */
    margin-right: 15px;
    cursor: pointer;
    scroll-snap-align: center; /* Snap each review to the start of the container */
    white-space: normal; /* Ensure reviews wrap properly */
}
/* Style for navigation arrows */
/*@media screen and (max-width: 767px) {*/
/*    .allAgents-shortcode .scroll-container {*/
/*        position: relative;*/
/*        box-sizing: border-box;*/
/*        width: 100%;*/
/*        overflow-x: auto; !* Enable horizontal scrolling *!*/
/*        white-space: nowrap; !* Ensure cards stay on one line *!*/
/*        -webkit-overflow-scrolling: touch;*/
/*        display: flex;*/
/*        gap: 20px;*/
/*        flex-flow: row;*/
/*        justify-content: space-between;*/
/*    }*/
/*    .allAgents-shortcode .scroll-item {*/
/*        width: 300px; !* Set width to 200px for screens up to 767px wide *!*/
/*        margin-right: 15px;*/
/*        display: inline-block;*/
/*    }*/
/*}*/

 .allAgents-shortcode .scroll-item .card {
    background: #f0f0f0; /* Adjust as needed */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

  .scroll-item .text {
    font-size: 13px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
  .scroll-item .header {
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
 .scroll-item .name {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

 .scroll-item  a {
    color: #191919;
    text-decoration: none !important;
}

.allAgents-widget {
    position: relative;
}

.allAgents-widget .scroll-item .card {
    background: #ffffff ; /* Adjust as needed */
}
.allAgents-widget .scroll-item {
    display: flex;
    flex-flow: row wrap;
    width: 200px; /* Set your desired width */
    cursor: pointer;
    max-width: 200px;
    font-size: 12px;
    scroll-snap-align: start; /* Snap each review to the start of the container */
    white-space: normal; /* Ensure reviews wrap properly */
}
.allAgents-widget .scroll-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    display: flex;
    flex-flow: row;
    gap: 1em;
    flex-wrap: nowrap; /* Ensure items stay on one line */
    justify-content: space-between;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory; /* Enable horizontal scroll snap */
}
.allAgents-widget .scroll-item .text {
    font-size: 12px;
    line-height: 16px;
}
.allAgents-widget .scroll-arrow-container, .allAgents-shortcode .scroll-arrow-container {
    display: flex;
}
.allAgents-shortcode .scroll-arrow-container {
   gap: 5px
}
.allAgents-widget .scroll-arrow, .allAgents-shortcode .scroll-arrow {
    transform: translateY(-50%);
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}

.allAgents-widget .scroll-arrow.left, .allAgents-shortcode .scroll-arrow.left{
    left: 0;
}

.allAgents-widget .scroll-arrow.right .allAgents-shortcode .scroll-arrow.right {
    right: 0;
}

.star-filled {
    color: gold; /* Golden color for filled stars */
}
.star-half {
    color: orange; /* Orange color for half stars */
}
.star-empty {
    color: lightgrey; /* Light gray color for empty stars */
}

.truncated-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Hide the button initially */
.view-more-btn {
    /*display: none;*/
}
.expanded {
    overflow: visible;
    white-space: normal;
}

.allagents-reviews-rating-icon img{
    color:#FFD700;
    background-color: #FFD700;
}

svg {
    fill: currentColor !important;
}