.google-reviews-carousel {
display: flex;
overflow: hidden;
position: relative;
gap: 1rem;
padding: 1rem;
}
.review-item {
flex: 0 0 80%;
padding: 1rem;
background: #f9f9f9;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
text-align: left;
}
.review-item strong {
display: block;
font-size: 1.2em;
margin-bottom: 0.5em;
color: #333;
}
.google-reviews-badge {
text-align: center;
padding: 20px;
border: 1px solid #ccc;
border-radius: 8px;
max-width: 300px;
margin: auto;
background: #f9f9f9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.google-reviews-badge .company-logo {
width: 100px;
height: auto;
margin-bottom: 10px;
display: block;
margin-left: auto;
margin-right: auto;
}
.google-reviews-badge .company-name {
font-size: 18px;
font-weight: bold;
margin-bottom: 10px;
}
.google-reviews-badge .average-rating {
font-size: 16px;
margin-bottom: 10px;
color: #555;
}
.google-reviews-badge .google-stars {
font-size: 20px;
color: #ffa500; }
.google-reviews-badge .google-star {
margin: 0 2px;
display: inline-block;
}
.google-reviews-badge .google-star.filled {
color: #ffa500;
}
.carousel-controls {
position: absolute;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
background: rgba(0, 0, 0, 0.5);
color: #fff;
padding: 0.5rem;
border-radius: 50%;
}
.carousel-controls.left {
left: 10px;
}
.carousel-controls.right {
right: 10px;
}