/*
Theme Name:     Edmonton DPF
Theme URI:      https://edmontondpf.ca
Description:    Edmonton DPF Clean provides complete tip-to-tail DPF cleaning services within 3 hours. Our advanced on-vehicle process efficiently removes carbon buildup from the EGR, Turbo, Combustion System, DOC, DPF, and SCR, restoring peak engine performance.
Version:        1.0.0

*/
@charset "utf-8";
/* CSS Document */
html {overflow-x: hidden; box-sizing: border-box; scroll-behavior: smooth;}
body {width: 100%;overflow-x: hidden;  font-family: "Poppins", sans-serif; font-weight:400;}
a, input[type="button"], .btn {outline: none;transition: all 600ms ease-in-out;}
a:focus, a:hover {outline: none;text-decoration: none;}
ul {padding: 0px;margin: 0px;list-style: none;}
p {padding-bottom: 20px; font-size:16px; line-height:30px; color:#4c4c4c; font-weight:500;}
a {text-decoration: none;}

:root {
  --primary-font:'Poppins';
  --bold: 'Campton Book';
  --primary-color: #fbac25;
  --secondary-color: #e3f0ff;
}


/*fontface*/

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

@font-face {
    font-family: 'Enter Sansman';
    src: url('fonts/EnterSansmanBold.woff2') format('woff2'),
        url('fonts/EnterSansmanBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




*, *::before, *::after {
  box-sizing: inherit;
}

@media (min-width: 1300px) {
  .container {
    max-width: 1300px;
  }
}

.animated{-webkit-animation-duration: 2s !important; animation-duration: 2s !important;}
.common-btn{z-index:1; overflow:hidden; display:inline-block; font-size:16px; line-height:18px; color:#000; text-transform:uppercase; letter-spacing:.5px; font-weight:500; background:url(images/common-btn-bg.png) no-repeat right; background-size:100% 100%; padding:15px 70px 15px 25px; position:relative;}
.common-btn:before{position: absolute;content: ""; right: 20px;top: 50%;transform: translateY(-50%);background-image: url('images/white-arrow.png');width: 14px;height: 15px;background-position: center;background-size: contain;background-repeat: no-repeat;transition: ease-in-out all 500ms;z-index: 2;}
.common-btn:after{content: "";position: absolute;top: 0;left: 0;width: 150px;height: 100%;background-color: rgba(255, 255, 255, 0);background-image: linear-gradient( to right, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 75% );transform: skewX(-30deg) translateX(-100%); animation: 4s linear 0.2s infinite forwards shine;}
.common-btn:hover:before{right:16px;}

@keyframes shine {
20%,65%,100% {transform: skewX(-30deg) translateX(150%);}
}


.sub-title{display:inline-block; font-size:18px; line-height:20px; color:#252525; font-weight:500; padding-left:60px; margin:0 0 20px; position:relative;}
.sub-title:before{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/text-before.png) no-repeat center; background-size:100% 100%; width:21px; height:24px;}
.sub-title:after{position:absolute; content:""; left:25px; top:0; bottom:0; margin:auto 0; width:27px; height:1px; background:#454545;}
.common-title{font-family:var(--bold); font-size:52px; line-height:52px; color:#0c0c0c; padding:0; margin:0 0 40px;}

.common-img{position: relative;display: block;overflow: hidden;}
.common-img:before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background: linear-gradient(180deg,rgba(0, 0, 0, 0) 85.1%,rgba(0, 0, 0, 0.2) 100%);width: 100%;height: 100%;}
.common-img:after{content: "";position: absolute;width: 200%;height: 0%;left: 50%;top: 50%;background-color: rgba(255, 255, 255, 0.3);transform: translate(-50%, -50%) rotate(-45deg);z-index: 1;}
.common-img:hover:after{height: 250%;transition: all 600ms linear;background-color: transparent;}

/* =========== Header Start =========== */
.navbar-default {z-index:99; padding:26px 0;margin:0px; background: linear-gradient(to bottom, #000, transparent); transition: all 600ms ease-in-out;border-radius: 0;}
.navbar-default .container{display:flex; justify-content:space-between; align-items: center;}
.navbar-default .logo-block{width:250px;transition:ease-in-out all 600ms;}
.navbar-default .logo-block img{max-width:100%; height:auto;}
.navbar-default .rt-block{display: flex;align-items: center;gap: 22px;}
.navbar-default .rt-block .phone-block a{font-size: 20px;line-height: 22px;color: #fff;font-weight: bold;padding-left: 40px; position:relative;}
.navbar-default .rt-block .phone-block a:after{position:absolute; content:""; top:0; bottom:0; left:0; margin:auto 0; width:23px; height:56px; background:url(images/call.png) no-repeat center; background-size:100%;}
.navbar-default .rt-block .phone-block a:hover{color:var(--primary-color);}
.navbar-default .rt-block .btn-block{width:auto;}

.navbar-default .sf-menu li {padding-right: 40px;}
.navbar-default .sf-menu li:last-child {padding-right: 0;}
.navbar-default .sf-menu li a{font-size: 16px; line-height: 18px;color: #fff; text-transform:uppercase; padding: 20px 0 30px; position:relative;}
.navbar-default .sf-menu li a:after{position:absolute; content:""; left:0; right:0; margin:0 auto; bottom:0; width:0; height:2px; background:var(--secondary-color); transition:ease-in-out all 300ms;}
.navbar-default .sf-menu li a:hover:after, .navbar-default .sf-menu li.active a:after{width:100%;}
.navbar-default .sf-menu .sub-menu li a::after {content: '';position: absolute;left: 0px;transition: .6s ease-in-out;background: rgba(255, 255, 255, .7);width: 14px;height: 1px;top: 10px;opacity: 1;bottom: auto;right: auto;}
.navbar-default .sf-menu .sub-menu li:hover a::after { width: 0px;}
.navbar-default .sf-menu .sub-menu li:hover .sub-menu li a::after{width:14px;}
.navbar-default .sf-menu .sub-menu li .sub-menu li:hover a::after{width:0;}
.navbar-default .sf-menu .sub-menu li:hover .sub-menu li a{padding:0 0 0 30px !important;}
.navbar-default .sf-menu .sub-menu li .sub-menu li:hover a{padding:0 !important;}
.navbar-default .sf-menu li a:hover, .navbar-default .sf-menu li.active a {color: var(--primary-color);}
.navbar-default .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;font-size: 15px;line-height: 20px;}
.navbar-default .sf-menu ul {max-width: 360px;}
.navbar-default .sf-menu ul {background: var(--primary-color);}
.navbar-default .mobile-menu-block{display:none;}
.navbar-default .sf-menu li:last-child .sub-menu{right:-40px; left: auto;min-width: 300px;}
.navbar.hide {transform: translateY(-100%);opacity: 0;}

@media (min-width: 1200px) and (max-width: 1300px) {
  .navbar-default .logo-block  { width: 200px; }
}
@media screen and (min-width: 768px) {
.navbar-default.navbar-fixed{padding:10px 0; background:rgba(0,0,0,.6); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); -webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);}
.navbar-default.navbar-fixed .logo-block{width:200px; transition:ease-in-out all 600ms;}
.navbar-default.navbar-fixed .sf-menu li a{padding:20px 0 20px;}
.navbar-default.navbar-fixed .sf-menu .sub-menu li a {padding: 0 0 0 30px;color: #fff;}
}


.main-banner{padding-top:270px !important; padding-bottom:125px; position:relative; background-position:right center !important;}
.main-banner:after{position:absolute; content:""; bottom:0; left:0; width:100%; height:72px; background:url(images/banner-after-bg.png) no-repeat center; background-size:100% 100%;}
.main-banner .text-block{position:relative;}
.main-banner .text-block:after{mix-blend-mode: overlay;opacity: .5; position:absolute; content:""; top:-97px; left:-30px; background:url(images/shild.png) no-repeat center; background-size:100% 100%; width:444px;height:421px;}
.main-banner .text-block h1{font-family: 'Enter Sansman';font-size: 65px;line-height: 60px;color: transparent;padding: 0;margin: 0 0 20px;background-clip: text;-webkit-background-clip: text;background-image: url(images/text-mask-bg.png);background-size: cover;background-position: center;display: inline-block;text-transform: uppercase;-webkit-text-stroke: 1px #fff;text-shadow: 2px 5px 36px rgba(0,0,0,.5);}
.main-banner p{font-size: 23px;line-height: 37px;color: #fff;font-weight: 500;letter-spacing: .5px;}


.about-sec{padding-top:100px !important; padding-bottom:80px;}
.about-sec p{ margin:0;}
.about-sec .common-btn{background:url(images/common-btn-bg2.png) no-repeat right; background-size:100% 100%;}
.about-sec .common-btn:before{background-image: url('images/black-arrow.png'); right:14px;}
.about-sec .common-btn:hover:before{right:10px;}

.difference-sec{padding-top:139px !important; padding-bottom:45px; position:relative; background:#e3f0ff;}
.difference-sec:before{z-index:1; position:absolute; content:""; top:0; left:0; width:100%; height:73px; background:url(images/difference-before-bg.png) no-repeat top center; background-size:100% 100%;}
.difference-sec:after{position:absolute; content:""; top:0; right:0; background:url(images/difference-after-bg.png) no-repeat center; background-size:100% auto; width:42%  ; height:100%;}
.difference-sec .text-block{max-width:785px;}
.difference-sec .text-block ul{margin-bottom:20px;}
.difference-sec .text-block ul li{ position:relative; max-width: 636px;display: flex;align-items: center;background: url(images/black-arrow.png) no-repeat 95% center, #fff;border: 1px solid rgba(128,128,128,.4);margin-bottom: 12px;height: 77px;padding-right: 70px;gap: 30px;}
.difference-sec .text-block ul li:after{transition:ease-in-out all 500ms; position:absolute; content:""; left:12px; top:10px; border-top: 0px solid transparent;border-bottom: 21px solid transparent;border-left: 18px solid #ffb931;}
.difference-sec .text-block ul li:hover:after{top:5px; left:5px;}
.difference-sec .text-block ul li .icon{flex: 0 0 88px;text-align: right;}
.difference-sec .text-block ul li p{font-size:21px; line-height:23px; color:#4c4c4c; padding:0; margin:0;}
.difference-sec .text-block .common-btn{background:url(images/common-btn-bg2.png) no-repeat right; background-size:100% 100%;}
.difference-sec .text-block .common-btn:before{background-image: url('images/black-arrow.png'); right:14px;}
.difference-sec .text-block .common-btn:hover:before{right:10px;}

.cleaning-sec{padding-top:120px !important; padding-bottom:120px;}
.cleaning-sec .title-block{max-width:1068px; margin:0 auto;}
.cleaning-sec .bottom-block{margin-left:-10px; margin-right:-10px; margin-top:40px;}
.cleaning-sec .bottom-block .vc_column-inner{padding-left:10px; padding-right:10px;}
.cleaning-sec .bottom-block .card{border:none;}
.cleaning-sec .bottom-block .wpb_wrapper{transition: ease-in-out all 500ms; padding:20px; border:1px solid #959595; min-height:420px; position:relative;}
.cleaning-sec .bottom-block .card:hover .wpb_wrapper{transform: translateY(-20px); box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.cleaning-sec .bottom-block .wpb_wrapper:before{position: absolute;content: "";left: -1px;top:-1px; background:url(images/card-before-bg.jpg) no-repeat center; background-size:100%; width:27px; height:33px;}
.cleaning-sec .bottom-block .wpb_wrapper:after{position: absolute;content: "";right:-1px;bottom:-1px; background:url(images/card-after-bg.jpg) no-repeat center; background-size:100%; width:29px; height:31px;}
.cleaning-sec .bottom-block .card:hover .wpb_wrapper .wpb_wrapper{transform:inherit; box-shadow:none;}
.cleaning-sec .bottom-block .wpb_wrapper .wpb_wrapper:before, .cleaning-sec .bottom-block .wpb_wrapper .wpb_wrapper:after{display:none;}
.cleaning-sec .bottom-block .wpb_wrapper .wpb_wrapper{padding:0; border:none; min-height:inherit;}
.cleaning-sec .bottom-block .wpb_wrapper .img-block{margin-bottom:60px; overflow:hidden;}
.cleaning-sec .bottom-block .wpb_wrapper .img-block img{transition:ease-in-out 500ms; transform:scale(1.0);}
.cleaning-sec .bottom-block .card:hover .wpb_wrapper .img-block img{transform:scale(1.1);}
.cleaning-sec .bottom-block .wpb_wrapper .text-block h3{font-size:24px; line-height:30px; color:#0c0c0c; font-family:var(--bold); margin:0 0 15px; display:inline; top: -20px; position: relative;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block h3 strong{position:relative; z-index:9;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block h3:after{position: absolute;content: "";top: 0;left: 0; background: #fff;width: 120%; height: 50px;z-index: 1;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block h5{font-size:20px; line-height:26px; font-weight:500; padding:0; margin: 0 0 30px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block p{line-height:30px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block li{position:relative; font-size:19px; line-height:21px; color:#0c0c0c; font-weight:600; padding:0 0 0 35px; margin:0 0 20px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block li:after{position:absolute; content:""; left:0; top:2px; background:url(images/tick.png) no-repeat center; width:19px; height:14px;}

.why-choose-sec{padding-top:160px !important; padding-bottom:45px; background:#e3f0ff; position:relative;}
.why-choose-sec:before{position:absolute; content:""; left:0; top:0; background:url(images/why-choose-before-bg.png) no-repeat left top; width:100%; height:68px; background-size:100% 100%;}
.why-choose-sec .lt-panel .vc_column-inner{padding-right:0;}
.why-choose-sec .md-panel{transform: skew(-3deg);}
.why-choose-sec .md-panel .vc_column-inner{padding-left:0; padding-right:0;}
.why-choose-sec .rt-panel .vc_column-inner{padding-left:0; margin-left:-5px;}
.why-choose-sec .box{position:relative; filter: drop-shadow(0 10px 15px rgba(0,0,0,.2)); margin-bottom:10px;}
.why-choose-sec .box:before{position:absolute; content:""; width:calc(100% + 2px); height:calc(100% + 2px); top:-1px; left:-1px; background:rgba(0,0,0,.2);clip-path: polygon(0px 0px, 100% 0px, 98% 100%, 0% 100%);}
.why-choose-sec .box:after{position:absolute; content:""; width:100%; height:100%; top:0; bottom:0; background: #fff; clip-path: polygon(0px 0px, 100% 0px, 98% 100%, 0% 100%);padding: 20px;}
.why-choose-sec .box .wpb_wrapper{position: relative;z-index: 9;padding: 25px 25px 0 60px; min-height:186px;}
.why-choose-sec .box .wpb_wrapper:after{position:absolute; content:""; width:33px; height:17px; background:url(images/blue-tick.png) no-repeat center; top:36px; left:12px;}
.why-choose-sec .rt-panel .box .wpb_wrapper{padding: 25px 25px 0 90px;}
.why-choose-sec .rt-panel .box .wpb_wrapper:after{left:46px;}
.why-choose-sec .box .wpb_wrapper h3{font-size:26px; line-height:28px; color:#0c0c0c; font-family:var(--bold); margin:0 0 15px;}
.why-choose-sec .box .wpb_wrapper p{font-size:18px; line-height:26px; color:#252525;}
.why-choose-sec .lt-panel .box:nth-child(2):before, .why-choose-sec .lt-panel .box:nth-child(2):after{clip-path: polygon(0px 0px, 98% 0%, 96% 100%, 0% 100%)}   
.why-choose-sec .lt-panel .box:nth-child(3):before, .why-choose-sec .lt-panel .box:nth-child(3):after{clip-path: polygon(0px 0px, 96% 0%, 94% 100%, 0% 100%)}   
.why-choose-sec .rt-panel .box:nth-child(1):before, .why-choose-sec .rt-panel .box:nth-child(1):after{clip-path: polygon(8% 0px, 100% 0px, 100% 100%, 6% 100%);}
.why-choose-sec .rt-panel .box:nth-child(2):before, .why-choose-sec .rt-panel .box:nth-child(2):after{clip-path: polygon(6% 0px, 100% 0px, 100% 100%, 4% 100%);}   
.why-choose-sec .rt-panel .box:nth-child(3):before, .why-choose-sec .rt-panel .box:nth-child(3):after{clip-path: polygon(4% 0px, 100% 0px, 100% 100%, 2% 100%);}   


.technology-sec{padding-top:120px !important; padding-bottom:40px;}
.technology-sec .title-block{margin-bottom:40px;}
.technology-sec .bottom-block{position:relative;}
.technology-sec .bottom-block:after{position: absolute;content: "";left: 20px;top: 43px;width: calc(100% - 20px);height: 1px;background: rgba(0,0,0,.1);z-index: -1;}
.technology-sec .bottom-block h3{text-align: left;font-size: 20px;line-height: 30px;color: #4c4c4c;}
.technology-sec .bottom-title{margin-top:50px; display:inline-block;}

.we-serve-sec{padding-top:157px !important; padding-bottom:150px; position:relative; background:#e3f0ff;}
.we-serve-sec:before{position:absolute; content:""; left:0; top:0; background:url(images/we-serve-before-bg.png) no-repeat left top; width:100%; height:86px; background-size:100% 100%;}
.we-serve-sec .bottom-block{margin-top:35px;}
.we-serve-sec .box .wpb_wrapper{position:relative;}
.we-serve-sec .box .wpb_wrapper h3{transition:ease-in-out all 500ms; text-align: left; z-index:9; position: absolute;bottom: 30px;margin: 0;background: #fff;padding: 10px 30px 10px 20px;clip-path: polygon(0px 0px, 100% 0%, 96% 100%, 0% 100%);font-size: 20px;line-height: 22px;color: #252525;}
.we-serve-sec .box:hover .wpb_wrapper h3{transform: translateY(-20px)}
.we-serve-sec .box .vc_single_image-wrapper{overflow:hidden;}
.we-serve-sec .box .vc_single_image-wrapper img{transition:ease-in-out 500ms; transform:scale(1.0);}
.we-serve-sec .box:hover .vc_single_image-wrapper img{transform:scale(1.1);}
.we-serve-sec .vc_column-inner{padding-left:12px !important; padding-right:12px !important;}
.we-serve-sec .vc_column-inner .wpb_single_image{margin-bottom:24px;}

#footer{background:url(images/footer-bg.png) no-repeat center; background-size:cover; position:relative;}
#footer:before{position:absolute; content:""; left:0; top:0; background:url(images/footer-before-bg.png) no-repeat left top; width:100%; height:67px; background-size:100% 100%;}
#footer .form-block{padding:50px 40px 30px; top:-90px; background:#fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; position:relative;}
#footer .form-block h2{position:relative; padding-left:60px; margin-bottom:30px;}
#footer .form-block h2:before{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/text-before.png) no-repeat center; background-size:100% 100%; width:21px; height:24px;}
#footer .form-block h2:after{position:absolute; content:""; left:25px; top:0; bottom:0; margin:auto 0; width:27px; height:1px; background:#454545;}
#footer .form-block .form-group{margin-bottom:10px;}
#footer .form-block .form-group p{padding:0; margin:0;}
#footer .form-block .form-group .wpcf7-not-valid-tip{font-size:14px;}
#footer .form-block .form-control{height: 70px;border-radius: 0;box-shadow: none;padding: 20px 26px; font-size:18px; line-height:20px; color:#252525; font-weight:500; }
#footer .form-block textarea.form-control{height:178px; resize:none;}
#footer .form-block .common-btn{background:url(images/common-btn-bg2.png) no-repeat right; background-size:100% 100%; padding:0; margin-top:20px;}
#footer .form-block .common-btn:before{background-image: url('images/black-arrow.png'); right:14px;}
#footer .form-block .common-btn:hover:before{right:10px;}
#footer .form-block .common-btn p{padding:0; margin:0;}
#footer .form-block .common-btn .btn-submit{padding:10px 70px 10px 45px; border:none; background:transparent;}
#footer .form-block .wpcf7-response-output{border:none !important; text-align:center;}

#footer .footer-top-block{margin-top:-30px;}
#footer .footer-top-block h3{font-size:22px; line-height:24px; color:#fff; font-family:var(--bold); padding:0; margin:0 0 30px;}
#footer .footer-top-block p{font-size:16px; line-height:30px; color:#fff; font-weight:400; padding:0; margin:0;}
#footer .footer-top-block ul li{padding:0; margin:0 0 8px;}
#footer .footer-top-block ul li a{font-size:16px; line-height:18px; color:#fff; font-weight:400;}
#footer .footer-top-block .contact-list li{font-size:16px; line-height:30px; color:#fff; margin:0 0 15px; font-weight:400;}
#footer .footer-top-block .contact-list li.phone a{font-size:21px; font-weight:600;}
#footer .footer-top-block img{max-width:80%; height:auto;}
#footer .footer-top-block .aboutinfo-block{padding-right:84px;}
#footer .footer-bottom-block{padding:30px 0 40px; border-top:1px solid rgba(255,2555,255,.1); margin-top: 60px;} 
#footer .footer-bottom-block p{font-size:16px; line-height:18px; color:#fff; font-weight:400; padding:0; margin:0;}

.main-banner.inner-banner .text-block::after{display:none;}
.about-sec.advanced-clean-sec{position:relative;}
.about-sec.advanced-clean-sec:after{position:absolute; content:""; right:0; top:0; bottom:0; margin:auto 0; background:url(images/sikh-symbol.png); width:380px; height:856px; background-size:100% 100%;}
.about-sec.advanced-clean-sec h3{font-size:26px; line-height:28px; font-family:var(--bold); color:#0c0c0c; padding:0; margin:0 0 30px;}
.about-sec.advanced-clean-sec ul li{display:flex; gap:30px; font-size:20px; line-height:22px; color:#4c4c4c; margin:0 0 15px; align-items:center; font-weight:500;}



.we-serve-sec.mission-sec{padding-bottom:35px;}
.we-serve-sec.mission-sec .text-center{margin-bottom:50px;}
.we-serve-sec.mission-sec:after{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/sikh-symbol.png); width:347px; height:856px; background-size:100% 100%;}
.we-serve-sec.mission-sec .block{z-index:9; border: 1px solid rgba(0,0,0,.2);padding: 35px 20px;background: #fff; margin-bottom:50px; position:relative;}
.we-serve-sec.mission-sec .block .vc_col-sm-4:before{position:absolute; content:""; left:-49px;top:-75px; background:url(images/pagri.png) no-repeat center; background-size:100% 100%; width:89px; height:97px; }
.we-serve-sec.mission-sec .block:nth-child(2) .vc_col-sm-4:before{left:inherit; left:383px; transform: rotateY(180deg);}
.we-serve-sec.mission-sec .block .text-block{padding-left:40px; margin:0;}
.we-serve-sec.mission-sec .block:nth-child(2) .text-block{padding-right:40px; padding-left:15px;}
.we-serve-sec.mission-sec .block h3{font-size:29px; line-height:31px; color:#1a1a1a; padding:0; margin:0 0 35px;}
.we-serve-sec.mission-sec .block p{font-size:18px; line-height:36px; color:#4c4c4c;}

.we-serve-sec.mission-sec .card{padding:25px 35px; background:#fff; border:1px solid rgba(0,0,0,.2); border-radius:0; position:relative; z-index:9;}
.we-serve-sec.mission-sec .card:before{transition: ease-in-out all 500ms;position: absolute;content: "";right: 0;top: 0;border-top: 0px solid transparent;border-bottom: 120px solid transparent;border-right: 110px solid #ffedd1;}
.we-serve-sec.mission-sec .card:after{transition: ease-in-out all 500ms;position: absolute;content: "";top:10px;right: 10px;width:43px;height:51px;background: url(images/sikh-symbol-small.png) no-repeat center;background-size: 100% 100%;}
.we-serve-sec.mission-sec .card:hover:after{transform: rotateY(180deg);}

.we-serve-sec.mission-sec .card h3{font-size:26px; line-height:33px; color:#1a1a1a; font-family:var(--bold); margin:0 0 30px;}
.we-serve-sec.mission-sec .card ul{min-height:290px;}
.we-serve-sec.mission-sec .card li{ font-size: 17px; line-height: 26px; color: #4c4c4c;font-weight: 500;position: relative;padding-left: 40px;margin-bottom:20px;}
.we-serve-sec.mission-sec .card li:after{position: absolute;content: "";left: 0;top: 8px;background: url(images/orange-tick-small.png) no-repeat center;background-size: auto;background-size: 100% 100%;width: 19px;height: 14px;}
.we-serve-sec.mission-sec .card .common-btn{background: url(images/more-info-bg.png) no-repeat right; padding:15px 70px 15px 15px; background-size:100% 100%;}
.we-serve-sec.mission-sec .card .common-btn:before{background-image: url('images/black-arrow.png');}
.we-serve-sec.mission-sec.system-services:after{background:url(images/system-services-after-bg.png) no-repeat center; background-size:100% 100%; width:272px; height: 696px;}

.values-sec{padding-top:120px !important;}
.values-sec .box-inner .text-box{position:relative; min-height:300px; margin-bottom:70px;}
.values-sec .box-inner .text-box:before{position:absolute; content:""; top:-24px; right:0; width:1px; height:calc(100% - 50px); background:rgba(0,0,0,.2);}
.values-sec .box-inner .text-box:after{transition: ease-in-out all 500ms; position:absolute; content:""; bottom:0; right:-25px; width:50px; height:62px; background:url(images/sikh-symbol-small.png) no-repeat center; background-size:100% 100%;}
.values-sec .box-inner:hover .text-box:after{transform: rotateY(180deg)}
.values-sec .box-inner .text-box h3{font-family:var(--bold); font-size:35px; line-height:39px; color:#0c0c0c; padding:0 0 0 42px; margin:0 0 30px; position:relative;}
.values-sec .box-inner .text-box h3:after{position: absolute;content: "";left: 0;top:10px; background: url(images/text-before.png) no-repeat center;background-size: 100% 100%;width: 21px;height: 24px;}
.values-sec .box-inner .text-box p{font-size:20px; line-height:32px; color:#0c0c0c; padding:0; margin:0 0 20px;}
.values-sec .box-inner .text-box ul{display:flex; gap:15px; flex-wrap:wrap; padding-right:40px;}
.values-sec .box-inner .text-box ul li{font-size:18px; line-height:26px; color:#0c0c0c; position:relative; padding-left:40px; margin-bottom:5px;}
/*.values-sec .box-inner .text-box ul li:nth-child(2n){flex:0 0 calc(60% - 15px);}*/
.values-sec .box-inner .text-box ul li:after{position: absolute;content: "";left: 0;top:8px; background:url(images/orange-tick-small.png) no-repeat center; background-size:100% 100%; width:19px; height:14px;}

.page-our-services .values-sec .box-inner .text-box{min-height: 400px;}

.values-sec.maintenance-sec{padding-bottom:100px;}
.values-sec.maintenance-sec .box-inner .text-box ul li{flex:auto; font-weight:500;}
.values-sec.maintenance-sec .box-inner .text-box ul li:nth-child(2n){flex:auto;}
.values-sec.maintenance-sec .common-btn{background: url(images/more-info-bg.png) no-repeat right;padding: 15px 70px 15px 15px;background-size: 100% 100%;}
.values-sec.maintenance-sec .common-btn:before{background-image: url('images/black-arrow.png');}

.cleaning-service-sec{padding-top:80px !important; border-top:1px solid rgba(0,0,0,.1); border-bottom:1px solid rgba(0,0,0,.1); position:relative; padding-bottom:20px;}
.cleaning-service-sec:after{position:absolute; content:""; right:0; top:0; background:url(images/truck.jpg)no-repeat center; background-size:cover; width:40%; height:100%;}
.cleaning-service-sec:before{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto 0; background:url(images/cleaning-service-sec-bg-before.png)no-repeat center; background-size:100% 100%; width:280px; height:700px;}
.cleaning-service-sec ul{margin-bottom:30px;}
.cleaning-service-sec li{ font-size: 20px; line-height: 26px; color: #4c4c4c;position: relative;padding-left: 40px;margin-bottom:30px;}
.cleaning-service-sec li strong{display:block; margin-bottom:10px !important;}
.cleaning-service-sec li:after{position: absolute;content: "";left: 0;top: 8px;background: url(images/orange-tick-small.png) no-repeat center;background-size: auto;background-size: 100% 100%;width: 19px;height: 14px;}

.choose-sec{padding-top:90px !important; padding-bottom:120px;}
.choose-sec .process-box h2{font-size:78px; line-height:80px; color:#214885; font-family:var(--bold); margin:0 0 30px; position:relative;}
.choose-sec .process-box h2:before{position:absolute; content:""; left: 100px; top:0; bottom:0; margin:auto 0; width:calc(100% - 180px); height:1px; background:rgba(0,0,0,.1);}
.choose-sec .process-box h2:after{transition: ease-in-out all 500ms;position: absolute;content: "";top: 0;right: 15px;width: 50px;height: 62px;background: url(images/sikh-symbol-small.png) no-repeat center;background-size: 100% 100%;}
.choose-sec .process-box:hover h2:after{transform: rotateY(180deg);}
.choose-sec .vc_col-sm-4:nth-child(3) .process-box h2:after, .choose-sec .vc_col-sm-4:nth-child(3) .process-box h2:before{display:none;}
.choose-sec .process-box h3{font-size:32px; line-height:36px; padding:0; margin:0 0 25px; font-family: var(--bold);}
.choose-sec .bottom-block{margin-top:30px;}


.why-choose-sec.vehicles-clean-sec{padding-bottom:150px;}
.why-choose-sec.vehicles-clean-sec .common-btn{background:url(images/common-btn-bg2.png) no-repeat right; background-size:100% 100%;}
.why-choose-sec.vehicles-clean-sec  .common-btn:before{background-image: url('images/black-arrow.png'); right:14px;}

.contact-sec{padding-top:60px !important; padding-bottom:120px; position:relative;}
.contact-sec:after{position:absolute; content:""; right:0; top:0; bottom:0; margin:auto 0; background:url(images/contact-after-bg.png)no-repeat center; background-size:100%; width: 282px; height: 400px;}
.contact-sec .block .wpb_wrapper{display:flex; gap:50px;}
.contact-sec .block .wpb_wrapper .text{position:relative;}
.contact-sec .block .wpb_wrapper .text:before{position:absolute; content:""; left:-38px; background:rgba(0,0,0,.2); width:28px; height:1px; top:10px;}
.contact-sec .block .wpb_wrapper h4{font-size:20px; line-height:22px; padding:0; margin:0 0 15px; color:#252525; font-weight:500;}
.contact-sec .block .wpb_wrapper p{font-size:18px;}
.contact-sec .block .wpb_wrapper .phone{font-size: 34px;line-height: 36px;color: #252525;font-weight: 700;}
.contact-sec .block .wpb_wrapper .email{font-size: 20px;line-height: 35px;color: #4c4c4c;font-weight: 500;}
.page-contact-us .form-block{position:relative;}
.page-contact-us .form-block:before{position: absolute;content: "";left: -29px;top: -39px;background: url(images/pagri.png) no-repeat center;background-size: 100% 100%;width: 89px;height: 97px}


.page-our-services #footer::before, .page-contact-us #footer::before{background:url(images/footer-before-bg-white)no-repeat center;}

#get-a-quote .form-block .block{padding-bottom:15px;}
#get-a-quote .form-block .block p{padding:0; margin:0;}
#get-a-quote .form-block .block .wpcf7-not-valid-tip{font-size:12px;}
#get-a-quote .form-block .wpcf7-response-output{margin: 0 !important;border: none !important;font-size: 11px !important;}
#get-a-quote .form-block .block .form-control {font-family: var(--primary-font);font-size: 16px;line-height: 27px;letter-spacing: .02em;color: #0a0a0a;border: 0;border-bottom: 1px solid rgba(13, 13, 13,0.2);border-radius: 0;box-shadow: none;padding: 0;margin: 0;min-height: 40px;transition: all .5s ease-in-out;}
#get-a-quote .form-block .block .form-control::placeholder{color: #0a0a0a;}
#get-a-quote .form-block .block .form-control:focus{border-bottom-color: rgba(13, 13, 13,0.4);outline: 0;}
#get-a-quote .form-block .block textarea{height: 120px;resize: none;}
#get-a-quote .form-block .block textarea::-webkit-input-placeholder{position:absolute;bottom: 8px;left: 0;}
#get-a-quote .form-block .block2 .btn-submit{display:inline-block; padding:10px 70px 10px 45px; background:url(images/common-btn-bg2.png) no-repeat center, url('images/black-arrow.png') no-repeat 153px center; font-size:16px; text-transform:uppercase; background-size:100% 100%, 14px 15px; letter-spacing:0.02em;font-family:var(--primary-font); font-weight:500; transition:all 400ms ease-in-out; color:#000;border-radius:0px; margin-top:10px;}
#get-a-quote .form-block .block2 .btn-submit:hover{ }
#get-a-quote .form-block .block2 .btn-submit:focus{box-shadow: none;outline: none;}

#get-a-quote .modal-header h2{padding:40px 0 0 0;margin: 0; font-size: 38px;line-height: 47px;color: #151515;letter-spacing: -.02em;}
#get-a-quote .modal-header h2 strong{font-family:var(--primary-font); font-weight:700; font-style: italic;color: var(--primary-color);}
#get-a-quote .modal-content .modal-header button.close{background:var(--primary-color);opacity: 1;text-shadow: none;color: #fff;margin: 0;font-size: 26px;width:40px;height:34px;line-height: 10px;border-radius:0 0 0 10px;padding: 0 0 4px 0;font-family: 'ITCAvantGardeStdMd';font-weight: normal;}
#get-a-quote .modal-content .modal-body{padding: 25px 60px 40px 380px!important;}
#get-a-quote .modal-content .modal-header{padding: 0 0 0 380px!important;border-bottom: none!important;}
#get-a-quote .modal-content::before{content: '';width: 340px;height: 100%;position: absolute;left: 0;bottom: 0;background: url(images/get-a-quote-bg.png);background-size: cover;background-position: center center;border-radius: 0 290px 290px 0;overflow: hidden;}
#get-a-quote .modal-content .modal-body .form-block:before{display:none;}
#get-a-quote .modal-content .modal-body .wpcf7-response-output{margin:0 !important; padding:0 !important; border:none !important; font-size:14px !important; line-height:16px !important; color:red !important;}


.package-sec{margin-top:30px;}
.package-block{padding: 40px 25px 20px; background: #fff; border: 1px solid rgba(128,128,128,.4); min-height:645px;}
.package-block h3{text-transform:uppercase; position:absolute; top:-20px; left:15px; background:#2F538D; color:#fff; font-size:22px; line-height:22px; font-family:var(--bold); padding:10px 25px; display:inline-block;}
.package-block h4{font-size:22px; line-height:26px; font-family:var(--bold); margin:0 0 20px; min-height:53px;}
.package-block h5{font-size:16px; line-height:18px; padding:0; margin:0 0 15px; color:#4c4c4c; }
.package-block h6{margin:0 0 30px !important;padding: 10px; background: #e3f0ff;}
.package-block h6 strong{font-family:var(--bold); color:#2F538D; font-size:24px; line-height:28px;}
.package-block ul li{font-size: 16px;line-height: 26px;color: #0c0c0c;position: relative;padding-left: 25px;margin-bottom: 10px;}
.package-block ul li:after{background-size:12px !important; position: absolute;content: "";left: 0;top: 8px;background: url(images/orange-tick-small.png) no-repeat center;background-size: auto; width: 19px;height: 14px;}
.package-block .highlight{padding: 10px;background: #e3f0ff;font-size: 14px;margin-top: 20px;}
.package-btn .common-btn{background:url(images/common-btn-bg2.png) no-repeat right; background-size:100% 100%;}
.package-btn .common-btn:before{background-image: url('images/black-arrow.png'); right:10px;}
.package-btn .common-btn:hover:before{right:8px;}



/*Mobile Menu*/
.navbar-default .mobile-menu-block .menu-icon ul{display:block!important;width:40px !important;height: 28px;cursor:pointer;margin-top: 0;}
.navbar-default .mobile-menu-block .menu-icon ul li{display:block;float:right;width:100%;height:3px;background:#fff;padding:0;margin:2.8px 0;transition:all 600ms ease-in-out;border-radius: 20px;}
.navbar-default .mobile-menu-block .menu-icon ul li:last-child{width:80%}
.overlay #menu-mobile-menu{display:none;}
.overlay .overlay-content{height: 100vh; /*display: flex; align-items: center;*/ z-index:99999999999999; position: fixed; width: 100%; left:0; top: 0; transition: all .8s ease;color: #fff;background:rgba(0,0,0, .6);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);opacity: 0;visibility: hidden;}
.overlay.open-mobile-menu .overlay-content{transition: all 1.2s ease;left: 0;opacity:1;visibility:visible;}
.overlay .menu-block{height: 100vh; max-width:960px;width:100%;  position: fixed; right:-370px; top: 0; transition: all 1.2s ease; z-index: 2;background:transparent; overflow:auto; align-items:start;background-repeat: repeat-y; padding:70px 0 70px 0;    flex-direction: column;margin: 0 auto;left: 0;}
/*.overlay.mobile-anim-menu .menu-block{border-left: 1px solid rgba(255,255,255,0.2);}*/
.overlay.open-mobile-menu .menu-block{transition: all .5s ease;right: 0;  }
.overlay .menu-block .mobile-menu{ transition:all .8s; padding-top:40px; padding-left:0; margin-bottom:0;  padding: 0 50px 40px 10px;}
.overlay.mobile-anim-menu .menu-block .mobile-menu{transition: all .8s;   }
/* .overlay .menu-block .mobile-menu .menu-item a{ font-size: 15px; color: #fff; line-height: 17px; font-weight: 500;  text-transform:uppercase; padding: 0; margin: 0; transition: all 600ms ease-in-out;font-family: var(--content-font);
  font-weight: normal;letter-spacing: 0.12em;} */
.overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item::after, .overlay.mobile-anim-menu .menu-block .mobile-menu .menu-item:before{height: 0;}
.overlay .menu-block .mobile-menu .menu-item.active > a{  background:var(--primary-color);color: #fff;}
.overlay .menu-block .mobile-menu .menu-item:hover a{background:var(--primary-color);color: #fff;}
.overlay .menu-block .mobile-menu .menu-item:hover span{color:#fff;}
.overlay .menu-block .mobile-menu .menu-item.active span{color:#fff;}
.overlay ul.mobile-menu{display: flex;width: 100%;flex-wrap: wrap;flex-direction: row;margin-bottom: 1rem;}
.overlay ul.mobile-menu li{ position:relative; text-align:left; padding:10px 0 0 10px; width: 100%;flex: 0 0 100%;max-width: 100%;border-bottom: 1px dashed rgba(255, 255, 255, 0);}
.overlay ul.mobile-menu li a{ display:block; padding:15px 0 15px 25px; }
.overlay ul.mobile-menu li span{ display:block; font-size:20px; color:var(--amica-soft-stone); width:60px; text-align:right; position:absolute; right:0; top:19px; cursor:pointer;font-weight: 400;font-family: 'ITCAVANTGARDESTDMD'; display: flex;
  justify-content: center;}
  
.overlay ul.mobile-menu li span:before{ display:block; content:"\f107"; font-family:'FontAwesome'; float:right; }
.overlay ul.mobile-menu li span.menu-open:before{ content:"\f106"; }
.overlay ul.mobile-menu li ul li span{top:8px;}
.overlay ul.mobile-menu li ul li span:before{ content:"\f107"; }
.overlay ul.mobile-menu li ul li span.menu-open:before{ content:"\f106"; }
.overlay .sub-menu{ display:none;padding:0 10px 0 12px; margin-bottom: 0;transition: all 600ms ease-in-out;}
.overlay .sub-menu.open{display:block}

.overlay .menu-block .bottom-block{ padding:20px 40px 20px 40px; margin:0;}
.overlay .menu-block .bottom-block .menu-contact-info{ padding:0 0 0 20px; margin:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk{ padding-bottom:0px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ display:block; padding:0 0 10px 0; transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a{font-size:16px; color:#fff; line-height:18px; padding:4px 0 4px 27px; transition:all 600ms ease-in-out;font-family: 'Campton Book';font-weight: 400; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li a:hover{ color:var(--amica-soft-stone); }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(1) a{ background:url(images/menu-ph-icon.png) no-repeat left center / 16px; }
.overlay .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2) a{ background:url(images/menu-email-icon.png) no-repeat left center / 16px; }

.overlay .menu-block .bottom-block .menu-contact-info .location-blk{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay .menu-block .bottom-block .menu-contact-info .location-blk p{ display:inline-block; color:#fff; font-size:16px; font-weight:300; line-height:25px; padding:4px 0 4px 30px; background:url(images/menu-location-icon.png) no-repeat left top 8px / 16px;font-family: 'Campton Book';font-weight: 400;}

.overlay a:hover, .overlay a:focus { color: #1e3e98;}
.overlay .closebtn {width: auto; position: fixed;top: 17px;right: 23px;font-size: 33px;font-weight: 300; visibility: hidden; opacity: 0; transition: all 0ms ease-in-out; z-index:999999999; border: none; height: 35px;border: 1px solid #BB917D; width: 35px;text-align: center;line-height: 27px;border-radius: 50%;background:#FE615A;}
.overlay.open-mobile-menu .closebtn{visibility:visible; opacity:1; transition:all 400ms ease-in-out; transition-delay:1s;    color:#fff;}
.overlay.open-mobile-menu .closebtn span:nth-child(1){font-size: 22px;text-transform: uppercase;letter-spacing: 0.10em;}
.overlay.open-mobile-menu .closebtn:hover{color:#646464;border-color:#646464;}
.overlay .sub-menu .menu-item {padding: 10px 0;}

.overlay .closebtn::after{display:none;}
.overlay ul.mobile-menu{ width:100%; padding:0 0 30px; }
.overlay ul.mobile-menu li{ transition:all 600ms ease-in-out; transform: translateY(20px); visibility:hidden; opacity:0; }
.overlay ul.mobile-menu li:last-child{ border-bottom:none;border-top: none; }
.overlay.mobile-anim-menu ul.mobile-menu li{ visibility:visible; opacity:1; transform:translateY(0px); transition:all 600ms ease-in-out; transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(3){ transition-delay:.3s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(4){ transition-delay:.4s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(5){ transition-delay:.5s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(6){ transition-delay:.6s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(7){ transition-delay:.7s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(8){ transition-delay:.8s; }
.overlay.open-mobile-menu ul.mobile-menu li:nth-child(9){ transition-delay:.9s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.1s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(2){ transition-delay:.2s; }
.overlay.open-mobile-menu .menu-block .bottom-block .menu-contact-info .phn-blk ul li:nth-child(3){ transition-delay:.3s; }
.overlay.mobile-anim-menu .menu-block .bottom-block .menu-contact-info .location-blk{ visibility:visible; opacity:1; transform:translateY(0px); transition-delay:.3s; }
.overlay ul.mobile-menu li a { top:140px;font-weight: 500;font-size:16px; color:var(--amica-soft-stone); line-height:22px;transition:all 600ms ease-in-out; border-radius: 30px;}
.overlay .mobile-menu li a:hover{color:var(--amica-soft-stone); }
.overlay .menu-block ul.mobile-menu .sub-menu .menu-item a{ font-size:15px; line-height:19px; font-weight:400; }
/* .overlay ul.mobile-menu li a::after{content: "";position: absolute;top: auto;bottom:9px;left: 0;width: 100%;height: 1px;background:#292929CC;opacity: 1!important;transform: scaleX(0);transform-origin: bottom right;transition: transform 0.25s ease-out;}
.overlay ul.mobile-menu li a:hover::after{transform: scaleX(1);transform-origin: bottom left;} */
.overlay .overlay-content .bg-img-box{opacity:0;transition:all 600ms ease-in-out;}
.overlay .overlay-content .bg-img-box{width:100%;height:100vh;object-fit:cover;}
.overlay .overlay-content .bg-img-box video{width: 100%;height: 100vh;object-fit: cover;}
.overlay.mobile-anim-menu .overlay-content .bg-img-box{opacity:0.2;} 
.overlay .logo-menu-blk{/*position: fixed; top: -72px;left: 23px;*/background:rgba(63, 141, 169, 0); padding:15px 20px 24px; border-radius:0;transition: all 600ms ease-in-out; z-index:9;/*box-shadow: 1px 0 10px rgba(0, 0, 0, 0.3);*/ opacity:0;transform:translateY(20px);    margin-bottom: 20px;border-bottom: 1px solid rgba(255, 255, 255, .15);text-align: center;}
.overlay .logo-menu-blk img{width:140px;height: auto;}
.overlay.mobile-anim-menu .logo-menu-blk {transition: all 600ms ease-in-out;opacity:1;transform:translateY(0px);}
html.menu-class { overflow: hidden;}
.overlay .meida-blk{ opacity:0;transform:translateY(20px);transition: all 600ms ease-in-out;}
.overlay.mobile-anim-menu .meida-blk{transition: all 600ms ease-in-out;transition-delay: 0.3s;opacity:1;transform:translateY(0px);}
.overlay .meida-blk .social-media{position: relative;right: 0;bottom: 0;}
.overlay .meida-blk a{display:inline-block;margin-right:14px; color: #fff;font-size:17px;transition: all 600ms ease-in-out;width: 34px;height: 34px;background:var(--amica-soft-stone);border-radius: 100%;text-align: center;font-size: 16px;line-height: 34px;transform: scale(1);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);}
.overlay .meida-blk a:hover{transition:all 600ms ease-in-out;transform: scale(1.1);}
.overlay .sub-menu .menu-item a{background:transparent!important;}
.overlay .sub-menu .menu-item{padding:0;}
.overlay .sub-menu .menu-item a{color: var(--amica-soft-stone)!important;}
.overlay .sub-menu .menu-item a:hover{color:var(--primary-color)!important;}
.overlay .sub-menu .menu-item.active a{color:var(--primary-color)!important;}
.wpcf7-spinner{display:none !important;}


/*____________________________________________
                Media Quaries 
______________________________________________*/

@media only screen and (orientation: landscape) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media only screen and (orientation: portrait) {
  body {
    -webkit-text-size-adjust: none;
  }
}

@media screen and (max-width: 1400px) {
.common-title{font-size:52px; line-height:52px;}
.sub-title{font-size:18px; line-height:20px;}
p{font-size:16px; line-height:26px;}
.difference-sec .text-block ul li p, .cleaning-sec .bottom-block .wpb_wrapper .text-block h5{font-size:18px; line-height:22px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block li{font-size:17px; line-height:19px;}
.technology-sec .bottom-block h3{font-size:18px; line-height:26px;}
.why-choose-sec .box .wpb_wrapper h3{font-size:24px; line-height:26px;}
.difference-sec .text-block{max-width: 700px;}
 
}

@media screen and (max-width: 1299px) {
.navbar-default .sf-menu li{padding-right: 25px;}
.main-banner .text-block::after{width: 364px; height: 341px;}
.main-banner .text-block h1{font-size: 60px; line-height: 56px;}
.main-banner p{font-size: 20px;line-height: 34px;}
.difference-sec .text-block{max-width:650px;}
.cleaning-sec .bottom-block .card{margin-bottom: 30px;}
.cleaning-sec .bottom-block .wpb_wrapper{min-height:440px;}
.package-block{min-height:710px;}

}


@media screen and (max-width: 1199px) {
.navbar-default .rt-block .phone-block{display:none;}
.difference-sec .text-block{max-width:550px;}
.why-choose-sec .md-panel{display:none;}
.why-choose-sec .vc_row.wpb_row.vc_row-fluid{display:flex; flex-wrap:wrap;}
.why-choose-sec .vc_row.wpb_row.vc_row-fluid .lt-panel{order:0; width:50%;}
.why-choose-sec .vc_row.wpb_row.vc_row-fluid .rt-panel{order:2; width:50%;}
.why-choose-sec .vc_row.wpb_row.vc_row-fluid .md-panel{order:3;}

.why-choose-sec::before{display:none;}
.why-choose-sec{padding-top:80px !important; padding-bottom: 40px;}
.we-serve-sec .box .wpb_wrapper h3{font-size:14px;}
.cleaning-sec .bottom-block .wpb_wrapper{min-height:380px;}
.cleaning-sec{padding-bottom: 60px;}
.main-banner{background-position:right center !important;}
.about-sec.advanced-clean-sec h3{font-size:22px; line-height:26px;}
.we-serve-sec.mission-sec .card ul{min-height:320px;}

.page-our-services .values-sec .box-inner .text-box{min-height:460px;}
.page-our-services .values-sec .box-inner .text-box h3{font-size:30px; line-height:36px;}
.page-our-services .values-sec.maintenance-sec{padding-bottom:50px;}
  

  
}

@media screen and (max-width: 991px) {
.navbar-default .sf-menu li a{font-size:14px; line-height:16px;}
#get-a-quote .modal-content::before{display:none;}
#get-a-quote .modal-content .modal-header{padding:0 0 0 30px !important;}
#get-a-quote .modal-content .modal-body{padding:20px 30px 10px 30px !important;}

.navbar-default .rt-block .btn-block{display:none;}
.wpb_single_image.common-img .vc_figure, .wpb_single_image.common-img .vc_single_image-wrapper, .wpb_single_image.common-img img{width:100%;}
.main-banner{padding-bottom:70px;}
.main-banner .text-block::after{top:-67px;}
.about-sec{padding-top:60px !important; padding-bottom:30px;}
.common-title br{display:none;}
.why-choose-sec .box .wpb_wrapper p{font-size: 16px; line-height: 24px;}



.difference-sec{padding-top: 70px !important; padding-bottom: 30px;}
.difference-sec::before, .difference-sec::after{display:none;}
.difference-sec .text-block{max-width:100%;}
.cleaning-sec{padding-top: 80px !important;padding-bottom: 60px;}

.technology-sec{padding-top: 80px !important;}

.we-serve-sec{padding-top: 80px !important; padding-bottom:120px;}
.we-serve-sec::before{display:none;}
.cleaning-sec .bottom-block .wpb_wrapper{min-height:420px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block h3 br{display:none;}

#footer .footer-bottom-block{margin-top:30px;}
#footer .footer-top-block .aboutinfo-block{padding-right: 0;margin-top:30px; margin-bottom: 30px;}
.we-serve-sec.mission-sec .block:nth-child(2) .text-block{padding-left:0; padding-right:0;}
.we-serve-sec.mission-sec .block .text-block{margin: 30px 0 0 0; padding-left:0;}
.we-serve-sec.mission-sec .block h3{margin-bottom:15px;}
.values-sec{padding-top: 70px !important;}
.values-sec .box-inner .text-box h3 br{display:none;}
.values-sec .box-inner .text-box{min-height:inherit;}
.why-choose-sec.vehicles-clean-sec{padding-bottom:110px;}
.values-sec .box-inner .text-box h3{padding-right:40px;}
    
}


@media screen and (max-width: 767px) {
.package-block{min-height:inherit;}
.navbar-default{padding: 10px 0;background: rgba(0,0,0,.6);backdrop-filter: blur(15px);-webkit-backdrop-filter: blur(15px);-webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);-moz-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0);}
.navbar-default .mobile-menu-block{display:block;}
.main-banner::after{background:rgba(0,0,0,.5); height: 100%;}
.main-banner .text-block{text-align:center; z-index: 9;}
.navbar-default .logo-block{width:120px;}
.main-banner .text-block::after{left: 0;right: 0;margin: 0 auto;}
.main-banner{padding-top: 230px !important; padding-bottom: 20px;}

.common-title{font-size:42px; line-height:42px; margin:0 0 30px;}
.sub-title{font-size: 18px; line-height: 20px;}

p{font-size: 16px;line-height: 30px;}
.difference-sec .text-block ul li p, .cleaning-sec .bottom-block .wpb_wrapper .text-block h5{font-size: 16px; line-height: 20px;}
.cleaning-sec .bottom-block .wpb_wrapper .text-block li{font-size: 16px; line-height: 18px;}
.cleaning-sec .bottom-block .wpb_wrapper .wpb_wrapper, .wpb_single_image.img-block .vc_single_image-wrapper, .cleaning-sec .bottom-block .wpb_wrapper .img-block img{width:100%;}
.cleaning-sec .bottom-block{margin-top:20px;}
.cleaning-sec .bottom-block .card{margin-bottom:30px;}
.cleaning-sec .bottom-block .wpb_wrapper{min-height:inherit;}


.why-choose-sec .box::before{width:100%; height:100%;clip-path: inherit; top:0; left:0;}
.why-choose-sec .box::after{width:100%;}
.why-choose-sec .box::after, .why-choose-sec .lt-panel .box:nth-child(2)::before, .why-choose-sec .lt-panel .box:nth-child(2)::after{clip-path:inherit;}
.why-choose-sec .lt-panel .box:nth-child(3)::before, .why-choose-sec .lt-panel .box:nth-child(3)::after{clip-path:inherit;}
.why-choose-sec .rt-panel .box:nth-child(1)::before, .why-choose-sec .rt-panel .box:nth-child(1)::after{clip-path:inherit;}
.why-choose-sec .rt-panel .vc_column-inner{margin-left:0; padding-left:15px;}
.why-choose-sec .lt-panel .vc_column-inner{padding-right:15px;}
.why-choose-sec .rt-panel .box:nth-child(2)::before, .why-choose-sec .rt-panel .box:nth-child(2)::after{clip-path:inherit;}
.why-choose-sec .rt-panel .box:nth-child(3)::before, .why-choose-sec .rt-panel .box:nth-child(3)::after{clip-path:inherit;}
.why-choose-sec .rt-panel .box .wpb_wrapper{padding:30px 30px 0 70px;}
.why-choose-sec .rt-panel .box .wpb_wrapper::after{left: 22px;}
.why-choose-sec .md-panel{transform:inherit;padding:0 15px; margin:15px 0 0;}

.why-choose-sec .vc_row.wpb_row.vc_row-fluid .lt-panel, .why-choose-sec .vc_row.wpb_row.vc_row-fluid .rt-panel{width:100%;}
.why-choose-sec .box .wpb_wrapper{min-height:inherit;}

.technology-sec .bottom-block::after{display:none;}
.technology-sec .bottom-block .wpb_single_image{margin-bottom:20px;}
.technology-sec .bottom-block h3{min-height:90px;}
.technology-sec .bottom-title{margin-top:10px;}
.we-serve-sec .bottom-block{margin-top: 15px;display: flex;flex-wrap: wrap;}
.we-serve-sec .vc_row.wpb_row.vc_row-fluid:nth-child(3){display: flex;flex-wrap: wrap;}
.we-serve-sec .vc_row.wpb_row.vc_row-fluid:nth-child(3) .box{width:50%;}
.we-serve-sec .bottom-block .box{width:50%;}
.we-serve-sec .box .wpb_wrapper h3{font-size: 18px; line-height: 20px;}
.main-banner.inner-banner .text-block h1{font-size: 50px; line-height: 46px;}
.mission-vision{margin:0 !important;}
.we-serve-sec.mission-sec .card ul{min-height:inherit; margin-bottom:40px;}

.about-sec.advanced-clean-sec h3{font-size:20px; line-height:26px;}
.about-sec.advanced-clean-sec ul li{flex:0 0 40px;}

.page-our-services .values-sec .box-inner .text-box{min-height:inherit;}
.page-our-services .values-sec .box-inner .text-box{margin-bottom:50px;}
.page-our-services .values-sec.maintenance-sec{padding-bottom:20px;}

.cleaning-service-sec::after{display:none;}
.cleaning-service-sec li{font-size:18px; line-height:24px;}
.choose-sec .process-box h3{font-size:30px; line-height:34px;}
.choose-sec .process-box h3 br{display:none;}
}

@media screen and (max-width: 575px) {
.we-serve-sec .bottom-block .box, .we-serve-sec .vc_row.wpb_row.vc_row-fluid:nth-child(3) .box{width:100%;}
.we-serve-sec .box .wpb_single_image, .we-serve-sec .box .vc_single_image-wrapper, .we-serve-sec .box .vc_single_image-wrapper img{width:100%;} 
.values-sec .box-inner .text-box h3{font-size:30px; line-height:34px; margin:0 0 20px;}
.common-title{font-size:38px; line-height:40px;}
#footer .form-block{padding:30px 20px 20px;}
.navbar-default .logo-block{width:100px;}
.contact-sec .block .wpb_wrapper{flex:0 0 40px;}
.contact-sec .block .wpb_wrapper .phone{font-size:30px; line-height:32px;}
.contact-sec .block{margin-bottom:20px !important;}
}


@media screen and (max-width: 450px) {
.main-banner .text-block h1{font-size: 40px; line-height: 40px;}
#footer .footer-top-block .col-6{max-width: 100%; flex:0 0 100%;}
#footer .footer-top-block .footer-logo{text-align:center; margin-bottom:30px;}
#menu-footer-menu{display: flex; flex-wrap: wrap; gap:15px;}
#menu-footer-menu li{flex:0 0 calc(50% - 15px);}
}