.elementor-10164 .elementor-element.elementor-element-5844b0cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:3rem 3rem;--row-gap:3rem;--column-gap:3rem;--overflow:hidden;--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10164 .elementor-element.elementor-element-5844b0cd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-10164 .elementor-element.elementor-element-ebdcceb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:900px){.elementor-10164 .elementor-element.elementor-element-5844b0cd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-10164 .elementor-element.elementor-element-ebdcceb{padding:0px 20px 0px 20px;}}/* Start custom CSS for html, class: .elementor-element-ebdcceb */.slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: auto;
}

.slides {
    display: flex;
    transition: transform 0.5s;
    gap: 16px;
}

.slide {
    flex: 0 0 calc(33.33% - 10.67px);
}

.card {
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px solid var(--e-global-color-761d41c);
    padding: 24px;
    border-radius: 16px;
    gap: 24px;
    height: 100%;
    line-height: 24px;
    position: relative;
}

.user-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: auto;
}

.user-details p {
    margin-bottom: 0;
    font-size: 13px;
    color: var(--e-global-color-7416297);
}

.user-details p:first-child {
    font-size: 18px;
    color: var(--e-global-color-header);
}

.arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 24px;
    z-index: 8;
    color: var(--e-global-color-7416297);
    opacity: 0.5;
}

.arrow:hover {
    color: var(--e-global-color-primary);
    opacity: 1;
}

.arrow.left {
    left: -24px;
}

.arrow.right {
    right: -24px;
}

.navigation {
    display: none;
    justify-content: center;
    margin: 20px 0;
    gap: 8px;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
}

.dot.active {
    background: var(--e-global-color-primary);
}

@media (max-width: 768px) {
    .slide {
        flex: 0 0 100% !important;
    }
    .arrow { display: none; }
    .navigation { display: flex; }
    .slider { width: 100% !important; }
}

@media (max-width: 1024px) {
    
    .slider { width: 94% !important; }
    .arrow.left { left: 8px; }
    .arrow.right { right: 8px;}
    .slide { flex: 0 0 calc(50% - 8px);}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5844b0cd */.reviews_container {
    position: relative;
    overflow: visible;
}/* End custom CSS */