/* =====================================
   Car Avenue Google Reviews Styling
===================================== */


/* Inter Font */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');



/* Main Wrapper */

.caravenue-google-review-wrapper {

    width:95%;

    max-width:none;

    margin:0 auto;

    padding:70px 0;

    font-family:"Inter", sans-serif;

}



/* Summary Section */

.google-review-summary {

    text-align:center;

    margin-bottom:55px;

}



/* Hide Business Name */

.google-review-summary h2 {

    display:none !important;

}



.google-review-summary h3 {

    display:inline-flex;

    align-items:center;

    justify-content:center;

    background:#111;

    color:#fff;

    padding:12px 30px;

    border-radius:50px;

    font-size:22px;

    font-weight:700;

    margin:0 0 15px;

}



.google-review-summary p {

    font-size:16px;

    color:#555;

    margin:0;

}



/* =====================================
   Infinite Slider Wrapper
===================================== */


.google-review-slider {

    width:100%;

    overflow:hidden;

}



/* Moving Track */

.google-review-grid {

    display:flex;

    gap:40px;

    width:max-content;

    animation:carAvenueReviews 40s linear infinite;

    will-change:transform;

}



/* Pause */

.google-review-grid:hover {

    animation-play-state:paused;

}



/* =====================================
   Review Cards
===================================== */


.google-review-card {

    position:relative;

    width:440px;

    flex:0 0 440px;

    min-height:360px;

    background:#fff;

    border-radius:22px;

    padding:40px 35px;

    border:2px solid #00a651;

    overflow:hidden;

    box-shadow:

    0 15px 40px rgba(0,0,0,.08);

    transition:.3s ease;

}



/* Top Brand Line */

.google-review-card:before {

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:linear-gradient(

        90deg,

        #00a651 50%,

        #ff6500 50%

    );

}



/* Hover */

.google-review-card:hover {

    transform:translateY(-8px);

    border-color:#ff6500;

    box-shadow:

    0 25px 55px rgba(0,0,0,.15);

}



/* Quote */

.google-review-card:after {

    content:"“";

    position:absolute;

    right:20px;

    top:-20px;

    font-size:100px;

    font-weight:800;

    color:#00a651;

    opacity:.12;

}



/* Reviewer */

.review-author h4 {

    font-size:22px;

    font-weight:700;

    color:#111;

    margin:0 0 18px;

}



/* Stars */

.review-stars {

    color:#ff6500;

    font-size:22px;

    letter-spacing:2px;

    margin-bottom:25px;

}



/* Text */

.google-review-card p {

    font-size:16px;

    line-height:1.8;

    color:#555;

    margin:0;

}



/* =====================================
   Infinite Loop Animation
===================================== */


@keyframes carAvenueReviews {


    from {

        transform:translateX(0);

    }


    to {

        transform:translateX(-50%);

    }


}



/* Remove Bottom Line */

.caravenue-google-review-wrapper:after {

    display:none !important;

}



/* =====================================
   Responsive
===================================== */


@media(max-width:900px){


    .caravenue-google-review-wrapper {

        width:92%;

    }


    .google-review-card {

        width:380px;

        flex-basis:380px;

    }


}



@media(max-width:600px){


    .google-review-card {

        width:300px;

        flex-basis:300px;

        padding:30px 25px;

    }


    .google-review-summary h3 {

        font-size:20px;

    }


}