:root {
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(
        135deg,
        rgb(6, 147, 227) 0%,
        rgb(155, 81, 224) 100%
    );
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(
        135deg,
        rgb(122, 220, 180) 0%,
        rgb(0, 208, 130) 100%
    );
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(
        135deg,
        rgb(252, 185, 0) 0%,
        rgb(255, 105, 0) 100%
    );
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(
        135deg,
        rgb(255, 105, 0) 0%,
        rgb(207, 46, 46) 100%
    );
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(
        135deg,
        rgb(238, 238, 238) 0%,
        rgb(169, 184, 195) 100%
    );
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(
        135deg,
        rgb(74, 234, 220) 0%,
        rgb(151, 120, 209) 20%,
        rgb(207, 42, 186) 40%,
        rgb(238, 44, 130) 60%,
        rgb(251, 105, 98) 80%,
        rgb(254, 248, 76) 100%
    );
    --wp--preset--gradient--blush-light-purple: linear-gradient(
        135deg,
        rgb(255, 206, 236) 0%,
        rgb(152, 150, 240) 100%
    );
    --wp--preset--gradient--blush-bordeaux: linear-gradient(
        135deg,
        rgb(254, 205, 165) 0%,
        rgb(254, 45, 45) 50%,
        rgb(107, 0, 62) 100%
    );
    --wp--preset--gradient--luminous-dusk: linear-gradient(
        135deg,
        rgb(255, 203, 112) 0%,
        rgb(199, 81, 192) 50%,
        rgb(65, 88, 208) 100%
    );
    --wp--preset--gradient--pale-ocean: linear-gradient(
        135deg,
        rgb(255, 245, 203) 0%,
        rgb(182, 227, 212) 50%,
        rgb(51, 167, 181) 100%
    );
    --wp--preset--gradient--electric-grass: linear-gradient(
        135deg,
        rgb(202, 248, 128) 0%,
        rgb(113, 206, 126) 100%
    );
    --wp--preset--gradient--midnight: linear-gradient(
        135deg,
        rgb(2, 3, 129) 0%,
        rgb(40, 116, 252) 100%
    );
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined:
        6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
}
:where(.is-layout-flex) {
    gap: 0.5em;
}
:where(.is-layout-grid) {
    gap: 0.5em;
}
body .is-layout-flex {
    display: flex;
}
.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}
.is-layout-flex > :is(*, div) {
    margin: 0;
}
body .is-layout-grid {
    display: grid;
}
.is-layout-grid > :is(*, div) {
    margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}
:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}
.has-black-color {
    color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
    color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
    color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
    color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
    color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
    color: var(
        --wp--preset--color--luminous-vivid-orange
    ) !important;
}
.has-luminous-vivid-amber-color {
    color: var(
        --wp--preset--color--luminous-vivid-amber
    ) !important;
}
.has-light-green-cyan-color {
    color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
    color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
    color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
    color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
    color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
    background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
    background-color: var(
        --wp--preset--color--cyan-bluish-gray
    ) !important;
}
.has-white-background-color {
    background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
    background-color: var(
        --wp--preset--color--pale-pink
    ) !important;
}
.has-vivid-red-background-color {
    background-color: var(
        --wp--preset--color--vivid-red
    ) !important;
}
.has-luminous-vivid-orange-background-color {
    background-color: var(
        --wp--preset--color--luminous-vivid-orange
    ) !important;
}
.has-luminous-vivid-amber-background-color {
    background-color: var(
        --wp--preset--color--luminous-vivid-amber
    ) !important;
}
.has-light-green-cyan-background-color {
    background-color: var(
        --wp--preset--color--light-green-cyan
    ) !important;
}
.has-vivid-green-cyan-background-color {
    background-color: var(
        --wp--preset--color--vivid-green-cyan
    ) !important;
}
.has-pale-cyan-blue-background-color {
    background-color: var(
        --wp--preset--color--pale-cyan-blue
    ) !important;
}
.has-vivid-cyan-blue-background-color {
    background-color: var(
        --wp--preset--color--vivid-cyan-blue
    ) !important;
}
.has-vivid-purple-background-color {
    background-color: var(
        --wp--preset--color--vivid-purple
    ) !important;
}
.has-black-border-color {
    border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
    border-color: var(
        --wp--preset--color--cyan-bluish-gray
    ) !important;
}
.has-white-border-color {
    border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
    border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
    border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
    border-color: var(
        --wp--preset--color--luminous-vivid-orange
    ) !important;
}
.has-luminous-vivid-amber-border-color {
    border-color: var(
        --wp--preset--color--luminous-vivid-amber
    ) !important;
}
.has-light-green-cyan-border-color {
    border-color: var(
        --wp--preset--color--light-green-cyan
    ) !important;
}
.has-vivid-green-cyan-border-color {
    border-color: var(
        --wp--preset--color--vivid-green-cyan
    ) !important;
}
.has-pale-cyan-blue-border-color {
    border-color: var(
        --wp--preset--color--pale-cyan-blue
    ) !important;
}
.has-vivid-cyan-blue-border-color {
    border-color: var(
        --wp--preset--color--vivid-cyan-blue
    ) !important;
}
.has-vivid-purple-border-color {
    border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
    background: var(
        --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple
    ) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
    background: var(
        --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan
    ) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
    background: var(
        --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange
    ) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
    background: var(
        --wp--preset--gradient--luminous-vivid-orange-to-vivid-red
    ) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
    background: var(
        --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray
    ) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
    background: var(
        --wp--preset--gradient--cool-to-warm-spectrum
    ) !important;
}
.has-blush-light-purple-gradient-background {
    background: var(
        --wp--preset--gradient--blush-light-purple
    ) !important;
}
.has-blush-bordeaux-gradient-background {
    background: var(
        --wp--preset--gradient--blush-bordeaux
    ) !important;
}
.has-luminous-dusk-gradient-background {
    background: var(
        --wp--preset--gradient--luminous-dusk
    ) !important;
}
.has-pale-ocean-gradient-background {
    background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
    background: var(
        --wp--preset--gradient--electric-grass
    ) !important;
}
.has-midnight-gradient-background {
    background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
    font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
    font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
    font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
    font-size: var(--wp--preset--font-size--x-large) !important;
}
:where(.wp-block-post-template.is-layout-flex) {
    gap: 1.25em;
}
:where(.wp-block-post-template.is-layout-grid) {
    gap: 1.25em;
}
:where(.wp-block-term-template.is-layout-flex) {
    gap: 1.25em;
}
:where(.wp-block-term-template.is-layout-grid) {
    gap: 1.25em;
}
:where(.wp-block-columns.is-layout-flex) {
    gap: 2em;
}
:where(.wp-block-columns.is-layout-grid) {
    gap: 2em;
}
:root :where(.wp-block-pullquote) {
    font-size: 1.5em;
    line-height: 1.6;
}

/*--------   2.1 Header Menu Color          --------*/
@media (min-width: 992px) {
    header.page-header-1 .navbar-nav > li > a,
    header.page-header-2 .navbar-nav > li > a {
        color: #000000;
    }
}

/*--------   2.2 Header          --------*/
body.home header.page-header {
    position: absolute;
    background: none;
}
body:not(.home) {
    background: url(../wp-content/uploads/2023/03/my-mechanic-shop.jpeg)
        no-repeat center 0;
}
/* @media (max-width: 991px) {
    #pageTitle {
        background: url(../wp-content/uploads/2023/03/my-mechanic-shop.jpeg)
            repeat 0;
        background-size: cover;
    }
} */
body:not(.home) #pageContent {
    padding-top: 100px;
}
@media (min-width: 992px) {
    body:not(.home) #pageContent {
        padding-top: 120px;
    }
}

h2 {
    color: #000;
}
h4 {
    color: #000;
}
h5 {
    color: #000;
}
.widget-title,
.title-contact-info,
.widgettitle {
    color: #000;
}



/*heading*/
.loader-circle-2 {
    border-right-color: #d5a632;
}
.loader .line:nth-child(6),
.loader .subline:nth-child(11) {
    background: #d5a632;
}
.loader .needle:before {
    border-color: transparent #d5a632 transparent transparent;
}

.side-block {
    border-bottom: 1px solid#d5a632;
}
.vc_toggle,
.divider-line {
    border-top: 1px solid#d5a632;
}
.promo-banner {
    border: 2px dotted#d5a632;
}
.quote-simple {
    border-left: 4px solid#d5a632;
}

.vertical-tab-menu .list-group > a i.icon,
.stat-box .icon,
.contact-info > .icon,
.social-links ul li a,
.category-list > li:after,
.services-block-alt .services-link,
.promo-banner .icon-lg,
.page-footer .contact-info .icon,
.page-footer .social-links ul li a,
.breadcrumbs .breadcrumb a:hover,
.link a,
.post-preview .post-title a:hover {
    color: #999999;
}

@media (max-width: 991px) {
    #slide-nav #slidemenu .close-menu,
    header.page-header .navbar-toggle {
        color: #999999;
    }
}

.back-to-top a,
.services-block .image,
.services-angle-text .number,
.text-icon .icon-wrapper > span,
.testimonials-item,
td#today,
.service-icon .icon-wrapper span,
.services-block-alt .image i,
.image-scale-color:after,
.text-icon-sm .icon-wrapper > span,
.woocommerce
    #slide-nav
    #slidemenu.slide-active
    .search-container
    button.button,
.service-icon .icon-wrapper .fack_icon_div,
.services-block-alt .image .fack_icon_div,
body .search-container:hover .button,
.calendar_wrap td#today {
    background-color: #d5a632 !important;
}
header .heade-mobile .search-container .button:hover {
    color: #d5a632;
}
body .services-block-alt .image i,
.services-block-alt .image .fack_icon_div {
    -webkit-box-shadow: 0 0 0 20px #d5a632;
    -moz-box-shadow: 0 0 0 20px #d5a632;
    box-shadow: 0 0 0 20px #d5a632;
}
.services-block-alt .image:hover i,
.services-block-alt .image:hover .fack_icon_div {
    -webkit-box-shadow: 0 0 0 0px #d5a632;
    -moz-box-shadow: 0 0 0 0px #d5a632;
    box-shadow: 0 0 0 0px #d5a632;
}

header.page-header .appointment,
header.page-header .appointment:after,
.modal-header .appointment:after {
    border-color: transparent #d5a632 transparent transparent;
}

.input-custom:hover,
.input-custom:focus,
.input-custom.focus,
.table .cell-marker,
.coupon-print-inside {
    border-color: #d5a632;
}
header.page-header .appointment,
.modal-header .appointment,
.table .cell-marker {
    background-color: #d5a632;
}

.color,
a.color,
a.color:hover,
a.color:focus,
.services-block .service.dark h2,
.services-block .service.dark h3,
.services-block .service.dark h4,
header.page-header-1 .header-phone .phone-number .code,
.marker-list > li:after,
header.page-header-1 .header-right .address span,
.testimonials-item .inside .rating,
.services-block-alt .caption .title,
.testimonial-card:after,
.icon-star:before,
blockquote::before {
    color: #d5a632;
}
.page-footer .footer-phone .number {
    color: #d5a632;
}

/*Menu Color*/
@media (min-width: 992px) {
    header.page-header-1 .navbar-nav > li > a:after {
        background-color: #d5a632;
        color: #000000;
    }
}

/*Slider Color*/
#mainSlider .slide-content h3 {
    color: #d5a632;
}

/*Button*/

.btn:before,
.btn:after,
.column-right .widget_search button:hover,
input[type="submit"]:hover,
.tags-list li a:hover,
.tagcloud a:hover {
}
.view-more-testimonial:hover {
    background-color: #2c2c2c !important;
}
button#place_order,
.btn-invert {
    background: #d5a632;
}
.btn-lg.btn-invert.view-more-testimonial {
    background-color: #d5a632;
}
.blog-post a.more-link:before,
.blog-post a.more-link:after {
    background-color: #d5a632 !important;
}
.btn.btn-border {
    border-color: #2c2c2c;
}

.btn.btn-lg.btn-full.false-submit {
    background-color: #d5a632 !important;
    color: #d5a632 !important;
}

.btn.btn-lg.btn-full.false-submit:hover {
    background-color: #d5a632 !important;
    color: #d5a632 !important;
}
.btn.btn-lg.btn-full.false-submit span {
    color: #d5a632 !important;
}
.btn.btn-lg.btn-full.false-submit:hover span {
    color: #d5a632 !important;
}

.btn::before,
.btn::after,
.column-right .widget_search button:hover,
input[type="submit"]:hover,
.tags-list li a:hover,
#slide-nav #slidemenu.slide-active .search-container .button,
.tagcloud a:hover {
    background: #d5a632 !important;
}
@media (max-width: 991px) {
    .header-info-toggle [class*="icon-"]:hover {
    }
}
.promo01 .promo01-content .text-01,
.promo01 .promo01-header .text-03 {
    color: #d5a632;
}
.promo01.colors-cheme-02 .promo01-content .text-01,
.promo01.colors-cheme-02 .promo01-header .text-03 {
    color: #d5a632;
}
.promo01 .promo01-content .text-02 {
    color: #d5a632 !important;
}
.promo01.colors-cheme-02 .promo01-content .text-02 {
    color: #d5a632 !important;
}
.promo01 .promo01-header .text-01 {
    color: #d5a632;
}
.promo01.colors-cheme-02 .promo01-header .text-01 {
    color: #d5a632;
}

.promo01 .promo01-header .text-02 {
    color: #d5a632;
}

.promo01.colors-cheme-02 .promo01-header .text-02 {
    color: #d5a632;
}

.coupon .coupon-all::after {
    border-color: #d5a632 transparent transparent;
}
a.btn.btn-border.print-promo.print-ele-link:after,
a.btn.btn-border.print-promo.print-ele-link:before {
    background: #d5a632 !important;
}
.promo01
    .promo01-content
    a.btn.btn-border.print-promo.print-ele-link {
    border: 1px solid #d5a632;
}
.promo01.colors-cheme-02 .promo01-content a.btn.btn-border {
    border: 1px solid #d5a632 !important;
}
.promo01.colors-cheme-02
    .promo01-content
    a.btn.btn-border
    span:hover {
    color: #d5a632;
}
.coupon .coupon-all:hover::after {
    border-top-color: #d5a632;
}
.coupon .coupon-all:hover {
    background-color: #d5a632;
}

header .header-cart:hover a.icon,
header .header-cart.opened a.icon {
    color: #d5a632 !important;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #d5a632;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #d5a632;
}
.woocommerce span.onsale,
header .header-cart .badge {
    background-color: #d5a632;
}

.woocommerce .star-rating span::before,
.woocommerce .comment-form p.stars a,
.woocommerce-tabs .tabs.wc-tabs li.active a {
    color: #d5a632 !important;
}
.wc-tabs > li > a::after {
    background: #d5a632 !important;
}
.woocommerce-pagination .page-numbers .page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li a:focus,
body.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current {
    color: #d5a632 !important;
}
.filters-row .page-numbers .current {
    background-color: transparent !important;
    color: #fede00;
}

header.page-header-2 a.appointment:after {
    border-color: transparent #d5a632 transparent transparent;
}
header.page-header-2 a.appointment {
    background-color: #d5a632;
}

@media (min-width: 992px) {
    header.page-header-2
        .navbar-nav
        > li.current-menu-item
        > a:after,
    header.page-header-2 .navbar-nav > li:hover > a:after {
        background-color: #d5a632;
    }
    header.page-header-2 .navbar-nav .dropdown-menu li > a:hover,
    header.page-header-2 .navbar-nav .dropdown-menu li > a:focus {
        color: #d5a632;
    }
}
header.page-header-2 .search-container:hover .button {
    background-color: #d5a632;
}

#mainSlider .banner-btn,
#mainSlider .banner-btn:focus {
    border: 2px solid #d5a632;
}
.services-tabs .services-tabs-icons > span.active {
    background-color: #d5a632;
}
.icons-tabs .nav-tabs > li.active > a [class*="icon-"],
.icons-tabs .nav-tabs > li > a:hover [class*="icon-"] {
    color: #d5a632;
}
.icons-tabs .nav-tabs > li > a::after {
    background: #d5a632;
}
.marker-list-sm-1 > li:after {
    color: #d5a632;
}
.how-works-number {
    color: #d5a632;
}

.banner-free .banner-text-1 {
    background-color: #d5a632;
}
.banner-free .banner-text-1:after {
    border-color: #d5a632 transparent transparent transparent;
}
.pricing-box-header {
    background-color: #d5a632;
}
.text-icon-hor2 .icon-wrapper2 {
    color: #d5a632;
}
#appointmentForm.modalform-sm .wpcf7-submit.btn {
    border-color: #d5a632;
}
body .textarea-custom:hover,
body .textarea-custom:focus,
body .input-custom:hover,
body .input-custom.focus,
body .wpcf7-form-control.wpcf7-textarea:hover,
body .wpcf7-form-control.wpcf7-textarea:focus {
    border-color: #d5a632 !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #d5a632 !important;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border-color: #d5a632;
}
@media (min-width: 992px) {
    header.page-header-2 .navbar-nav .dropdown-menu {
        border-bottom-color: #d5a632;
    }
}
.pricing-box-footer .mark-icon {
    color: #d5a632;
}
@media (max-width: 991px) {
    header.page-header-2 .navbar-toggle:hover {
        color: #d5a632;
    }
}

.filters-row .page-numbers .current {
    color: #d5a632;
}
.estimator-panel .col-title [class*="icon"] {
    color: #d5a632;
}
.service-grid-item:hover .service-grid-item-title {
    background-color: #d5a632;
}
.service-grid-item-title:after {
    border-color: transparent transparent #d5a632 transparent;
}
@media (max-width: 767px) {
    .estimator-panel .panel-toggle {
        color: #d5a632;
    }
}
.car-faq-text .vc_toggle_title:hover h4 {
    color: #d5a632;
}
.filters-by-category ul li a:hover,
.filters-by-category ul li a.selected {
    color: #d5a632;
}
.filters-by-category ul li a:after {
    background-color: #d5a632;
}
.twentytwenty-handle {
    background-color: #d5a632;
}
.section-blog .item .item__img .icon {
    background-color: #d5a632;
}
.slick-dots li.slick-active button,
.slick-dots li.slick-active button:hover {
    background: #d5a632;
}
.block-title .title-separator {
    background-color: #d5a632;
}
.block-title .title-separator:before,
.block-title .title-separator:after {
    background-color: #d5a632;
}
.faq-accordion .faq__title:before {
    background-color: #d5a632;
}
.info02 .info02__icon {
    color: #d5a632;
}
.blog-post .post-meta li.author .author__text {
    color: #d5a632;
}
.promo01 .promo01-header {
    background-color: #d5a632;
}
.promo01 .promo01-content .text-02 {
    color: #d5a632;
}
.services-block-alt .caption .title a:hover {
    color: #d5a632;
}
.services-block-alt:before {
    background-color: #d5a632;
}
.nav-pills > li.active > a {
    color: #d5a632 !important;
}
.nav-aside ul li a:before {
    background-color: #d5a632;
}
.address-info .address-info__icon {
    color: #d5a632;
}
.services-box .services-box__icon {
    color: #d5a632;
}
.card01 .card01__wrapper:before {
    background-color: #d5a632;
}
.card01 .card01__title a:hover {
    color: #d5a632;
}
.card01 .card01__social-icon li a:hover {
    background-color: #d5a632;
}
.marker-list-sm > li:after {
    color: #d5a632;
}
.promo-01 .promo-01__title .text-02 {
    color: #d5a632;
}
.box01 .box01__icon:before {
    background-color: #d5a632;
}
.promo02 .promo02__marker {
    color: #d5a632;
}
.stat-box02 .stat-box02__value {
    color: #d5a632;
}
.text-icon:before {
    background-color: #d5a632;
}
.video-block .video-block__icon span {
    background-color: #d5a632;
}
.stat-box02 .stat-box02__value:before {
    background-color: #d5a632;
}
.pricing-box02:before {
    background-color: #d5a632;
}
.pricing-box02.slick-center .pricing-box02__price,
.pricing-box02.item-active .pricing-box02__price {
    color: #d5a632;
}
.newsbox .newsbox__title a:hover {
    color: #d5a632;
}
.newsbox .newsbox__data .icon-marker {
    background-color: #d5a632;
}
.newsbox .newsbox__link:hover {
    color: #d5a632;
}
.box-custom01 .box-custom01__icon .icon {
    color: #d5a632;
}
.video-wrapper .video-block__icon span {
    background-color: #d5a632;
}
.services-tabs .services-tabs-nav > li a:before {
    background-color: #d5a632;
}
.start-box02 .start-box02__text {
    border-color: #d5a632;
}
.pt-slick-button .slick-arrow:hover {
    color: #d5a632;
}
.banner-service .banner-text-3 i.icon {
    color: #d5a632;
}
.services-title .title-separator {
    background-color: #d5a632;
}
.estimate-current-change {
    color: #d5a632;
}
.estimate-part-price-price {
    color: #d5a632;
}
.estimate-part-close {
    color: #d5a632;
}
.estimate-table-info-list .round-icon {
    color: #d5a632;
    border-color: #d5a632;
}
.estimator-panel .form-group label a,
div.rwmb-input .form-group label a {
    color: #d5a632;
}
#fullServices.modal .modal-header .close {
    color: #d5a632;
}
.services-title .title-separator:before,
.services-title .title-separator:after {
    background-color: #d5a632;
}
.btn:not([data-action]).btn-border {
    border-color: #d5a632;
}
.social-links ul li a {
    color: #d5a632;
}
.gallery-item .hover .view:before {
    border-bottom-color: #d5a632;
}
@media (max-width: 991px) {
    header .heade-mobile .navbar-toggle:hover span {
        background-color: #d5a632;
    }
}
@media (max-width: 991px) {
    .header-info-toggle [class*="icon-"]:hover {
        color: #d5a632;
    }
}
#appointmentForm.modal .modal-dialog .modal-header .close {
    color: #d5a632;
}
.tags-list a:hover {
    background-color: #d5a632;
}
.social-box .social-box__list ul li a:hover {
    color: #d5a632;
}
.breadcrumbs span {
    color: #d5a632;
}
.side-post:hover .side-post__content .side-post__title {
    color: #d5a632;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover {
    color: #d5a632;
}
.panel-menu #mm0.mmpanel a:not(.mm-close):hover:after {
    color: #d5a632;
}
.panel-menu li.mm-close-parent .mm-close:hover:before {
    color: #d5a632;
}
.panel-menu ul li a:hover {
    color: #d5a632;
}
header.page-header-2 .header-phone:hover {
    color: #d5a632;
}
@media (max-width: 991px) {
    .box01 .box01__content .box01__title:before {
        background-color: #d5a632;
    }
}
.block.bg-1 .btn-add,
.block.bg-2 .btn-add,
.block.bg-3 .btn-add {
    color: #d5a632;
}

.btn-invert:before,
.btn-invert:after {
    background-color: #2c2c2c !important;
}

img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 3000px 1500px;
}

.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(
        .e-no-lazyload
    ),
.e-con.e-parent:nth-of-type(n + 4):not(.e-lazyloaded):not(
        .e-no-lazyload
    )
    * {
    background-image: none !important;
}
@media screen and (max-height: 1024px) {
    .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(
            .e-no-lazyload
        ),
    .e-con.e-parent:nth-of-type(n + 3):not(.e-lazyloaded):not(
            .e-no-lazyload
        )
        * {
        background-image: none !important;
    }
}
@media screen and (max-height: 640px) {
    .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(
            .e-no-lazyload
        ),
    .e-con.e-parent:nth-of-type(n + 2):not(.e-lazyloaded):not(
            .e-no-lazyload
        )
        * {
        background-image: none !important;
    }
}

body:not(.home) #pageContent {
    padding-top: 100px;
}

@media (min-width: 992px) {
    body:not(.home) #pageContent {
        padding-top: 120px;
    }
}

.color, a.color, a.color:hover, a.color:focus, .services-block .service.dark h2, .services-block .service.dark h3, .services-block .service.dark h4, header.page-header-1 .header-phone .phone-number .code, .marker-list > li:after, header.page-header-1 .header-right .address span, .testimonials-item .inside .rating, .services-block-alt .caption .title, .testimonial-card:after, .icon-star:before, blockquote::before {
    color: #d5a632;
}

body.layout-2 #mainSlider .vert-wrap {
    padding-top: 0;
}

.service-page ul {
    margin-bottom: 20px;
}

.service-page .frm_form_title {
    margin-top: 20px;
}

:global(.frm_style_formidable-style.with_frm_style input[type="file"]) {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
}


:global(#form_contact-form[data-validated="false"] input:invalid),
:global(#form_contact-form[data-validated="false"] textarea:invalid),
:global(#form_contact-form[data-validated="false"] select:invalid) {
    border-color: inherit !important;
    box-shadow: none !important;
    outline: none !important;
}

body .sliderReviews.rplg-grid .rplg-grid-row{
    display: none !important;
}

body .rplg-grid-row.rplg-businesses {
    display: none !important;
}

html body .tr-widget .rplg+a.trcr-widget-link{
    display: none !important;
}

body .rplg .rplg-biz-based {
    text-align: center !important;
}

body .rplg .rplg-biz-rating.rplg-biz-google .rplg-biz-score{
    display: block !important;
    text-align: center !important;
}

.rplg-grid .rplg-biz-name {
    padding-right: 0 !important;
    text-align: center;
}

body .rplg .rplg-review-badge{
    display: none !important;
}

body .rplg-slider .rplg-slider-review {
    background-color: #fafafa;
    border-radius: 4px;
}

/* body .rplg-slider .rplg-box .rplg-box-content{
    height: 200px !important;
} */

body .rplg .rplg-box{
    box-shadow: none !important;
    border: none !important;
    padding: 15px 15px 0 15px !important;
}

body .rplg-slider .rplg-slider-prev, 
body .rplg-slider .rplg-slider-next{
    background: transparent;
}

body .rplg-slider .rplg-slider-prev span, 
body .rplg-slider .rplg-slider-next span {
    font: normal 300 58px / 0 "Muli",Helvetica,Arial,Verdana,sans-serif!important;
}


div .faq-accordion {
    padding: 0 10px;
}

div .faq-accordion .faq__item .faq__content {
    padding: 20px 10px;
}

#cookie-notice {
    position: fixed;
    min-width: 100%;
    height: auto;
    z-index: 100000;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 20px;
    left: 0;
    text-align: center;
    font-weight: normal;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif
}

#cookie-notice, #cookie-notice * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

#cookie-notice.cn-animated {
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:both
}

#cookie-notice.cn-animated.cn-effect-none {
    -webkit-animation-duration: .001s !important;
    animation-duration:.001s !important
}

#cookie-notice .cookie-notice-container {
    display:block
}

#cookie-notice.cookie-notice-hidden .cookie-notice-container {
    display:none
}

#cookie-notice .cookie-revoke-container {
    display:block
}

#cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
    display:none
}

.cn-position-top {
    top:0
}

.cn-position-bottom {
    bottom:0
}

.cookie-notice-container {
    padding: 15px 30px;
    text-align: center;
    width: 100%;
    z-index:2
}

.cookie-revoke-container {
    padding: 15px 30px;
    width: 100%;
    z-index:1
}

.cn-close-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin: -10px 0 0 0;
    width: 15px;
    height: 15px;
    opacity: .5;
    padding: 10px;
    border: none;
    outline: none;
    background: none;
    box-shadow: none;
    cursor:pointer
}

.cn-close-icon:focus, .cn-close-icon:focus-visible {
    outline: 2px solid currentColor;
    outline-offset:3px
}

.cn-close-icon:hover {
    opacity:1
}

.cn-close-icon:before, .cn-close-icon:after {
    position: absolute;
    content: ' ';
    height: 15px;
    width: 2px;
    top: 3px;
    background-color:rgba(128, 128, 128, 1)
}

.cn-close-icon:before {
    transform:rotate(45deg)
}

.cn-close-icon:after {
    transform:rotate(-45deg)
}

#cookie-notice .cn-revoke-cookie {
    margin:0
}

#cookie-notice .cn-button {
    margin: 0 0 0 10px;
    display:inline-block
}

#cookie-notice .cn-button:not(.cn-button-custom) {
    font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-size: 13px;
    letter-spacing: .25px;
    line-height: 20px;
    margin: 0 0 0 10px;
    text-align: center;
    text-transform: none;
    display: inline-block;
    cursor: pointer;
    touch-action: manipulation;
    white-space: nowrap;
    outline: none;
    box-shadow: none;
    text-shadow: none;
    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
    padding: 8.5px 10px;
    line-height: 1;
    color:inherit
}

.cn-text-container {
    margin:0 0 6px 0
}

.cn-text-container, .cn-buttons-container {
    display:inline-block
}

#cookie-notice.cookie-notice-visible.cn-effect-none, #cookie-notice.cookie-revoke-visible.cn-effect-none {
    -webkit-animation-name: fadeIn;
    animation-name:fadeIn
}

#cookie-notice.cn-effect-none {
    -webkit-animation-name: fadeOut;
    animation-name:fadeOut
}

#cookie-notice.cookie-notice-visible.cn-effect-fade, #cookie-notice.cookie-revoke-visible.cn-effect-fade {
    -webkit-animation-name: fadeIn;
    animation-name:fadeIn
}

#cookie-notice.cn-effect-fade {
    -webkit-animation-name: fadeOut;
    animation-name:fadeOut
}

#cookie-notice.cookie-notice-visible.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-effect-slide {
    -webkit-animation-name: slideInUp;
    animation-name:slideInUp
}

#cookie-notice.cn-effect-slide {
    -webkit-animation-name: slideOutDown;
    animation-name:slideOutDown
}

#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide, #cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {
    -webkit-animation-name: slideInDown;
    animation-name:slideInDown
}

#cookie-notice.cn-position-top.cn-effect-slide {
    -webkit-animation-name: slideOutUp;
    animation-name:slideOutUp
}

@-webkit-keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@keyframes fadeIn {
    from {
        opacity:0
    }

    to {
        opacity:1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

@keyframes fadeOut {
    from {
        opacity:1
    }

    to {
        opacity:0
    }
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0)
    }
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility:visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform:translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0)
    }
}

@media all and (max-width: 900px) {
    .cookie-notice-container #cn-notice-text {
        display:block
    }

    .cookie-notice-container #cn-notice-buttons {
        display:block
    }

    #cookie-notice .cn-button {
        margin:0 5px 5px 5px
    }
}

@media all and (max-width: 480px) {
    .cookie-notice-container, .cookie-revoke-container {
        padding: 15px 25px
    }
}

  body .sk_branding {
  visibility: hidden !important;
  }

  .form-status {
  margin-top: 14px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-weight: 700;
}
.form-status--success { border-color: rgba(0,128,0,.25); }
.form-status--error { border-color: rgba(220,0,0,.25); }
.form-status--info { border-color: rgba(0,0,0,.18); }

/* =========================================================
   REVIEWS – SHARED TOKENS
   ========================================================= */

:root {
  --review-radius: 18px;
  --review-shadow-grid: 0 8px 22px rgba(0,0,0,.12);
  --review-shadow-slider: 0 14px 34px rgba(0,0,0,.22);
  --review-border: 1px solid rgba(0,0,0,.08);
  --review-google-blue: #1a73e8;
  --review-google-gold: #fbbc04;
  --review-text: #374151;
  --review-title: #1f2937;
  --review-muted: #6b7280;

  /* Slider tuning */
  --reviews-slider-gap: 18px;
  --reviews-slider-card-h: 230px;
}

/* =========================================================
   REVIEWS GRID HEADER – title left, button right
   ========================================================= */

.reviews-grid__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin: 0 0 14px;
}

.reviews-grid__header h2 {
  margin: 0;
}

@media (max-width: 640px) {
  .reviews-grid__header .btn {
    width: 100%;
    text-align: center;
  }
}

/* =========================================================
   REVIEWS GRID – MASONRY LAYOUT
   ========================================================= */

.reviews-grid__masonry {
  column-count: 3 !important;
  column-gap: 18px !important;
  display: block !important;
}

@media (max-width: 1100px) {
  .reviews-grid__masonry { column-count: 2 !important; }
}
@media (max-width: 640px) {
  .reviews-grid__masonry { column-count: 1 !important; }
}

/* =========================================================
   REVIEWS SLIDER – header layout (title left, button right)
   ========================================================= */

.reviews-slider__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.reviews-slider__title {
  margin: 0;
}

.reviews-slider__header .btn {
  margin-left: auto;
  white-space: nowrap;
}

@media (max-width: 640px) {
  .reviews-slider__header .btn {
    width: 100%;
    text-align: center;
    white-space: normal;
  }
}

/* =========================================================
   REVIEWS SLIDER – layout
   (IMPORTANT: viewport is the scroll container; track is flex)
   ========================================================= */

.reviews-slider,
.reviews-slider * {
  box-sizing: border-box;
}

.reviews-slider__frame {
  position: relative;
  display: flex;
  align-items: center;
  gap: 14px;
}

.reviews-slider__viewport {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;

  /* DO NOT add padding/margins here; it breaks snap math */
  padding: 0 !important;
  margin: 0 !important;

  /* hide scrollbars */
  scrollbar-width: none;
}
.reviews-slider__viewport::-webkit-scrollbar { display: none; }

.reviews-slider__track {
  display: flex;
  flex-wrap: nowrap !important;
  gap: var(--reviews-slider-gap);
}

/* 4-up */
.reviews-slider__track > .review-card--slider {
  flex: 0 0 calc((100% - (var(--reviews-slider-gap) * 3)) / 4);
  min-width: 0;
  scroll-snap-align: start;
}

/* 3-up */
@media (max-width: 1200px) {
  .reviews-slider__track > .review-card--slider {
    flex-basis: calc((100% - (var(--reviews-slider-gap) * 2)) / 3);
  }
}
/* 2-up */
@media (max-width: 900px) {
  .reviews-slider__track > .review-card--slider {
    flex-basis: calc((100% - (var(--reviews-slider-gap) * 1)) / 2);
  }
}
/* 1-up */
@media (max-width: 640px) {
  .reviews-slider__track > .review-card--slider {
    flex-basis: 100%;
  }
}

/* =========================================================
   REVIEWS SLIDER – white cards over image (NO avatar)
   - equal height
   - scroll review body if long
   ========================================================= */

.reviews-slider .review-card--slider {
  background: #fff !important;
  background-color: #fff !important;
  border-radius: var(--review-radius);
  padding: 16px 16px 12px;
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: var(--review-shadow-slider) !important;

  height: var(--reviews-slider-card-h);
  display: flex;
  flex-direction: column;
}

/* meta */
.reviews-slider .review-card--slider .review-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  margin-bottom: 8px;
  flex: 0 0 auto;
}

/* scrollable body */
.reviews-slider .review-card--slider .review-card__text--scroll {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-right: 8px;
  margin-top: 6px;
  color: var(--review-text);
  line-height: 1.55;
}

/* scrollbar (optional) */
.reviews-slider .review-card--slider .review-card__text--scroll::-webkit-scrollbar {
  width: 8px;
}
.reviews-slider .review-card--slider .review-card__text--scroll::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border-radius: 999px;
}

/* footer pinned bottom */
.reviews-slider .review-card--slider .review-card__footer {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  flex: 0 0 auto;
}

/* Google link */
.reviews-slider .review-card--slider .review-card__google {
  color: var(--review-google-blue) !important;
  text-decoration: none;
  font-weight: 700;
}
.reviews-slider .review-card--slider .review-card__google:hover {
  text-decoration: underline;
}

/* =========================================================
   SLIDER ARROWS – centered vertically, side buttons
   ========================================================= */

.reviews-slider__arrow {
  flex: 0 0 auto;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.70);
  background: #fff;
  box-shadow: var(--review-shadow-slider);

  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  align-self: center;
}

.reviews-slider__arrow:disabled {
  opacity: .45;
  cursor: default;
}

/* Neutralize any theme absolute positioning */
.reviews-slider__arrow,
.reviews-slider__arrow:before,
.reviews-slider__arrow:after {
  position: static !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}

/* =========================================================
   REVIEW CARD – SHARED INNER STYLES (GRID + SLIDER)
   ========================================================= */

.review-card__name {
  font-weight: 700;
  color: var(--review-title);
  line-height: 1.2;
}

.review-card__time {
  font-size: 13px;
  color: var(--review-muted);
}

.review-card__stars {
  font-size: 14px;
  letter-spacing: 1px;
  color: var(--review-google-gold);
}

/* Status blocks */
.reviews-grid__status,
.reviews-slider__status {
  margin: 12px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-weight: 800;
}

/* Optional: white text for the block title area when used over dark image */
.reviews-section .block-title h2,
.reviews-section .block-title .block-title__description {
  color: #ffffff;
}

/* =========================================================
   REVIEWS GRID – APPLY SLIDER CARD TREATMENT
   (same visual language as slider cards)
   ========================================================= */

/* Make masonry cards use the slider look */
.reviews-grid__masonry > .review-card {
  background: #fff !important;
  background-color: #fff !important;

  border-radius: var(--review-radius) !important;
  padding: 16px 16px 12px !important;

  /* match slider look */
  border: 1px solid rgba(255,255,255,.70) !important;
  box-shadow: var(--review-shadow-slider) !important;

  /* keep masonry behavior */
  display: inline-block !important;
  width: 100% !important;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
}

/* Use the same internal layout (meta top, body grows, footer pinned) */
.reviews-grid__masonry > .review-card {
  display: flex !important;
  flex-direction: column;
}

/* Meta spacing like slider */
.reviews-grid__masonry > .review-card .review-card__meta {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  margin-bottom: 8px;
}

/* If grid uses .review-card__text, make it scroll like slider (taller allowance) */
.reviews-grid__masonry > .review-card .review-card__text {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;

  /* grid can be taller than slider; show more before scroll */
  max-height: 12.5em; /* ~8–9 lines; tweak if desired */
  padding-right: 8px;

  font-size: 14px;
  line-height: 1.55;
  color: var(--review-text);
  margin-top: 6px;
  padding-top: 10px;
  padding-bottom: 12px;
}

/* Optional: nicer scrollbar */
.reviews-grid__masonry > .review-card .review-card__text::-webkit-scrollbar {
  width: 8px;
}
.reviews-grid__masonry > .review-card .review-card__text::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.18);
  border-radius: 999px;
}

/* Footer pinned & styled like slider */
.reviews-grid__masonry > .review-card .review-card__footer {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid rgba(0,0,0,.08);
  flex: 0 0 auto;
}

/* Google link in grid: match slider */
.reviews-grid__masonry > .review-card .review-card__google {
  color: var(--review-google-blue) !important;
  font-weight: 700;
  text-decoration: none;
}
.reviews-grid__masonry > .review-card .review-card__google:hover {
  text-decoration: underline;
}


/* =========================================================
   REVIEWS GRID – SPACING + SHADOW FIXES
   Paste at END of overrides.css
   ========================================================= */

/* Add breathing room above/below the grid section */
.reviews-grid {
  padding-top: 28px;
  padding-bottom: 28px;
}

/* If your theme uses a generic section wrapper, this helps too */
.reviews-grid__masonry {
  margin-top: 8px;
  margin-bottom: 10px;
}

/* Fix the “weird” shadow in masonry:
   - multi-column + box-shadow can look harsh/aliased
   - soften shadow and keep it consistent */
.reviews-grid__masonry > .review-card {
  box-shadow: 0 2px 2px rgba(0,0,0,.10) !important; /* softer than slider */
  border: 1px solid rgba(0,0,0,.08) !important;       /* normal border (not white) */
  background: #fff !important;

  /* reduce visual “bulge” where shadow clips in columns */
  overflow: hidden;          /* keeps rounded corners clean */
  border-radius: var(--review-radius);
  margin-bottom: 20px;
}

/* OPTIONAL: If you copied slider’s “white border”, remove it for grid cards */
.reviews-grid__masonry > .review-card {
  border-color: rgba(0,0,0,.08) !important;
}

/* If the section is touching adjacent content, force margin */
.reviews-grid {
  margin-top: 22px;
  margin-bottom: 22px;
}

/* Mobile: slightly less padding so it doesn't feel huge */
@media (max-width: 640px) {
  .reviews-grid {
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

/* =========================================================
   MOBILE MENU: FORCE TRUE OFF-CANVAS OPEN/CLOSE
   ========================================================= */
@media (max-width: 991px) {
    /* Put the menu above everything */
    #slidemenu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    width: min(86vw, 360px) !important;
    z-index: 99999 !important;

    /* CLOSED STATE (default) */
    transform: translateX(-110%) !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: transform 280ms ease, visibility 0s linear 280ms !important;
    }

    /* OPEN STATE */
    #slidemenu.slide-active {
    transform: translateX(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition: transform 280ms ease !important;
    }

    /* Overlay must sit behind the menu, above the page */
    .darkout-menu {
    position: fixed !important;
    inset: 0 !important;
    z-index: 99998 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition: opacity 200ms ease, visibility 0s linear 200ms !important;
    }

    .darkout-menu.slide-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition: opacity 200ms ease !important;
    }

    /* Optional: lock page scroll when menu open */
    body.slide-active {
    overflow: hidden !important;
    }

    .slide-active .mm-fullscreen-bg {
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.55);
        position: fixed;
        top: 0px;
        left: 0px;
        overflow: hidden;
        width: 100%;
        height: 100%;
        display: block;
    }
}


.free-oil ul li{
    list-style: none;
}