@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oxanium:wght@200..800&display=swap');
/* General Css */
:root { 

    --font-xxl: 90px;
    --font-H1: 50px;
    --font-H2: 45px;
    --font-xl: 24px;
    --font-l: 22px;
    --font-m: 18px;
    --font-s: 16px;
    --lineheight-xxl: 93px; 
    --lineheight-H1: 60px;
    --lineheight-H2: 55px;
    --lineheight-xl: 34px;
    --lineheight-l: 32px;
    --lineheight-m: 28px;
    --lineheight-s: 26px;

    /*  Colors */
    --black: #000000;
    --primary: #F38C00;
    --primary-light: #FFF9F2;
    --secondary: #4A98CD;
    --white: #FFFFFF;
    --grey: #444;
    --grey-light: #F5F5F5;
    

    /*  Space */
    --div-space: 80px;
    --xl-space: 50px

}
* { box-sizing: border-box;}
body { width: 100%;height: 100%;position: relative;}
p { color: var(--grey); font-size: var(--font-s); line-height: var(--lineheight-s); margin-bottom: 16px;}
h1, .h1 ,h2, .h2 ,h3, .h3 { color: var(--black);} 
h1, .h1 { font-size: var(--font-H1);line-height: var(--lineheight-H1);}
h2, .h2, h2.vc_custom_heading{ font-size: var(--font-H2); line-height: var(--lineheight-H2); font-weight: 700;}
h3, .h3 { font-size: var(--font-xl); line-height: var(--lineheight-xl);}
.p-tb { padding: var(--div-space) 0;}
.p-t { padding-top: var(--div-space);}
.p-b { padding-bottom: var(--div-space);}
.p-tb-small { padding: 36px 0;}
.p-t-small { padding-top: 36px;}
.p-b-small { padding-bottom: 36px;}
.zak-header-builder  .zak-header-buttons .zak-header-button a, input[type="button"], input[type="reset"], input[type="submit"],body .vc_btn3-container .vc_btn3, .intesols-slider-buttons .intesols-button , .action-buttons button .book-btn{ background-color: var(--primary) !important; color: var(--white) !important; font-size: var(--font-s); line-height: var(--lineheight-s); border-radius: 80px;padding: 12px 20px;position: relative; display: flex; align-items: center;gap: 5px; border: none; box-shadow: none; border: none !important; background-image: none; text-decoration: none;}
.zak-header-builder  .zak-header-buttons .zak-header-button a::after,body .vc_btn3-container .vc_btn3::after, .intesols-slider-buttons .intesols-button::after, .action-buttons button .book-btn::after {content: "\f062"; font-family: FontAwesome; font-size: 16px; background-color: var(--black); display: flex; align-items: center;justify-content:center;border-radius: 50%; width: 22px; height: 22px; transform: rotate(50deg); transition: transform 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.zak-header-builder  .zak-header-buttons .zak-header-button a:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover,body .vc_btn3-container .vc_btn3:hover, .intesols-slider-buttons .intesols-button:hover ,.action-buttons button .book-btn:hover{background-color: var(--secondary) !important; transition: 0.35s;color: var(--white) !important; border: none;}
.zak-header-builder  .zak-header-buttons .zak-header-button a:before,body .vc_btn3-container .vc_btn3::before, .intesols-slider-buttons .intesols-button::before, .action-buttons button .book-btn::before { content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%;border: 2px solid rgba(255, 255, 255, 0.4);border-radius: 80px;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); opacity: 0; transform: scale3d(0.6, 0.6, 1);}
.zak-header-builder  .zak-header-buttons .zak-header-button a:hover::before,body .vc_btn3-container .vc_btn3:hover::before , .intesols-slider-buttons .intesols-button:hover::before, .action-buttons button .book-btn:hover::before{ transform: scale3d(1, 1, 1); opacity: 1;}
.zak-header-builder  .zak-header-buttons .zak-header-button a:hover::after,body .vc_btn3-container .vc_btn3:hover::after, .intesols-slider-buttons .intesols-button:hover::after, .action-buttons button .book-btn:hover::after {transform: rotate(90deg);background-color: var(--primary); }
body .vc_btn3-container.btn-secondary .vc_btn3 , .action-buttons button:nth-of-type(2) .book-btn {background-color: var(--secondary) !important; }
body .vc_btn3-container.btn-secondary .vc_btn3::after , .action-buttons button:nth-of-type(2) .book-btn::after{ background-color: var(--primary);}
body .vc_btn3-container.btn-secondary .vc_btn3:hover , .action-buttons button:nth-of-type(2) .book-btn:hover { background-color: var(--primary) !important;}
body .vc_btn3-container.btn-secondary .vc_btn3:hover::after , .action-buttons button:nth-of-type(2) .book-btn:hover::after{ background-color: var(--black);}
body .section-heading { margin-bottom: 50px !important; text-align: center;}
.section-heading h2{ margin-bottom: 4px; font-weight: 700;}
.section-heading h3, .section-heading h4, .section-heading h5 { font-size: var(--font-xl); line-height: var(--lineheight-xl); font-weight: 700; margin-bottom: 0; font-family: Open Sans; color: var(--black);}
.section-title.vc_custom_heading { margin-bottom: 15px;}
body .vc_do_btn { margin-bottom: 0; margin-top: 40px;}
.vc_btn3-container.vc_btn3-center { display: flex; align-items:center; justify-content: center;}
body.home .zak-primary { padding-bottom: 0; padding-top: 0;}
body .zak-primary { padding-top: var(--div-space); padding-bottom: calc(200px + var(--div-space));}
body .zak-primary:has(.our-service-wrap) { padding-bottom: 0;}
body .zak-primary:has(.our-service-wrap) .our-service-wrap { padding-bottom: calc(200px + var(--div-space));}
.entry-content p { margin-bottom: 16px;}
.btn-wrap .vc_do_btn { margin-top: 0;}
.btn-wrap .vc_column_container .vc_column-inner .wpb_wrapper { display: flex; align-items: center; flex-wrap: wrap; gap: 30px; margin-top: 40px;}
/* Common ul li design */
.img-with-content .vc_column_container .vc_row-fluid ul , .pricing-packages-listing .wpb_text_column ul, .service-extra-content ul, .vertical-progress-list ul, .single-post .post .entry-content ul, .service-content-wrap ul{ display: flex;  flex-direction: column; gap: 16px; margin: 0;}
.img-with-content .vc_column_container .vc_row-fluid ul + p , .pricing-packages-listing .wpb_text_column ul + p, .service-extra-content ul + p, .vertical-progress-list ul + p, .single-post .post .entry-content ul + p, .service-content-wrap ul + p { margin-top: 24px;}
.img-with-content .vc_column_container .vc_row-fluid ul li, .pricing-packages-listing .wpb_text_column ul li, .service-extra-content ul li, .vertical-progress-list ul li, .single-post .post .entry-content ul li, .service-content-wrap ul li  { position: relative; padding-left: 44px; list-style: none; color: var(--grey); font-size: var(--font-s); line-height: var(--lineheight-s); font-weight: normal;}
.img-with-content .vc_column_container .vc_row-fluid ul li:before, .pricing-packages-listing .wpb_text_column ul li::before, .service-extra-content ul li::before , .vertical-progress-list ul li::before, .single-post .post .entry-content ul li::before , .service-content-wrap ul li::before{content: "";position: absolute; left: 0; top:0; background-image: url("../images/tick.png"); background-size: contain; background-repeat: no-repeat; width: 28px; height: 28px;}
.vertical-progress-list ul li ul , .single-post .post .entry-content ul li ul, .service-content-wrap ul li ul{ margin-top: 20px;}
.vertical-progress-list ul li ul li , .single-post .post .entry-content ul li ul li, .service-content-wrap ul li ul li { padding-left: 16px;font-weight: 400;}
.vertical-progress-list ul li ul li::before , .single-post .post .entry-content ul li ul li::before, .service-content-wrap ul li ul li::before{ background-image: none; width: 8px; height: 8px; background-color: var(--primary); border-radius: 50%;top: 8px;}
.slick-dots { display: flex; align-items: center; justify-content: center; gap: 8px;margin: 0;}
.slick-dots li { list-style: none;}
.slick-dots li button { background-color: var(--black); width: 10px; height: 10px; font-size: 0; line-height: 0;border-radius: 50%; padding: 0;}
.slick-dots li.slick-active button { background-color: var(--primary); width: 32px; border-radius: 10px;}
.slick-track { display: flex !important; } 
.slick-slide { height: inherit !important; } 
body .zak-content .zak-row {padding: 0;}
@media only screen and (max-width : 991px) { 
    .img-with-content .vc_column_container .vc_row-fluid ul , .pricing-packages-listing .wpb_text_column ul, .service-extra-content ul , .vertical-progress-list ul , .single-post .post .entry-content ul, .service-content-wrap ul li{ gap: 10px;}
    .img-with-content .vc_column_container .vc_row-fluid ul li, .pricing-packages-listing .wpb_text_column ul li, .service-extra-content ul li, .vertical-progress-list ul li, .single-post .post .entry-content ul li, .service-content-wrap ul li{ padding-left: 30px;}
    .img-with-content .vc_column_container .vc_row-fluid ul li:before, .pricing-packages-listing .wpb_text_column ul li::before , .service-extra-content ul li::before, .vertical-progress-list ul li::before, .single-post .post .entry-content ul li::before, .service-content-wrap ul li::before  { width: 20px; height: 20px;}
    body .vc_do_btn ,.btn-wrap .vc_column_container .vc_column-inner .wpb_wrapper { margin-top: 20px;}
}
@media only screen and (max-width: 767px) { 
    .img-with-content .vc_column_container .vc_row-fluid { flex-direction: column !important;gap: 30px;}
    .img-with-content .vc_column_container .vc_row-fluid::after, .img-with-content .vc_column_container .vc_row-fluid::before { display: none;}
    .section-heading h3, .section-heading h4, .section-heading h5 { font-size: var(--font-l); line-height: var(--lineheight-l);}
    .zak-header-builder  .zak-header-buttons .zak-header-button a, input[type="button"], input[type="reset"], input[type="submit"],body .vc_btn3-container .vc_btn3, .intesols-slider-buttons .intesols-button , .action-buttons button .book-btn { padding: 10px 20px;}
}

/* body .zak-content { padding-bottom: ;} */
/*  General responsive css */
@media only screen and (max-width: 1024px){ 
    :root { 
        --font-xxl: 70px;
        --font-H1: 40px;
        --font-H2: 35px;
        --lineheight-xxl: 73px; 
        --lineheight-H1: 50px;
        --lineheight-H2: 45px;
         --div-space: 80px; 
    }
}
@media only screen and (max-width: 991px){ 
    :root { 
        --font-xxl: 50px;
        --font-H1: 35px;
        --font-H2: 30px;
        --lineheight-xxl: 53px; 
        --lineheight-H1: 45px;
        --lineheight-H2: 40px;
         --div-space: 60px; 
    }
    .zak-header-builder  .zak-header-buttons .zak-header-button a, input[type="button"], input[type="reset"], input[type="submit"]  { padding: 10px 20px;}
        .section-heading h3 { font-size: var(--font-m); line-height: var(--lineheight-m);}
        body .section-heading { margin-bottom: 30px !important;}
        body .zak-primary  { padding-bottom: calc(145px + var(--div-space));}
}
@media only screen and (max-width: 767px){ 
    :root { 
        --font-xxl: 40px;
        --font-H1: 30px;
        --font-H2: 24px;
        --font-xl: 22px;
        --font-l: 20px;
        --lineheight-xl: 53px; 
        --lineheight-H1: 40px;
        --lineheight-H2: 34px;
        --lineheight-xl: 32px;
        --lineheight-l: 30px;
         --div-space: 50px; 
    }
    .section-title.vc_custom_heading { margin-bottom: 16px;}
    .section-heading { margin-bottom: 24px;}
}
@media only screen and (max-width: 575px) { 
    .zak-header-buttons { position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--primary);}
    .zak-header-builder .zak-header-buttons .zak-header-button a { justify-content: center; border-radius: 0;}
    .zak-header-builder .zak-header-buttons .zak-header-button a:before { content: none;}
}


/*  Header */
.zak-header-builder { position:absolute; left: 0;width: 100%;background-color: transparent; border: none;z-index: 4;}
.zak-main-header { background-color: transparent;}
.zak-header-builder .zak-header-top-row{background-color: var(--secondary); padding: 10px 0; }
.zak-header-builder .zak-header-top-row .zak-container, .zak-header-main-row .zak-container{ max-width: 1700px; margin: 0 auto;}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations{ display: flex; align-items: center; flex-wrap: wrap; gap: 4px;}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location { display: flex; align-items: center; flex-wrap: wrap;gap: 3px; border-left: 1px solid rgba(255, 255, 255, 30%); border-right: 1px solid rgba(255, 255, 255, 30%);; padding: 0 34px}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location:first-child { border-left: 0;padding-left: 0;}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location:last-child { border-right: 0; padding-right: 0;}
.zak-header-builder .zak-header-top-row:has(.zak-header-center-col:empty) .zak-header-center-col , .zak-header-builder .zak-header-top-row:has(.zak-header-right-col:empty) .zak-header-right-col { display: none;}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location .location-name { display: flex;align-items: center; gap: 8px;}
.socila-link { background-color: var(--primary); border-radius: 50%; display: flex;align-items: center; justify-content: center; width: 30px; height: 30px;}
.socila-link:hover { animation: pulse-animation 2s infinite;  }
@keyframes pulse-animation {
  0% {box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);}
  100% {box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);}
}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location p, .zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location a { font-size: var(--font-s); line-height: var(--lineheight-s); color: var(--white);}
.zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location a:hover { color: var(--black);}
.zak-header-builder .zak-header-main-row { width: 100%;padding-top: 26px;z-index: 4;transition: 0.5s;}
.zak-header-builder.is-sticky .zak-header-main-row { position: fixed; background-color: var(--black); padding: 15px 0;top: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.2); transition: 0.5s;}
.zak-header-builder.is-sticky .zak-header-main-row .site-branding img { max-width: 80%;}
.zak-header-builder .zak-main-row .zak-header-right-col { gap: 33px;}
.nav-menu li a { font-size: var(--font-s); line-height: var(--lineheight-s); color: var(--white); font-weight: 700;}
.nav-menu li a:hover , .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(--primary);}
.zak-main-nav .zak-submenu-toggle .zak-dropdown-icon path{ fill: var(--white);}
.nav-menu li a:hover .zak-submenu-toggle .zak-dropdown-icon path, .zak-primary-nav ul .current_page_ancestor > a .zak-submenu-toggle .zak-dropdown-icon path, .zak-primary-nav ul .current-menu-ancestor > a .zak-submenu-toggle .zak-dropdown-icon path, .zak-primary-nav ul .current_page_item > a .zak-submenu-toggle .zak-dropdown-icon path, .zak-primary-nav ul .current-menu-item > a .zak-submenu-toggle .zak-dropdown-icon path{ fill: var(--primary);}
.zak-primary-nav .sub-menu li a { color: var(--black); padding: 10px 15px; font-weight: 500;font-size: 15px; line-height: 25px;}
.zak-primary-nav .sub-menu li.current-menu-item a{ color: var(--secondary);}
.zak-primary-nav .sub-menu li a:hover { color: var(--secondary);}
.zak-primary-nav .sub-menu { border-top: 4px solid var(--secondary); background-color: var(--white);}
.location-custom-dropdown { display: none;}
@media only screen and (max-width: 1650px) { 
    .zak-header-builder .zak-main-row .zak-header-right-col  { gap: 16px;}
    .zak-primary-nav .zak-primary-menu { gap: 16px;}
    .site-branding { max-width: 230px;width: 100%; display: block;}
	.nav-menu li a { font-size: 15px; line-height: 25px}
	.zak-header-builder .zak-header-buttons .zak-header-button a { padding: 10px 12px;}
} 
@media only screen and (max-width: 1280px) { 
	.zak-header-builder .zak-main-row { gap: 16px}
	.site-branding { max-width: 300px}
	.nav-menu li a { font-size: var(--font-s); line-height: var(--lineheight-s)} 
    .zak-header-builder .zak-mobile-row , .zak-toggle-menu{ display: block;}
    .zak-header-builder .zak-desktop-row { display: none;}
    .zak-toggle-menu  { margin-left: 0;}
    .zak-toggle-menu .zak-icon { fill: var(--white); width: 30px; height: 30px;}
    .zak-header-builder .zak-header-top-row .zak-header-left-col .locations .location { padding: 0 16px;}
    .zak-mobile-nav { background-color: var(--black);}
    .zak-mobile-menu a { color: var(--white); padding: 8px 16px;}
    .zak-mobile-menu li { border: none;}
    .zak-mobile-menu .current_page_item >a ,.zak-mobile-menu .current-menu-parent > a { color: var(--primary);}
    .zak-mobile-menu .current_page_item a {  text-decoration: none;}
    .zak-mobile-menu .current_page_item .zak-submenu-toggle svg path , .zak-mobile-menu .current-menu-parent .zak-submenu-toggle svg path { fill: var(--primary);}
    .zak-mobile-menu .submenu--show + .sub-menu, .zak-mobile-menu .submenu--show > .sub-menu { border-top: 0;}
	.zak-header-builder .zak-main-row .zak-header-right-col .zak-toggle-menu  { display: flex; align-items: center; justify-content: flex-end}
}
@media only screen and (max-width: 991px) { 
    .zak-header-builder .zak-header-top-row .zak-header-left-col .locations { display: none;}
     .location-custom-dropdown {position: relative;width: 200px;display: block;}
    .selected-option {padding: 8px 16px;border: 1px solid var(--white);cursor: pointer; border-radius: 6px; position: relative;}
    .selected-option::after { content: "\f078"; position: absolute; right: 12px;font-family: "FontAwesome"; top: 50%; transform: translateY(-50%);}
    .dropdown-options {display: none; position: absolute;background: var(--white); width: max-content; z-index: 999; margin: 0; list-style: none; border-top: 2px solid var(--primary); border-radius: 6px;}
    .dropdown-options li a, .dropdown-options li p { color: var(--black); font-size: var(--font-s); line-height: var(--lineheight-s); font-weight: 600;}
    .dropdown-options li a:hover { color: var(--primary);}
    .dropdown-options li { padding: 8px 16px; border-bottom: 1px solid var(--primary);}
    .dropdown-options li:last-child { border-bottom: 0;}
    .location-custom-dropdown.dropdown-open .dropdown-options {display: block;}
    .location-custom-dropdown.dropdown-open .selected-option::after  { content: "\f077";}
}
@media only screen and (max-width: 767px) { 
    .zak-header-builder .zak-header-main-row { padding-top: 15px; padding-bottom: 15px;}
}

/* Contact section */
.contact-section-wrap { position: relative; overflow: visible !important;}
.contact-section-wrap >.vc_column_container { float: unset;}
.contact-section-wrap::after {content: "" !important; position: absolute; bottom: -92px; right: 25px; background-image: url("../images/contact-form-bg.png");background-size: contain; background-repeat: no-repeat; width: 274px; height: 310px; z-index: 1; display: block;}
.contact-section-wrap .contact-page-img {position: relative;}
.contact-page-img .vc_column-inner, .contact-page-img .vc_column-inner .wpb_wrapper, .contact-page-img .vc_column-inner .wpb_raw_code iframe{ height: 100%; width: 100%;}
.contact-page-img .vc_column-inner .wpb_wrapper{display: flex; flex-direction: column; row-gap: 10px;}
.contact-page-img .vc_column-inner .wpb_raw_code{height: 50%; margin-right: 10px; border: var(--primary) 2px solid;}
.contact-section-wrap .contact-page-img .wpb_content_element { margin-bottom: 0;}
.contact-section-wrap .contact-page-img .contact-img-overlap .wpb_wrapper { display: flex; align-items: center;justify-content: center;}
/* .contact-section-wrap .contact-page-img .contact-img-overlap .contact-img-small-img-wrap{ width: 506px;height: 506px;border-radius: 50%;background: linear-gradient(180deg, #F38C00 0%, #FFFFFF 65.61%);padding: 1px; display: flex;align-items: center;justify-content: center;}
.contact-img-small-img-wrap::before { content: "";position: absolute; inset: 1px;background: white;border-radius: 50%;z-index: 1;}
.contact-section-wrap .contact-page-img .contact-img-overlap .contact-img-small-img-wrap .img-item { width: 62px; height: 62px; background-color: var(--black); border-radius: 50%; display: flex; align-items: center; justify-content: center;  position: absolute;  z-index: 2; }
.img-item:nth-child(1) { top: -20px; left: 50%; transform: translateX(-50%); }
.img-item:nth-child(2) { right: -20px; top: 50%; transform: translateY(-50%); }
.img-item:nth-child(3) { bottom: -20px; left: 50%; transform: translateX(-50%); }
.img-item:nth-child(4) { left: -20px; top: 50%; transform: translateY(-50%); }
.contact-section-wrap .contact-page-img .wpb_single_image { margin-bottom: 0;}
.contact-section-wrap .contact-page-img .contact-img-overlap .contact-img-small-img-wrap .inner-circle .img-item img { width: 100%;height: 100%;object-fit: contain;} */
.contact-form .wpcf7-form { background-color: var(--black); text-align: center;position: relative; z-index: 1;}
.contact-form .wpcf7-form .contact-title {  border-bottom: 1px solid rgba(255, 255, 255, 30%); padding: 50px 20px;}
.contact-form .wpcf7-form .contact-title h2 { color: var(--white); margin-bottom: 0; text-align: center;}
.contact-field-wrap { padding: 50px 20px;}
.form-row { display: flex; gap: 30px; align-items: center; margin-bottom: 30px; flex-wrap: wrap;}
.form-row:last-child { margin-bottom: 0;}
.form-row > p { width: 100%;}
.form-row .form-group { width: calc(50% - 30px /2)}
.wpcf7-form-control-wrap { display: block;}
input, textarea, .wpcf7-select { font-size: var(--font-s); line-height: var(--lineheight-s); color: #949494; padding: 10px; height: 100%;}
input::placeholder, textarea::placeholder { font-size: var(--font-s); line-height: var(--lineheight-s); color: #949494;}
textarea{ resize: none; height: 95px;}
input[type="radio"],input[type="checkbox"] { width: auto;}
 input[type="button"], input[type="reset"], input[type="submit"] { border-radius: 60px;}
 .submit-btn p { display: flex; align-items: center; justify-content: center; flex-direction: column;}
 .wpcf7-form.submitting .wpcf7-spinner{display: block; }
 .wpcf7-form .wpcf7-spinner { display: none;}
 .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: var(--primary); color: var(--white); display: inline-block;}
 .wpcf7 form.sent .wpcf7-response-output { display: inline-block; border-color: var(--secondary); color: var(--white);}
 .wpcf7-not-valid-tip { color: var(--primary); text-align:left; font-size: 14px; line-height: 24px;}
@media only screen and (max-width: 1460px) { 
    .contact-section-wrap::after { right: 0;}
}
@media only screen and (max-width: 1280px) { 
    .contact-section-wrap::after { display: none !important;}
}
@media only screen and (max-width: 991px) { 
    .contact-form .wpcf7-form .contact-title , .contact-field-wrap{ padding: 20px;}
    .form-row .form-group { width: 100%;}
    .form-row { margin-bottom: 16px; gap: 16px;}
}
@media only screen and (max-width: 767px) { 
    .form-row .form-group { width: calc(50% - 16px /2);}
    .contact-section-wrap .contact-page-img .wpb_content_element { text-align: center !important;}
    .contact-page-img .vc_column-inner .wpb_raw_code{margin-right: 0;}
    .contact-section-wrap .contact-page-img{margin-top: 15px;}
    .contact-page-img .vc_column-inner .wpb_raw_code{height: 300px;}
    
}
@media only screen and (max-width: 575px) { 
    .form-row .form-group { width: 100%;}
}

/* Feature section */
.feature-section { background-color: var(--grey-light); padding: var(--div-space) 0;}
.service-wrap { display: flex;gap: 30px;justify-content: center;flex-wrap: wrap;}
.feature-section .service-wrap .service-title { padding-left: 0;}
.feature-section .service-wrap .service-title::before { display: none;}
.service-wrap .service-item { background-color: var(--white); border-radius: 10px;padding: 20px 15px; width:calc(25% - 90px / 4); display: flex; flex-direction: column; align-items: flex-start;position: relative; text-decoration: none; overflow: hidden;}
.service-wrap .service-item:hover{ background-color: var(--black);}
.service-wrap .service-item:hover .service-title { color: var(--white);}
.service-wrap .service-item:hover p { color: #B8B8B8;}
.service-wrap .service-item:hover .service-arrow { background-color: var(--primary);}
.service-wrap .service-item:hover .service-img::before { opacity: 80%;}
.service-wrap .service-item .service-img { position: relative;width: max-content; text-align: right;margin-top: auto;z-index: 1;margin-left: auto;}
.service-wrap .service-item .service-img img { max-height: 136px; max-width: 208px; object-fit: contain;}
.service-wrap .service-item .service-img::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  border-radius: 50%;filter: blur(50px);background-color: var(--primary);z-index: -1;width: 138px; height: 120px; opacity: 30%;}
.service-wrap .service-item .service-title { font-size: var(--font-l); line-height: var(--lineheight-l); color: var(--black); font-weight: 700;margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden; }
.service-wrap .service-item p { color: var(--grey); font-size: var(--font-s); line-height: var(--lineheight-s); display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden; margin-bottom: 26px;}
.service-wrap .service-arrow { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: var(--black);}
.service-wrap .service-arrow svg { width: 9px; height: 20px;}
.car-service-repair-wrap .service-wrap .service-item { box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);}
.car-service-repair-wrap .service-wrap .service-item .service-title {padding-left: 0;}
.car-service-repair-wrap .service-wrap .service-item .service-title::before { display: none;}
@media only screen and (max-width: 1024px) { 
    .service-wrap { gap: 15px;}
    .service-wrap .service-item { width: calc(25% - 45px /4); padding: 20px 18px;}
}
@media only screen and (max-width: 991px) {
    .service-wrap .service-item {width: calc(33.33% - 30px / 3); }
    .service-wrap .slick-list { margin: 0 -15px;}
    .service-wrap .slick-list .service-item {margin: 0 15px; }
    .service-wrap .service-arrow { width: 32px; height: 32px;}

}
@media only screen and (max-width: 767px) { 
    .service-wrap .slick-list .service-item {margin: 0 8px; }
        .service-wrap .slick-list { margin: 0 -8px;}
        .service-wrap { gap: 15px;}
        .car-service-repair-wrap .service-wrap .service-item { width: calc(50% - 15px / 2);}
}
@media only screen and (max-width: 425px) { 
    .car-service-repair-wrap .service-wrap .service-item { width: 100%;}
}

/* img-with-content-wrap section */
.img-with-content-wrap { padding-top: var(--div-space); background-color: var(--primary-light); position: relative;}
.img-with-content-wrap::after { content: ""; position: absolute; right: 100px; bottom: 43px;  background-image: url("../images/small-car-bg.png"); background-repeat: no-repeat; background-size: 128px 279px; display: flex; align-items: center; justify-content: center;width: 128px; height: 279px;}
.img-with-content-wrap::before {content: ""; position: absolute; right: 50px; bottom: 64px; background-color: var(--primary); width: 232px; height: 232px; border-radius: 50%; }
.img-with-content-wrap .wpb_single_image { margin-bottom: 0; }
.img-with-content-wrap .only-content .vc_custom_heading { max-width: 566px;}
.img-with-content-wrap .only-content .wpb_content_element { margin-bottom: 0;}
.img-with-content-wrap .only-content p a { font-weight: 700; text-decoration: none; color: var(--primary);}
.img-with-content-wrap .only-content p a:hover { color: var(--grey);}
.img-with-content-wrap .vc_column_container .vc_column-inner .wpb_wrapper >.vc_inner { display: flex; align-items: flex-end; flex-wrap: wrap;}
.img-with-content-wrap  .btn-secondary { margin-bottom: var(--div-space);}
@media only screen and (max-width:1630px) { 
    .img-with-content-wrap::before { width: 200px; height: 200px; right: 30px; bottom: 60px;}
    .img-with-content-wrap::after { width: 200px; background-size: contain; background-position: center; bottom: 30px;right: 30px; height: 280px;}
}
@media only screen and (max-width: 1530px) { 
    .img-with-content-wrap::before { width: 100px; height: 100px; bottom: 20px;}
    .img-with-content-wrap::after { width: 100px; height: 128px; bottom: 10px;}
}
@media only screen and (max-width: 1130px) { 
    .img-with-content-wrap::before { right: 0;}
    .img-with-content-wrap::after { right: 0;}
}
@media only screen and (max-width: 1024px) { 
    body .img-with-content-wrap::before,body .img-with-content-wrap::after { display: none;}
}
@media only screen and (max-width: 767px) { 
    .img-with-content-wrap .only-content .vc_custom_heading { max-width: 100%;}
    .img-with-content-wrap .only-img .wpb_single_image { text-align: center !important;}
    .img-with-content-wrap .btn-secondary { margin-bottom: 0;}
}

/*  Car in service section */
.car-in-service-wrap { padding: var(--div-space) 0;width: 100%;height: 100%;margin-bottom: 200px; z-index: 0; overflow: visible !important;}
.car-in-service-wrap >.wpb_column { float: unset;}
/* .car-in-service-wrap::after { content: ""; position: absolute; bottom: 0;} */
.car-in-service-wrap .section-heading h2, .car-in-service-wrap .section-heading h3{ color: var(--white);}
.car-in-service-wrap .car-in-service-card .wpb_content_element{ margin-bottom: 0;}
.car-in-service-wrap .car-in-service-card .wpb_column{counter-increment: number; }
.car-in-service-wrap .car-in-service-card .wpb_column:nth-child(2n) { margin-top: 40px;}
.car-in-service-wrap .car-in-service-card .wpb_column:nth-child(3) { margin-top: 80px;}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper { background: #FFFFFF30; border-radius: 10px; padding: 46px 25px; min-height: 649px; height: 100%; display: flex; flex-direction: column; align-items: center; }
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper:hover { background-color: var(--primary);}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper:hover .wpb_single_image { border-color: var(--black);}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper:hover .wpb_single_image::before { background-color: var(--black);}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper:hover .wpb_text_column  p { color: var(--black);}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image .vc_single_image-wrapper { background-color: var(--black); border-radius: 50%; width: 88px; height: 88px; display: flex; align-items: center;justify-content: center;position: relative;  }
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image{ width: 132px; height: 132px;border: 1px solid var(--primary); border-radius: 50%;display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 30px;}
.car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image::before { content: counter(number); width: 28px; height: 28px; background-color: var(--primary); border-radius: 50%; color: var(--white); font-size: var(--font-m); line-height: var(--lineheight-m);font-weight: 400; bottom: -12px; left: 50%; transform: translateX(-50%);position: absolute; display: flex; align-items: center; justify-content: center;}
.car-in-service-wrap .car-in-service-card .wpb_text_column p{ color: var(--white); font-size: var(--font-l); line-height: var(--lineheight-l); font-weight: 700; text-align: center; font-family:'oxanium';}  
.car-in-service-wrap >.wpb_column >.vc_column-inner >.wpb_wrapper { position: relative;z-index: 1;}
.car-in-service-wrap >.wpb_column >.vc_column-inner >.wpb_wrapper::before { content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 652px; height: 652px; background-color: var(--primary); border-radius: 50%; filter: blur(164px);opacity: 20%;}
.car-in-service-wrap::after { content: ""; position: absolute; width: 100%; height: 602px; background-image: url("../images/car-in-service.webp"); background-size: contain;background-position: center;bottom: -218px; left: 50%; transform: translateX(-50%);z-index: 1; background-repeat: no-repeat;}
.car-in-service-wrap::before { content: ""; position: absolute;width: 100%;height: 100%; left: 0; top: 0;clip-path: polygon( 0% 0%,100% 0%,100% 89.523%,50% 100%,0% 89.523%,0% 0% ); background-color: var(--black);z-index: 1;}
@media only screen and (max-width: 1024px) { 
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper {padding: 30px 20px; min-height: 550px;}
    .car-in-service-wrap .car-in-service-card .wpb_text_column p { font-size: var(--font-m); line-height: var(--lineheight-m);}
    .car-in-service-wrap::after { height: 400px; bottom: -132px;}
    .car-in-service-wrap { margin-bottom: 140px;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image { width: 110px; height: 110px;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image::before { width: 25px; height: 25px; font-size: 16px; line-height: 16px;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image .vc_single_image-wrapper { width: 64px; height: 64px;}
}
@media only screen and (max-width: 991px) { 
    body .car-in-service-wrap::after { display: none;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper { min-height: unset;}
    .car-in-service-wrap .car-in-service-card .wpb_text_column p { font-size: var(--font-s); line-height: var(--lineheight-s);}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image { width: 90px; height: 90px;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper .wpb_single_image .vc_single_image-wrapper { width: 56px; height: 56px;}
    .car-in-service-wrap .car-in-service-card .wpb_column .vc_column-inner >.wpb_wrapper { padding: 20px;}
}
@media only screen and (max-width: 768px) { 
    .car-in-service-card {display: flex; justify-content: center; flex-wrap: wrap; row-gap: 30px;}
    .car-in-service-wrap .car-in-service-card .wpb_column { width: calc(33.33% - 30px / 3);}
    .car-in-service-wrap .car-in-service-card .wpb_column:nth-child(3), .car-in-service-wrap .car-in-service-card .wpb_column:nth-child(2n) { margin-top: 0;}
    .car-in-service-wrap .car-in-service-card .wpb_column > .vc_column-inner { height: 100%;}
    .car-in-service-wrap { margin-bottom: var(--div-space);}
    .car-in-service-wrap::before { clip-path: polygon( 0% 0%,100% 0%,100% 96.523%,50% 100%,0% 96.523%,0% 0% );}
    .car-in-service-wrap >.wpb_column >.vc_column-inner >.wpb_wrapper::before { width: 100%;}
}
@media only screen and (max-width: 575px) { 
    .car-in-service-wrap .car-in-service-card .wpb_column { width: calc(50% - 30px /2);}
}
@media only screen and (max-width: 395px) { 
    .car-in-service-wrap .car-in-service-card .wpb_column { width: 100%;}
}

/* Blog section */
.news-wrap {padding-bottom: var(--div-space); }
.blog-wrap { display: flex; flex-wrap: wrap; justify-content: center;gap: 30px;}
.blog-wrap .blog-item { width: calc(50% - 30px /2); position: relative;min-height: 380px; background-color: var(--black); border-radius: 10px; }
.blog-wrap .blog-item .blog-img { position: relative; height: 100%;border-radius: 8px; overflow: hidden; }
.blog-wrap .blog-item .blog-img::before {content: ""; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1;}
.blog-wrap .blog-item .blog-img img { width: 100%; height: 100%;transition: 0.3s; overflow: hidden; max-height: 380px; object-fit: cover;}
.blog-wrap .blog-item:hover .blog-img img { transform: scale(1.1); transition: all 0.3s ease-in-out;}
.blog-summery-content { position: absolute; bottom: 0; left: 0;padding: 24px 55px 20px 20px; z-index: 2;}
.blog-summery-content .blog-title { color: var(--white); font-size: 20px; line-height: 30px; color: var(--white); font-weight: 700; margin-bottom: 4px;}
.blog-summery-content p { color: var(--white); display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.blog-arrow { position: absolute; right: 0; bottom: 0; background-color: var(--white); border-top-left-radius: 10px;width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;padding: 5px; z-index: 2;}
.blog-arrow span { display: flex; align-items: center; justify-content: center; background-color: var(--primary);width: 38px; height: 38px; border-radius: 50%;}
@media only screen and (max-width: 991px) { 
    /* .blog-summery-content { padding: 20px;} */
    .blog-summery-content .blog-title { font-size: var(--font-m); line-height: var(--lineheight-m);}
    .slick-slider.blog-wrap .blog-item{ margin: 0 15px; min-height: unset;}
    .blog-wrap .slick-list { margin: 0 -15px;}
}
@media only screen and (max-width: 767px) { 
    .blog-wrap .blog-item { width: 100%;}
    .slick-slider.blog-wrap .blog-item{ margin: 0 8px;}
    .blog-wrap .slick-list { margin: 0 -8px;}
}
@media only screen and (max-width: 575px) { 
    .blog-summery-content .blog-title  { display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
}

/* model-make section */
.model-make-wrap { background-color: var(--black); padding: 80px 0;}
.model-make-wrap .section-heading h2,.model-make-wrap .section-heading h3  { color: var(--white);}
.model-make-wrap .model-wrap >.wpb_column >.vc_column-inner> .wpb_wrapper{ text-align: center;background: #FFFFFF40; height: 100%; padding: 10px;}
.model-make-wrap .model-wrap  .wpb_single_image { margin-bottom: 0; display: flex; align-items: center; justify-content: center; height: 100%;}
.model-make-wrap .model-wrap  .wpb_single_image img { max-height: 86px;}
@media only screen and (max-width: 991px) { 
    body .model-make-wrap .model-wrap{ display: grid; grid-template-columns: repeat(3,1fr); row-gap: 30px;}
    body .model-make-wrap .model-wrap .vc_column_container { width: 100%;}
}
@media only screen and (max-width: 575px) { 
    body .model-make-wrap .model-wrap { grid-template-columns: repeat(2,1fr);}
}
/* Testimonial Wrap */
.testimonial-wrap { padding:calc(var(--div-space) + 122px) 0 calc(200px + var(--div-space)) 0; background-color: var(--primary-light);position: relative;}
.testimonial-wrap::before { content: ""; position: absolute; width: 376px;height: 376px;top: var(--div-space);left: 50%; transform: translateX(-50%); filter: blur(164px); opacity: 20%; background-color: var(--primary);}
.testimonial-wrap .rounded-img-radius{ max-width: 608px;margin: 0 auto 40px; position: relative;}
.testimonial-client-img-grp { width: 606px; height: 606px;border-radius: 50%; position:absolute; z-index: 0;left: 50%; transform: translateX(-50%); top: -122px;}
.testimonial-client-img-grp .rounded-radius img { width: 100%; height: 100%;}
.testimonial-client-img-grp::after { content: ""; position: absolute; width: 506px; height: 506px; background-image: url("../images/inner-ellipse.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.testimonial-client-img-grp .rounded-radius + div { position: absolute; width: 100%;height: 100%;top: 0;}
.testimonial-client-img-grp .client-image { width: 58px; height: 58px; border-radius: 50%; overflow: hidden; position: absolute;}
.testimonial-client-img-grp .client-image { object-fit:  contain; object-position: top;}
.testimonial-client-img-grp .client-image:first-child{ background-color: #FFE9CA; top: 38%;left: -18px; transform: translateY(-50%);}
.testimonial-client-img-grp .client-image:nth-of-type(2){ background-color: #CAFAFF; left: 72px;top: 12%; transform: translateY(-50%);} 
.testimonial-client-img-grp .client-image:nth-of-type(3){ background-color: #F7D5FF;  top: -30px;left: 50%; transform: translateX(-50%);}
.testimonial-client-img-grp .client-image:nth-of-type(4){ background-color: #FFCFCF;  top: 12%;right: 72px; transform: translateY(-50%);}
.testimonial-client-img-grp .client-image:last-child{ background-color: #D3FFF0; top: 38%; right: -18px; transform: translateY(-50%)}
body .google-img img { max-width: 113px; object-fit: contain;}
@media only screen and (max-width: 991px) { 
    .testimonial-wrap {padding-bottom: calc(145px + var(--div-space)); }
}
@media only screen and (max-width: 767px) {
    /* .testimonial-wrap { padding: calc(var(--div-space) + 62px) 0  var(--div-space) 0;} */
    .testimonial-client-img-grp { width: 450px; height: 450px; top: -62px; display: none;}
    .testimonial-client-img-grp::after { width: 350px; height: 350px;}
    .testimonial-client-img-grp .client-image:nth-of-type(2)  { top: 9%;}
    .testimonial-client-img-grp .client-image:nth-of-type(4) { top: 9%;}
    .testimonial-wrap{padding: calc(var(--div-space) - 35px) 15px calc(145px + var(--div-space));}
    .testimonial-wrap .wpb_text_column + .wpb_single_image{display: none;}
}
@media only screen and (max-width: 575px) { 
    .rounded-img-radius { display: none;}
    .testimonial-wrap { padding: var(--div-space) 0 calc(145px + var(--div-space)) 0;}
}
/* Footer CTA */
.footer_cta { background-color: #F5F5F5; position: relative;z-index: 1; }
.footer_cta::before{ content: ""; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%); background-image: url("../images/vecteezy_australia-map-dot-pattern.svg") ; background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%;height: 100%;z-index: -1; width: 100%;height: 100%;}
.footer_cta >.wpb-content-wrapper >.vc_row { margin: 0 !important;}
.footer_cta >.wpb-content-wrapper >.vc_row > .vc_column_container{max-width: 1400px;  margin: 0 auto;float: unset;}
.footer_cta >.wpb-content-wrapper >.vc_row > .vc_column_container >.vc_column-inner { padding-top: 0;}
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper { padding: 84px 65px 85px; border-radius: 10px; overflow: hidden; background-image: url("../images/get-in-touch-bg.webp");background-size: cover; background-repeat: no-repeat;position: relative; z-index: 1; margin-top: -200px;}
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper::after { content: "";position: absolute; background-color: var(--primary); filter: blur(284px); border-radius: 50%; width: 522px; height: 522px; left: 0; top: 50%;opacity: 20%;transform: translateY(-50%); z-index: -1;} 
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column { max-width: 572px; margin-bottom: 0;}
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column h2,.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column p { color: var(--white);}
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column h2 { margin-bottom: 24px;}
.get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column p { font-size: var(--font-l); line-height: var(--lineheight-l); font-weight: 700;}
.service-location-wrap { padding: var(--div-space) 0;}
.contact-details { display: flex; flex-direction: column; align-items: flex-start;gap: 15px;}
.service-location-list .wpb_content_element{margin-bottom: 0;}
.contact-item { display: flex; align-items: center; gap: 25px;}
.contact-img {width: 68px; height: 68px; background-color: var(--white); border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.contact-img img { max-width: 32px; max-height: 32px; object-fit: contain;}
.value { width: calc(100% - 93px);display: flex; flex-direction: column; gap: 4px;}
.value p { font-size: var(--font-s); line-height: var(--lineheight-s); color: var(--grey); font-weight: 400;margin-bottom: 0;}
.value a ,.value p+p { font-size: var(--font-s); line-height: var(--lineheight-s); color: var(--black); font-weight: 700; margin-bottom: 0;}
.contact-item:hover .contact-img{ background-color: var(--primary);}
.contact-item:hover .contact-img img { filter: invert(1);}
.contact-item:hover .value a ,.value p+p:hover { color: var(--primary);}
@media only screen and (max-width:1024px) { 
    .get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper { padding: 50px;}
    .get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column h2 { margin-bottom: 16px;}
    .contact-item { gap: 15px;}
    .value { width: calc(100% - 65px);}
    .contact-img { width: 50px; height: 50px;}
    .contact-img img { max-width: 25px; max-height: 25px;}
    .contact-details { gap: 24px;}
    /* body .zak-footer { padding-top: 130px;} */
    body .zak-footer-builder .zak-top-row { margin-top: -106px;}
}
@media only screen and (max-width: 991px) { 
    .contact-img { width: 40px; height: 40px;}
    .contact-img img { max-width: 20px; max-height: 20px;}
    .value { width: calc(100% - 55px);}
    .get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper { margin-top: -145px;}
     body .zak-footer-builder .zak-top-row { margin-top: -86px;}
}
@media only screen and (max-width: 767px) { 
    .contact-details { background-color: var(--white); padding: 10px; border-radius: 6px;gap: 16px;}
    .contact-img { background-color: var(--grey-light);}
    .service-location-list .wpb_content_element { margin-bottom: 15px;}
    /* .footer_cta { clip-path: polygon( 116% 0.051%,100% 99.636%,0.1% 93.652%,49.895% 89.651%,49.892% 96.652%,0.026% 99.943%,0.026% 0.051%,99.974% 0.051% );} */
    /* body .zak-footer { padding-top: 200px;} */
    body .zak-footer-builder .zak-top-row { margin-top: -77px;}
}
@media only screen and (max-width: 600px) { 
    .get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper { padding: 30px;}
    .get-in-touch-section > .vc_column_container >.vc_column-inner >.wpb_wrapper .wpb_text_column p { font-size: var(--font-m); line-height: var(--lineheight-m);}
} 
/* Footer */
.zak-footer-builder .zak-row .zak-container { max-width: 1700px;}
.zak-top-bar { background-color: var(--black);}
.zak-footer { padding-top: var(--div-space);  background-image: url("../images/foo-car-bg.png"); background-size: cover; background-position: center; position: relative; background-color: var(--grey-light);margin-top: -1px;}
/* .zak-footer::after { content: ""; position: absolute; width: 100%;height: 100%;left: 0;top: 0;background-color: #000000CC;} */
.zak-footer .zak-row { position: relative; z-index: 1;}
.zak-footer-builder .zak-top-row { position: absolute;left: 50%; top: 0; transform: translateX(-50%); z-index: 1; margin-top: -108px;}
.toggle-btn {background-color: var(--primary); width: 60px; height: 60px; border-radius: 50%;display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.toggle-btn img { transform: rotate(270deg); max-height: 27px; height: 100%}  
.toggle-btn:hover { background-color: var(--secondary);}
.zak-footer-builder .zak-main-row { display: flex;gap: 30px; justify-content: space-between; flex-wrap: wrap;}
.zak-footer-builder .zak-main-row .zak-footer-col { width: fit-content;}
.zak-footer-builder .zak-footer-main-row { padding-bottom: 275px;}
.zak-footer-builder .zak-footer-main-row .widget .widget-title { border-bottom: none; font-size: var(--font-l); line-height: var(--lineheight-l); font-weight: 700;margin-bottom: 30px; padding-bottom: 0;}
.zak-footer-builder .zak-footer-main-row .widget .widget-title::before { display: none;}
.foo-content p{ color: var(--white); text-align: left;}
.zak-footer-builder .zak-main-row .zak-footer-main-1-col .widget_media_image{ margin-bottom: 30px;}
.zak-footer-builder .zak-main-row .zak-footer-main-1-col { max-width: 597px;}
.zak-footer-builder .zak-main-row .zak-footer-main-4-col { max-width: 325px;}
.image-grid { display: flex; align-items: center; gap: 28px; margin-top: 40px;}
.zak-footer .menu li a { font-size: var(--font-s); line-height: var(--lineheight-s);}
.zak-footer .menu { display: inline-flex;gap: 16px;}
.zak-footer .menu .current_page_item a , .zak-footer .menu li a:hover { color: var(--primary);}
.foo-blog-wrap { display: flex; flex-direction: column;}
.foo-blog-wrap .foo-blog-item { border-bottom: 1px solid var(--white); margin-bottom: 28px; padding-bottom: 28px; display: flex; align-items: flex-start;gap: 16px; flex-wrap: wrap;}
.foo-blog-wrap .foo-blog-item:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.foo-blog-wrap .foo-blog-item .foo-blog-img { max-width: 87px; max-height: 54px; border-radius: 4px; overflow: hidden;position: relative;}
.foo-blog-wrap .foo-blog-item .foo-blog-img::before { content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);}
.foo-blog-content { max-width: calc(100% - 103px);}
.foo-blog-content .foo-blog-title{ color: var(--white);font-size: var(--font-s); line-height: var(--lineheight-s); font-weight: 700; margin-bottom: 0;}
.foo-blog-wrap .foo-blog-item:hover .foo-blog-title { color: var(--primary);}
.zak-footer-builder .zak-footer-bottom-row { border: none; background-color: var(--secondary);padding: 12px 0;}
.zak-footer-builder .zak-footer-bottom-row .zak-bottom-row { position: relative;}
.zak-footer-builder .zak-footer-bottom-row .zak-bottom-row::before { content: ""; position: absolute;bottom: 0; left: 0; background-image: url("../images/foo-car-img.png");background-repeat: no-repeat;background-size: contain;width: 880px;height: 345px; }
.zak-footer-builder .zak-footer-bottom-row p { margin-bottom: 0; color: var(--white); font-size: var(--font-s); line-height: var(--lineheight-m); border-left: 1px solid rgba(255, 255, 255, 30%); border-right: 1px solid rgba(255, 255, 255, 30%);padding: 0 30px;}
.zak-footer-builder .zak-footer-bottom-row p:first-child { border-left: 0;padding-left: 0;}
.zak-footer-builder .zak-footer-bottom-row p:last-child { border-right: 0;padding-right: 0;}
.zak-footer-builder .zak-copyright { display: flex; align-items: center; justify-content: flex-end; gap: 4px;}
.zak-footer-builder .zak-footer-bottom-row p a:hover { color: var(--primary);}
@media only screen and (max-width: 1380px) { 
    .zak-footer-builder .zak-main-row .zak-footer-main-1-col { max-width: 300px;}
    .zak-footer-builder .zak-main-row .zak-footer-main-4-col { max-width: 350px}
    .zak-footer-builder .zak-footer-bottom-row .zak-bottom-row::before { bottom: 40px; height: 300px;}
    .zak-footer-builder .zak-footer-main-row { padding-bottom: 300px;}
}
@media only screen and (max-width: 1130px) { 
    .zak-footer-builder .zak-main-row .zak-footer-main-4-col { max-width: 300px;}
}
@media only screen and (max-width: 1024px) { 
    .zak-footer-builder .zak-main-row .zak-footer-main-1-col , .zak-footer-builder .zak-main-row .zak-footer-main-4-col{ max-width: 100%;}
    .foo-blog-wrap .foo-blog-item { align-items: center; margin-bottom: 20px; padding-bottom: 20px;}
    .zak-footer .menu { gap: 8px;}
    .zak-footer-builder .zak-footer-main-row .widget .widget-title { margin-bottom: 16px;}
}
@media only screen and (max-width: 991px) { 
    .zak-footer-builder .zak-footer-bottom-row .zak-bottom-row::before { display: none;}
    body .zak-footer.zak-footer-builder .zak-footer-main-row { padding-bottom: var(--div-space);}
    .zak-footer-builder .zak-main-row { justify-content: flex-start; gap: 30px;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col {width: calc(50% - 30px /2);}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-2-col { order: 4;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-3-col { order: 3;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-4-col { order: 2;}
    .zak-footer .menu { display: grid; grid-template-columns: repeat(2,1fr);}
    .zak-footer-builder .zak-copyright { justify-content: center;}
    .zak-footer-builder .zak-footer-bottom-row p { padding: 0 15px; font-size: var(--font-s); line-height: var(--lineheight-s);}
}
@media only screen and (max-width: 768px) { 
    .zak-footer.zak-footer-builder .zak-footer-main-row .zak-main-row { gap: 30px; display: flex; flex-direction: column;} 
    .zak-footer-builder .zak-footer-main-row .zak-footer-col { width: 100%;}
    .zak-footer .menu { display: flex; flex-direction: column;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col .widget-title { margin-bottom: 0; border-bottom: 1px solid var(--white); padding-bottom: 16px;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col .widget-title + div { display: none; margin-top: 16px;}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.selected .widget-title + div{ display: block;}
    .zak-footer-builder .zak-footer-main-row .widget .widget-title::after { content: "\2b"; position: absolute;font-family: "FontAwesome"; color: var(--white);right: 0; top: 50%; transform: translateY(-50%);}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.selected .widget-title::after{color: var(--primary);content: "\f068"; }
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.selected .widget-title { color: var(--primary); border-color: var(--primary);}
    .image-grid { margin-top: 20px;}
}
@media only screen and (max-width: 767px) { 
    .zak-footer-builder .zak-copyright { flex-direction: column;}
    .zak-footer-builder .zak-footer-bottom-row p { border: none; padding: 0;}
}
@media only screen and (max-width: 575px) { 
    .zak-footer-builder .zak-footer-bottom-row { margin-bottom: 46px;}
}
/* Hero Banner */
.hero-banner { position: relative; top: 0; padding-bottom: 342px;}
.hero-banner::after{ content: ""; position: absolute;bottom: 0; left: 50%; transform: translateX(-50%); background-image: url("../images/car-bg-banner.webp"); background-size: contain; background-repeat: no-repeat; width: 1227px; height: 670px;z-index: 1; background-position: center;}
.hero-banner .intesols-slide-second { max-width: 1113px; margin: 0 auto; padding: 0 16px;text-align: center;z-index: 1; position: relative}
.hero-banner .intesols-slide { padding: 210px 0 360px 0; position:relative;background-size: cover; background-position: center 100%; background-repeat: no-repeat;}
.intesols-slider-heading { color: var(--white);font-size: var(--font-xxl); line-height: var(--lineheight-xxl);margin-bottom: 24px;}
.intesols-slider-buttons .intesols-button {width: auto;text-decoration: none;display: inline-flex; }
.slick-arrow { position: absolute;top: 50%; transform: translateY(-50%);z-index:1; background-color: transparent; padding: 0; background-repeat: no-repeat; background-size: contain;background-position: center;width: 24px; height: 50px;}
.slick-arrow i { display: none;}
.slick-arrow.slick-next { right: 100px; background-image: url("../images/orange-arrow-right.svg");}
.slick-arrow.slick-prev { left: 100px; background-image: url("../images/orange-arrow-left.svg");}
.slick-arrow.slick-disabled {opacity: 50%; }
.intesols-slider{ position: relative;z-index: 1; clip-path:  polygon( 0% 0%,100% 0%,100% 89.523%,50% 100%,0% 89.523%,0% 0% );}
.intesols-slider .intesols-slide::before { content: ""; position: absolute; top: 0; left: 0; width: 100%;height: 100%;background: radial-gradient(50% 50% at 50% 50%, rgba(255, 249, 242, 0) 0%, #FFF9F2 100%);z-index: 0; opacity: 0.6;}
.intesols-slider .intesols-slide::after { content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));display: block; z-index: 0;}
@media only screen and (max-width: 1380px) { 
    .hero-banner::after { width: 100%; height: 550px;}
    .hero-banner .intesols-slide { padding-bottom: 210px;}
    .slick-arrow.slick-next { right: 16px;}
    .slick-arrow.slick-prev { left: 16px;}
}
@media only screen and (max-width: 1280px) { 
    .hero-banner .intesols-slide-second { max-width: 1024px;}
}
@media only screen and (max-width: 1024px) { 
    .hero-banner .intesols-slide-second { max-width: 100%; width: 80%;}
}
@media only screen and (max-width: 767px) { 
    .hero-banner .intesols-slide { padding:170px 0 80px 0 ;}
    body .hero-banner::after { display: none;}
    .hero-banner { padding-bottom: 0;}
    /* .hero-banner .intesols-slide-second  { max-width: 100%; width: 80%;} */
    .intesols-slider-heading { font-size: var(--font-H1); line-height: var(--lineheight-H1);}
}

/*  Blog list Page */
.blog .zak-posts { grid-template-columns: repeat(2,1fr); gap: 30px;}
.blog .zak-posts .zak-post { border-bottom: 0; padding: 0; position: relative;}
.blog .zak-posts .zak-post .zak-entry-thumbnail { border-radius: 10px; overflow: hidden;position: relative;height: 100%;}
.blog .zak-posts .zak-post .zak-entry-thumbnail .zak-entry-thumbnail__link { height: 100%;}
.blog .zak-posts .zak-post:hover .zak-entry-thumbnail img { transform: scale(1.1); transition: all 0.3s ease-in-out;}
.blog .zak-posts .zak-post .zak-entry-thumbnail img { width: 100%;;height: 100%; transition: 0.3s; overflow: hidden;}
.blog .zak-posts .zak-post .zak-entry-thumbnail::before { content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);z-index: 1;}
.blog .zak-posts .zak-post-content {position: absolute;bottom: 0;left: 0;padding: 24px 20px;display: flex; justify-content: space-between; width: 100%;z-index:2}
.blog .zak-posts .entry-title {    color: var(--white);font-size: 20px;line-height: 30px;color: var(--white);font-weight: 700;margin-bottom: 0; }
.blog .zak-posts .entry-title a { color: inherit;font-size: inherit;line-height: inherit;font-weight: inherit;}
.blog .zak-posts .entry-title a:hover, .blog .zak-posts .entry-title:hover a { text-decoration: none;}
.blog .zak-posts .zak-entry-summary { display: none;}
.blog .zak-posts .zak-entry-footer { position: absolute; right: 0; bottom: 0; background-color: var(--white); border-top-left-radius: 10px; width: 48px; height: 48px; padding: 5px; display: flex; align-items: center; justify-content: center;}
.blog .zak-posts .zak-entry-footer .entry-button{ font-size: 0; line-height: 0; background-color: var(--primary);width: 38px; height: 38px; border-radius: 50%;display: flex; align-items: center; justify-content: center; position: relative}
.blog .zak-posts .zak-entry-footer .entry-button::before { content: ""; position: absolute;background-image: url("../images/pointed-arrow.svg"); background-repeat: no-repeat; background-size: contain; background-position: center;width: 9px; height: 20px; }
.blog .zak-posts .zak-entry-footer .entry-button svg { display: none;}

@media only screen and (max-width: 991px) { 
    .blog .zak-posts .zak-post-content { padding: 20px 50px 20px 20px;}
    .blog .zak-posts .entry-title {  font-size: var(--font-m); line-height: var(--lineheight-m);}
    .blog .zak-posts { gap: 15px;}
}

/* Page header */
body .zak-page-header, .zak-container--separate .zak-page-header { clip-path: polygon( 99.974% 0.081%,99.974% 91.131%,71.498% 99.873%,0.026% 91.127%,0.026% 0.081%,99.974% 0.081% ); position: relative; padding-top: 160px; background-position: 33% 28%; }
.zak-page-header::before, .zak-container--separate .zak-page-header::before {content: ""; position: absolute; top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 82.08%),linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);}
body:not(.tg-container--separate) #page { background: transparent;}
.zak-page-header .zak-container {max-width: 1700px;position: relative;z-index: 1; }
.zak-page-header .zak-container .zak-row { flex-direction: row; align-items: center; position: relative;min-height: 450px;align-content: center;}
.pg-header-img-wrap { position: absolute; right: 0; bottom: -10px; width: auto; height: 100%; background-image: url("../images/circle-img-bg.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; display: flex; align-items: center; justify-content: center; padding: 20px;}
.pg-header-title-wrap { max-width: 840px;}
.zak-breadcrumbs { margin-top: 20px;}
.pg-header-title-wrap .zak-page-header__title h1{ color: var(--white); font-size: var(--font-H1); line-height: var(--lineheight-H1); font-weight: 700;}
.zak-breadcrumbs .trail-items .trail-item a, .zak-breadcrumbs .trail-items .trail-item span { color: var(--white); font-size: var(--font-m); line-height: var(--lineheight-l); font-weight: 700; text-decoration: none;}
.zak-breadcrumbs .trail-items .trail-item >span { color: var(--primary);}
.zak-breadcrumbs .trail-items li::after, .breadcrumbs .trail-items li::after { color: var(--white); margin: 0 20px;}
.zak-breadcrumbs .trail-items .trail-item a:hover, .zak-breadcrumbs .trail-items .trail-item a:hover span { color: var(--primary);}
@media only screen and ( max-width: 1280px) { 
    .pg-header-title-wrap { max-width: 550px;}
}
@media only screen and (max-width: 1150px) { 
    .pg-header-img-wrap { display: none;}
    .pg-header-title-wrap { max-width: 1024px;}
    .zak-page-header .zak-container .zak-row { min-height: 380px;}
}
@media only screen and (max-width: 991px) { 
    .zak-breadcrumbs .trail-items .trail-item a, .zak-breadcrumbs .trail-items .trail-item span { font-size: var(--font-s); line-height: var(--lineheight-s);}
    .zak-breadcrumbs .trail-items li::after, .breadcrumbs .trail-items li::after { margin: 0 4px;}
    .zak-page-header .zak-container .zak-row { min-height: 100%;}
    .zak-page-header .zak-container .zak-row .pg-header-title-wrap {padding: var(--div-space) 0; max-width: 100%;}
}

/* car repair service page */
.single-car-repair-service .zak-primary { padding-bottom: 0;}
.single-car-repair-service .our-service-wrap {padding-bottom: calc(200px + var(--div-space));}
.single-car-repair-service .zak-content .zak-container, .single-log-book-service .zak-content .zak-container{ max-width: 100%; padding: 0;}
.single-car-repair-service .zak-content .container, .our-service-container, .single-log-book-service .zak-content .container { max-width: 1400px; margin: 0 auto; padding: 0 16px;}
.our-service-wrap { background-color: var(--primary-light); padding: var(--div-space) 0;}
.our-service-wrap .wpb_content_element { margin-bottom: 0;}
.service-item , .loc-item  { margin: 0; display: grid; grid-template-columns: repeat(3,1fr); column-gap: 97px; row-gap: 18px;}
.service-item .service-title, .loc-item .loc-title { position: relative; padding-left: 44px;list-style: none; margin-bottom: 0; display: flex; align-items: center;}
.service-item .service-title::before , .loc-item .loc-title::before { content: ""; position: absolute; left: 0; top: 50%;transform: translateY(-50%); width: 28px; height: 28px; background-image: url("../images/service-img.png"); background-size: contain; background-repeat: no-repeat; }
.service-item .service-title a,.loc-item .loc-title a  { font-weight: 600;}
.service-item .service-title a:hover, .loc-item .loc-title a:hover { color: var(--primary);}
.action-buttons button { padding: 0; background-color: transparent;}
.action-buttons { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; margin-top: 40px;}
.action-buttons br { display: none;}
.img-with-content .vc_column_container .vc_row-fluid { display: flex; align-items: center; flex-direction: row-reverse; flex-wrap: wrap; margin-bottom: 36px; border-bottom: 1px solid var(--primary); padding-bottom: 36px;}
.img-with-content .vc_column_container .vc_row-fluid:last-child {margin-bottom: 0;padding-bottom: 0; border-bottom: 0;}
.img-with-content .vc_column_container .vc_row-fluid h2.vc_custom_heading {font-size: var(--font-l); line-height: var(--lineheight-l);font-weight: 700; font-family: 'Oxanium';margin-bottom: 16px; }
.img-with-content .wpb_content_element , .service-extra-content .wpb_content_element{ margin-bottom: 0;}
.img-with-content .wpb_content_element a , .service-extra-content a{ color: var(--primary); text-decoration: none;}
.img-with-content .wpb_content_element a:hover, .service-extra-content a:hover { color: var(--secondary);}
 .single-car-repair-service .zak-content .zak-container .wpb-content-wrapper , .single-log-book-service .zak-content .zak-container .wpb-content-wrapper{ display: flex; flex-direction: column; gap: 36px;}
.car-repair-wrap , .log-book-list-wrap{ padding-bottom: var(--div-space);}
.img-with-content .vc_column_container .vc_row-fluid  h6 { font-size: var(--font-l); line-height: var(--lineheight-l); font-weight: 700; font-family: 'open sans';margin-bottom: 36px; color: var(--black);}
.service-content-wrap p a { color: var(--primary);}
.service-content-wrap p a:hover { color: var(--secondary);}
/* .service-content-wrap .wpb_content_element { margin-bottom: 0;} */
.img-with-content .vc_column_container .vc_row-fluid:nth-child(2n){ flex-direction: row;}
.img-with-content .wpb_column .vc_column-inner >.wpb_wrapper:has(.wpb_single_image + .wpb_single_image) .wpb_single_image + .wpb_single_image{ margin-top: 16px;}
.benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper {display: flex; flex-wrap: wrap; justify-content: center;gap: 30px;}
.benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_text_column{ width: calc(25% - 90px / 4); background-color: var(--black); padding: 20px; border-radius: 10px;margin-bottom: 0;}
.benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_text_column p{ color: var(--white); text-align: center;}
.benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_text_column h5 { font-size: var(--font-xl); line-height: var(--lineheight-xl);color: var(--primary); text-align: center;}
.service-image-wrap .wpb_content_element { margin-bottom: 0;}
.img-gallery-wrap .wpb_image_grid_ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 30px; height: 100% !important;}
.img-gallery-wrap .wpb_image_grid_ul .isotope-item { position: unset !important;} 
.img-gallery-wrap .wpb_image_grid_ul .isotope-item a{ border: 1px solid var(--primary); padding: 20px; border-radius: 6px; text-align: center;}
.img-gallery-wrap .wpb_image_grid_ul .isotope-item a img { border-radius: 6px; aspect-ratio: 1; object-fit: contain; display: inline-block;}
.img-gallery-wrap .wpb_gallery { margin-bottom: 0;}
.log-book-wrap { display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; padding-bottom: var(--div-space);}
.log-book-list-wrap .vc_column_container .vc_column-inner > .wpb_wrapper { display: flex; flex-direction: column; gap: 36px;}
.log-book-wrap .wpb_content_element { margin-bottom: 0;}
.log-book-wrap .log-book-item {width: calc(25% - 90px / 4); background-color: var(--white); padding:34px 20px; border-radius: 6px;display: flex; align-items: center; justify-content:center;flex-direction: column; text-align: center;box-shadow: 0 4px 10px rgba(0,0,0,0.1); text-decoration: none; gap: 30px;}
.log-book-wrap .log-book-item:hover { background-color: var(--black); }
.log-book-wrap .log-book-item:hover .log-book-content .log-book-title { color: var(--white);}
.log-book-wrap .log-book-item .log-book-content .log-book-title{ font-size: var(--font-l); line-height: var(--lineheight-l); color: var(--black); font-weight: 700;}
.log-book-list-wrap .log-book-wrap { padding-bottom: 0;}
@media only screen and (max-width: 1024px) { 
    .service-item, .loc-item { column-gap: 50px; row-gap: 18px;}
    .action-buttons { gap: 24px;}
    .log-book-wrap .log-book-item { padding: 20px 18px;}
}
@media only screen and (max-width: 991px) { 
    .service-item, .loc-item { column-gap: 20px; row-gap: 18px;}
    .benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_text_column { width: calc(50% - 30px /2);}
    .log-book-wrap .log-book-item { width: calc(33.33% - 60px / 3);}
    .single-car-repair-service .our-service-wrap , body .zak-primary:has(.our-service-wrap) .our-service-wrap{padding-bottom: calc(145px + var(--div-space));} 
}
@media only screen and (max-width: 767px) { 
    .service-item, .loc-item{ grid-template-columns: repeat(2,1fr);}
     .img-gallery-wrap .wpb_image_grid_ul { grid-template-columns: repeat(2,1fr);}
     .action-buttons { gap: 16px; margin-top: 20px;}
     .log-book-wrap { gap: 15px;}
     .log-book-wrap .log-book-item { width: calc(50% - 15px / 2);}
}
@media only screen and (max-width: 575px) { 
    .service-item, .loc-item{ grid-template-columns: repeat(1,1fr);}
    .benefits-wrap .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_text_column { width: 100%;}
    .img-gallery-wrap .wpb_image_grid_ul { grid-template-columns: repeat(1,1fr); gap: 15px;}
    .img-gallery-wrap .wpb_image_grid_ul .isotope-item a { padding: 5px;}
    .img-gallery-wrap .wpb_image_grid_ul .isotope-item a img{ aspect-ratio: unset;}
}
@media only screen and (max-width: 425px) { 
    .log-book-wrap .log-book-item { width: 100%;}
}

/*  Pricing component */
.pricing-packages-listing { padding-top: 40px; gap: 15px; justify-content: center;}
.pricing-packages-listing .vc_column_container { width: calc(33.33% - 30px /3);}
.pricing-packages-listing .vc_column_container .vc_column-inner {height: 100%;}
.pricing-packages-listing .vc_column_container .vc_column-inner >.wpb_wrapper{ background-color: var(--black); border-radius: 10px; padding: 20px; height: 100%;}
.pricing-packages-listing .vc_column_container .vc_column-inner >.wpb_wrapper .wpb_single_image { margin-bottom: 20px; }
.pricing-packages-listing .wpb_single_image .vc_single_image-wrapper { background-color: var(--primary); width: 100px; height: 100px; border-radius: 50%; padding: 15px; margin-top: -70px;}
.pricing-packages-listing .wpb_single_image .vc_single_image-wrapper img { filter: invert(1);}
.pricing-packages-listing .wpb_text_column { margin-bottom: 0;}
.pricing-packages-listing .wpb_text_column h2 { color: var(--white); font-size: var(--font-l); line-height: var(--lineheight-l); text-align: center; margin-bottom: 4px;}
.pricing-packages-listing .wpb_text_column .price { color: var(--white); font-size: 30px; line-height: 40px; text-align: center;}
.pricing-packages-listing .wpb_text_column ul li { color: var(--white);}
.pricing-packages-listing .wpb_text_column ul li a { color: var(--primary);}
.price-title-icon { display: flex; align-items: center; justify-content: center; border-bottom: 1px solid rgba(255, 255, 255, 30%); margin-bottom: 30px !important; padding-bottom: 20px; flex-direction: column;}
@media only screen and (max-width: 991px) { 
    .pricing-packages-listing { row-gap: 80px;}
    .pricing-packages-listing .wpb_single_image .vc_single_image-wrapper  { width: 80px; height: 80px; margin-top: -60px;}
    .pricing-packages-listing .wpb_text_column h2 { font-size: 20px; line-height: 30px;}
    .pricing-packages-listing .wpb_text_column .price { font-size: var(--font-l); line-height: var(--lineheight-l);}
    .pricing-packages-listing .vc_column_container { width: calc(50% - 15px /2);} 
}
@media only screen and (max-width: 767px) { 
    .pricing-packages-listing { column-gap: 0;}
    .pricing-packages-listing .vc_column_container{ width: 100%;}
}
/*  Log book list page */
.log-book-list-wrap p a { color: var(--primary);}
.log-book-list-wrap p a:hover { color: var(--secondary);}
 .service-item .service-title a{ text-decoration: none; color: var(--grey); color: var(--black);}
 .service-item .service-title a:hover { color: var(--primary);}
.log-book-list-wrap .wpb_content_element {margin-bottom: 0; }
.log-book-list-wrap .parent-service-wrap { margin-top: 40px;}
@media only screen and (max-width: 767px) { 
    .log-book-list-wrap .parent-service-wrap { margin-top: 20px;}
}
/* vertical progress */
.vertical-progress-wrap { background-color: var(--primary-light);}
.vertical-progress-wrap .vertical-progress-list { counter-increment: number; margin-bottom: 40px;}
.vertical-progress-wrap .vertical-progress-list:last-child { margin-bottom: 0;}
.vertical-progress-wrap .vertical-progress-list{ padding-left: 54px;position: relative;}
.vertical-progress-wrap .vertical-progress-list::before { content:counter(number); position: absolute;top: 2px; left: 16px; background-color: var(--black); width: 38px; height: 38px; border-radius: 50%; display: flex;align-items: center; justify-content: center;font-size: var(--font-l); line-height: var(--lineheight-l); color: var(--white);}
.vertical-progress-wrap .vertical-progress-list h2.vc_do_custom_heading { font-size: var(--font-xl); line-height: var(--lineheight-xl);}
.vertical-progress-list ul li ul + p { margin-top: 16px;}
.vertical-progress-list .wpb_content_element {margin-bottom: 0;}


/* contact Page */
.contact-page .contact-page-img .vc_column-inner { padding-right: 0;}
.contact-page .contact-form .vc_column-inner { padding-left: 0;}

@media only screen and (max-width:767px) { 
    .contact-page .contact-page-img .vc_column-inner { padding-right: 15px;}
    .contact-page .contact-form .vc_column-inner { padding-left: 15px;}
    .contact-page .vc_column_container .vc_column-inner .wpb_wrapper .wpb_row { flex-direction: column-reverse;}
    .contact-page .contact-page-img iframe { aspect-ratio: 1;}
}

/* Single post (Blog Page) */
body.single-post,body.single-post .zak-content{ background-color: var(--primary-light);}
.single-post .post .zak-entry-thumbnail { border-bottom: 1px solid var(--primary); padding-bottom: 30px; margin-bottom: 30px;}
.single-post .post .entry-content h2:first-of-type,.single-post .post .entry-content h3:first-of-type,.single-post .post .entry-content h4:first-of-type, .single-post .post .entry-content h5:first-of-type,.single-post .post .entry-content h6:first-of-type{margin-top: 0;}
.single-post .post .entry-content h3, .single-post .post .entry-content h4, .single-post .post .entry-content h5,.single-post .post .entry-content h6 { margin-top: 16px; font-weight: 700;}
.single-post .post .entry-content h2 { margin-top: 20px;}
.single-post .post .entry-content a { color: var(--primary); text-decoration: none;}
.single-post .post .entry-content a:hover { color: var(--secondary);}
.single-post .post .entry-content span { text-decoration: none !important;}
.single-post .post-navigation { display: none;}

/* Pagination */
.pagination { margin-top: 40px; text-align: center; display: flex; align-items: center; justify-content: center;gap: 10px;flex-wrap: wrap;}
.pagination .page-numbers { background-color:  var(--primary); border-radius: 10px; display: inline-block; font-size: var(--font-s);line-height: var(--font-s); color: var(--white);padding: 10px 15px; text-decoration: none;border: 1px solid var(--primary);}
.pagination .page-numbers.current, .pagination .page-numbers:hover { background-color: transparent; color: var(--primary);}
@media only screen and (max-width: 991px) { 
    .pagination .page-numbers { padding: 8px 12px;}
}
/* Location page */ 
body.single-location .zak-primary { padding-bottom: 0;}
.single-location .zak-content .zak-container { max-width: 100%; padding: 0;}
.single-location .zak-content .zak-container .zak-row {flex-direction: column; }
.single-location .zak-content .container { max-width: 1500px; padding: 0 16px; margin: 0 auto;position: relative; z-index: 1;}
.loc-content-section { display: flex; align-items: center; gap: 30px;flex-wrap: wrap;}
.loc-hero-wrap { padding: 210px 0 210px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; clip-path: polygon( 0% 0%,100% 0%,100% 89.523%,50% 100%,0% 89.523%,0% 0% );}
.loc-hero-wrap::after {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%),linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); top: 0;left: 0; display: block; z-index: 0;}
.loc-herotxt { width: 50%;}
.loc-form { width: calc(50% - 30px);}
.loc-herotxt h1, .hero-txt-wrap p, .hero-txt-wrap p{ color: var(--white); }
.single-location .loc-hero-wrap .container { max-width: 1700px;}
.loc-herotxt h1 { margin-bottom: 10px;}
.location-desc { font-size: var(--font-l); line-height: var(--font-l);margin-bottom: 24px;}
.reviews { font-size: var(--font-m); line-height: var(--lineheight-m);}
.reviews i { font-size: var(--font-xl); line-height: var(--lineheight-xl); color: var(--primary);}
.reviews a:hover i { color: var(--secondary);}
.contact-number { color: var(--white); font-size: var(--font-H2); line-height: var(--lineheight-H2);font-weight: 700 ;position: relative; display: inline-flex;gap: 15px;align-items: center;margin-top: 40px;}
.contact-number::before { background-color: var(--primary); width: 60px; height: 60px; border-radius: 50%; content: "\f095"; font-family: 'FontAwesome'; font-size: var(--font-xl); line-height: var(--lineheight-xl); color: var(--white); display: flex; align-items: center; justify-content: center;}
.contact-number:hover { color: var(--primary);}
.contact-number:hover::before { animation:pulse-animation 2s infinite}
.loc-form .wpcf7-form { background-color: var(--white); padding: 40px; border-radius: 10px;}
.loc-form .wpcf7-form  label { color: var(--black); font-size: var(--font-m); line-height: var(--lineheight-m);}
.loc-form .wpcf7-form input, .loc-form .wpcf7-form textarea { background-color: transparent; border: 1px solid var(--primary); color: var(--black); border-radius: 6px;}
.loc-form .wpcf7-form .wpcf7-not-valid-tip { color: var(--black); font-weight: 700;}
body .loc-form .wpcf7-form .wpcf7-response-output { color: var(--black);}
.loc-list-wrap { background-color: #F5F5F5; padding: var(--div-space) 0;}
.loc-list-wrap .vc_column_container .vc_column-inner { padding-top: 0 !important;}
.loc-list-wrap .wpb_content_element { margin-bottom: 0;}
.model-make-wrap + .vc_row-full-width + .img-with-content { padding-top: var(--div-space); margin-bottom: 36px;}
.model-make-wrap + .vc_row-full-width + .img-with-content + .service-extra-content { padding-bottom: var(--div-space);}
 @media only screen and (max-width: 1200px) { 
    .loc-form .wpcf7-form { padding: 20px;}
 }
 @media only screen and (max-width: 991px) { 
    .contact-number { margin-top: 20px;}
    .contact-number::before { width: 40px; height: 40px; font-size: 20px;}
    .loc-content-section { gap: 15px;}
    .loc-form { width: calc(50% - 15px);}
}
@media only screen and (max-width: 860px) { 
    .loc-form , .loc-herotxt { width: 100%;}
    .loc-content-section { gap: 30px;}
}
@media only screen and (max-width: 767px) { 
    .loc-hero-wrap{ clip-path: polygon( 0% 0%,100% 0%,100% 96.523%,50% 100%,0% 96.523%,0% 0% ); padding: 170px 0 80px 0;} 
}

/* Buy Now page */
.buy-now-form .contact-form .wpcf7-form{ padding: 50px 20px; max-width: 860px; margin: 0 auto;}

/*  About us page */
.about-us-wrap .about-us-popup-video { padding-right: 30px;}
.about-us-wrap .about-us-popup-video .wpb_text_column{ margin-bottom: 0;}
.about-us-wrap .about-text { max-width: 685px;padding-right: 15px;}
.video-popup { text-align: right; position: absolute; top: 20px; right: 230px;}
.video-popup a{ display: inline-flex; justify-content: flex-end; position: relative; border-radius: 10px; overflow: hidden;}
.video-popup a::after { content: "\f144"; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 25.28px; height: 25.28px;color: var(--primary); font-family: "FontAwesome"; font-size: 25px;}
.video-popup a:hover::after { color: var(--black);}
.about-us-wrap .about-us-popup-video .wpb_single_image { margin-bottom: 0; margin-top: 117px;}
@media only screen and (max-width: 1780px) { 
  .video-popup  { position: unset;}
   .about-us-wrap .about-us-popup-video .wpb_single_image  { margin-top: 0;}
}
@media only screen and (max-width: 1400px) { 
    .about-us-wrap .about-text { max-width: 100%;}
}
@media only screen and (max-width: 991px) { 
    .about-us-wrap .vc_column_container .vc_column-inner >.wpb_wrapper >.vc_inner {display: flex; flex-direction: column; gap: 30px;}
    .about-us-wrap .vc_column_container .vc_column-inner >.wpb_wrapper >.vc_inner::after, .about-us-wrap .vc_column_container .vc_column-inner >.wpb_wrapper >.vc_inner::before { display: none;}
    .about-us-wrap .about-text,.about-us-wrap .about-us-popup-video { width: 100%; padding: 0 15px;}
    .about-us-wrap .about-us-popup-video { padding-left: 0;}
}
@media only screen and (max-width: 767px) { 
    .video-popup a img { max-width: 150px;}
}

/* CPT section */
.cpt-siblings, .cpt-siblings-wrap .inner-service-wrap { display: flex; gap: 30px; flex-wrap: wrap; justify-content: center; margin-left: 0;}
.cpt-siblings li, .cpt-siblings-wrap .inner-service-wrap p{ list-style: none; width: calc(25% - 90px / 4); text-align: center; margin: 0;}
.cpt-siblings li a, .cpt-siblings-wrap .inner-service-wrap p a{  color: var(--white); font-family: 'oxanium'; font-size: var(--font-l); line-height: var(--lineheight-l); background-color: var(--primary); border-radius: 10px; padding: 20px; display: flex; align-items: center; justify-content: center; height: 100%;}
.cpt-siblings li:hover a, .cpt-siblings-wrap .inner-service-wrap p:hover a{ background-color: var(--secondary);}
.cpt-siblings li:hover a, .cpt-siblings-wrap .inner-service-wrap p:hover a { color: var(--white);}
.cpt-siblings-wrap .wpb_content_element { margin-bottom: 0;}
@media only screen and (max-width: 991px) {
    .cpt-siblings, .cpt-siblings-wrap .inner-service-wrap { gap: 15px;}
    .cpt-siblings li, .cpt-siblings-wrap .inner-service-wrap p { width: calc(33.33% - 30px /3);}
}
@media only screen and (max-width: 767px) { 
    .cpt-siblings li, .cpt-siblings-wrap .inner-service-wrap p { width: calc(50% - 15px /2); } 
}
@media only screen and (max-width: 575px) { 
    .cpt-siblings li a, .cpt-siblings-wrap .inner-service-wrap p a { font-size: var(--font-m); line-height: var(--lineheight-m);}
}
@media only screen and (max-width: 425px) { 
     .cpt-siblings li, .cpt-siblings-wrap .inner-service-wrap p { width: 100%; } 
}

/*  Location page listing*/
.location-page-listing .loc-item { gap: 30px;}
.location-page-listing .loc-item .loc-title{ flex-direction: column; background-color: var(--black); border-radius: 10px; align-items: normal;padding: 0; overflow: hidden;}
.location-page-listing .loc-item .loc-title::before { display: none}
.location-page-listing .loc-item .loc-title a { color: var(--white);text-decoration: none; padding: 10px; text-align: center;} 
.location-page-listing .loc-item .loc-title:hover { background-color: var(--primary);}
@media only screen and (max-width: 991px) { 
    .location-page-listing .loc-item { gap: 15px;}
}

/* Sitemap page */
.site-map-page ul{margin-bottom: 0 ;margin-left: 0; display: flex; flex-wrap: wrap;justify-content: flex-start; border: none; border-radius: 0; border-left: var(--primary) 1px solid; padding: 0;}
.site-map-page ul li { list-style: none;position: relative; break-inside: avoid-column; width: 25%;}
.site-map-page ul li a { color: var(--black); text-decoration: none; display: flex; padding: 10px; height: 100%; border-bottom: var(--primary) 1px solid; position: relative; z-index: 2; border-right: var(--primary) 1px solid;}
/* .site-map-page ul li:hover { background-color: var(--secondary);} */
.site-map-page ul li:hover a { color: var(--primary);}
/* .site-map-page ul li:hover::before { transform: scale3d(1, 1, 1); opacity: 1;} */
.site-map-page h2 { margin-top: 40px; margin-bottom: 0; font-size: 30px; line-height: 40px; background-color: var(--primary); color: var(--white); border-radius: 10px 10px 0 0; padding: 10px 20px;}
.site-map-page h2:first-of-type { margin-top: 0 ;}
@media only screen and (max-width: 1180px) { 
    .site-map-page ul li { width: 33.33%;}
}
@media only screen and (max-width: 767px) { 
    .site-map-page ul li { width: 50%;}
    .site-map-page h2 { font-size: var(--font-l); line-height: var(--lineheight-l);}
    .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-4-col, .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-3-col, .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-2-col, .zak-footer-builder .zak-footer-main-row .zak-footer-col.zak-footer-main-1-col { max-width: 100%;}
   html body .zak-footer.zak-footer-builder .zak-footer-top-row { padding-bottom: 0 !important;}
}
@media only screen and (max-width: 435px) { 
    .site-map-page ul li { width: 100%;}
}
.home .service-content-wrap .home-moreless-button{background-color: var(--secondary); color: var(--white); font-size: var(--font-s); line-height: var(--lineheight-s); border-radius: 80px; padding: 12px 20px; border: none; box-shadow: none; border: none;}
.home .service-content-wrap .home-moretext + p{text-align: center; padding-bottom: var(--div-space);}
.home .service-content-wrap .home-moretext ul{row-gap: 5px;}
.home .service-content-wrap .home-moretext ul li{font-weight: normal;}
.home .service-content-wrap .home-moreless-button:hover{background: var(--primary);}
.home .service-content-wrap .home-moretext h2{margin-bottom: 10px; font-size: var(--font-xl); line-height: 1.3; font-weight: 700; margin-top: 30px;}
.single-log-book-service .zak-primary .log-book-wrap .wpb-content-wrapper > div .wpb_wrapper h2{font-size: var(--font-xl); line-height: 1.5;}
.single-log-book-service .zak-primary .log-book-wrap .wpb-content-wrapper > div .wpb_wrapper ul{margin-bottom: 10px;}
.single-log-book-service .zak-primary .log-book-wrap .wpb-content-wrapper > div .wpb_wrapper img{border-radius: 10px;}