button:hover,
button:focus {
outline: none;
}
.accordion-container {
width: 80%;
max-width: 600px;
}
.accordion-container button:hover,
.accordion-container button:focus {
color: inherit;
background-color: transparent;
outline: none;
}
.accordion-item {
margin-bottom: 10px;
font-family: Open Sans;
font-size: 18px;
font-weight: 300;
text-align: left;
}
.accordion-header {
color: #000;
padding: 15px;
font-family: Poppins;
font-weight: 400;
letter-spacing: 0em;
text-align: left;
border: none;
width: 100%;
cursor: pointer;
outline: none;
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
font-size: 18px;
white-space: normal;
}
.accordion-content {
overflow: hidden;
padding: 3px 15px;
max-height: 0;
transition: max-height 0.3s ease;
}
.accordion-content p {
margin: 15px 0;
}
.icon {
color: #F7AB1E;
font-size: 32px;
transition: transform 0.3s ease;
}
.active .icon {
transform: rotate(45deg);
}.reviews-wrapper {
display: flex;
padding: 10px;
gap: 30px;
flex-wrap: wrap;
justify-content: start;
}
@media screen and (max-width: 800px) {
.reviews-wrapper {
justify-content: center;
}
}
.reviews-wrapper .review-item {
box-shadow: 0px 1px 4px 0px #00000040;
flex-wrap: wrap;
border-radius: 12px;
padding: 24px;
display: flex;
width: calc(33.33% - 20px);
flex-basis: calc(33.33% - 20px);
}
@media screen and (max-width: 800px) {
.reviews-wrapper .review-item {
flex-basis: calc(50% - 20px);
width: calc(50% - 20px);
}
}
@media screen and (max-width: 600px) {
.reviews-wrapper .review-item {
flex-basis: calc(100% - 20px);
width: calc(100% - 20px);
}
}
.reviews-wrapper .review-item .star {
font-size: 24px;
color: #F7AB1E;
}
.reviews-wrapper .review-item h2 {
padding: 0;
margin: 0;
color: #26ABA3;
font-family: Open Sans;
font-size: 22px;
font-weight: 700;
letter-spacing: 0em;
text-align: left;
width: 60%;
align-items: center;
display: flex;
}
.reviews-wrapper .review-item p {
margin-top: 15px;
color: #293039;
font-family: Open Sans;
font-size: 14px;
font-weight: 400;
letter-spacing: 0em;
text-align: left;
}
.reviews-wrapper .review-item div {
text-align: center;
width: 40%;
align-items: center;
display: flex;
}