.elementor-302 .elementor-element.elementor-element-1842081b{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:156px;--padding-bottom:67px;--padding-left:10px;--padding-right:10px;}.elementor-302 .elementor-element.elementor-element-1842081b:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-1842081b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://resairhvac.grow-nearby.com/wp-content/uploads/2026/05/reviews-bg-scaled.png");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-302 .elementor-element.elementor-element-7d1e4e0c{width:auto;max-width:auto;text-align:center;}.elementor-302 .elementor-element.elementor-element-7d1e4e0c > .elementor-widget-container{background-color:#FFFFFF33;padding:10px 20px 10px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF4D;border-radius:50px 50px 50px 50px;}.elementor-302 .elementor-element.elementor-element-7d1e4e0c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:12px;font-weight:700;text-transform:uppercase;line-height:15px;letter-spacing:7px;color:var( --e-global-color-5e9f652 );}.elementor-302 .elementor-element.elementor-element-388a5767 > .elementor-widget-container{margin:10px 0px 40px 0px;}.elementor-302 .elementor-element.elementor-element-388a5767 .elementor-heading-title{color:var( --e-global-color-5e9f652 );}.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-image{width:55px;height:55px;}.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-wrap{padding-right:calc( 25px/2 );padding-left:calc( 25px/2 );margin-bottom:25px;}.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-content{margin-bottom:15px;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:29px;}.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-time{color:var( --e-global-color-text );}.elementor-302 .elementor-element.elementor-element-b314398 a.uael-reviews-read-more{color:var( --e-global-color-text );}.elementor-302 .elementor-element.elementor-element-b314398 .uael-review{background-color:#fafafa;padding:30px 30px 30px 30px;border-radius:20px 20px 20px 20px;border-style:solid;border-width:0.8px 0.8px 0.8px 0.8px;border-color:#E0D5D5;}.elementor-302 .elementor-element.elementor-element-b314398 .uael-reviewer-name a, .elementor-302 .elementor-element.elementor-element-b314398 .uael-reviewer-name{font-family:"Inter", Sans-serif;font-size:17px;font-weight:900;line-height:25px;}.elementor-302 .elementor-element.elementor-element-b314398 .uael-reviews-read-more{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-decoration:underline;line-height:29px;}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-image{width:55px;height:55px;}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-wrap{padding-right:calc( 25px/2 );padding-left:calc( 25px/2 );}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-content{margin-bottom:15px;color:var( --e-global-color-text );font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;line-height:29px;}.elementor-302 .elementor-element.elementor-element-ac98070 .slick-slide-bg{animation-duration:calc(5000ms*1.2);transition-duration:calc(5000ms);}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-time{color:var( --e-global-color-text );}.elementor-302 .elementor-element.elementor-element-ac98070 a.uael-reviews-read-more{color:var( --e-global-color-text );}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review{background-color:#fafafa;padding:30px 30px 30px 30px;border-radius:20px 20px 20px 20px;border-style:solid;border-width:0.8px 0.8px 0.8px 0.8px;border-color:#E0D5D5;}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-reviewer-name a, .elementor-302 .elementor-element.elementor-element-ac98070 .uael-reviewer-name{font-family:"Inter", Sans-serif;font-size:17px;font-weight:900;line-height:25px;}.elementor-302 .elementor-element.elementor-element-ac98070 .uael-reviews-read-more{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;text-decoration:underline;line-height:29px;}.elementor-302 .elementor-element.elementor-element-5e1c79e .elementor-button{background-color:transparent;fill:var( --e-global-color-93ddfff );color:var( --e-global-color-93ddfff );background-image:linear-gradient(180deg, var( --e-global-color-5e9f652 ) 100%, #F2295B00 100%);box-shadow:0px 5px 0px 0px #892F0B;}.elementor-302 .elementor-element.elementor-element-5e1c79e > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-302 .elementor-element.elementor-element-5e1c79e .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-302 .elementor-element.elementor-element-5e1c79e .elementor-button .elementor-button-content-wrapper{gap:10px;}@media(max-width:1024px){.elementor-302 .elementor-element.elementor-element-1842081b:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-1842081b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://resairhvac.grow-nearby.com/wp-content/uploads/2026/05/RESAIR-Section-Reviews-Background-Tablet.png");}}@media(max-width:767px){.elementor-302 .elementor-element.elementor-element-1842081b:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-1842081b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://resairhvac.grow-nearby.com/wp-content/uploads/2026/05/RESAIR-Section-Reviews-Background-Tablet-1.png");}.elementor-302 .elementor-element.elementor-element-1842081b{--padding-top:100px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-302 .elementor-element.elementor-element-388a5767{text-align:center;}}/* Start custom CSS for uael-business-reviews, class: .elementor-element-b314398 *//* ============================================
   GOOGLE REVIEWS - FIGMA LAYOUT
   ============================================ */
/* Main card - grid layout */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "avatar  name     name"
        "avatar  stars    stars"
        "content content  content"
        "time    time     google";
    column-gap: 12px;
    row-gap: 4px;
}
/* Flatten nested wrappers so children become direct grid items */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-header,
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-details {
    display: contents !important;
}
/* Avatar - left side, vertically centered with name + stars */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-image {
    grid-area: avatar;
    align-self: center;
}
/* Name - top, right of avatar */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-reviewer-name {
    grid-area: name;
    align-self: end;
    justify-self: start;
}
/* Stars - below name */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-star-rating {
    grid-area: stars;
    align-self: start;
    justify-self: start;
}
/* Review text content */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-content,
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-description,
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-text {
    grid-area: content;
}
/* Time - bottom left with top border */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-time {
    grid-area: time;
    justify-self: start;
    align-self: center;
    border-top: 0.8px solid #E0D5D5;
    padding-top: 12px;
    margin-top: 8px;
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 6px;
}
/* Clock icon before time */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-time::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
/* Google logo - bottom right with top border */
.elementor-302 .elementor-element.elementor-element-b314398 .uael-review-inner-wrap .uael-review-icon-wrap {
    grid-area: google;
    justify-self: end;
    align-self: center;
    border-top: 0.8px solid #E0D5D5;
    padding-top: 12px;
    margin-top: 8px;
}/* End custom CSS */
/* Start custom CSS for uael-business-reviews, class: .elementor-element-ac98070 *//* ============================================
   GOOGLE REVIEWS - FIGMA LAYOUT
   ============================================ */
/* Main card - grid layout */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap {
    display: grid !important;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "avatar  name     name"
        "avatar  stars    stars"
        "content content  content"
        "time    time     google";
    column-gap: 12px;
    row-gap: 4px;
}
/* Flatten nested wrappers so children become direct grid items */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-header,
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-details {
    display: contents !important;
}
/* Avatar - left side, vertically centered with name + stars */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-image {
    grid-area: avatar;
    align-self: center;
}
/* Name - top, right of avatar */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-reviewer-name {
    grid-area: name;
    align-self: end;
    justify-self: start;
}
/* Stars - below name */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-star-rating {
    grid-area: stars;
    align-self: start;
    justify-self: start;
}
/* Review text content */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-content,
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-description,
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-text {
    grid-area: content;
}
/* Time - bottom left with top border */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-time {
    grid-area: time;
    justify-self: start;
    align-self: center;
    border-top: 0.8px solid #E0D5D5;
    padding-top: 12px;
    margin-top: 8px;
    width: 100%;
    display: flex !important;
    align-items: center;
    gap: 6px;
}
/* Clock icon before time */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-time::before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><polyline points='12 6 12 12 16 14'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
    flex-shrink: 0;
}
/* Google logo - bottom right with top border */
.elementor-302 .elementor-element.elementor-element-ac98070 .uael-review-inner-wrap .uael-review-icon-wrap {
    grid-area: google;
    justify-self: end;
    align-self: center;
    border-top: 0.8px solid #E0D5D5;
    padding-top: 12px;
    margin-top: 8px;
}
/* ============================================
   SLICK CAROUSEL - NUMBERED PAGINATION
   ============================================ */

/* Hide default side arrows */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-prev.slick-arrow,
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-next.slick-arrow {
    display: none !important;
}

/* Pagination container - flex row, centered below carousel */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    position: relative !important;
    bottom: auto !important;
    margin-top: 32px;
    padding: 0;
    list-style: none;
    counter-reset: pagination;
}

/* Each dot becomes a numbered button */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots li {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    counter-increment: pagination;
}

/* Hide the default button text, replace with the counter number */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots li button {
    width: auto !important;
    height: auto !important;
    padding: 6px 12px !important;
    font-size: 0 !important;
    background: transparent !important;
    border: none !important;
    color: #FFFFFF !important;
    cursor: pointer;
    line-height: 1;
    border-radius: 4px;
    min-width: 32px;
    text-align: center;
}

/* Remove the default ::before dot that Slick adds */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots li button::before {
    content: counter(pagination) !important;
    font-size: 14px !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    position: static !important;
    font-family: inherit !important;
    line-height: 1 !important;
}

/* Active page - white background, dark text */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots li.slick-active button {
    background: #FFFFFF !important;
}

.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots li.slick-active button::before {
    color: #0A2540 !important;
    font-weight: 600 !important;
}

/* "Previous" label before the numbers */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots::before {
    content: "← Previous";
    color: #FFFFFF;
    font-size: 14px;
    margin-right: 12px;
    padding: 6px 10px;
    cursor: pointer;
    align-self: center;
}

/* "Next" label after the numbers */
.elementor-302 .elementor-element.elementor-element-ac98070 .slick-dots::after {
    content: "Next →";
    color: #FFFFFF;
    font-size: 14px;
    margin-left: 12px;
    padding: 6px 10px;
    cursor: pointer;
    align-self: center;
}/* End custom CSS */