.reviews-wrapper {
  margin-left: 0;
margin-right: 0;
margin-bottom: 50px;
display: grid;
gap: 50px;
grid-template-columns: repeat(3, 1fr);
}

.ec-message {
  position: relative;
}
.reviews-list__text {
  position: relative;
}
.ec-message__meta {
margin-top: 36px;
flex-direction: column;
    align-content: normal;
    position: absolute;
bottom: 40px;    
}
/*.ec-stars, .ec-stars span, .ec-rating-stars span {
background-image: url('/assets/images/Vector2.png');  
}
.ec-stars span.rating-3 {
width: calc(3 * var(--ec-star-width) + 2 * var(--ec-star-gap));

background-image: url('/assets/images/Vector.png');
} */

.reviews-text-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
}
.reviews-text-inner {
width: 70%;
}

.review-form-section {
background-color: var(--theme-color);
color: var(--color-white);
padding: 30px 0;
}

.reviews-text-title {
font-family: "Spectral", sans-serif;
font-weight: 500;
font-size: 26px;
line-height: 150%;
text-transform: uppercase;
color: #fff;
text-align: left;
}
.reviews-text {
font-family: "Proxima Nova", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #dee0e0;
text-align: left;
}
.reviews-text-button {
display: block;
width: 300px;
height: 100%;
}
.reviews-img {
  position: absolute;
top: -9px;
right: 40px;
}
.ec-message {
padding: 40px;
    margin-bottom: 0;
    margin-top: 0;
background-color: #202020;
border-radius: 0.25rem;
}

.page-item-control:last-child .icon::before {
content: '\f14f';
margin-right: -1px;
}
.ec-message p:last-child
{
margin-bottom: 150px;
}
.page-item {
display: inline-block;
vertical-align: middle;
text-align: center;
border-radius: 10px;  
}
.page-link {
display: inline-block;
font-size: 18px;
font-weight: 500;
background-color: transparent;
color: #fff;
transition: all 0.3s ease-in-out;
    padding: 10px 20px 10px 20px;
        border: 1px solid transparent;

}
.page-item .page-link:hover{
background-color: transparent;  
color: #fff;
border: 1px solid #fff;
}
.active .page-link {
border: 1px solid #fff;
background-color: transparent;
}

.placeholder-text-styling::placeholder {
font-size: 28px; /* Установите желаемый размер */
color: var(--color-dark);    /* Опционально: измените цвет для лучшей видимости */
}

/* Для поддержки старых браузеров (особенно Firefox) */
.placeholder-text-styling::-webkit-input-placeholder {
font-size: 28px;
}
.placeholder-text-styling:-moz-placeholder { /* Firefox 18- */
font-size: 18px;
}
.placeholder-text-styling::-moz-placeholder { /* Firefox 19+ */
font-size: 18px;
}
.placeholder-text-styling:-ms-input-placeholder { /* Internet Explorer 10-11 */
font-size: 18px;
}
.ec-stars {
position: relative;
bottom: 20px;
}
.ec-rating-description {
color: #fff;
}
.ec-message__date {
color: #fff;
}

.xpandable-block {
height: 210px;
overflow: hidden;
order: 0;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #dee0e0;
margin-bottom: 150px;
}
.xpandable-block.open {
height: auto;
}
.xpandabl {
position: absolute;
bottom: -52px;
left: 0px;
margin-top: 20px;
justify-content: center;
width: -moz-fit-content;
width: fit-content;
background: transparent;
z-index: 0;
align-content: center;
cursor: pointer;
text-decoration: underline;
font-weight: 400;
font-size: 20px;
line-height: 150%;
color: #dee0e0;
}
.xpandabl img{
margin-right: 10px;
}



.ec-stars,
.ec-rating-stars {
    --ec-star-width: 25px;
    --ec-star-height: 25px;
    --ec-star-gap: 2px;
}
.ec-stars,
.ec-stars span {
    background-image: url('/assets/images/reviewcard.png');
    background-size: calc(var(--ec-star-width) + var(--ec-star-gap)) calc(var(--ec-star-height) * 2);
}


.ec-rating-stars span {
    background-image: url('/assets/images/reviewform.png');
    background-size: calc(var(--ec-star-width) + var(--ec-star-gap)) calc(var(--ec-star-height) * 2);
}

#ec-form-resource-224-success .ec-message__header, #ec-form-resource-224-success .ec-stars, #ec-form-resource-224-success p{
        display: none!important;
}
#ec-form-resource-224-success .ec-alert{
            color: #e80c28;
            background: #ffffff;
}
@media (max-width: 1199px) {
.reviews-text-wrapper {
flex-direction: column;
display: flex;
justify-content: space-between;
align-items: initial;
}
.reviews-text-button {
margin-top: 20px;
display: block;
width: 100%;
/* height: 100%; */
padding: 10px 0 10px 0;
}
.reviews-wrapper {
grid-template-columns: 1fr;
gap: 50px;
}
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .xpandable-block {
    height: 275px;
}
}
@media (min-width: 320px) and (max-width: 420px) {
  .xpandable-block {
    height: 367px;
}
}