@charset "UTF-8";
/*
Theme Name: Burbank Auto Detail
Theme URI: 
Author: Custom Virtual Solutions
Author URI: 
Description: A theme for WordPress 6.
Requires at least: WordPress 6.7.1
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Burbank Auto Detail is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* Fonts */
@font-face {
  font-family: 'ArianLT';
  src: url('assets/fonts/ArianLT/ArianLT-Light.woff2') format('woff2'),
      url('assets/fonts/ArianLT/ArianLT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Agency FB';
  src: url('assets/fonts/AgencyFB/AgencyFB-Reg.woff2') format('woff2'),
      url('assets/fonts/AgencyFB/AgencyFB-Reg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Agency FB';
  src: url('assets/fonts/AgencyFB/AgencyFB-Bold.woff2') format('woff2'),
      url('assets/fonts/AgencyFB/AgencyFB-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}



/*###################################
# General Styles
###################################*/
html {font-size: 16px; /* 1em */ overflow: auto; line-height: 1.15; -webkit-text-size-adjust: 100%; background: #000000;min-width: 320px;}
body {font-family: "ArianLT", sans-serif; margin: 0 auto; width: 100%; min-width: 320px;}
a, a:visited {color: inherit; text-decoration: none; transition: all .5s ease; -webkit-transition: all .5s ease; text-decoration: none !important;}
a:hover {}
a:focus {outline: none !important;}
img {transition: all ease 0.5s;display: block;}
p {margin-bottom: 20px;font-family: "Barlow", sans-serif;line-height: 1.2;}
li { line-height: 1.5; }
p, li {font-size: 16px; color: #ffffff;}
h1, h2, h3, h4, h5 {line-height: 1.2; margin-bottom: 20px;font-weight: 300;}
h1, h2, h3, h4, h5, .h1, .h2, .h3, p, li  {margin-top: 0;}
h4, h5 { font-family: "Agency FB", sans-serif; }
h1{ font-size: 60px; }
h2{font-size:40px;}
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { color: #000 !important; }

/*###################################
## Layouts
###################################*/
.site {margin: 0 auto;}
.full {width: 100%;}
.main {max-width: 100%;}
.entry-content {margin: 0;}
.hentry, .so-panel, .panel-grid {margin-bottom: 0!important;}
.has-1-columns .wp-block-column {flex-basis: 100%;}
.wp-block-column, .blocks-gallery-item {margin: 0 !important;}
.wp-block-gallery.is-cropped .blocks-gallery-item img {height: auto; width: auto; object-fit: contain;}
.screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;}
/* .container, .container-fluid {max-width: 1360px; margin: 0 auto; padding-left: 15px; padding-right: 15px;} */
.row {width: 100%; max-width: 1630px; margin: 0 auto; padding: 0 15px;}
.blog .container { width: 100%; max-width: 1630px; padding: 0 15px; margin: 0 auto; }
.clearfix {clear: both;}
.dwn { display: block; }
.grecaptcha-badge { z-index: 999 !important; }

/*###################################
## Forms
###################################*/
/* .ctc-form {text-align: center;}
.ctc-form p {margin-bottom: 0;}
.ctc-form label {font-weight: 400;} 
.ctc-form textarea {max-height: 110px;}
.ctc-form textarea, .ctc-form input {font-family: "Arial";}
.ctc-form textarea, .ctc-form input:not([type="checkbox"]), .ctc-form select {padding: 10px 20px;}
.ctc-form input:not([type="checkbox"]), .ctc-form select {height: 45px;}
.ctc-form input[type="submit"] {background: #fff!important; border-radius: 0!important; margin-top: 10px; border: none;}
.ctc-form input[type="submit"]:hover {background: #1E2A5A!important;}
.ctc-hide {display: none;}
.ctc-form .form-control {border-radius: 0px;} */
.wpcf7-response-output {text-align: center; background: #ffffff;}
.wpcf7-acceptance span.wpcf7-list-item {margin: 0;}
.wpcf7-form {margin: 0 auto; text-align: center; }
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"], .wpcf7-form textarea {font-family:Arial; font-size: 16px; color:#000; height:45px; display: block; width: 100%; border:1px solid #ddd; border-radius: 3px; padding: 5px 10px; box-sizing: border-box; margin: 0 auto 8px; }
.wpcf7-form textarea {height: 120px; padding-top:10px; }
.wpcf7-form button {display: inline-block; margin: 20px auto 0; border-radius: 0; }
.wpcf7-form span.ctc-hide,
.wpcf7-form br { display: none; }
.wpcf7-form p { display: inline !important; }
.wpcf7-form .g-recaptcha > div { margin: 0 auto; }
.wpcf7-form .consents label { display: block; }
.wpcf7-list-item { margin: 0; }

/*###################################
## Buttons
###################################*/
.btn { font-family: "Agency FB", sans-serif; font-size: 18px; color: #fff!important; text-align: center; line-height: 1; background: #0D28DD; padding: 21px 5px; width: 214px; clip-path: polygon(10% 0, 100% 0, 100% 50%, 90% 100%, 0 100%, 0% 50%); letter-spacing: 2px; display: inline-block; position: relative; z-index: 10;}
.btn:before {width: 100%; height: 0; background: #333333; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); position: absolute; content: ""; transition: all ease 0.5s; z-index: -1;}
.btn:hover:before {height: 100%;}
.btn:hover {color: #fff!important;}

/*###################################
## Menus
###################################*/
/*Main Menu*/
.main-navigation {clear: both; display: block; width: 100%;}
.main-navigation a {color: #ffffff; display: block; text-decoration: none;font-size: 20px;font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family: "Agency FB", sans-serif; font-weight: 700; }
.main-navigation ul {list-style: none; margin: 0; padding-left: 0;display: flex; justify-content: space-between; align-items: center;width: 100%;max-width: 650px; margin: 0 auto; gap: 10px;}
.main-navigation li {float: none; display: inline-block; position: relative;padding: 20px 0;}
.main-navigation li.menu-item-has-children a:after {font-family: "FontAwesome"; content: "\f0d7"; margin-left: 10px;}
.main-navigation li.menu-item-has-children:hover a:after {content: "\f0d8";}
.main-navigation li:not(.menu-item-has-children) a:hover::before, .main-navigation li:not(.menu-item-has-children).current-menu-item > a::before { content: "\f0d7"; font-family: "Fontawesome"; font-size: 30px; color: #0D28DD; position: absolute; top: 2px; left: 0; right: 0; text-align: center; line-height: 0; }
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a { color: #0D28DD; }

/* Sub Menu */
.main-navigation li.menu-item-has-children .sub-menu a:after {display: none;}
.main-navigation ul li.menu-item-has-children:hover ul {top: 100%; opacity: 1;width: fit-content;}
.main-navigation ul ul {background: rgba(0, 0, 0, 0.7); opacity: 0; text-align: left; top: 50%; display: block; transition: all ease 0.5s;}
.main-navigation ul ul li.menu-item-has-children:hover ul {top: 50%!important; opacity: 1!important; z-index: 1!important;}
.main-navigation ul ul ul { left: 100%; top: -100%!important; transition: all ease 0.5s; opacity: 0!important; z-index: -1!important;}
.main-navigation .sub-menu li {display: block; text-align: left; margin-right: 0; margin-left: 0;}
.main-navigation .sub-menu a {color: #fff; width: 300px; padding: 15px 10px!important;}
/* .main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a {color: #000; background: rgba(255,255,255,0.7)!important;} */
.main-navigation .sub-menu a:hover, .main-navigation .sub-menu .current-menu-item > a, .main-navigation .sub-menu .current-menu-ancestor > a { color: #fff; background: #0D28DD !important; }
.main-navigation ul li.menu-item-has-children .sub-menu li { padding: 0; }
.main-navigation ul li.menu-item-has-children .sub-menu li a::before { display: none; }

/*Footer Menu*/
.footer-navigation ul {margin: 0; padding: 0; text-align: center;}
.footer-navigation li {display: inline-block; float: none;}
.footer-navigation li a {color: #fff; display: block; padding: 12px;}
.footer-navigation a:hover, .footer-navigation .current_page_item a, .footer-navigation .current-menu-item a {background: #ddd;}

/*Social Menu*/
.social-navigation ul {margin-bottom: 0;}
.social-navigation li {margin: 0 10px;}
.social-navigation li.sm-loc a:before {content: "\f041";}
.social-navigation li:first-of-type {margin-left: 0px;}
.social-navigation li:last-of-type {margin-right: 0px;}
.social-navigation a {font-size: 13px; color: #fff; display: inline-block; height: auto!important; width: auto!important;}
.social-navigation a:before {width: 30px!important; height: 30px!important; line-height: 30px!important; background: #eee; border-radius: 50%; transition: all ease 0.5s;}
.social-navigation a:hover:before {transform: rotate(360deg); border-radius: 0px; background: #ddd; box-shadow: 0 0 10px #333;}

/* text warpper template */
.text-wrapper-template h1, .text-wrapper-template h2, .text-wrapper-template h4 { color: #FFFFFF; }
.text-wrapper-template h4, .text-wrapper-template h5 { font-family: "Agency FB"; font-weight: 400;  }
.text-wrapper-template h5 { color: #0D28DD; letter-spacing: 5px; }
.text-wrapper-template p { color: rgba(255,255,255,0.6); line-height: 1.5; font-size: 18px; }
.text-wrapper-template p:last-of-type { margin-bottom: 60px; }

/* image wrapper template */
.image-wrapper-template { z-index: 1; position: relative; }
.image-wrapper-template::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url('https://staging8.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/top-left-border.png') no-repeat center center; background-size: 100% 100%; }
.image-wrapper-template img {clip-path: polygon(20% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 20%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-top: -30px; margin-left: -30px; margin-bottom: 30px; }
/* .image-wrapper-template::before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 30% 100%, 0 70%); border-top-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #000000; z-index: -1; }
.image-wrapper-template::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; clip-path: polygon(0 0, 80% 0, 100% 20%, 100% 100%, 30% 100%, 0 70%); border-top-left-radius: 20px; border-bottom-right-radius: 20px; background-color: #0D28DD; z-index: -2; }
.image-wrapper-template img {clip-path: polygon(20% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 20%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-top: -30px; margin-left: -30px; margin-bottom: 30px; } */

/*###################################
## Header
###################################*/
.site-header {position: absolute; top: 25px; left: 0; right: 0; z-index: 10; }
.site-header .row { max-width: 1850px; }
.site-header .hdLogo {width: 100%; max-width: 400px;}
.site-header .hdLogo img { width: 100%; object-fit: cover; object-position: center; }
.header-inner, .hdMenu { display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.hdMenu { align-items: center; width: 100%; max-width: 1060px; padding-top: 30px; }
.hdNav { width: 100%; max-width: 790px; border-top: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; }
.hdInfo { margin-bottom: 0; }

/*###################################
## Banner
###################################*/
#banner {position: relative; z-index: 1; background: #333333; }
#banner .widget_sow-slider .sow-slider-base::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: grayscale(100%); z-index: 998; }
#banner .widget_sow-slider .sow-slider-base::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333333; mix-blend-mode: multiply; z-index: 999; }
#banner .widget_sow-slider img { width: 100% !important; height: 100vh !important; object-fit: cover; object-position: center;  }
.banner-text { position: absolute; /*bottom: 250px;*/ left: 0; right: 0; z-index: 999; color: #ffffff; }
.banner-text { top: 250px; }
.banner-text p { font-family: "Agency FB", sans-serif; font-weight: 400; font-size: 25px; letter-spacing: 2px; margin-bottom: 60px; }
.banner-text-inner { position: relative; z-index: 1; }
.banner-text-inner .banner-wrapper { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.banner-text-inner .banner-wrapper .text-wrapper { width: 100%; max-width: 670px; }
.banner-text-inner .banner-wrapper .image-wrapper { position: absolute; right: 50px; top: 35%; z-index: -1; }
.banner-text-inner .banner-wrapper .image-wrapper img, .banner-text-inner .image-wrapper { width: 100%; max-width: 1424px; }

.banner-text.blogs-banner-text .text-wrapper { max-width: 100% !important; }
 
/*###################################
## Content
###################################*/
.site-content {background: #000000; padding: 20px 0;}

/* about */
#about { padding: 180px 0; }
.about-inner .row { gap: 130px; }
.about-inner .text-wrapper-template { padding-top: 30px; }

/* service */
#service { padding-bottom: 130px; overflow: hidden; }
#service .text-wrapper-template h2 { margin-bottom: 0; }
#service .text-wrapper-template p:last-of-type { margin-bottom: 0; }
.service-list { padding: 100px 0 0; }
.service-list { flex-wrap: wrap !important; }
.service-list > div { width: calc(50% - (0.75 * 140px)) !important; margin-bottom: 40px; }
.service-list .image-wrapper-template { /*margin-bottom: 100px;*/ margin-bottom: 20px; }
.service-list .textwidget { padding: 0 20px; text-align: center; font-size: 20px; }
.service-list .image-wrapper-template .so-widget-sow-image { position: relative; }
.service-list .image-wrapper-template img { margin-left: 20px; }
.service-list h2 { position: absolute; left: 0; right: 2px; bottom: 0; color: #ffffff; margin-bottom: 30px; padding: 0 150px 0 40px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); line-height: 1.1; font-size: 40px; }
.service-list h2 a { display: block; padding-left: 80px; }
.service-list h2 a::before { content: ""; position: absolute; top: 50%; left: 50px; transform: translateY(-50%); width: 100%; max-width: 57px; height: 68px; background: url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/double-slash.png') no-repeat center center; background-size: 100% 100%; }
.service-list h2 a::after { content: "\f061"; font-family: "Fontawesome"; font-size: 20px; position: absolute; right: 40px; top: 50%; transform: translateY(-50%); }
.service-list h2 a:hover { color: #0D28DD; }

/* priority */
#priority { padding: 30px 0 60px; background-blend-mode: multiply; position: relative; z-index: 1; }
#priority::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgb(34, 34, 34, 0.8); }
.priority-inner .row { padding: 0 15px 50px; }
.priority-inner .row > div { width: calc(50% - ( 0.5 * 140px ) ) !important; }
.priority-inner .row.bottom-text { padding: 0 15px; }
.priority-inner .row.bottom-text > div { width: 100% !important; }
.priority-inner .row.bottom-text .text-wrapper-template { text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; }
.priority-inner .row.bottom-text p:last-of-type { margin-bottom: 0; }

/* recent */
#recent { padding: 130px 0 100px; }
#recent .text-wrapper-template h2 { margin-bottom: 60px; }
.recent-photo > div { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 10px; width: calc(33.3333% - ( 0.66666666666667 * 10px ) ) !important; }
.recent-photo .clip-path-right, .recent-photo .clip-path-left, .recent-photo .clip-path-full { position: relative; z-index: 1;  }
.recent-photo .clip-path-right::before, .recent-photo .clip-path-right::after, .recent-photo .clip-path-left::before, .recent-photo .clip-path-left::after, .recent-photo .clip-path-full::before, .recent-photo .clip-path-full::after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; }

.recent-photo .clip-path-left::before { background: url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-top-left.png'), url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-bottom-left.png'); background-position: top left, bottom left; background-repeat: no-repeat, no-repeat; background-size: auto auto; }

.recent-photo .clip-path-right::before { background: url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-top-right.png'), url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-bottom-right.png'); background-position: top right, bottom right; background-repeat: no-repeat, no-repeat; background-size: auto auto; }

.recent-photo .clip-path-full::before { background: url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-top-left.png'), url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-top-right.png'), url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-bottom-left.png'), url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/corner-bottom-right.png'); background-position: top left, top right, bottom left, bottom right; background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: auto auto; }

/* testimonial */
#testimonial { padding-bottom: 70px; }
#testimonial h2 { margin-bottom: 60px; }
#testimonial .row { max-width: 1850px; }
.testimonial-container div.wpcr3_dotline, .testimonial-container div.wpcr3_review div.wpcr3_dotline, .testimonial-container div.wpcr3_review div.wpcr3_review_datePublished  { display: none !important; }
.testimonial-container div.wpcr3_review div.wpcr3_review_author { font-size: 0; }
.testimonial-container div.wpcr3_review div.wpcr3_review_author > span { font-family: "Agency FB", sans-serif; font-size: 20px; color: #ffffff; font-style: normal; font-weight: 700; margin-bottom: 40px; }
.testimonial-container .wpcr3_reviews_holder { display: flex; justify-content: space-between; align-items: stretch; gap: 30px; padding-bottom: 80px; }
.testimonial-container .wpcr3_reviews_holder .wpcr3_review_item { width: 100%; max-width: 565px; padding: 80px 60px; position: relative; z-index: 1; }

.testimonial-container .wpcr3_reviews_holder .wpcr3_review_item::before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; clip-path: polygon(10% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 10%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-color: #000000; z-index: -1; }

.testimonial-container .wpcr3_reviews_holder .wpcr3_review_item::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; clip-path: polygon(10% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 10%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; background-color: #0D28DD; z-index: -2; }

.testimonial-container div.wpcr3_review div.wpcr3_review_ratingValue { margin-right: 0; top: 0; margin-bottom: 20px; position: relative; }
.testimonial-container div.wpcr3_review div.wpcr3_review_ratingValue::before { content: ""; position: absolute; right: 0; bottom: 0; width: 100%; max-width: 66px; background: url('https://staging.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/quote.png') no-repeat center center; background-size: 100% 100%; padding: 32px; }
.testimonial-container div.wpcr3_review blockquote.wpcr3_content { font-size: 18px; margin: 0 !important; padding: 0; }
.testimonial-container div.wpcr3_review blockquote.wpcr3_content p { font-family: "Barlow", sans-serif; font-weight: 400; color: rgba(255, 255, 255, 0.6); margin-bottom: 30px; }
.testimonial-container div.wpcr3_review blockquote.wpcr3_content p:last-of-type { margin-bottom: 0; }
.testimonial-container .wpcr3_review { flex-direction: column; display: flex; }

.reviews-section .wpcr3_review_datePublished, .reviews-section .wpcr3_review_author {
    color: white;
    font-size: 1.2em !important;
}

/* call us today */
#call-us-today { position: relative; z-index: 10; margin-bottom: -180px; }
.call-us-inner { clip-path: polygon(5% 0, 100% 0, 100% 75%, 95% 100%, 0 100%, 0 25%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; background: linear-gradient(45deg, rgba(255,255,255,1) 15%,rgba(214,214,214,1) 100%);  padding: 60px 30px; }
.call-us-wrapper { width: 100%; max-width: 1366px; margin: 0 auto; }
.call-us-wrapper .text-wrapper-template h2, .call-us-wrapper .text-wrapper-template p { color: #000; }
.call-us-wrapper .text-wrapper-template p:last-of-type { margin-bottom: 0 !important; }
.call-us-phone-info p { margin-bottom: 0; position: relative;padding: 10px 0 10px 100px; }
.call-us-phone-info p::before { content: "\f095"; position: absolute; left: 0; top: 0; background: #0D28DD; width: 80px; height: 80px; border-radius: 50%; color: #ffffff; display: block; font-family: "Fontawesome"; font-size: 25px; display: inline-flex; justify-content: center; align-items: center; }
.call-us-phone-info span { font-family: "Agency FB", sans-serif; font-size: 18px; color: #535362; font-weight: 700; }
.call-us-phone-info a { font-family: "ArianLT", sans-serif; font-size: 30px; color: #003E85; }
.call-us-phone-info a:hover { color: #0D28DD; font-synthesis-weight: 700; }


/*###################################
## Footer
###################################*/
.site-footer { position: relative; z-index: 1; background-color: #222222; background-blend-mode: multiply; background-repeat: no-repeat; background-size: cover; }
.site-footer a:hover { color: #0D28DD !important; }
/* .site-footer::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: grayscale(100%); z-index: -2; display: block; }
.site-footer::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(34, 34, 34, 0.95); z-index: -1; display: block; } */
.site-footer::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: rgb(34, 34, 34, 0.8); width: 100%; height: 100%; }
.footer-inner h4 { letter-spacing: 1.5px; color: #0D28DD; font-weight: 700; }
.footer-inner { padding: 290px 0 100px; display: flex; justify-content: space-between; align-items: flex-start; gap: 30px; }
.ftLogo { width: 100%; max-width: 490px; }
.ftLogo .logo-wrapper { width: 100%; max-width: 400px; margin-bottom: 50px; }
.ftLogo .logo-wrapper img { width: 100%; object-fit: cover; object-position: center; }
.ftLogo p { font-family: "Barlow", sans-serif; font-size: 18px; line-height: 1.8; letter-spacing: 0.4px; }
.ftLogo p:last-of-type { margin-bottom: 0; }
.ftService { width: 100%; max-width: 245px; }
.ftService ul { list-style: none; padding: 0; margin: 0; }
.ftService ul li { margin-bottom: 30px; }
.ftService ul li:last-of-type { margin-bottom: 0; }
.ftService ul li a { font-family: "Barlow", sans-serif; font-size: 18px; font-weight: 400; }
.ftInfo { width: 100%; max-width: 350px; }
.ftInfo p { position: relative; padding-left: 30px; }
.ftInfo p a { font-family: "Barlow", sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 0.4; }
.ftInfo .icon { color: #0D28DD; position: absolute; top: 50%; left: 0; transform: translateY(-50%); font-size: 18px; }
.ftCopy { display: flex; justify-content: space-between; align-items: center; color: #ffffff; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.1); }
.ftCopy p { font-family: "Agency FB", sans-serif; font-weight: 400; font-size: 18px; letter-spacing: 2px; margin-bottom: 0; }
.ftSocials { display: flex; justify-content: space-between; align-items: center; gap: 10px;  width: 100%; max-width: 230px; }
.copyright a { text-decoration: underline !important; }
/* .ftCopy {text-align: center;}
.ftCopy p, .ftCopy a {margin-bottom: 0; color: #000; font-size: 14px;}
.ftCopy .silver img {display: inline-block;vertical-align: middle;max-width: 50px} */

/*###################################
## Sidebar
###################################*/
#primary.sideMain { /*float:left; width: 70%;*/ }
#primary.sideMain h1 { font-size: 40px; }
#secondary {float:right; width: 30%; padding: 20px; box-sizing: border-box; border: 1px solid #535353; box-sizing: border-box;}
.search-form {display: flex;}
.search-form .search-submit {width: 100%; max-width: 85px;}

/*###################################
## Inner Pages
###################################*/
.inner #content {background: #000000; text-align: left; min-height: 600px;padding: 0;}
.inner .section-content { padding: 80px 0 !important; }
.inner .section-content.hidden { display: none; }
.inner .section-content .text-wrapper-template h2 { margin-bottom: 30px !important; font-weight: 300; font-size: 45px; }

.inner .section-text-bordered-wrapper { position: relative; z-index: 1; padding: 0 15px; }
.inner .section-text-bordered-wrapper::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(https://staging8.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/01/top-left-border.png) no-repeat center center; background-size: 100% 100%; z-index: -1; }
.inner .section-text-bordered-content { clip-path: polygon(20% 0, 100% 0, 100% 70%, 70% 100%, 0 100%, 0 20%); border-top-right-radius: 20px; border-bottom-left-radius: 20px; margin-right: 5px; margin-top: -30px; margin-left: -30px; margin-bottom: 30px; background: #111111; padding: 80px 15px 100px; }
.inner .section-text-bordered-content > div { width: 100%; max-width: 545px; margin: 0 auto; }
.inner .section-text-bordered-content ul { list-style: none; margin: 0; padding: 0; }
.inner .section-text-bordered-content ul li { margin-bottom: 30px; position: relative; padding-left: 50px; }
.inner .section-text-bordered-content ul li::before { content: "\f046"; font-family: "Fontawesome"; font-size: 20px; color: #0D28DB; position: absolute; top: 0; left: 0; }
.inner .section-text-bordered-content ul li h4 { margin-bottom: 5px; }
.inner .section-text-bordered-content h4 { font-family: "Barlow", sans-serif; font-weight: 400; font-size: 24px; color: #fff; }
.inner .section-text-bordered-content h3 { font-size: 25px; padding: 40px 25px; color: #ffffff; font-weight: 300; border-bottom: 2px solid #222222; }
.inner .section-text-bordered-content h4.serving-location { padding-left: 50px; font-family: inherit; margin-bottom: 0; }

.inner #banner { width: 100%; display: block; padding: 0; margin: 0; position: relative; }
.inner #banner::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; backdrop-filter: grayscale(100%); z-index: 998; }
.inner #banner::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #333333; mix-blend-mode: multiply; z-index: 999; }
.inner #banner img { width: 100%; height: 600px; object-fit: cover; object-position: center; }
.inner #banner .banner-text { position: absolute; top: 60%; left: 0; right: 0; bottom: unset; text-align: center; z-index: 9999; text-transform: uppercase; color: #FFFFFF; margin-bottom: 0; transform: translateY(-50%); } 
.inner #banner .banner-text h1 { margin-bottom: 0; }
.inner #banner p { font-family: "Barlow", sans-serif; font-size: 18px; }
.inner #banner .text-wrapper-template h1, .inner #banner .text-wrapper-template h3 { font-weight: 300; }
.inner #banner .text-wrapper-template h3 { font-size: 34px; }
.inner #banner .text-wrapper-template p:last-of-type { margin-bottom: 0; }
/* .inner #banner img { height: 550px !important; } */
.inner .footer-inner { padding: 50px 0; }

/* inner page template */
.page-map-container { position: relative; height: 100%; padding: 200px 0; }
.page-map-container iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

/* service */
#service-page-container { padding-bottom: 80px; }
#service-page-container .text-wrapper-template { padding-top: 0; }
#service-page-container .text-wrapper-template p:last-of-type { margin-bottom: 30px; }

/* Ceramic Coating */
.section-text-bordered-content h2 {color: white;}
.priority-inner .row.full-width > div { width: 100% !important; }
.inner .pricing-section ul li { color: #000; margin-bottom: 10px !important; }
.inner .pricing-section .section-text-bordered-content ul li { padding: 0 !important; }
.inner .light-list .section-text-bordered-content ul li {color: white;font-family: "Barlow", sans-serif;}
.inner .pricing-section ul li:before { display: none; }
.priority-inner .btn-lg .btn { width: 400px; clip-path: polygon(5% 0, 100% 0, 100% 50%, 95% 100%, 0 100%, 0% 50%); }
.pricing-content { border-bottom: 2px solid #222222; }
.pricing-content .row { flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 140px !important; }
.pricing-content .row > div { width: calc(33.33% - 140px) !important; }
.pricing-section .text-wrapper-template { text-align: center; /*padding-bottom: 100px;*/ } 
.pricing-section .text-wrapper-template h2 { font-size: 34px !important; font-family: "ArianLT", sans-serif; font-weight: 300 !important; margin-bottom: 10 !important; }
.pricing-section .text-wrapper-template p { font-size: 18px; }
.pricing-section .text-wrapper-template p:last-of-type { margin-bottom: 0; }
.pricing-section .section-text-bordered-content { margin-right: 0; margin-top: -10px; margin-left: -30px; margin-bottom: 10px; }
.pricing-section .priority-inner .row { gap: 90px; }
.pricing-section .section-text-bordered-content { clip-path: polygon(15% 0, 100% 0, 100% 80%, 80% 100%, 0 100%, 0 15%); }
.pricing-section .section-text-bordered-content { padding: 0 0 70px; color: #ffffff; text-align: center; }
.pricing-section .section-text-bordered-content h5, .pricing-section .section-text-bordered-content h3 { font-family: "ArianLT", sans-serif; }
.pricing-section .section-text-bordered-content h3 { margin-bottom: 50px; }
.pricing-section .section-text-bordered-content h2 { font-size: 34px; font-family: "Barlow", sans-serif; font-weight: 400; margin-bottom: 0; }
.pricing-section .section-text-bordered-content h5 { font-size: 24px; font-weight: 300; margin-bottom: 10px; }
.pricing-section .section-text-bordered-content p { font-size: 18px; font-weight: 400; width: 100%; max-width: 340px; margin: 0 auto 10px; }
.pricing-bottom.text-wrapper-template { padding-bottom: 0; margin-top: 100px; }
.wcu.priority-inner .row > div { width: calc(50% - ( 0.5 * 100px ) ) !important; }
.wcu.priority-inner ul { list-style: none; margin: 0; padding: 0; }
.wcu.priority-inner ul li { /*margin: 25px 0;*/ position: relative; padding-left: 50px; padding-bottom: 25px; font-family: "Barlow", sans-serif; font-weight: 400; font-size: 18px; color: rgba(255, 255, 255, 0.6); border-bottom: 1px solid #222222; }
.wcu.priority-inner ul li p:last-of-type { margin-bottom: 0; }
.wcu.priority-inner ul li:last-of-type { border-bottom: none; }
.wcu.priority-inner ul li::before { content: "\f046"; font-family: "Fontawesome"; font-size: 20px; color: #0D28DB; position: absolute; top: 0; left: 0; }
.wcu.priority-inner ul li h4 { margin-bottom: 5px; }
#ceramics-recent .row > div { width: 100% !important; }
#ceramics-recent .text-wrapper-template { text-align: center; }
/* #ceramics-recent .text-wrapper-template h2 { margin-bottom: 30px; } */
#ceramics-recent .text-wrapper-template p { margin-bottom: 10px; }
#ceramics-recent .text-wrapper-template p:last-of-type { margin-bottom: 0; }
.ceramics-gallery-container { padding: 40px 0; }
.ceramics-gallery-container > div > div { justify-content: space-between !important; align-items: flex-start !important; gap: 25px; }
/* .wcu.priority-inner .text-wrapper-template h2 { width: 100%; max-width: 250px; } */

/*overwrites*/
.inner .pricing-section .whiten ul li {color: white !important;font-family: "Barlow",sans-serif;list-style:circle;font-size: 1.1em;}
.pricing-bottom.text-wrapper-template.notpad {margin: 0;padding: 0;}
.pricing-section .text-wrapper-template.justif p {text-align: justify !important;}

/* booking */
#booking-form .priority-inner .row { padding: 0 15px; } 
#booking-form .row > div { width: 100% !important; }
#booking-form .section-text-bordered-content { padding: 60px 100px !important; clip-path: unset; text-align: left !important; }
#booking-form .section-text-bordered-wrapper:before { background: url(https://staging8.dynaserverx.com/burbankautodetailing.com/wp-content/uploads/2025/03/booking-form-border.png) no-repeat center center; background-size: 100% 100%; }
#booking-form .section-text-bordered-content > div { max-width: 100%; }
#booking-form .bookly-form select { color: #333333; background: #ffffff; }
#booking-form .bookly-form input[type=text], #booking-form .bookly-form input[type=number], #booking-form .bookly-form input[type=password], #booking-form .bookly-form textarea { background: #ffffff; }
#booking-form .text-wrapper-template { padding-bottom: 30px; }

/* contact */
.contact-form-wrapper .text-wrapper-template { text-align: center; padding-bottom: 50px; width: 100%; }
.contact-form-wrapper .text-wrapper-template .wpcf7 { width: 100%; max-width: 1200px; margin: 0 auto; }

/* gallery */
.spider_popup_wrap { background-color: rgba(0,0,0,0.8) !important; }
.spider_popup_close_fullscreen { color: #0D28DD !important; }
.vid-container div {margin: 0 5px 0 0;}
  .vid-container {display: inline-flex;align-content: space-between;}
	

/* contact */
.inConBox {max-width: 550px; margin: 0 auto;}

/* .inner #service { padding: 0; } */
.inner #service .text-wrapper-template{ align-items: flex-start !important; }
.inner #service .text-wrapper-template p:last-of-type { margin-bottom: 15px; }
.inner .service-list { padding: 100px 0; }
.page-template-video-wrapper { width: 100%; max-width: 350px; margin: 0 auto; position: relative; }
.page-template-video-wrapper video { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.inner .service-list { justify-content: center !important; gap: 100px; }
.inner .service-list .image-wrapper-template { margin-bottom: 0; }

.inner #about { padding: 0 0 50px; }
.inner .about-inner .video-wrapper-row { gap: 30px; }
.inner .about-inner .video-wrapper-row .mejs-container, .inner .about-inner .video-wrapper-row .mejs-container video { height: 500px !important; }
.inner .about-list-page-template { flex-wrap: wrap !important; justify-content: center; gap: 30px; align-items: stretch !important; }
.inner .about-list-page-template > div { width: 100% !important; flex: 1 1 calc(50% - 30px); padding: 25px; border: 1px solid #0D28DD; border-radius: 15px; }
.inner .about-list-page-template h4 { color: #ffffff; }

/* privacy policy page */

.priv-inner h2 { font-size: 32px !important; }
.priv-inner h3 { font-size: 26px !important; }
.priv-inner h3,
.priv-inner ul { color: #fff; }

.priv-inner ul { padding-left: 20px; margin: 20px 0; }
.priv-inner ul li { color: rgba(255, 255, 255, 0.6); line-height: 1.5; font: 400 18px "Barlow",sans-serif; }

/* search */
.new-search-form { width: 50%; padding: 30px; background: #ffffff; margin-bottom: 50px; }
.new-search-form .search-form { justify-content: space-between; align-items: stretch; gap: 10px; }
.new-search-form .search-form label { width: 70%; }
.new-search-form .search-form .search-field { height: 100%; padding: 0 .75rem; }
.new-search-form h3 { color: #222222; }
.search-result { padding-top: 30px; border-top: 1px solid #0D28DD; color: #ffffff; }
.search-result p { color: #ffffff; }
.search-result .page-title { font-size: 30px; color: #ffffff; }
.search-result ul { padding: 0; margin: 0; counter-reset: item; list-style: none; list-style-position: inside; }
.search-result ul li { display: flex; justify-content: flex-start; align-items: baseline; gap: 30px; border: 1px solid #0D28DD; padding: 30px; margin-bottom: 30px; border-radius: 7px; }
.search-result ul li::before { content: counter(item); counter-increment: item; font-size: 20px; font-weight: 700; color: #fff; }
.search-result ul li { color: #ffffff;  }
.search-result .entry-title { font-size: 25px; }

/* blogs */
.sideMain .entry-meta { display: none; }
.blog #content, .single #content, .search #content { padding: 80px 0; }
.blogs-container { display: flex; justify-content: center; align-items: flex-start; gap: 30px; flex-direction: column; }
.blogs-container article { width: 100%; background-color: #000; border: 2px solid #0D28DD; padding: 50px 30px; border-radius: 25px; color: #fff; }
.blogs-container h2 { font-size: 40px; }
.blogs-container .entry .entry-content, .sideMain .entry .entry-content { padding-bottom: 30px; }
/* .sideMain .entry .entry-content span { mb20 } */
.blogs-container .entry a:hover, .sideMain .entry a:hover { color: #0D28DD; }
.blogs-container ul { list-style: none; padding: 0; margin: 0; width: 100%; }
.blogs-container ul li { margin-bottom: 30px; }
.blogs-container ul li:last-of-type { margin-bottom: 0; }
.blogs h5 { font-size: 20px; }

/* error404 */
.error404 #content { padding: 80px 0; }
.inner #content .error-404 h1 {font-size: 35px;}
.inner #content .error-404 h2 {font-size: 70px;}
.error-404 .search-form {margin: 0 auto 20px;}
.error-404 {text-align: center;}

/*###################################
## Responsive
###################################*/
@media screen and (max-width: 1440px){

  /* banner */
  .banner-text-inner .banner-wrapper .image-wrapper { top: 50%; }
  .banner-text-inner .banner-wrapper .image-wrapper img, .banner-text-inner .image-wrapper { /*max-width: 900px;*/ max-width: 700px; }

  .banner-text p { margin-bottom: 30px; font-size: 20px; }

  /* service */
  .service-list h2 { font-size: 35px; }
  .service-list > div { width: calc(50% - (0.75 * 70px)) !important; }
  
}


@media screen and (max-width: 1366px){
    
    .site-header .hdLogo { max-width: 300px; }
    
}

@media screen and (max-width: 1200px){

  /* h tags */
  h1 { font-size: 50px; }
	h2{font-size:40px;}
  h4 { font-size: 20px; }

  /* image wrapper template */
  .image-wrapper-template { padding: 20px; }
  .image-wrapper-template img { margin-top: 0; margin-left: 0; margin-bottom: 0; }

  /* header */
  .site-header .hdLogo { max-width: 190px; }
  .main-navigation li { padding: 10px 0; }
  .main-navigation a { font-size: 18px; }
  .main-navigation li:not(.menu-item-has-children) a:hover::before, .main-navigation li:not(.menu-item-has-children).current-menu-item > a::before { font-size: 18px; }

  /* about */
  #about { padding: 90px 0; }
  .about-inner .row { gap: 50px; }

  /* service */
  #service { padding-bottom: 90px; }
  .service-list h2 { font-size: 25px; margin-bottom: 0; }
  .service-list h2 a { padding-left: 60px; }
  .service-list h2 a::before { max-width: 35px; height: 45px; }
  .service-list .image-wrapper-template img { margin-left: 0; margin-bottom: 0; margin-top: 0; margin-right: 0; }

  /* priority */
  .priority-inner .row > div { width: calc(50% - (0.5* 50px)) !important; }

  /* recent */
  #recent { padding: 80px 0 100px; }

  /* testimonial */
  .testimonial-container div.wpcr3_review div.wpcr3_review_ratingValue::before { max-width: 25px; padding: 20px; }
  .testimonial-container .wpcr3_reviews_holder .wpcr3_review_item { padding: 50px 30px; }

  /* call us */
  .call-us-phone-info p { padding: 10px 0 10px 70px; font-size: 20px; }
  .call-us-phone-info p::before { width: 60px; height: 60px; font-size: 20px; }
  .call-us-phone-info a { font-size: 25px; }

  /* footer */
  .footer-inner { padding: 250px 0 100px; gap: 50px; padding: 250px 0 50px; }
  .ftLogo .logo-wrapper { max-width: 300px; }
  .ftCopy { flex-direction: column-reverse; padding: 20px 0; gap: 10px; }

  /* inner */
  /* .inner #content { padding: 60px 0 0; } */
  .inner .section-content { padding: 60px 0 !important; }
  .inner .paint-correction .service-list { gap: 50px; }

}

@media screen and (max-width: 1024px){

  /* h tags */
  h1 {font-size:40px} 
  h2 { font-size: 30px; }
  h5 { font-size: 18px; }

  /* button */
  .btn { width: 180px; padding: 20px 5px; font-size: 16px; }

  /* header */
  .header-inner { flex-direction: column; align-items: center; }
  .hdMenu { padding-top: 0; }

  /* banner */
  .banner-text { bottom: 0; text-align: center; }
  .banner-text-inner .banner-wrapper .text-wrapper { max-width: 100%; }
  .banner-text-inner .banner-wrapper { flex-direction: column; }
  .banner-text-inner .banner-wrapper .image-wrapper { position: static; }
  .banner-text-inner .banner-wrapper .image-wrapper img, .banner-text-inner .image-wrapper { /*max-width: 900px;*/ max-width: 500px; }

  /* about */
  #about { padding: 40px 0; text-align: center; }
  .about-inner .row { flex-direction: column-reverse; gap: 70px; }
  .about-inner .row > div { width: 100% !important; }
  .about-inner .text-wrapper-template { padding-top: 0; }
  .about-inner .image-wrapper-template { width: 100%; max-width: 500px; margin: 0 auto; }

  /* service */
  #service { text-align: center; padding: 50px 0; }
  #service .text-wrapper-template { flex-direction: column; }
  #service .text-wrapper-template > div { width: 100% !important; }
  #service .text-wrapper-template h2 { margin-bottom: 30px; }
  .service-list > div { width: calc(50% - (0.75* 20px)) !important; }
  .service-list h2 { font-size: 20px; }

  /* priority */
  #priority { padding: 80px 0; text-align: center; }
  .priority-inner .row { flex-direction: column; gap: 70px; }
  .priority-inner .row > div { width: 100% !important; }
  .priority-inner .image-wrapper-template { width: 100%; max-width: 500px; margin: 0 auto; }

  /* testimonial */
  .testimonial-container .wpcr3_reviews_holder { flex-wrap: wrap; justify-content: center; align-items: flex-start; }
  .testimonial-container .wpcr3_reviews_holder .wpcr3_review_item { max-width: 100%; flex: 0 1 calc(50% - 30px); text-align: center; }
  .testimonial-container div.wpcr3_review div.wpcr3_review_ratingValue::before { max-width: 20px; padding: 15px; margin: 0 auto 10px; position: static; display: block; }
  .testimonial-container div.wpcr3_review div.wpcr3_review_author > span { margin-bottom: 20px; }

  /* call us */
  .call-us-wrapper { flex-direction: column; gap: 100px; text-align: center; justify-content: center; align-items: center; }
  .call-us-wrapper > div { width: 100% !important; }
  .call-us-phone-info p { padding: 10px 0 0 0; }
  .call-us-phone-info p::before { top: unset; right: 0; margin: 0 auto; bottom: 100%; }


  /* footer */
  .footer-inner { flex-direction: column; align-items: center; justify-content: center; text-align: center; }
  .ftLogo .logo-wrapper { margin: 0 auto 40px; }
  .ftLogo { max-width: 100%; }
  .ftService ul li { margin-bottom: 15px; }
  .ftInfo p { padding-left: 0; }
  .ftInfo .icon { position: static; transform: unset; display: block; }

  /* service */
  #service-page-container { text-align: center; }
  #service-page-container .text-wrapper-template ul { list-style: none; margin: 0 auto 35px; }  
  #service-page-container .about-inner .row { gap: 30px; }

  /* inner */
  .inner .about-inner .video-wrapper-row { max-width: 600px; }

}

@media screen and (max-width: 800px){
    
  .mbl-phoneLink { color: #fff; font-weight: 600 !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); letter-spacing: 2px; z-index: 999; }
  .mbl-phoneLink:before { content: "\f095"; font-family: "Fontawesome"; color: #fff; margin-right: 5px; }

  /* h tags */
  h1{ font-size: 35px; }
	h2{font-size:30px}
  h4 { font-size: 20px; }

  /* image wrapper template */
  .image-wrapper-template { padding: 15px; }

  /* header */
  /* header */
  #wprmenu_bar { padding: 0 15px !important; display: flex; justify-content: space-between; align-items: center; width: 100% !important; min-width: 320px; }
  #wprmenu_bar div.hamburger { margin: 0 !important; padding: 0 !important; }
  #wprmenu_bar .menu_title { top: 0 !important; order: -1; }
  #wprmenu_bar .bar_logo { height: 30px !important; }
  #mg-wprm-wrap li.menu-item a { font-size: 18px; font-family: "Agency FB"; font-weight: 700px; letter-spacing: 2px;; }
  .site-header { display: none; }

  /* banner */
  #banner .widget_sow-slider img { height: 450px !important; }
  .banner-text { position: static; }
  .banner-text-inner .banner-wrapper .image-wrapper img, .banner-text-inner .image-wrapper { max-width: 400px; }

  /* service */
  .service-list { flex-direction: column; gap: 30px; }
  .service-list .image-wrapper-template { margin-bottom: 0; }
  .service-list { width: 100%; max-width: 500px; margin: 0 auto; padding-bottom: 35px; }
  .service-list > div { width: 100% !important; }
  .service-list h2 { padding: 0 15px; left: 0; right: 0; top: 50%; bottom: unset; transform: translateY(-50%); padding: 15px; font-size: 25px; background: rgba(0, 0, 0, 0.7); }
  .service-list h2 a { padding-left: 0; }
  .service-list h2 a::before { display: none; }
  .service-list h2 a::after { position: static; display: block; transform: unset; margin-top: 10px; }

  /* gallery */
  .recent-photo { flex-direction: column; gap: 10px; }
  .recent-photo > div { flex-direction: unset; align-items: stretch; width: 100% !important; }
  .recent-photo > div > div > div, .recent-photo > div > div > div > div, .recent-photo > div > div > div > div > div { height: 100%; }
  .recent-photo > div img { height: 100% !important; object-fit: cover; object-position: center; }
  .recent-photo .clip-path-full::before, .recent-photo .clip-path-right::before, .recent-photo .clip-path-left::before { display: none; }
  
  /* testimonial */
  .testimonial-container .wpcr3_reviews_holder { padding-bottom: 40px; }
  .testimonial-container .wpcr3_reviews_holder .wpcr3_review_item { max-width: 500px; flex: 0 auto; }

  /* call us */
  .call-us-inner { clip-path: unset; }

  /* footer */
  .ftService ul li { margin-bottom: 10px; }
  .ftCopy { text-align: center; }

  /* inner */
  .inner #banner img { height: 600px; }
  .inner #service .text-wrapper-template ul { list-style: none; padding: 0; margin: 0; }
  /* .inner #content { padding: 40px 0 0; } */
  .inner .section-content { padding: 40px 0 !important; }
  .inner .about-inner .row { gap: 0; }
  .inner .about-list-page-template > div { flex: 0 auto; }
  .inner .service-list { gap: 50px; }
  .inner .video-wrapper-row { gap: 30px !important; }

}



@media screen and (max-width: 500px){
  #banner .widget_sow-slider img { height: 320px !important; }
}

@media screen and (max-width: 425px){


    
    
  .mbl-phoneLink { left: 60%; font-size: 12px !important; }
    
}



@media screen and (max-width: 320px){
    
    
    
}