:root {
    --base-color: #222;
    --h-color: #000;
    --l-color: var(--base-color);
    --base-font: 'Gilroy-Regular';
    --h-font: 'Gilroy-Medium';
    --l-font: 'Gilroy-Bold';
    --base-font-size: 16px;
    --h-font-size: 20px;
    --l-font-size: var(--base-font-size);
    --swiper-navigation-size: 0px;
    --swiper-pagination-bullet-inactive-color: #D9D9D9;
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-color: #219653
}

.wpaca a, .wpaca a * {
    cursor: pointer;
    font-family: var(--l-font);
    font-size: var(--l-font-size);
    color: var(--l-color);
}

.wpa-traspilot-based a {
    text-decoration: underline;
}

.wpa-traspilot-title, .tr-logo a.wpa-traspilot-title {
    font-family: var(--h-font);
    font-size: var(--h-font-size);
    color: var(--h-color);
    line-height: 1.5;
    text-align: center;
}

.wpa-traspilot-title span {
    font-size: 24px;
    font-weight: 800;
}

.testimonial-widget {
    font-family: var(--base-font);
    font-size: var(--base-font-size);
    color: var(--base-color);
}

.carousel-item {
    width: 100%;
}

.carousel-control-prev-icon, .swiper-button-prev:after {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.6,18.4L8.3,12l6.4-6.4l0.7,0.7L9.7,12l5.6,5.6L14.6,18.4z"></path></svg>') no-repeat center;
    background-size: contain;
    font-size: 0 !important;
}

.carousel-control-next-icon, .swiper-button-next:after {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.4,18.4l-0.7-0.7l5.6-5.6L8.6,6.4l0.7-0.7l6.4,6.4L9.4,18.4z"></path></svg>') no-repeat center;
    background-size: contain;
    font-size: 0 !important;
}

.tr-logo {
    display: flex;
    gap: 4px;
    justify-content: center;
    align-items: center;
}

.wpa-gr {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    text-align: left;
    direction: ltr;
    box-sizing: border-box;
}

.wpa-gr .arto-row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    -ms-flex-wrap: nowrap;
    -ms-flex-align: center;
    
}

.wpa-gr .arto-row-m .arto-header + .arto-content {
    --gap: .333333;
    --col: 1.333333;
}

.wpa-gr .arto-row-m .arto-header + .arto-content .arto-review {
    /*--gap: 2;*/
    /*--col: 3;*/
}

.wpa-gr .arto-row-m .arto-header, .wpa-gr .arto-row-m .arto-review {
    /*--gap: 3;*/
    /*--col: 4;*/
}

.wpa-gr .arto-header, .wpa-gr .arto-content {
    /*-ms-flex: 1 0 calc(100% / var(--col, 3));*/
    /*flex: 1 0 calc(100% / var(--col, 3));*/
    /*width: calc(100% / var(--col, 3));*/
}

.wpa-gr .arto-review {
    /*-ms-flex: 1 0 calc((100% - var(--card-gap, 16px) * var(--gap, 2)) / var(--col, 3));*/
    /*flex: 1 0 calc((100% - var(--card-gap, 16px) * var(--gap, 2)) / var(--col, 3));*/
    /*width: calc((100% - var(--card-gap, 16px) * var(--gap, 2)) / var(--col, 3));*/
}

.wpa-gr .arto-content {
    position: relative;
    min-width: 0;
    
}

.wpa-gr .arto-content-inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
}

.wpa-gr .wpa-traspilot-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.wpa-traspilot-based {
    line-height: 32px;
}

.wpa-gr .arto-header-inner, .wpa-gr .arto-review-inner {
    position: relative;
    padding: 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

hr.tr-line {
    width: 80px;
    color: #c4c4c4;
    margin: 0;
    display: block;
    border-width: 2px;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.wpa-gr .wpa-traspilot-time {
    
    font-size: 14px;
    white-space: nowrap;
}

span.wpa-traspilot-text {
    line-height: 26px;
}

.wpa-gr .arto-review .wpa-traspilot-feedback {
    height: 100px;
    overflow-y: auto;
    margin-bottom: 5px;
}

.wpa-gr .arto-review .wpa-traspilot-feedback::-webkit-scrollbar {
    width: 4px;
}

.wpa-gr .arto-review .wpa-traspilot-feedback::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.wpa-gr .arto-review .wpa-traspilot-feedback::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #ccc;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

.wpa-traspilot-stars {
    display: flex;
    gap: 10px;
}

.wpa-traspilot-right .wpa-traspilot-stars img {
    width: 40px;
    height: 40px;
}

/*******************************************************************************/
@media screen and (max-width: 769px) {
    
    .testimonial-widget {
        
        margin-top: 20px;
    }
    
    .wpa-traspilot-right .wpa-traspilot-stars img {
        width: 25px;
        height: 25px;
    }
    
    .wpa-gr .arto-content-inner,
    .wpa-gr .arto-review-inner {
        padding-top: 0;
    }
    
    .wpa-gr .arto-row {
        flex-direction: column;
    }
    
    .wpa-gr .arto-row-m .arto-header, .wpa-gr .arto-row-m .arto-review,
    .wpa-gr .arto-row-m .arto-header + .arto-content .arto-review,
    .wpa-gr .arto-row-m .arto-header + .arto-content {
        
        /*--gap: 0;*/
        /*--col: 1;*/
    }
    
    .wpa-gr .arto-header, .wpa-gr .arto-content {
        
        width: 100%;
    }
    
    .wpa-gr .arto-header-inner {
        padding-bottom: 0;
    }
}

.wpaca svg {
    vertical-align: middle;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.wpa-gr .wpa-traspilot-name {
    color: black;
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 2px;
    padding-right: 6px;
    text-decoration: none;
}

.wpa-gr.wpaca .wpa-traspilot-name {
    font-size: 100%;
}

.wpa-gr .arto-review {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 100%;
}

.wpa-gr .arto-review .wpa-traspilot-left {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 24px;
}

.wpa-gr .arto-review .wpa-traspilot-stars {
    margin: 15px 0 7px;
    display: flex;
    gap: 2px;
}

.swiper-button-prev, .swiper-button-next {
    display: block; /* Обеспечиваем их видимость */
}

.swiper-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

#carouselExampleIndicators1 .swiper-button-prev, #carouselExampleIndicators1 .swiper-rtl .swiper-button-next {
    left: -10px;
    right: auto;
}

#carouselExampleIndicators1 .swiper-button-next, #carouselExampleIndicators1 .swiper-rtl .swiper-button-prev {
    right: -10px;
    left: auto;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    
    position: relative;
    margin-top: 20px;
}

/*Google widget*/

.wp-gr .rpi-dots-wrap {
    
    top: calc(100% - 20px) !important;
}

.wp-gr .rpi-dot.s1,
.wp-gr .rpi-dot.s2,
.wp-gr .rpi-dot.s3 {
    transform: none !important;
}

.wp-gr .rpi-dot[class^="s"], .wp-gr .rpi-dot {
    transform: none !important;
}

.wp-gr .grw-btns svg path {
    fill: #555 !important;
}

.wp-gr .grw-btns svg {
    width: 26px;
    height: 26px;
}