/*
Theme Name: Car Repair Blocks
Theme URI: https://www.ovationthemes.com/products/free-automobile-wordpress-theme
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Car Repair Blocks WordPress theme offers a sleek and modern design tailored specifically for automotive repair businesses, designed specifically for automotive repair, auto repair, car repair, garage services, mechanic shop, vehicle service, car maintenance, repair workshop, mechanic business, car services and vehicle repair, and now also enriched with relevant search terms such as auto service center, brake repair, engine diagnostics, transmission repair, tire service, car detailing, auto mechanic, vehicle inspection, mobile mechanic, auto workshop, automotive services, and car garage, along with compatibility for plugins like Contact Form 7. With its intuitive layout and customizable features, it provides a seamless experience for both site visitors and administrators, and the automotive theme includes various blocks and modules designed to showcase services, testimonials, team members, and contact information effectively. Its responsive design ensures compatibility across all devices, while its easy-to-use interface makes customization hassle-free, empowering both small garages and large auto shops to create a professional online presence that reflects the quality of their services. The theme also integrates advanced SEO practices, ensuring that your website ranks well on search engines, and with one-click demo import and ongoing updates, you can easily set up and maintain a dynamic automotive website that resonates with your brand identity. Demo: https://trial.ovationthemes.com/automobile-repair-blocks-pro/
Requires at least: 6.1
Tested up to: 6.9
Requires PHP: 5.6
Version: 3.6
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: car-repair-blocks
Tags: blog, portfolio, photography, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready

Car Repair Blocks WordPress Theme, Copyright 2024 pewilliams
Car Repair Blocks is distributed under the terms of the GNU GPL

*/

a{
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,
button:focus{
    outline: 2px solid white !important;
}
/*navigation css*/
@media screen and (min-width:1000px){
    .wp-block-navigation ul li a{
        position: relative;
    } 

    .wp-block-navigation ul li a::before {
        content: "";
        background: var(--wp--preset--color--primary);
        opacity: 0;
        margin: 0 auto;
        height: 2px;
        width: 0;
        left: 0;
        right: 0;
        bottom: -2px;
        position: absolute;
        -moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        -webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
        transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
    }
    .wp-block-navigation ul li a:hover::before,
    .wp-block-navigation ul li a:focus::before {
        opacity: 1;
        width: calc(100% - 3px);
    }
    .wp-block-navigation .current-menu-item a::before{
        content: "";
        position: absolute;
        opacity: 1;
        background: var(--wp--preset--color--primary);
        margin: 0 auto;
        height: 3px;
        left: 0;
        right: 0;
        top: -20px;
        width: calc(100% - 3px);
    }
    .wp-block-navigation ul li a:hover,
    .wp-block-navigation ul li a:focus,
    .wp-block-navigation .current-menu-item a,
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{  
        border-top: 2px solid var(--wp--preset--color--primary);
        border-bottom: 2px solid var(--wp--preset--color--primary);
        box-shadow: 2px 2px 8px #cfc8d8;
    }
    .wp-block-navigation ul ul li a:hover::before,
    .wp-block-navigation ul ul li a:focus::before,
    .wp-block-navigation ul ul .current-menu-item a::before {
        width: 0 !important; 
    }
    .wp-block-navigation ul ul li a{
        border-bottom: 1px solid var(--wp--preset--color--border-color);
        color: var(--wp--preset--color--primary) !important;
    }
    .wp-block-navigation ul li:last-child a{
        border-bottom: none;
    }
    .wp-block-navigation ul ul li a:hover,
    .wp-block-navigation ul ul li a:focus,
    .wp-block-navigation__submenu-container .current-menu-item a{
        background-color: var(--wp--preset--color--primary-light) !important;
    }
}
.wp-block-navigation ul ul{
    padding: 0 !important;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container{
    width: 100%;
    border: 1px solid var(--wp--preset--color--border-color);
    border-top-color: var(--wp--preset--color--primary);
    border-bottom-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__responsive-container.is-menu-open li a,
.wp-block-navigation__responsive-container.is-menu-open li li a,
.wp-block-navigation__responsive-container.is-menu-open li li:last-child a{
    border-bottom: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-navigation__responsive-container.is-menu-open li:last-child a{
    border-bottom: none;
}
.wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation__responsive-container.is-menu-open li a:focus,
.wp-block-navigation__responsive-container.is-menu-open li.current-menu-item a{
    background-color: var(--wp--preset--color--primary-light) !important;
    color: var(--wp--preset--color--primary) !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon{
    background: transparent;
}
@media screen and (max-width:999px) {
    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 26px;
        height: 26px;
    }
    
    .wp-block-navigation__responsive-container-open svg{
        fill: var(--wp--preset--color--background);
    }
    .wp-block-navigation__responsive-container-close svg{
        fill: var(--wp--preset--color--black);
    }

    .wp-block-navigation__responsive-container-close{
        top: 0;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
        padding-top: 2.5rem;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
        width: 100%;
        gap: 0 !important;
        border: none !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
        width: calc( 100% - 48px );
        padding: 12px 24px 12px;
        line-height: 30px;
        text-align: left;
    }

    /*
    * Submenu Css
    */
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
        width: 100%;
        gap: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a{
        gap: 3px;
        font-weight: 300 !important;
    }
    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a:before {
        content: '--';
    }
}
.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

form {
    position: relative;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
    width: 100%;
    margin: 0;
    padding: 10px 15px;
    border: 1px solid var(--wp--preset--color--border-color);
    outline: 0;
    resize: none;
    line-height: 20px;
    background: none;
    color: var(--wp--preset--color--foreground);
    font-weight: 400;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select option{
    background: var(--wp--preset--color--base);
    color: var(--wp--preset--color--foreground);
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; /* hide the default arrow in ie10 and ie11 */
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
    border-color: var(--wp--preset--color--primary);
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
    border: none;
    outline: none;
    padding: 12px 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-color: var(--wp--preset--color--primary);
    border-radius: 0;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    text-align: center;
    letter-spacing: 2px;
}

.wpcf7-form label {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    margin: 0 0 8px;
    color: var(--wp--preset--color--foreground);
    font-weight: 700;
}

.form-group {
    margin-bottom: 30px;
}

.form-group p{
    margin: 0;
}

.form-group.half {
    width: 48%;
    margin-right: 4%;
    float: left;
}

.form-group.half.last {
    margin-right: 0;
}

.form-group.third {
    width: 32%;
    margin-right: 2%;
    float: left;
}

.form-group.third.last {
    margin-right: 0;
}
/*sidebar css*/
.sidebar-box,.inner-post-box{
    position: relative;
    box-shadow: 0px 4px 9px var(--wp--preset--color--sidebar-shadow-color);
}
.sidebar-heading{
    display: table;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    width: auto;
}
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
    list-style: square;
}
.sidebar-box .wp-block-archives-list li ,
.sidebar-box .wp-block-categories-list li,
.sidebar-box .wp-block-page-list li{
    list-style: circle;

}
.sidebar-box .wp-block-archives-list li::marker,
.sidebar-box .wp-block-categories-list li::marker,
.sidebar-box .wp-block-page-list li::marker{
    color: var(--wp--preset--color--primary);
}
.sidebar-box .wp-block-archives-list,.sidebar-box .wp-block-categories-list{
    padding-left: 20px;
}
.sidebar-box ul li a{
    text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
    background: var(--wp--preset--color--primary-light);
    color: var(--wp--preset--color--black);
}
.sidebar-box .wp-block-tag-cloud a:hover{
    background: var(--wp--preset--color--background);
    color: var(--wp--preset--color--primary);
}
.sidebar-box ul li{
    transition: all .6s ease-in-out;
}
.sidebar-box ul li:hover{
    padding-left: 15px;
}
/*post css*/
.post-title{
    position: relative;
}
.post-title .wp-block-separator{
    width: 57px !important;
}
.post-title .wp-block-separator:after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: var(--wp--preset--color--primary);
    top: 0;
    bottom: 0;
    margin: auto;
}
.archieve-readmore .wp-block-separator{
    width: 20px !important;
}
/*comment*/
.wp-block-comments{
    padding: 20px;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wp-block-comment-template li .wp-block-columns{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 20px;
}
.wp-block-avatar img{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 2px;
}
.wp-block-post-comments-form textarea{
    background: var(--wp--preset--color--section-bg);
}
.single-post .post-meta .wp-block-post-author{
    align-items: center;
}
.single-post .wp-block-comments .comment-respond .comment-form .comment-form-cookies-consent{
    align-items: flex-start;
}
.single-post .wp-block-post-featured-image img{
    height: 400px;
    width: 400px;
    object-fit: contain;
    transform: translateY(10px);
    transition: all 0.4s ease;
}
.single-post .wp-block-post-featured-image img:hover{
    transform: translateY(0px);
}
.single-post .related-post .wp-block-post-featured-image img{
    height: 200px;
    width: 100%;
}
/*pagination*/
.wp-block-query-pagination-numbers .page-numbers{
    padding: var(--wp--preset--spacing--20);
    line-height: 1;
    text-decoration: none;
    color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
    color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
    background-color: var(--wp--preset--color--primary);
    font-size: var(--wp--preset--font-size--small);
    line-height: 1;
    padding: 10px;
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
    color: var(--wp--preset--color--background);
    background-color: var(--wp--preset--color--heading);
}

/*woocommerce*/
.wp-block-group.woocommerce.product{
    margin-block-start: 0;
}
.wc-block-product,
.wc-block-grid__product,
.woocommerce .products li,
.wp-block-woocommerce-related-products li,
.products-block-post-template li {
    text-align: center;
    padding: 10px !important;
    background: var(--wp--preset--color--section-bg);
}
.wc-block-grid__product{
    margin: 0 10px;
}
a.wc-block-grid__product-link,.wc-block-grid__product-image,.wc-block-grid__products .wc-block-grid__product-image img {
    width: 100%;
}
.wc-block-components-product-rating__stars,.wc-block-grid__product-rating,.woocommerce .star-rating {
    margin: 0 auto 0.5em;
    color: #f4bc16;
}
.wc-block-components-product-rating__stars::before,.wc-block-grid__product-rating .star-rating:before{
    color: #cfc8d8;
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--black);
    padding: 0;
    border-radius: 0px;
    margin: 5px !important;
    min-height: 8px;
    line-height: 26px;
    min-width: 60px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2{
    font-size: 30px;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit{
    float: left;
    color: var(--wp--preset--color--heading);
    font-weight: 600;
}
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address-title.title h2 + .edit:hover{
    color: var(--wp--preset--color--primary);
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    justify-content: space-between;
}
.woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products li{
    max-width: 100%;
    margin-bottom: 15px;
}
nav.woocommerce-MyAccount-navigation ul li {
    background: var(--wp--preset--color--primary);
    border: 1px solid;
    border-color: var(--wp--preset--color--primary);
    padding: 12px!important;
    margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
    color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover {
    background: var(--wp--preset--color--heading);
    border-color: var(--wp--preset--color--heading);
}
nav.woocommerce-MyAccount-navigation ul li:hover a{
    color: var(--wp--preset--color--background);
}
.woocommerce ul.products li.product .button{
    padding: var(--wp--preset--spacing--30);
    border-radius: 30px;
}
.woocommerce a.added_to_cart,
.added_to_cart.wc-forward{
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
    border-radius: 0;
    padding: var(--wp--preset--spacing--30);
    text-decoration: none;
    display: inline-block;
    margin-top: 0;
}
.single-product .wp-block-woocommerce-store-notices .wc-forward{
    background-color: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    opacity: 1;
    text-decoration: none;
}
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner,
.single-product .wp-block-woocommerce-store-notices .wc-block-components-notice-banner .wc-block-components-notice-banner__content{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.woocommerce a.added_to_cart:hover, .added_to_cart.wc-forward:hover{
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--white);
}
.added_to_cart.wc-forward{
    margin-left: 10px;
}
.wc-block-components-product-badge{
    box-shadow: 2px 2px 0 0 var(--wp--preset--color--heading);
    border-radius: 0 !important;
    border: solid 2px var(--wp--preset--color--heading) !important;
    padding: 5px 8px !important;
}
.wc-block-grid__product .wc-block-grid__product-title,.wc-block-components-product-name,h2.woocommerce-loop-product__title,.woocommerce-Tabs-panel h2{
  font-size: 18px !important;
  font-weight: bold;
}
.woocommerce #review_form #respond textarea{
   background: var(--wp--preset--color--section-bg);
    border: 1px solid var(--wp--preset--color--border-color);
}
.woocommerce-Tabs-panel--reviews,.wc-block-checkout__form,.woocommerce-Tabs-panel--description{
    padding: 20px !important;
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-order-summary-block,.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wc-block-components-sidebar-layout.wc-block-cart{
    padding-top: 30px;
}
.wc-block-cart{
    border: 1px solid var(--wp--preset--color--border-color);
    padding: 30px;
    border-radius: 10px;
    color: var(--wp--preset--color--heading);
}
.is-large.wc-block-cart .wc-block-cart-items td:after ,.is-large.wc-block-cart .wc-block-cart-items:after {
    border-color: transparent;
}
.wc-block-cart .wc-block-cart-items th,.wp-block-woocommerce-cart-order-summary-block .wc-block-cart__totals-title, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wp-block-woocommerce-cart-order-summary-coupon-form-block, .wp-block-woocommerce-cart .wc-block-cart__sidebar .wc-block-components-totals-wrapper{
    padding: 10px !important;
}
form.woocommerce-ordering select.orderby{
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}
.woocommerce-page .wp-block-breadcrumbs + .wp-block-query-title{
    display: none;
}
.wc-block-cart table.wc-block-cart-items{
    margin: 0 !important;
}
.wp-block-woocommerce-cart .wc-block-cart-items,.wc-block-cart-items__header,.wp-block-woocommerce-checkout-order-summary-block,.wp-block-woocommerce-cart-order-summary-block,.woocommerce-Tabs-panel--description,.is-large.wc-block-cart .wc-block-cart-items{
    border: 1px solid var(--wp--preset--color--border-color);
}
.wc-block-components-totals-wrapper:after{
    border-color:  var(--wp--preset--color--border-color);
    opacity: 1 !important;
}
.wc-block-cart__submit-container a{
    margin-top: 15px;
}
.wc-block-checkout__actions_row a{
    color: var(--wp--preset--color--primary);
}
.wc-block-checkout__actions_row a:hover{
    color: var(--wp--preset--color--heading);
}
.wp-block-woocommerce-cart.alignwide, .wp-block-woocommerce-checkout.alignwide.wc-block-checkout {
    margin-right: auto !important;
    margin-left: auto !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 0 !important;
}
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover {
    background: transparent;
}
@media screen and (max-width:999px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 30px !important;
    }
    .wc-block-components-totals-wrapper{
        padding: 16px 22px;
    }
    .wc-block-cart{
        padding: 0;
        border: none;
    }
    .wc-block-components-sidebar-layout.wc-block-cart{
        padding-top: 0;
    }
}
@media screen and (max-width:600px){
    .woocommerce-page.search .wp-block-woocommerce-product-template,
    .woocommerce-page .products-block-post-template,
    .wp-block-woocommerce-related-products .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .single-product .wp-block-woocommerce-product-meta .wp-block-group{
        display: block !important;
    }
    .woocommerce-page .wp-block-query-title{
        font-size: 25px !important;
    }
    .wp-block-woocommerce-cart:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 90% !important;
    }
}
/* scroll top */
p.scroll-top {
    position: absolute;
}
.scroll-top::before{
    font-size: 20px;
    cursor: pointer;
    background: var(--wp--preset--color--heading); 
    color: var(--wp--preset--color--base);
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: '\f135'; 
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 40px;
    height: 40px;
    transform: rotate(-45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    z-index: 99;
    transition: all .5s ease-in-out;
}

.scroll-top:hover::before {
    background: var(--wp--preset--color--primary) !important;
    color: var(--wp--preset--color--black);
    margin-bottom: 10px;
}

/*header*/
.dummy-box-top{
    position: relative;
}
.dummy-box-top:after {
    content: '';
    position: absolute;
    top: 0;
    left: -7px;
    width: 0;
    height: 100%;
    border-right: 124px solid transparent;
    border-top: 159px solid var(--wp--preset--color--primary);
}
.info-img:before{
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 50px;
    height: 10px;
    background-color: var(--wp--preset--color--background);
    transform: rotate(-9deg);
}
.info-img .wp-block-image img {
    vertical-align: top;
}
.menu-header{
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 999;
}
.inner-menu-header,.info-img,.menu-wrapper,.logo-block{
    position: relative;
}
.nav-block{
    box-shadow: -31px 0px 0px 0px var(--wp--preset--color--foreground);
}
.menu-wrapper:before {
    content: "";
    position: absolute;
    background: var(--wp--preset--color--foreground);
    height: 100%;
    width: 100%;
    clip-path: polygon(0 0, 88% 0, 100% 100%, 0% 100%);
    z-index: 1;
    right: -98px;
    top: 0;
}
.menu-wrapper nav{
    position: relative;
    z-index: 2;
}
.btn-block a{
    text-decoration: none;
}
.logo-box{
    position: absolute;
    height: 150px;
    width: 100%;
    top: -43px;
    left: -13px;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 10px;
    background: var(--wp--preset--color--primary);
    clip-path: polygon(0 0, 100% 0%, 100% 52%, 45% 100%, 1% 52%);
}
.logo-inner{
    position: relative;
    top: 59%;
    transform: translateY(-50px);
}
.social-wrapper{
    padding-right: 10px;
}
.social-wrapper li.wp-social-link.wp-block-social-link{
    border-right: 1px solid #00000059;
    border-radius: 0;
    padding: 10px 15px;
}
.social-wrapper li.wp-social-link.wp-social-link-facebook{
    border-left: 1px solid #00000059;
}
.post-template-post-no-header-image .menu-header,
.page-template-page-no-header-image .menu-header{
    position: static;
}
/*banner*/
.banner-image-cover img{
    width: 100%;
}
.bannerimage{
    position: relative;
}
.bannerimage:before{
    content: "";
    width: 100%;
    background: var(--wp--preset--color--primary);
    position: absolute;
    bottom: -24%;
    height: 238px;
    clip-path: polygon(0 0, 100% 0%, 101% 40%, 0 94%, 0 56%);
    z-index: 99;
}
span.color{
    color: var(--wp--preset--color--primary) !important;
}
/*about*/
.about-excerpt{
    width: 45%;
}
.shot-heading .wp-block-separator{
    width: 34px !important;
}
.about-text-wrapper:hover{
    background: var(--wp--preset--color--primary);
    transition: 0.5s;
    clip-path: polygon(0 1%, 100% 0, 88% 100%, 0 100%);
}
.about-text-wrapper:hover p,.about-text-wrapper:hover h4{
    color: #fff !important;
}
.about-text-wrapper p{
    width: 90%;
}
/*blog*/
.blog-img-outer{
    position: relative;
}
.blog-meta-row .wp-block-comments{
    border: none;
    padding: 0;
}
.date-box{
    position: relative;
    margin-top: -26px !important;
    width: 50px;
}
.blog-meta-row .wp-block-post-author-name__link,.blog-meta-row .wp-block-comments h2{
    position: relative;
    margin-left: 20px;
}
.blog-meta-row  .wp-block-post-author-name__link:before{
    content: '\f007';
    position: absolute;
    top: -4px;
    left: -16px;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--wp--preset--color--primary);
}
.blog-meta-row .wp-block-comments h2:before{
    content: '\f086';
    position: absolute;
    top: 0;
    left: -18px;
    font-size: 11px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--wp--preset--color--primary);
}
.blog-box-upper h5 a{
    text-decoration: none;
}
/*footer*/
.custom-footer-class .footer-widgets .wp-block-spacer{
    display: none;
}
.li-block li{
    margin-block-start: 5px !important;
    list-style-type: none;
}
.li-block li a{
    text-decoration: none;
}
.copyright-text a:hover,.footer-widgets li:hover::marker,.footer-widgets li:hover a{
    color: var(--wp--preset--color--primary);
}
footer .wp-block-social-links .wp-social-link a {
    background:var(--wp--preset--color--secondary);
}
footer .wp-block-social-links .wp-social-link svg {
    height: 18px !important;
    width: 18px !important;
}
@media screen and (min-width: 782px){
    .footer-widgets .wp-block-column{
        height: 200px;
    }
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
/*inner pages*/
@media screen and (max-width:999px) {
    .latest-news .wp-block-post-template,
    .post-grid-layout.wp-block-post-template{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 30px !important;
    }
}
@media screen and (max-width: 999px) and (min-width: 782px){
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .search-results .wp-block-post-template{
        grid-template-columns: 1fr !important;
    }
    .sidebar-col,.post-col{
        flex-basis: 50% !important;
    }
    .page-sidebar-col{
        flex-basis: 40% !important;
    }
    .page-text-col{
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:781px){
    .post-title .wp-block-separator{
        width: 30px !important;
    }
    .post-title h4{
        font-size: 21px;
    }
    .archieve-meta time ,.archieve-meta .wp-block-post-author-name{
        font-size: 13px !important;
    }
    .search-no-results .wp-block-query-no-results, .single-post .wp-block-cover.inner-cover-img + .wp-block-group > .wp-block-group.alignwide > .wp-block-columns .wp-block-column:first-child{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 1299px) and (min-width: 1100px){
    .menu-header .logo-block .logo-box .wp-block-site-title a{
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 50% 50%;
    }
}
@media screen and (max-width:767px){
    .woocommerce-cart .wp-block-woocommerce-empty-cart-block ul.wc-block-grid__products{
        grid-template-columns: 100%;
    }
    .post-grid-layout.wp-block-post-template,
    .page-template-blog-right-sidebar .wp-block-post-template,
    .page-template-blog-left-sidebar .wp-block-post-template,
    .latest-news .wp-block-post-template,
    .search-results .wp-block-post-template{
        display: block !important;
    }
    .post-grid-layout.wp-block-post-template li,
    .page-template-blog-right-sidebar .wp-block-post-template li,
    .page-template-blog-left-sidebar .wp-block-post-template li,
    .latest-news .wp-block-post-template li,
    .search-results .wp-block-post-template li{
        margin-bottom: 30px;
    }
    .post-grid-layout.wp-block-post-template li:last-child,
    .page-template-blog-right-sidebar .wp-block-post-template li:last-child,
    .page-template-blog-left-sidebar .wp-block-post-template li:last-child,
    .latest-news .wp-block-post-template li:last-child,
    .search-results .wp-block-post-template li:last-child{
        margin-bottom: 0;
    }
    .inner-cover-img h2,.without-cover-img h2{
        font-size: 25px !important;
        text-align: center !important;
    }
    .error-heading{
        font-size: 110px !important;
    }
}


/*home page*/

@media screen and (min-width:2000px){
    .menu-wrapper:before{
        right: -128px;
    }
    .banner-content{
        flex-basis: 41% !important;
    }
}
@media screen and (min-width:2549px){
    .banner-content{
        flex-basis: 32% !important;
    }
}
@media screen and (min-width:1600px){
    .about-excerpt{
        width: 35%;
    }
}
@media screen and (max-width:1824px){
    .banner-content h2{
        font-size: 53px !important;
    }
}
@media screen and (max-width:1565px){
    .banner-content{
        flex-basis: 50% !important;
    }
}
@media screen and (max-width:1399px) and (min-width:782px){
    .menu-wrapper:before{
        right: -72px;
    }
    .logo-box{
        height: 211px;
        top: -56px;
    }
    .logo-inner{
        top: 45%;
    }
    .nav-block ul{
        justify-content: center !important;
        gap: 15px !important;
    }
    .banner-content h2 {
        font-size: 50px !important;
    }
}
@media screen and (max-width:1350px) and (min-width:782px){
    .footer-info p{
        font-size: 12px !important;
    }
    .banner-content {
        flex-basis: 60% !important;
    }
}
@media screen and (max-width:1230px){
    .menu-wrapper:before {
        right: -59px;
    }
    .btn-block p{
        text-align: right !important;
        padding-right: 15px;
    }
    .about-excerpt{
        width: 55%;
        max-width: 80% !important;
    }
}
@media screen and (max-width:1199px){
    .info-row{
        gap: 17px !important;
    }
    /*.nav-block .wp-block-navigation-item__content {
        font-size: 14px;
    }*/
    .btn-block p,.logo-box h1{
        font-size: 16px !important;
    }
    .footer-widgets .wp-block-columns{
        flex-wrap: wrap !important;
    }
    .footer-widgets .wp-block-column{
        flex-basis: 40% !important;
    }
    .copyright-text{
        display: grid !important;
        gap: 0 !important;
    }
    .banner-content{
        flex-basis: 80% !important;
    }
} 
@media screen and (max-width:1099px){
    .dummy-box-top{
       display: none; 
    }
    .social-block{
        flex-basis: 25% !important;
    }
    .social-wrapper .wp-block-social-links{
        justify-content: center !important;
    }
    .top-info-wrapper{
        flex-basis: 75% !important;
    }
    .banner-content{
        flex-basis: 100% !important;
    }
    .info-row p{
        font-size: 14px;
    }
    .social-wrapper{
        padding-right: 0;
    }
}
@media screen and (max-width:999px){
    .nav-block{
        flex-basis: 10% !important;
    }
    .social-wrapper li.wp-social-link.wp-block-social-link{
        padding: 10px 12px;
    }
    .logo-block,.btn-block{
        flex-basis: 45% !important;
    }
    .inner-menu-header{
        padding-bottom: 7px !important;
    }
    .menu-wrapper{
        padding-left: 2px !important;
        padding-right: 2px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
    .logo-box{
        position: static;
        height: 100%;
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 45% 100%, 1% 100%);
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .logo-inner{
        position: static;
        transform: none;
    }
    .logo-block{
        position: static;
    }
    .menu-wrapper nav{
        justify-content: center !important;
    }
    .logo-box h1 {
        font-size: 20px !important;
    }
    .btn-block p{
        text-align: center !important;
        font-size: 16px !important;
        padding-right: 0;
    }
    .nav-block{
        box-shadow: none;
    }
    .menu-wrapper:before {
       display: none;
    }
    .about-wrapper{
        display: block !important;
    }
    .about-text-wrapper p{
        width: 80%;
    }
    .about-excerpt{
        width: 75%;
    }
} 
@media screen and (max-width: 781px){
    .inner-info-head,.inner-menu-header,.copyright-outer,.about-text-wrapper{
        flex-wrap: nowrap !important;
    }
    .dummy-block{
        display: none;
    }
    .social-wrapper{
        padding: 10px;
    }
    .menu-header{
        position: static;
        border-bottom: 7px solid var(--wp--preset--color--primary);
    }
    .menu-header :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.aboutimg-box,.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.nav-block {
        flex-basis: 15%!important;
    }
    .banner-content h2{
        font-size: 50px !important;
    }
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.footer-social{
        flex-basis: 45% !important;
    }
    .footer-widgets .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 40% !important;
    }
    .info-row p{
        font-size: 13px;
    }
    .banner-image-cover{
        min-height: 620px !important;
    }
    .banner-image-cover .wp-block-cover__inner-container{
        top: 60px;
        position: absolute;
    }
    .about-main-spacer{
        height: 74px !important;
    }
}
@media screen and (max-width:657px){
    .footer-widgets p,.footer-widgets,.copyright-text p,.banner-content{
        text-align: center !important;
    }
    .footer-info,.shot-heading,.banner-content .wp-block-buttons{
        justify-content: center !important;
    }
    .inner-menu-header,.copyright-outer{
        flex-wrap: wrap !important;
    }
    .about-head :where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 100% !important;
    }
    .about-excerpt{
        width: 100%;
    }
    .copyright-text{
        justify-content: center !important;
    }
    .banner-content h2 {
        font-size: 30px !important;
    }
    .bannerimage:before{
        display: none;
    }
    .about-main-spacer{
        height: 10px !important;
    }
    .footer-text-outer{
        order: 2;
    }
    .footer-social{
        order: 1;
    }
    .footer-social .wp-block-social-links{
        justify-content: space-between !important;
    }
    .bannerimage:before {
        bottom: -38%;
        clip-path: polygon(0 0, 100% 0%, 101% 40%, 0 94%, 0 56%);
    }   
    .banner-image-cover{
        min-height: 500px !important;
    }
    .info-img{
        display: none;
    }
    .footer-widgets .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}
@media screen and (max-width:555px){
    .info-row{
        justify-content: center !important;
    }
    .inner-info-head,.about-text-wrapper{
        flex-wrap: wrap !important;
    }
    .about-text-wrapper{
        text-align: center;
    }
    .about-text-wrapper p{
        width: 100%;
    }
    .about-text-wrapper:hover{
        clip-path: polygon(0 0%, 100% 0, 100% 100%, 0 100%);
    }
    .about-text-wrapper{
        gap: 20px !important;
    }
    .about-text-wrapper p{
        margin-top: 15px !important;
    }
}
@media screen and (max-width:500px){
    .shot-heading hr{
        display: none;
    }
    .banner-content h2{
        font-size: 24px !important;
    }

}

/*frontpage swiper css start*/
.wp-block-group.car-repair-blocks-swiper {
  overflow: hidden;
  position: relative;
}
.car-repair-blocks-swiper .swiper-slide {
  display: flex;
}
.wp-block-group.car-repair-blocks-swiper-controls {
  position: unset;
}
.wp-block-group.car-repair-blocks-swiper .wp-block-cover.swiper-slide {
  margin-block-start: 0 !important;
}
.car-repair-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: auto;
  z-index: 1;
  width: 30%;
  text-align: center;
  left: 0;
  top: 50%;
  right: auto;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.car-repair-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  background: #fff;
  opacity: 1;
}
.car-repair-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.car-repair-blocks-swiper-controls.custom-nswiper-avigation-box{
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
    gap: 0;
    bottom: 0;
}
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-prev,
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-next {
  width: 80px;
  height: 90px;
  border-radius: 0;
  background: #FFFFFF;
  color: #000;
  transition: all ease 0.23s;
  opacity: 1;
  top: auto;
  bottom: 0;
  margin: 0 0 0 0;
  position: static;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-prev{
    clip-path: polygon(0 0%, 101% 0, 100% 100%, 16% 100%) !important;
}
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-next{
    clip-path: polygon(0 0%, 100% 0, 81% 100%, 0 100%) !important;
}
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-prev:hover,
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-next:hover {
  background: var(--wp--preset--color--primary);
  color: #fff;
}
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-prev:after,
.wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-next:after {
  font-size: 15px;
  font-weight: 900;
}

.car-repair-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.car-repair-blocks-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
@media screen and (max-width: 657px){
    .wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-prev,
    .wp-block-group.car-repair-blocks-swiper .car-repair-blocks-swiper-button-next{
       display: none;
    }
    .car-repair-blocks-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
        bottom: 20px;
        z-index: 1;
        width: 100%;
        text-align: center;
        left: 0;
        top: auto;
        right: 0;
        transform: none;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }
}
/*frontpage swiper css end*/
/*faq*/
.faq-section details{
    border: 2px solid var(--wp--preset--color--heading);
    padding: 5px 10px;
}
.faq-section details[open]{
    border: 2px solid var(--wp--preset--color--primary);
}
.faq-section-cols .faq-section-main-box{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width: 1399px){
    .faq-section details{
        font-size: 18px !important;
    }
}
/*testimonial*/
.tstimonial-box{
    width: 100% !important;
    transition: 0.5s;
}
.testimonail-main-img img{
    border: 2px solid transparent;
    transition: 0.5s;
    width: 60px;
    height: 60px;
}
.tstimonial-box h6,.tstimonial-box p{
    transition: 0.5s;
}
.tstimonial-box:hover {
    Background-color: var(--wp--preset--color--primary);
    transition: 0.5s;
}
.tstimonial-box:hover .testimonail-main-img img{
    border: 2px solid var(--wp--preset--color--white);
}
.tstimonial-box:hover h6,.tstimonial-box:hover p{
    color: var(--wp--preset--color--white) !important;
}
/*testimnail swiper css start*/
.wp-block-group.car-repair-blocks-testimonial-swiper {
  overflow: hidden;
  position: relative;
}
.wp-block-group.car-repair-blocks-testimonial-swiper .swiper-wrapper{
    gap: 30px;
}
.car-repair-blocks-testimonial-swiper .swiper-slide {
  display: flex;
  margin-block-start: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.wp-block-group.car-repair-blocks-testimonial-swiper-controls {
  position: unset;
}
.car-repair-blocks-testimonial-swiper-controls .car-repair-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
  position: absolute;
  bottom: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0 !important;
}
.car-repair-blocks-testimonial-swiper-controls .car-repair-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--wp--preset--color--foreground);
}
.car-repair-blocks-testimonial-swiper-controls .car-repair-blocks-testimonial-pagination.swiper-pagination-clickable.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--wp--preset--color--primary);
}
.car-repair-blocks-testimonial-swiper-controls .swiper-button-prev.car-repair-blocks-testimonial-swiper-button-prev,
.car-repair-blocks-testimonial-swiper-controls .swiper-button-next.car-repair-blocks-testimonial-swiper-button-next {
  width: 40px;
  height: 40px;
  border-radius: 0;
  background: transparent;
  color: var(--wp--preset--color--primary);
  transition: all ease 0.23s;
  opacity: 1 !important;
  top: 50%;
  margin: -20px 0 0 0;
}
.car-repair-blocks-testimonial-swiper-controls .swiper-button-prev.car-repair-blocks-testimonial-swiper-button-prev{
    left: 0;
}
.car-repair-blocks-testimonial-swiper-controls .swiper-button-next.car-repair-blocks-testimonial-swiper-button-next{
    right: 0;
}
.car-repair-blocks-testimonial-swiper-controls .swiper-button-prev.car-repair-blocks-testimonial-swiper-button-prev:hover,
.car-repair-blocks-testimonial-swiper-controls .swiper-button-next.car-repair-blocks-testimonial-swiper-button-next:hover {
  background: transparent;
  color: var(--wp--preset--color--heading);
}
.car-repair-blocks-testimonial-swiper-controls .swiper-button-prev.car-repair-blocks-testimonial-swiper-button-prev:after,
.car-repair-blocks-testimonial-swiper-controls .swiper-button-next.car-repair-blocks-testimonial-swiper-button-next:after {
  font-size: 30px;
  font-weight: 900;
}
.car-repair-blocks-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.wp-block-html {
  display: none;
}

.car-repair-blocks-testimonial-swiper-controls.wp-block-group.block-editor-block-list__layout .wp-block.is-selected.wp-block-html {
  display: block !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item{
    display:  !important;
}
@media screen and (max-width: 1199px){
    .car-repair-blocks-testimonial-swiper:where(:not(.alignleft):not(.alignright):not(.alignfull)){
        max-width: 95% !important;
        padding-right: 40px !important;
        padding-left: 40px !important;
    }
}
/*testimonial swiper css end*/