/**
 * Theme Name:     PowerAuto Child
 * Author:         ThemeGrill
 * Template:       powerauto
 * Text Domain:    powerauto
 * Description:    PowerAuto is a powerful and versatile multipurpose theme that makes it easy to create beautiful and professional websites. With over free 40 pre-designed starter demo sites to choose from, you can quickly build a unique and functional site that fits your specific needs. Whether you
 */
 @font-face {
    font-family: 'gotham';
    src: url('assets/fonts/gotham-black-webfont.eot');
    src: url('assets/fonts/gotham-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/gotham-black-webfont.woff2') format('woff2'),
         url('assets/fonts/gotham-black-webfont.woff') format('woff'),
         url('assets/fonts/gotham-black-webfont.ttf') format('truetype'),
         url('assets/fonts/gotham-black-webfont.svg#gothamblack') format('svg');
    font-weight: 700;
    font-style: normal;

}




@font-face {
    font-family: 'gothambook';
    src: url('assets/fonts/gotham-book-webfont.eot');
    src: url('assets/fonts/gotham-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/gotham-book-webfont.woff2') format('woff2'),
         url('assets/fonts/gotham-book-webfont.woff') format('woff'),
         url('assets/fonts/gotham-book-webfont.ttf') format('truetype'),
         url('assets/fonts/gotham-book-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'gotham';
    src: url('assets/fonts/gotham-light-webfont.eot');
    src: url('assets/fonts/gotham-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/gotham-light-webfont.woff2') format('woff2'),
         url('assets/fonts/gotham-light-webfont.woff') format('woff'),
         url('assets/fonts/gotham-light-webfont.ttf') format('truetype'),
         url('assets/fonts/gotham-light-webfont.svg#gothamlight') format('svg');
    font-weight:400;
    font-style: normal;

}




@font-face {
    font-family: 'gotham';
    src: url('assets/fonts/gotham-medium-webfont.eot');
    src: url('assets/fonts/gotham-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/gotham-medium-webfont.woff2') format('woff2'),
         url('assets/fonts/gotham-medium-webfont.woff') format('woff'),
         url('assets/fonts/gotham-medium-webfont.ttf') format('truetype'),
         url('assets/fonts/gotham-medium-webfont.svg#gothammedium') format('svg');
    font-weight: 500;
    font-style: normal;

}




@font-face {
    font-family: 'gotham';
    src: url('gotham-thin-webfont.eot');
    src: url('gotham-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('gotham-thin-webfont.woff2') format('woff2'),
         url('gotham-thin-webfont.woff') format('woff'),
         url('gotham-thin-webfont.ttf') format('truetype'),
         url('gotham-thin-webfont.svg#gothamthin') format('svg');
    font-weight: 300;
    font-style: normal;

}
 :root{

    --divgap: 80px;

    --smalldivgap: 52px;
    --footerctagap:96px;
    --padd40:40px;
    --padd3:30px;
    --gutter: 15px;
    --containerwidth: 1200px;

    --primarycolor: #EF4723;
    --secdarycolor:#AAC527;
    --blackcolor:#000;
    --whitecolor:#fff;
    --footer-color:#F8F7F6;
    --text-color:#000;
    --font-family: 'gotham';

    --h1size:60px;
    --h2size:45px;
    --h3size:32px;
    --font22:22px;
    --h4size:20px;
    --h5size:18px;
    --bodyfontsize: 18px;
    --font16:16px;
    --font14:14px;
	 
    --font3:300;
    --font4:400;
    --font5:500;
    --font6:600;
    --font7:700;
}

@media(max-width:1200px){
    :root{

        --divgap: 70px;
        --smalldivgap: 48px;
        --padd40:40px;
        --padd3:30px;
        --gutter: 15px;
        --h1size:50px;
        --h2size:40px;
        --h3size:28px;
        --font22:20px;
        --h4size:18px;
        --h5size:18px;
        --bodyfontsize: 18px;
        --font16:16px;
        --font14:14px;
}

}
@media(max-width:991px){
    :root{

        --divgap: 50px;
        --smalldivgap:40px;
        --padd40:35px;
        --padd3:25px;
        --gutter: 15px;
        --h1size:40px;
        --h2size:35px;
        --h3size:22px;
        --font22:18px;
        --h4size:16px;
        --h5size:16px;
        --bodyfontsize: 16px;
        --font16:14px;
        --font14:14px;
}

}
@media(max-width:767px){
    :root{

        --divgap: 40px;
        --smalldivgap:30px;
        --padd40:30px;
        --padd3:25px;
        --gutter: 15px;
        --h1size:35px;
        --h2size:28px;
        --h3size:20px;
        --font22:18px;
        --h4size:16px;
        --h5size:16px;
        --bodyfontsize: 16px;
        --font16:14px;
        --font14:14px;
}

}





::-moz-selection{background: var(--primarycolor); color: var(--whitecolor); text-shadow: none;}
::selection{background: var(--primarycolor); color: var(--whitecolor); text-shadow: none;}
.select2-results__option{ color: #000 !important;}
body .entry-content p,ul li,ol li { margin-bottom: 10px;}
h1, body h2, body h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 ,p ,ul li{font-family: var(--font-family);}
h1,.h1{font-size: var(--h1size);}
h2, .h2 {font-size: var(--h2size);font-weight: 500; color: var(--primarycolor); line-height: 1.2;}
h3,.h3{font-size: var(--h3size);}
h4,.h4{font-size: var(--h4size);}
p, ul li,.elementor-element .elementor-widget-container{font-size: var(--bodyfontsize); line-height: 1.5; color: var(--text-color); font-weight: 400;
    font-family: var(--font-family);}
body .wpb_body button, body .wpb_content_element, body ul.wpb_thumbnails-fluid>li { margin-bottom: 0;}

@media(min-width:1200px)
{
    .zak-container {max-width:var(--containerwidth);}
}

/*Footer css*/
.zak-footer-cols .widget-title, .zak-footer-cols h2,.zak-top-bar, .zak-footer h4 {font-size: var(--h4size); color: var(--primarycolor); font-weight: var(--font7); border-bottom:0px;}
.zak-footer-col.zak-footer-col--2 ul li {position: relative;padding-left: 20px;}
.zak-footer-col.zak-footer-col--2 ul li:before {content: "\f105";position: absolute;font-family: 'FontAwesome';color: var(--primarycolor); left: 0;}
.zak-footer .zak-footer-cols a, .zak-footer-col .widget ul a, .zak-footer-col .widget p, .zak-footer-col .widget li {color: #FFF;  font-size: var(--bodyfontsize);}
.zak-footer-col.zak-footer-col--2 ul {  display: block;}
.zak-footer-col.zak-footer-col--2 ul li { width: 50%;    float: left;}
.widget .wp-block-heading::before, .widget .widget-title::before{background:var(--primarycolor);}
.footer_cta a.elementor-button.elementor-button-link.elementor-size-sm:hover{background: var(--blackcolor);}
 .zak-footer{background: var(--blackcolor);}
.zak-footer-bar.zak-style-2 { background: #fff;padding-bottom: 15px;padding-top: 15px;}
.zak-footer-bar.zak-style-2 .zak-footer-bar__1, .zak-footer-bar.zak-style-2 .zak-footer-bar__1 a,.zak-footer-bar__2 p{ color: var(--blackcolor); font-size: var(--font16); font-weight: var(--font4);font-family: var(--font-family) !important;}
figcaption.wp-caption-text { display: none;}
.zak-footer-bar.zak-style-2 .zak-footer-bar__1 .zak-row {  display: grid;grid-template-columns: 1fr 1fr;  justify-content: space-between !important;}
.zak-footer-bar__1 { width: 100%;}
.zak-footer-bar.zak-style-2 .zak-footer-bar__2{text-align: right;}
.zak-footer-bar.zak-style-2 .zak-footer-bar__1{ text-align: left;}
body footer ul.address-icon li {position: relative; padding-left: 40px;}
li.Address:before { content: "";  position: absolute; left: 0; background: url(.../../images/address.png) no-repeat; background-size: 25px; width: 50px;  height: 50px;}
li.numbers:before { content: "";  position: absolute; left: 0; background: url(.../../images/number.png) no-repeat; background-size: 25px;  width: 50px; height: 50px;}
li.emails::before{ content: ""; position: absolute; left: 0;  background: url(.../../images/email.png) no-repeat;  background-size: 25px; width: 50px;  height: 50px;}
/*Footer cta*/

.footer_cta .elementor > .elementor-element h2 {    color: var(--primarycolor);}
.footer_cta .elementor > .elementor-element p{color: var(--blackcolor);}
.footer_cta .elementor > .elementor-element {background: #d4d4d4; padding: 20px 0px;}
.footer_cta .elementor > .elementor-element p {  margin-bottom: 0;}
.footer_cta a.elementor-button.elementor-button-link.elementor-size-sm {background: var(--primarycolor); color: #fff; font-size: var(--h3size); padding: 24px 45px;border-radius: 0; font-weight: var(--font7); text-transform: uppercase;}
.footer_cta .elementor-element {  gap: 5px;}
.zak-primary-nav li a { font-size: var(--bodyfontsize); color: var(--whitecolor); text-transform: capitalize; font-weight: var(--font4);}
.zak-primary-nav ul .current_page_ancestor > a, .zak-primary-nav ul .current-menu-ancestor > a, .zak-primary-nav ul .current_page_item > a, .zak-primary-nav ul .current-menu-item > a {
    color: var(--whitecolor);  font-weight: 400;}
.zak-top-bar { background: var(--whitecolor);  padding: 0;}
header .zak-primary-nav{    justify-content: flex-start;}
.zak-main-nav li{margin-bottom: 0px;}

/*Header*/
.zak-header-buttons .zak-header-button .zak-button {display: block; text-align: center;border: 2px solid var(--primarycolor) !important; background: var(--whitecolor); color: var(--blackcolor); border-radius: 0; font-size: var(--bodyfontsize); padding: 5px 25px; font-weight: var(--font7);  background-position: center;   text-transform: uppercase;}
.zak-header-buttons .zak-header-button .zak-button br{display: none;}
.zak-header-button > a.zak-phone:before { content: "";  position: absolute;  left: 0;  background: url(.../../images/number.png) no-repeat;  background-size: 25px; width: 30px;  height: 20px;    z-index: 4;}
.zak-header-button > a{position: relative;    padding-left: 34px; align-items: center; display: flex;}
.zak-footer-col.zak-footer-col--1 p { margin-bottom: 0;}
.zak-main-header {padding-top: 8px; padding-bottom: 8px; background-color: var(--primarycolor);}
.zak-main-header .zak-row { -ms-flex-wrap: nowrap; flex-wrap: wrap;  gap: 0;}
.zak-header-button > a { color: var(--blackcolor);    font-weight: 500;}
.zak-header-search svg{fill: var(--whitecolor);}
.site-branding p.site-title {
    display: none;
}
.zak-scroll-to-top:hover {
    background-color: var(--primarycolor);
}.first-silder-image rs-bg-elem {
    background-size: 99% 142% !important;
}
@media(min-width:992px)
{
    .zak-header .zak-row > div.zak-top-bar__1 {    width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: space-between;
        align-items: center; padding:10px 0px;}
    .zak-primary-nav .zak-primary-menu{gap: 80px;}
    .site-branding{margin-right: auto;}
    .footer_cta:before {
        content: "";
        background: url(.../../images/heap-nuts.png);
        position: absolute;
        width: 200px;
        height: 227px;
        top: -199px;
        left: -30px;
        z-index: -1;
    }
}
@media(max-width:991px){
    .zak-top-bar,.zak-header-buttons--desktop{
        display: flex !important;}
        .zak-header-buttons--desktop {
            display: none;
            margin-left: 18px;
            align-items: center;
        }
        .zak-top-bar .zak-container.zak-top-bar-container{width: 100%;}
        .zak-header-buttons .zak-header-button .zak-button{    padding: 5px 10px;}
        .footer_cta a.elementor-button.elementor-button-link.elementor-size-sm{    padding: 15px 20px;}
        .zak-mobile-menu a{    padding: 8px 2px;}
}
@media(max-width:991px) and (min-width:640px){
    .zak-toggle-menu svg {
        fill: #fff !important;
    }
    .zak-toggle-menu {
        position: absolute;
        top: -61px;
        background: var(--primarycolor);
        width: 38px;
        height: 42px;
        justify-content: center;
        gap: 0px !important;
        margin: 0px !important;
        flex-wrap: wrap;
    }
    .zak-header-buttons.zak-header-buttons--desktop {
        margin-right: 20px;
    }
    .zak-header-buttons--desktop{    margin-left: 6px;}

}
@media(max-width:767px){
    .zak-footer-col{gap: 0;}
    .zak-footer-cols .zak-row {
        display: grid;
        gap: 10px;
    }
    .zak-header-buttons .zak-header-button .zak-button{font-size: 14px;}
    body .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper {
        display: flex;
        text-align: center;
        align-items: center;
        gap: 10px;
        flex-direction: unset;
    }
}
@media(max-width:640px){

    .zak-top-bar .zak-container.zak-top-bar-container{width: 100%;}
    .zak-header-buttons.zak-header-buttons--desktop { position: absolute; left: 0; width: max-content; bottom: -27px; z-index: 99; margin-left: 0px;}
    .zak-header-button.zak-header-phone--1 { position: fixed;    bottom: 0; width: 100%; background: var(--primarycolor); text-align: center;  left: 0;  right: 0;  z-index: 999;   padding: 0px; display:flex !important;}
    .site-branding{margin: auto; gap: 0;}
    .zak-toggle-menu .zak-menu-toggle svg {  fill: #000; }
    .zak-toggle-menu .zak-menu-toggle:hover{background: #000;}
    .zak-toggle-menu .zak-menu-toggle {background: #fff; border-radius: 0;width: 45px;height: 45px;}
    .zak-toggle-menu .zak-menu-toggle:hover svg{fill: var(--whitecolor);}
    .zak-header-buttons .zak-header-button .zak-button{height: 45px;}

    .zak-header-button > a {
        justify-content: center;
        align-items: center;
        position: relative;
        text-align: center;
        padding-left: 0;
        padding:7px;
        color: #fff;
        display: block;
    width:100%;
    display:flex;
    margin: auto;
    }
    .zak-header-button.zak-header-button--1:last-of-type .zak-button{
        display:none;
    }
    .zak-header-buttons.zak-header-buttons--desktop a:hover{
        color:var(--whitecolor) !important;
    }
    .zak-header-buttons .zak-header-button .zak-button{padding: 7px 10px;}
    .zak-header-button > a.zak-phone:before{z-index: 4; position: relative; left: 5px; filter: brightness(3.5) grayscale(1);bottom:0; background-size: 18px;}
    .zak-phone {color: var(--whitecolor); border-right:1px solid var(--whitecolor); }
    .zak-toggle-menu .zak-icon { width: 42px;}
}
.hm-about,.hm-parts,.hm-cars {padding: var(--divgap) 0;}
.hm-enquire{padding: var(--smalldivgap) 0;}
.page-id-16  .zak-content h2.elementor-heading-title.elementor-size-default {margin-bottom: 20px;}
.page-id-16 .hm-enquire .elementor-heading-title.elementor-size-default{margin-bottom: 0px !important;}

/*Banner design*/
.zak-page-header{min-height:300px;}
.zak-page-header { padding: 30px 0;background-color: #E4E4E7; min-height: 300px; background-repeat: no-repeat !important; background-size: cover !important;}
.zak-page-header { position: relative;}
.zak-page-header:before { content: ""; background: #000;  position: absolute; opacity: 0.5;top: 0; width: 100%; height: 100%; mix-blend-mode: multiply;}
.zak-page-header .zak-row h1 { font-size: var(--h1size); color: var(--whitecolor); z-index: 9; position: relative;  font-weight: var(--font7);}
.zak-breadcrumbs .trail-items, .breadcrumbs li.trail-item, .zak-breadcrumbs .trail-items, .breadcrumbs li.trail-item a { color: #fff;z-index: 9;position: relative; text-decoration: none;
    font-size: var(--bodyfontsize); margin-bottom: 0;  padding: 0px 2px;  justify-content: center;}
.zak-page-header .zak-row { display: grid; justify-content: center; gap: 0;}
.zak-page-header .zak-container { align-items: center; min-height: 350px;  display: flex;  text-align: center;  justify-content: center;}
.zak-page-header .zak-row > div{width: 100%;}
.zak-page-header .zak-container { display: flex; justify-content: center;  align-items: center; min-height: 350px;}

@media(max-width:991px)
{
    .zak-page-header,.zak-page-header,.zak-page-header .zak-container{min-height: 280px;}
    .zak-top-bar__1 {width: 100%;   display: flex;     flex-flow: wrap;     justify-content: space-between; align-items: center;}
}
@media(max-width:767px){
    .zak-page-header,.zak-page-header,.zak-page-header .zak-container{min-height: 200px;}
    .zak-page-header .zak-row{gap: 0;}
}
/*Category page*/
.sc_cars_posts.other-fleet,.sc_parts_posts.other-fleet {display: grid; grid-template-columns: repeat(3,1fr ); grid-gap: 30px;  text-align: center;}
h3.cars_title,h3.parts_title {font-size: var(--h4size); color: var(--blackcolor); font-weight: var(--font5);  margin-bottom: 0;  padding: 10px 0px;}
.other-fleet > div:hover a,input[type="submit"]:hover { background: var(--primarycolor);  color: var(--whitecolor);}
.cars-content,.parts-content { padding-bottom: 25px;}
.cars-content p,.parts-content p { font-size: 14px; margin-bottom: 20px !important; color: var(--blackcolor);    font-family: var(--font-family);}
.parts-content .parts-img {max-height: 300px;    overflow: hidden;}
.other-fleet a {  border: 2px solid var(--primarycolor); padding: 8px 20px;  font-size: var(--bodyfontsize); color: var(--blackcolor); margin-top: 15px;}
.other-fleet > div{border: 1px solid #d4d4d4;}
.other-fleet a { border: 2px solid var(--primarycolor);  padding: 8px 20px; font-size: var(--bodyfontsize);  color: var(--blackcolor); margin-top: 15px !important;font-weight: var(--font5);text-transform: uppercase;}
@media(max-width:767px){
    .sc_cars_posts.other-fleet,.sc_parts_posts.other-fleet { grid-template-columns: repeat(2,1fr ); grid-gap: 20px;}
}
h2.elementor-heading-title.elementor-size-default {color: var(--primarycolor);font-size: var(--h2size);font-family: var(--font-family); font-weight: var(--font5);}
ul.custom-list li:before {content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; color: var(--primarycolor);}
ul.custom-list li { list-style: none; position: relative; padding-left: 20px;}
ul.custom-list {margin-left: 0;  margin-top: 10px;}
ul.custom-list.workshop li {width: 50%; float: left;font-family: 'gotham';}
ul.custom-list.workshop li {  flex-grow: 1;}
ul.custom-list.workshop {  display: flex;  flex-wrap: wrap;}
input[type="submit"]{ font-weight:var(--font5);text-transform: uppercase; border-radius: 0; padding: 9px 24px; color: var(--blackcolor);background-color: var(--whitecolor);text-decoration: none;-webkit-transition: all 0.3s; transition: all 0.3s; border: 2px solid var(--primarycolor); margin-top: 20px;}
form.wpcf7-form {
    background: var(--whitecolor);
    padding: 30px;
}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"], select {
    outline: none;
    border-bottom: 1px solid #d4d4d4 !important;
    border-radius: 0;
    padding: 0.7rem 1rem;
    width: 100%;
    color: #3F3F46;
    border: 0;
    height: 56px;
}
.contact-page {
    background: #fff;
    box-shadow: 3px -4px 10px rgba(0,0,0,0.2);
}
textarea{height: auto; border: 0px; border-bottom: 1px solid #d4d4d4 !important;}
.contact-page > .elementor-element:first-child {
    gap: 0;
    background: #f2f2f2;
    padding: 30px;
}
.contact-page .elementor-widget-icon-box .elementor-icon-box-content a {
    flex-grow: 1;
    color: var(--blackcolor);
    font-weight: var(--font4);
    font-family: var(--font-family);
}
.contact-page .elementor-icon-box-wrapper {
    align-items:baseline;
}
.contact-page i {
    color: var(--primarycolor);
    font-size: var(--bodyfontsize);
}
.contact-page .elementor-element:first-child {
    background: #f2f2f2
}.contact-page .elementor-widget-icon-box.elementor-position-left .elementor-icon-box-wrapper {
    text-align: left;
    flex-direction: row;
    align-items: baseline;
}
.car-sell form.wpcf7-form {
    background: var(--whitecolor);
    padding: 30px;
    box-shadow: 3px -4px 10px rgba(0,0,0,0.2);
}.car-sell form.wpcf7-form .col-md-6 {
    width: 48%;
    float: left;
    margin-right: 2%;
}
.car-sell form.wpcf7-form .row > div {
    margin-bottom: 10px;
}.car-sell form.wpcf7-form > .row {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}
span.wpcf7-list-item.first.last {
    margin-left: 0;
}
span.wpcf7-list-item.first.last label {
    display: flex;
}
.zak-site-layout--contained .zak-primary {padding-top: var(--divgap);  padding-bottom: var(--smalldivgap);}
.zak-content .zak-row{padding-top: 0;padding-bottom: 0;}
.other-fleet > div:hover {
    border: 1px solid var(--primarycolor);
}
.other-fleet > div:hover h3 {
   color: var(--primarycolor);
}
.car-img,.parts-img {
    padding: 5px;
}
@media(max-width:767px){
    .zak-footer-bar.zak-style-2 .zak-footer-bar__1 .zak-row {
        display: grid;
        grid-template-columns: 1fr;
        justify-content: space-between !important;
        text-align: center !important;
        justify-content: center !important;
        width: 100%;
        gap: 0;
    }
    .zak-footer-bar.zak-style-2 .zak-footer-bar__1 .zak-row div,.footer_cta .elementor-widget {
        text-align: center;
    }
    form.wpcf7-form{padding: 0px;}
}

@media only screen and (min-width: 1024px){
body .pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -15%;
    width: 35%;
    padding: 0;
}
}

@media(max-width:1024px){
    .footer_cta a.elementor-button.elementor-button-link.elementor-size-sm{    padding: 24px 20px;}


}
.pum-container.pum-responsive.pum-responsive-medium form {
    background: url(https://powerautowreckers.com.au/wp-content/uploads/2023/10/case-study-topper.png);
    background-position: top;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
body .pum-theme-135, .pum-theme-default-theme {
    background-color: rgba(0, 0, 0, 0.8 );
}
body .pum-theme-135 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{    text-shadow: 0px 0px 0px rgba( 0, 0, 0, 0.23 );
    background-color: rgb(28 28 28);
    border-radius: 50%;}

div#zak-content,.footer_cta {
        position: relative;
        background-color: transparent;
}
div#zak-content:before {
    content: "";
    background: url(.../../images/gears-table.png);
    width: 500px;
    height: 311px;
    position: absolute;
    top: 0;
    opacity: 0.5;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    right: 0;
}
body:not(.tg-container--separate) #page,body {
    background: transparent;
}
.zak-header-buttons .zak-header-button .zak-button:hover {
    background: var(--primarycolor);
    color: var(--whitecolor);
}
.zak-site-layout--stretched #page .zak-content > .zak-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

@media(max-width:640px){
    .other-fleet a{font-size: var(--font14); padding: 6px 6px;}
}
.second-silder-image:before {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 9;
    mix-blend-mode: multiply;
    opacity: 0.98;
}
.silder-details rs-layer span{color:var(--primarycolor) !important;}
.silder-details button,.silder-details rs-layer{font-family:var(--font-family) !important;}
.zak-main-nav .zak-submenu-toggle .zak-icon{fill: #FFF;}
.zak-primary-nav .sub-menu li a{color: #000; padding: 8px 14px;}
table.dataTable tbody th, table.dataTable tbody td{font-size: 12px;}
table.dataTable thead th{padding: 10px;}
.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label{display: flex; align-items: center; gap: 10px; font-weight: 700; white-space: nowrap;}
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select{background: #FFF; height: 30px; font-weight: normal; font-size: 12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button{border: var(--blackcolor) 1px solid; line-height: 1; padding: 0; min-width: 30px; min-height: 30px; display: inline-flex; border-radius: 0; align-items: center; justify-content: center; font-size: 12px;}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: var(--primarycolor); color: var(--whitecolor) !important; border: var(--primarycolor) 1px solid;}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{border: none !important; color: #000 !important; background: none !important; border: transparent 1px solid !important;}
.dataTables_wrapper .dataTables_paginate > span{margin: 0 10px;}
table.dataTable thead .sorting{background-color: #FFF;}
.zak-header{position: sticky; top: 0; z-index: 99;}
@media(max-width: 540px){
    /*.dataTables_wrapper{overflow: auto;}*/
    table.dataTable tbody th, table.dataTable tbody td{padding: 8px; white-space: nowrap;}
    table.dataTable thead th{padding: 8px; font-size: 13px; white-space: nowrap;}
	.dataTables_wrapper{overflow: unset;}
	.cust_responisve_table table thead {
        display:none;
    }
	.cust_responisve_table table tr{
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}
	.cust_responisve_table table tr > :first-of-type::before {
			content: "ID: ";
	}
	.cust_responisve_table table tr > :nth-child(2)::before {
        content: 'Model: ';
    }
    
    .cust_responisve_table table tr > :nth-child(3)::before {
        content: 'Year: ';
    }
	.cust_responisve_table table tr > :nth-child(4)::before {
		content: 'Fuel Type: ';
	}
	.cust_responisve_table table tr > :nth-child(5)::before {
		content: 'Body Style: ';
	}
	.cust_responisve_table table tr > :nth-child(6)::before {
		content: 'Color: ';
	}
	.cust_responisve_table table tr > :is(:first-of-type,:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6))::before {
			font-weight: 700;
	}
	.cust_responisve_table table tr td b{font-weight:normal;}
    .cust_responisve_table table tbody :is(th, td){border-bottom: 1px solid #e6e6e6;}
	.part_table_cust_responsive table thead {
        display:none;
    }
	.part_table_cust_responsive table tr{
		display: flex;
		flex-direction: column;
		margin-bottom: 15px;
	}
	.part_table_cust_responsive table tr > :first-of-type::before {
			content: "ID: ";
	}
	.part_table_cust_responsive table tr > :nth-child(2)::before {
        content: 'Model: ';
    }
    
    .part_table_cust_responsive table tr > :nth-child(3)::before {
        content: 'Year: ';
    }
	.part_table_cust_responsive table tr > :nth-child(4)::before {
		content: 'Part Name: ';
	}
	.part_table_cust_responsive table tr > :nth-child(5)::before {
		content: 'Color: ';
	}
	.part_table_cust_responsive table tr > :is(:first-of-type,:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5))::before {
			font-weight: 700;
	}
	.part_table_cust_responsive table tr td b{font-weight:normal;}
    .part_table_cust_responsive table tbody :is(th, td){border-bottom: 1px solid #e6e6e6;}
}


/********Location********/
body.page-id-563 .zak-page-header {display: none;}
body.page-id-563 #zak-primary {padding-top: 0 !important;}
body.page-id-563 a.call-now i{    background: #E53110;    color: #fff;  padding: 15px 18px; border-radius: 50%; text-align: center; font-size: 25px; margin-right: 10px; animation: zoom-in-zoom-out 1s ease infinite;} body.page-id-563 a.call-now span { font-size: 30px; font-weight: 500; }
body.page-id-563 form { background: transparent; padding: 0;}
body.page-id-563 form input{ border-radius: 5px; outline: none; border: 1px solid #D4D4D8; padding: 0.7rem 1rem; width: 100%; color: #3F3F46; height: 38px;}
body.page-id-563 form textarea { border-radius: 5px; outline: none; border: 1px solid #D4D4D8; padding: 0.7rem 1rem; width: 100%; color: #3F3F46; }
body.page-id-563 form .col-md-12 {    margin-bottom: 10px;}
body.page-id-563 form input.wpcf7-submit  { background: #EF4723 !important; border: #EF4723 2px solid !important; font-size: 18px !important; font-weight: 700 !important; text-transform: uppercase !important; color: #fff !important; line-height: 1 !important; margin-top: 0;}
.banner-form-heading h2 {    background-color: #fff; padding: 10px; margin: 0px; text-align: left; box-shadow: 0px 9px 5px -6px rgba(0,0,0,75%); font-size: 35px !important; font-weight: 600 !important; font-size: 25px !important; text-align: center;}
html body #mega-menu-wrap-menu-primary{width:100%;background:transparent;}
html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary{display:flex;justify-content:space-between;}
html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-item > a.mega-menu-link{font-size:var(--bodyfontsize);font-family:var(--font-family);font-weight:500 !important;background:transparent !important;}
html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{background:transparent;}
html body .zak-footer-bar.zak-style-2 .zak-footer-bar__1 .zak-row > p{display:none;}
html body.extaclass.zak-site-layout--contained .zak-primary{padding-top:0;}
html body.extaclass .banner-form-heading .elementor-widget-container,
html body.extaclass .banner-form-heading{margin-bottom:0 !important;}
html body.extaclass form.wpcf7-form{background: #F5F5F5;}
html body.extaclass .elementor-widget-heading h1.elementor-heading-title{color:#EF4723 !important;font-family:var(--font-family);font-weight:500;}
/*html body.extaclass .first-banner-section h2.elementor-heading-title.elementor-size-default{background-color:#f5f5f5;border-bottom:1px solid var(--whitecolor);}*/
html body.extaclass form.wpcf7-form .wpcf7-form-control{background:transparent;}
html body.extaclass form.wpcf7-form input[type="submit"].wpcf7-form-control:hover{background:#EF4723;}
html body.extaclass form.wpcf7-form .wpcf7-not-valid-tip{font-size:14px;}
html body.extaclass form.wpcf7-form .wpcf7-form-control::-webkit-input-placeholder { 
  color: #000000;
}
html body.extaclass form.wpcf7-form .wpcf7-form-control::-moz-placeholder { 
  color: #000000;
}
html body.extaclass form.wpcf7-form .wpcf7-form-control:-ms-input-placeholder { 
  color: #000000;
}
html body.extaclass form.wpcf7-form .wpcf7-form-control:-moz-placeholder { 
  color: #000000;
}
.banner-call a.call-now{background:#EF4723;color:var(--whitecolor);display:inline-block;padding:0.5em 1em;transition:all 0.8s;position:relative;}
.banner-call a.call-now:before{
	content:'';
	border: 2px solid #EF4723;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
    transform: scale(1);
    animation: 2s ease-in-out .5s infinite waveAlarm;
}
@keyframes waveAlarm{
	0% {
    transform: scale(1);
		opacity: 60%;
	}
	100% {
		transform: scale(1.2);
		opacity: 0;
	}
}
.banner-call a.call-now:hover{background:var(--blackcolor);}
.banner-call a.call-now i{transform:rotate(90deg);}
@media (max-width:768px){
	html body #mega-menu-wrap-menu-primary .mega-menu-toggle + #mega-menu-menu-primary{background:transparent;}
	html body #mega-menu-wrap-menu-primary .mega-menu-toggle + #mega-menu-menu-primary{display:inline-flex !important;}
	html body #mega-menu-wrap-menu-primary .mega-menu-toggle,
	html body .zak-overlay-wrapper.overlay-show{display:none;}
	#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{position:absolute;width: 150px;}
}
@media (max-width:767px){
	html body .zak-footer-bar.zak-style-2{padding-bottom:20px;}
	html body #mega-menu-wrap-menu-primary .mega-menu-toggle + #mega-menu-menu-primary{display:block !important;}
	#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{position:static;width: 100%;}
}

@media (max-width:640px){
	html body .zak-footer-bar.zak-style-2{padding-bottom:50px; padding-top:0;}
}

textarea.wpcf7-form-control.wpcf7-textarea.input_field_line {
    max-width: 100%;
}
ul li h2 {
    line-height:1 !important;
}
ul {padding-left:0px;}
@media(min-width:767px) and (max-width:800px)
{
	body .zak-footer-cols .zak-row{gap:0px;}
}
@media(max-width:850px)
{
	body .elementor-element.elementor-element-7342549.sell-cars.e-flex.e-con-boxed.e-con.e-parent > div {
    flex-wrap: wrap !important;
}
	body .elementor-element.elementor-element-7342549.sell-cars.e-flex.e-con-boxed > div > div {
    width: 100% !important;
}
}
/*html body.extaclass .elementor-widget-heading h2.elementor-heading-title {*/
/*    color: #EF4723 !important;*/
/*    font-family: var(--font-family);*/
/*    font-weight: 500;*/
/*    font-size: 60px;*/
/*}*/

/* website changes */
.location_menu_list{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
#mega-menu-748-0-1.mega-menu-columns-4-of-12{
    width:100% !important;
}
@media(max-width:768px){
    #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
        position:absolute;
        width: 160px;
    }
    .location_menu_list{
        grid-template-columns: repeat(1, 1fr);
    }
}
@media(max-width:767px){
    html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li a{
        padding-right:0;
        border:0;
        color:#fff;
    }
    #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
        position:static;
        width: 100%;
    }
    .location_menu_list{
        grid-template-columns: repeat(1, 1fr);
        gap: 7px;
        height: 200px;
        overflow: auto;
        scrollbar-color: #ffffff #e74c3c;
        scrollbar-width: thin;
    }
}
@media(max-width:576px){
    h3.cars_title,h3.parts_title {padding: 10px 10px;min-height:62px;}
}

/* location page changes */
@media(max-width:767px){
	.headline-section .number_align .elementor-button-wrapper{
		text-align: center;
	}
	/* mega menu background css */
	#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{
	   background: #d13f20 !important;
	}
	html body #mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{
	    background: #d13f20 !important;
	}
	#mega-menu-wrap-menu-primary #mega-menu-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{
	    background: #d13f20 !important;
        color: #fff;
	}
}
@media(max-width: 480px){
	.form-banner input[type="submit"]{
		margin:20px auto 0;
		display: flex;
	}
}



/* Location Page Padding Issue */
@media(max-width: 1260px) {
	.homepage-products .elementor-widget-wrap {
		padding-inline: 15px !important;
	}
}