@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{font-family:'Cera Pro'; padding:0; margin:0 auto; overflow-x:hidden; background:#f5f5f5;}
a{text-decoration:none; outline:none; transition:all .3s;}
a:hover{text-decoration:none; transition:all .5s;}
button, button:focus{outline:none;}
h1, h2, h3, h4, h5, h6, ul, li, p{padding:0; margin:0;}
li{list-style:none;}
input, input:hover, input:focus, textarea:hover, textarea:focus, .form-control:hover, .form-control:focus{outline:none !important; box-shadow:none;}
p:empty { display: none; }
input[type=password] { font-family: sans-serif !important; }


@font-face{font-weight:normal; 
   font-style:normal; 
   font-family:'FontAwesome'; 
   src:url('../fonts/FontAwesome.otf') format('opentype'), 
   url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),
   url('../fonts/fontawesome-webfont.woff') format('woff'), 
   url('../fonts/fontawesome-webfont.woff2') format('woff2'), 
   url('../fonts/fontawesome-webfont.ttf') format('truetype'), 
   url('../fonts/fontawesome-webfont.svg#BrandonGrotesque-Regular') format('svg');
}
@font-face {
   font-family: 'Cera Pro';
   src: url('../fonts/CeraPro-Light.eot'),
   url('../fonts/CeraPro-Light.eot?#iefix') format('embedded-opentype'),
   url('../fonts/CeraPro-Light.woff2') format('woff2'),
   url('../fonts/CeraPro-Light.woff') format('woff'),
   url('../fonts/CeraPro-Light.ttf') format('truetype'),
   url('../fonts/CeraPro-Light.svg#CeraPro-Light') format('svg');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}
@font-face {font-family: 'Cera Pro';
   src: url('../fonts/CeraPro-Medium.eot'),
   url('../fonts/CeraPro-Medium.eot?#iefix') format('embedded-opentype'),
   url('../fonts/CeraPro-Medium.woff2') format('woff2'),
   url('../fonts/CeraPro-Medium.woff') format('woff'),
   url('../fonts/CeraPro-Medium.ttf') format('truetype'),
   url('../fonts/CeraPro-Medium.svg#CeraPro-Medium') format('svg');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {font-family: 'Cera Pro';
   src: url('../fonts/CeraPro-Bold.eot'),
   url('../fonts/CeraPro-Bold.eot?#iefix') format('embedded-opentype'),
   url('../fonts/CeraPro-Bold.woff2') format('woff2'),
   url('../fonts/CeraPro-Bold.woff') format('woff'),
   url('../fonts/CeraPro-Bold.ttf') format('truetype'),
   url('../fonts/CeraPro-Bold.svg#CeraPro-Bold') format('svg');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Cera Pro';
   src: url('../fonts/CeraPro-Black.eot'),
   url('../fonts/CeraPro-Black.eot?#iefix') format('embedded-opentype'),
   url('../fonts/CeraPro-Black.woff2') format('woff2'),
   url('../fonts/CeraPro-Black.woff') format('woff'),
   url('../fonts/CeraPro-Black.ttf') format('truetype'),
   url('../fonts/CeraPro-Black.svg#CeraPro-Black') format('svg');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}

/*Scroll Button*/
#elevator_item{position:fixed; right:15px; bottom:20px; transition:opacity .4s ease-in-out; opacity:1; z-index:999; display:none;}
#elevator_item.off{opacity:0; visibility:hidden;}
#elevator{display:block; width:40px; height:40px; cursor:pointer; background:url(../images/img-icon_top.png) center center no-repeat; background-size:45%; background-color:#E61D1D; border-radius:3px; box-shadow:0 1px 3px rgba(0, 0, 0, .2);}


.arrow-down{}
/*Home page*/
header{/*position:relative;*/ position: fixed;top: 0; left: 0; width: 100%; padding: 7px 0; z-index: 999; transition: all .3s;/*background: rgba(0, 0, 0, 0.5);background-color: #000;*/box-shadow: 0 0 20px rgba(139, 139, 139, 0.5);}
.header-row { display: flex; align-items: center;width: 100%; }
.header-row .navbar-brand { margin: 0; padding: 0; }
.header-row .navbar-brand img { max-width: 150px; transition: all .3s; }
.header-row .navbar-nav .nav-item .nav-link { color: #F1F1F1; font-size: 16px; font-weight: 500; padding: 7px 10px;}
.header-row .navbar-nav .nav-item .nav-link:hover, .header-row .navbar-nav .nav-item.active .nav-link{ color: #e61d1d !important; }
.header-row .navbar-nav .nav-item .dropdown-toggle::after { position: relative; top: 3px; }
.header-row .navbar-nav .dropdown .dropdown-menu { margin: 0; padding: 0; border: 0; min-width: 200px; background: #ffffff; border-radius: 5px; transition: all .3s; box-shadow: 0 3px 6px rgba(0,0,0,0.3);}
.header-row .navbar-nav .dropdown .dropdown-menu a { display: block; color: #333333; padding: 5px 15px; border-bottom: 1px solid #ddd; font-size: 16px; }
.header-row .navbar-nav .dropdown .dropdown-menu a:hover { color: #e61d1d; }
.btn.redbgbtn{font-size:14px; color:#FFFFFF; background:#E61D1D; border-radius:4px; padding:9px 15px; box-shadow:0 3px 10px rgba(255,0,0,0.31);}
.btn.redbgbtn:hover{background:#ffffff; color:#E61D1D; box-shadow:0 6px 8px rgba(0,0,0,0.12);}
.header-right { /*width: 400px;*/ padding-left: 10px; display: flex; justify-content: space-between; align-items: center;}
.btn.loginbtn { font-size: 16px; color: #FFFFFF; padding: 0; border: 0; box-shadow: none;}
.btn.loginbtn i { width: 35px; height: 35px; line-height: 35px; border-radius: 35px; border: 1px solid #F1F1F1; color: #e61d1d; margin-right: 5px;}
.btn.loginbtn:hover{color: #e61d1d !important;}
/*sticky*/
header.sticky { background: #000; position:fixed; box-shadow: 0 2px 7px rgba(0,0,0,0.1);}
/* header.sticky .header-row .navbar-brand img { max-width: 90px; } */
.sticky .btn.redbgbtn { border-color: #e61d1d; }
header.sticky .btn.loginbtn { color: #fff; }
/**/
.homebanner { background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; min-height:340px; display:table; text-align:center; margin-top:0px;background-position: right center;}
.homebanner > .container {display: table-cell; vertical-align: middle;}
.homebanner h4{color:#F1F1F1; font-size:28px; margin:0 0 7px; }
.banbig_heading {color: #e61d1d;font-size: 58px;margin: 0 0 20px;font-weight: 400;font-family:'Bitter';text-transform: uppercase;}
.homebanner .banbig_heading{font-size: 36px;color:#a9283a;font-weight:500;margin-bottom: 0px;position: absolute;top: 0%;left: 50%;transform: translate(-50%, -0%);width:100%;}
.homebanner .banbig_heading span{color:#000;}
.homebanner .banbig_heading span{display: flex;justify-content:center;}



.innerbanner .banbig_heading{font-size: 38px;margin:0 0 0px;}
.btn.whitebgbtn { font-size: 16px; color: #000000; padding: 12px 20px; border-radius: 4px; border: 1px solid #E61D1D; background: rgba(255,255,255,0.84); box-shadow: 0 6px 8px rgba(0,0,0,0.12); }
.btn.whitebgbtn:hover { background: #E61D1D; color: #ffffff; box-shadow: 0 3px 10px rgba(255,0,0,0.31); }
.whymain_section { padding: 50px 0; overflow:hidden; width: 100%;}
.whybest_img { float: right; width: 48%; text-align: right; margin: 0 -15px 0 0;}
.whybest_img img{width: 100%; height: 100%;}
.whymain_section .mainheading {margin-top: 50px;}
.innerbanner.ozone-banner .mainheading{color: #E42626;font-family: 'Bitter';font-size: 42px;font-weight: 500;}

.mainheading {font-size: 40px; font-weight: 900; font-style: italic; color: #E42626; margin: 0 0 15px;}
.mainheading span{color: #fff; }
.whysmall_heading {font-size: 18px; color: #000000; line-height: inherit; font-weight: 500; margin: 0 0 15px;}
.mainpara {font-size: 16px; color: #000000; line-height: 27px; margin: 0 0 20px; }
.meetask_section{position: relative; width: 100%; padding: 50px 0 120px; background:rgb(234,234,234); background:-moz-linear-gradient(90deg, rgba(234,234,234,1) 0%, rgba(252,252,252,1) 100%); background:-webkit-linear-gradient(90deg , rgba(234,234,234,1) 0%, rgba(252,252,252,1) 100%); background:linear-gradient(90deg , rgba(234,234,234,1) 0%, rgba(252,252,252,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#eaeaea",endColorstr="#fcfcfc",GradientType=1); width:100%; transform:skewY(4deg); -webkit-transform:skewY(4deg); overflow: hidden;}
.meetask_section .container{transform:skewY(-4deg); -webkit-transform:skewY(-4deg); }
.meetask_section .row {align-items: center; }
.meetmaask_list {text-align: center; }
.meetask_box{width:190px; height:190px; background:#ffffff; border:1px solid #ffffff; overflow:hidden; border-radius:39px; display:inline-flex; flex-wrap:wrap; align-items:center; margin:15px 10px; text-align:center; justify-content:center;}
.meetask_box div span { display: block; margin: 10px 0 0; font-size: 18px; color: #000000; }
/*.meetask_box:last-child{margin-right: 0; }*/
.meetask_box:hover{border-color: #FF2929; box-shadow:0 12px 6px rgba(0,0,0,0.06);}
/*.meetmaask_list:last-child { padding-left: 185px; }*/
.meetask_detail { padding-left: 65px; }
.meetask_detail p { margin: 0; } 
.beaf_section { margin: 0; padding: 100px 0 6%; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center top; transform:skewY(4deg); -webkit-transform:skewY(4deg); overflow: hidden; position: relative;}
/* .beaf_section:before { content: ''; background: #000000; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.50; } */
.beaf_section .container{ transform:skewY(-4deg); -webkit-transform:skewY(-4deg); }
.whiteheading { font-size: 39px; font-weight: 900; font-style: italic; color:rgba(255,255,255,0.85); margin: 0 0 7px; }
.whitepara { font-size: 18px; color:rgba(255,255,255,0.85); line-height: inherit; font-weight: 500; margin: 0 0 15px; }
.carwash_gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; padding: 30px 20px;}
.carwash_gallery li { width: 33.33%; padding: 15px; }
.carwash_box { width: 100%; background: rgba(255,255,255,0.80); border: 1px solid #F1F1F1; border-radius: 11px; overflow: hidden; padding: 20px 20px;box-shadow: 0 0px 1px 5px rgba(255, 147, 147, 0.1); }
.carwash_img {margin:0 0 10px; display: flex; flex-wrap: wrap; overflow: hidden; border-radius: 5px; /*border: 3px solid #ffffff;*/ }
.carwash_img > div{width: 50%; border:3px solid #ffffff; position:relative; overflow:hidden;}
.carwash_img > div img { width: 100%; height: 250px; object-fit: cover; }
.carwash_img > div span { background: rgba(0,0,0,0.6); font-size: 16px; color: #ffffff; font-style: italic; padding: 5px 5px; display: inline-block; min-width: 72px; text-align: center; position: absolute; bottom: 0; left: 0; }
.carwash_img > div span.afterlabel { left: auto; right: 0; background: rgba(255,0,0,0.7); }
.carwash_detail .mainpara { margin: 0; line-height: inherit;}
.carwash_gallery button.slick-arrow { width: 40px; height: 40px; border: 1px solid #e61d1d; border-radius: 40px; z-index:9;}
.carwash_gallery button.slick-arrow::before { opacity: 1; font: normal 14px/1 FontAwesome; content: "\f104"; font-size: 24px; color: #e61d1d; }
.carwash_gallery button.slick-arrow.slick-next::before {content: "\f105";}
.home_service {margin:-3.5% 0 0; padding:100px 0; width:100%; position:relative; z-index:2; background-size:cover; background-repeat:no-repeat; background-position:center top;}
.home_service .mainheading { font-size: 36px; }
.home_service .mainheading span{color: #000;}
.home_service .whysmall_heading { font-size: 24px;line-height: 1.2; }
.bookappoint_sec {clear:both; padding:60px 0; text-align:center; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.bookappoint_sec h2{ color: #ffffff; margin: 0 0 17px; }
.bookappoint_sec h5 { color: #ffffff; margin: 0 0 17px; font-size: 20px;}
.bookappoint_sec .btn.whitebgbtn { background: #ffffff; min-width: 200px; margin-top: 20px;}
.bookappoint_sec .btn.whitebgbtn:hover{background: #000000; }
footer{width: 100%; padding: 40px 0 20px;}
.footlogo-box { display: flex; }
.footlogo-box .footlogo { min-width: 150px; margin-right: 20px; }
.footer-para { font-size: 16px; color: #303030; margin: 0 0 10px; }
.foot-contact p {margin: 0 0 20px; }
.foot-contact a{color: #E42626; font-size: 16px;}
.foot-contact a:hover{color: #fff;}
.foot-heading { font-size: 18px; color: #303030; font-weight: 500; margin: 0 0 10px; }
.footer-links li { float: left; width: 50%; padding: 2px 0; }
.footer-links li a { font-size: 16px; color: #303030; }
.footer-links li a:hover, .footer-links li.active a{color: #E42626;}
.footer-form .form-control {background: #e7e7e7; border: 1px solid #e7e7e7; font-size: 15px; color: #303030; border-radius: 24px; padding: 12px 15px; height: auto; margin: 0 0 15px;}
.footer-form label { width: 100%; }
.footer-form label.error{color:#e61d1d; font-size: 14px; margin-top: -10px; display: block;}
.footer-form .whitebgbtn { padding: 8px 10px; min-width: 120px; }
.copyright-row { margin-top: 35px; text-align: center; }
.copyright-row p { font-size: 16px; color: #585858; margin: 0; }


.social-link-sec .inline-ul { display: flex;}
.social-link-sec li{display: flex;margin-right: 13px;}
.social-link-sec li a i{color: #e61d1d;
   font-size: 22px;
   -moz-transition: all 0.5s linear;
   -webkit-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   transition: all 0.5s linear;}
.social-link-sec li a i:hover {color: #fff;transition: .3s all linear;}
/*About Us*/
.innerbanner{background-color:#303030; padding:130px 0 130px; width:100%; background-size:100% 100%; background-repeat:no-repeat; background-position:center center; text-align:center;margin-top: 0px;}
.custom_bread {background: transparent; justify-content: center; margin: 0; padding: 0;font-family: 'Bitter';}
.custom_bread .breadcrumb-item.active, .custom_bread li a{color:#F1F1F1;font-size:18px;}
.custom_bread .breadcrumb-item + .breadcrumb-item::before{color:#F1F1F1;}
.whychoose_body { position: relative; width: 100%; background: #F1F1F1; padding: 30px 0; }
.whychoose_body > .container > .row { padding: 40px 0; }
.whychoose_body .row {flex-wrap: wrap;margin-right: -15px;margin-left: -15px;align-items: center;}
.whychoose_body > .container > .row:nth-child(even) { flex-direction: row-reverse; } 
.whychoose_detail h3 { font-size: 48px; color: #000; font-weight: 700; margin: 0 0 10px;}
.whychoose_detail h5 { font-size: 24px; color: #282828; font-weight: 500; margin:0 0 15px; line-height: 1.1; }
.whychoose_detail p{font-size: 16px; color: #0f0f0f; font-weight: 400; margin: 0 0 15px; line-height: 20px;}
.whychoose_detail ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; }
.whychoose_detail ul li{width: calc(50% - 20px); background: #ffffff; border-radius: 35px; overflow: hidden; padding: 20px 20px 10px; margin: 0 10px 15px;}
.whychoose_detail ul li h6{font-size:24px; color:#5E5E5E; font-weight:700; margin:0 0 10px; text-align: center;}
.team_section{width:100%; padding:60px 0; background-size:cover; background-repeat: no-repeat; background-position: center center; text-align: center; position: relative;}
.team_section:before{content: ''; width: 100%; height: 100%; background: #000000; opacity: 0.8; position: absolute; top: 0; left: 0; }
.team_section h3 { font-size: 28px; color: #FFFFFF; font-weight: 500; margin: 0 0 10px; }
.team_section h2 { font-size: 48px; color: #FFFFFF; font-weight: 700; margin: 0 0 20px; }
.ourteam_list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; justify-content: center; align-items: center; padding-top: 20px;}
.ourteam_list li{padding: 20px 15px;}
.team_imgbox{width:225px; height:225px; border-radius:300px; overflow:hidden; background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.35); box-shadow:0 9px 15px rgba(255,255,255,0.15); margin:0 0 15px;}
.team_imgbox img{width: 100%; height: 100%; object-fit: cover;}
.ourteam_list li h5{font-size: 18px; color: #FFFFFF; font-weight: 500; margin: 0 ;}
.our_value { background: #ffffff; width: 100%; padding: 60px 0; text-align: center; }
.our_value .col-md-12 { max-width: 1050px; margin: 0 auto; }
.our_value h2 { font-size: 48px; color: #5E5E5E; font-weight: 700; margin: 0 0 20px; }
.our_value p{ font-size: 16px; color: #303030; margin: 0 0 15px; line-height: 28px; }
.our_value ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 10px;}
.our_value ul li{position:relative; font-size:18px; color:#343A5A; margin:5px 0; padding-left: 30px; text-align: left;}
.our_value ul li:before, .our_value ul li:after{content: ''; background: #FF0000; border-radius: 22px; position: absolute;}
.our_value ul li:before {opacity: 0.13; width: 22px; height: 22px; left: 0; top: 7px; } 
.our_value ul li:after { width: 12px; height: 12px;  left: 5px; top: 12px; }
.our_reviews { width: 100%; background: #F1F1F1; padding: 60px 0; text-align: center;background-repeat: no-repeat !important;background-position: center !important;background-size: cover !important; }
.review_star { margin: 0 0 10px; }
.review_star i { color: #FFBC21; font-size: 30px; }
.our_reviews h2 { font-size: 48px; color: #000; font-weight: 700; margin: 0 0 10px; }
.our_reviews h5 { font-size: 24px; color: #000; margin: 0 0 10px; line-height: inherit;}
.review_list { margin: 0 auto; padding-bottom: 20px; position: relative;}
.review_detail{position: relative; margin-top: 30px;padding: 40px 20px 20px;
   border: 1px solid #fff;
   background: #fff;
   box-shadow: 0 5px 5px rgba(255, 220, 220, 0.5);min-height: 225px;}
/* .review_detail:before { content: ''; background: url(../images/quoteleft.svg) no-repeat center center; width: 62px; height: 56px; position: absolute; left: 0; top: -25px; } */
.review_detail p { font-size: 14px; color: #4E4E4E;line-height: 1.3; margin: 0 0 10px;text-align: justify;}
.review_detail img { width: 60px; height: 60px; border-radius: 100px; margin: 0 auto 10px;position: absolute;top: -30px;left: 20px;}
.author_name { font-size: 16px; color: #4E4E4E; display: block; text-align: left;font-style: italic; font-family: 'Montserrat', sans-serif; }
.author_status > span { font-size: 16px; color: #4E4E4E; display: block; font-style: italic; margin: 3px 0; font-family: 'Montserrat', sans-serif; }
.review_list button.slick-arrow { width: 38px; height: 38px; top: 40%; transform: translate(-40%); }
.review_list button.slick-arrow:before{display: none;}
.review_list button.slick-prev.slick-arrow{background:url(../images/arrowleft.svg) no-repeat center center; background-size:37px; margin-left: -15px;}
.review_list button.slick-next.slick-arrow{background:url(../images/arrowright.svg) no-repeat center center; background-size:37px; margin-right:-50px;}

.review_star{text-align: left;}
.review_star i{font-size: 20px;}
.review_list .slick-slide {
   margin-left:5px;margin-right: 5px;
 }

 /* the parent */
.review_list .slick-list {
   margin-left:-5px;margin-right:-5px;
 }

/*Contact Us*/
.contact_body { position: relative; width: 100%; padding: 60px 0; background: rgb(230,255,254); background: -moz-linear-gradient(90deg, rgba(230,255,254,1) 0%, rgba(252,244,253,1) 45%, rgba(254,255,241,1) 100%); background: -webkit-linear-gradient( 90deg , rgba(230,255,254,1) 0%, rgba(252,244,253,1) 45%, rgba(254,255,241,1) 100%); background: linear-gradient( 90deg , rgba(230,255,254,1) 0%, rgba(252,244,253,1) 45%, rgba(254,255,241,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6fffe",endColorstr="#fefff1",GradientType=1); overflow: hidden;}
.contact_body:before{content:''; width:750px; height:650px; background:url(../images/contactbg.svg) no-repeat center center; background-size:cover; position:absolute; left:0; top:0;}
.contact_body .whysmall_heading { font-size: 20px;}
.contact_form .form-group > label { width: 100%; font-size: 16px; color: #000000; font-family: 'Montserrat', sans-serif;}
.contact_form .form-control{font-size:16px; font-weight:400; color:#000000; border:1px solid rgba(0,0,0,0.25); background: #ffffff; border-radius: 5px; min-height: 50px; padding: 7px 15px; font-family: 'Montserrat', sans-serif;}
.form-btns .btn.redbgbtn { font-size: 16px; min-width: 130px; border-radius: 28px; border: 1px solid #e61d1d; padding: 12px 10px; }
.contact_form label.error { margin: 5px 0 0; color: #e61d1d; font-size: 14px; }
.contact_map { float: left; width: 100%; }
.contact_map iframe { width: 100%; height: 600px; border: 0; float: left; }
.contact_list li { padding: 20px 0; display: flex; align-items: center; }
.contacticon { width: 55px; min-width: 55px; height: 55px; line-height: 45px; border-radius: 50px; text-align: center; background: #ffffff; border: 1px solid #0E3070; margin: 0 15px 0 0; }
.contacticon img{height: 27px; max-width: 28px;}
.contat_para h5 { font-size: 20px; font-weight: 300; margin: 0 0 3px; }
.contat_para h5 span { font-size: 16px; font-weight: 500; color: #000; }
.contat_para p, .contat_para a{ font-size: 18px; color: #393939; margin: 0; }
.contact_form .custom-control { margin: 0 0 10px; }
.contact_form .custom-control label { font-size: 16px; color: #000000; font-family: 'Montserrat', sans-serif; }
.contact_form .custom-checkbox .custom-control-label::before, .contact_form .custom-control-label::after{width: 20px; height: 20px; top: 1px;}
.contact_form .custom-control-input:checked~.custom-control-label::before { border-color: #adb5bd; background-color: #ffffff; }
.contact_form .custom-checkbox .custom-control-input:checked~.custom-control-label::after { filter: invert(1); }
.contact_form .custom-control-input:focus~.custom-control-label::before{box-shadow: none;}

/*live chat*/
.chatbox .chatbox-open, .chatbox .chatbox-close{ position: fixed; bottom: 15px; right: 75px; width: 55px; height: 55px; color: #fff; font-size: 30px; background-color: #e61d1d; box-shadow: 12px 15px 20px 0 rgba(46,61,73,0.15); border: 2px solid #fff; border-radius: 60px; cursor: pointer; margin: 0; }
.chatbox .chatbox-close { display: none; } 
.chatbox-popup {flex-direction: column; display: none; position: fixed; box-shadow: 5px 5px 25px 0 rgb(46 61 73 / 20%); bottom: calc(2 * 15px + 52px); right: 15px; width: 370px; height: auto; background-color: #fff; border-radius: 15px; z-index: 999999;}
.chatbox_header { display: flex; width: 100%; padding: 15px; color: #fff; background-color: #000000; align-items: center; justify-content: space-between; border-top-right-radius: 15px; border-top-left-radius: 15px; }
.chatheader_left { display: flex; align-items: center; }
.chatimg { color: #0360a5; border-radius: 100px; width: 55px; height: 55px; background: #ffffff; padding: 2px; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-right: 10px; }
.chatname h4 { font-size: 20px; color: #ffffff; margin: 0; font-weight: 500; }
.chatname p { font-size: 16px; color: #ffffff; margin: 0; font-weight: 300; }
.chatbox_body {width: 100%; min-height: 45vh; max-height: 45vh; padding:15px 20px; overflow: hidden; overflow-y: auto; display: flex; flex-direction: column-reverse;}
.chatlistbox { width: 100%; height: 100%; }
.chatlistbox li { display: flex; flex-wrap: wrap; padding: 10px 0; }
.chatlistbox li img { width: 40px; min-width: 40px; height: 40px; }
.chatdetail { background: #f1f1f1; padding: 10px 10px; width: calc(100% - 55px); margin-left: 15px; border-radius: 10px; }
.chatdetail p { font-size: 14px; color: #454545; font-weight: 400; margin: 5px 0; display: inline-block; width: 100%; }
.chatlistbox li.userchat { flex-direction: row-reverse; }
.userchat .chatdetail { margin-left: 0; margin-right: 15px; background: #ffd9d9; }
.chatbox_footer { display: flex; width: 100%; padding: 15px; border-top: 1px solid #ddd; align-items: center; justify-content: space-between; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
.chatbox_footer form { width: 100%; position: relative; }
.chatbox_footer form .form-group { margin: 0; padding: 0; position: relative; }
.chatbox_footer form .form-group i { color: #888; font-size: 18px; position: absolute; left: 0; top: 12px; }
.chatbox_footer form textarea { width: 100%; height: 40px; padding: 7px 40px 7px 30px; font-size: 16px; color: #888; background-color: transparent; border: 0; resize: none; overflow: hidden; }
.chatbox textarea::-moz-placeholder { color: #888; } 
.chatbox textarea:-ms-input-placeholder { color: #888; } 
.chatbox textarea::placeholder { color: #888; } 
.chatbox_footer form button { position: absolute; right: 3px; top: 3px; border: 0; background: transparent; font-size: 20px; color: #888888; z-index: 1; }
/*end*/

/*Book Your Appointment*/
.appointment_body { padding: 180px 0 40px; width: 100%;}
.stepslist{display:-ms-flexbox; display:flex; justify-content:center; align-items:center;}
.stepslist li { width: 16.66%; position: relative; cursor: pointer; pointer-events: none;}
.stepslist li::before{content:""; position:absolute; left:0; top:50%; width:100%; height:1px; background:#989898; transition:all 0.4s; transform:translateY(-50%); margin-top: -10px;} 
.stepslist li > h5 { text-align: center; font-size: 12px; color: #6B6C6F; margin: 5px 0 0; }
.steplistbox{position:relative; background:#ffffff; width:40px; height: 40px; border-radius: 50%; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(255,41,41,0.12); margin: 0 auto; transition: all 0.4s; z-index: 1;}
.steplistbox > div { background: #989898; width: 30px; height: 30px; line-height: 23px; border-radius: 100px; transition: all 0.4s;}
.steplistbox > div > img { max-height: 14px; max-width: 14px; }
.steplistbox > span { display: block; width: 22px; height: 22px; border-radius: 40px; line-height: 22px; background: #ffffff; box-shadow: 0 7px 3px rgba(0,0,0,0.16); font-size: 10px; color: #303030; position: absolute; top: 5px; right: -10px; }
.stepslist li.active { pointer-events: inherit; }
.stepslist li.active .steplistbox{box-shadow:0 7px 9px rgba(228,38,38,0.13); border-color:rgba(228,38,38,0.31);}
.stepslist li.active .steplistbox > div { background: #E42626; }
/*details*/
.stepsdetail_row {margin: 25px 0 0;}
.stepdetails{display: none;}
.stepdetails.active {display: block;} 
/*step 1*/
#steps4 .step_headingbox{margin-bottom:10px}
#steps4 .packagesteps #all-packages .col-xl-3.col-lg-6.col-md-6.my-2{margin-top: 0px !important;margin-bottom:0px !important;max-width: 32.33%;-ms-flex: 0 0 32.33%;flex: 0 0 32.33%;}
#steps4 .packagesteps #all-packages .col-xl-3.col-lg-6.col-md-6.my-2 label{margin-bottom: 0px !important;}
#steps4 .packagesteps #all-packages .selecttime_box.picktimebox p{color: #000;font-size: 13px;}
#steps4 .package_middle, #steps4 .package_middle ul{min-height: auto !important;}
#steps4 .package_middle .openslide1{font-size: 14px;}

/* #steps4 .package_middle {
   scrollbar-color: #e61d1d aliceblue;
   scrollbar-width: thin;
   -webkit-scrollbar-width: thin;
   height: 100px;
   overflow-y: auto;
}

#steps4 .package_middle::-webkit-scrollbar {
 width: 5px;
}

#steps4 .package_middle::-webkit-scrollbar-track {
 background: #ddd;
}

#steps4 .package_middle::-webkit-scrollbar-thumb {
 background: #e61d1d; 
} */

.step_headingbox {width: 100%; display: inline-block; text-align: center; margin: 0 0 10px;}
.step_headingbox h2 {margin-bottom: 0;}
.step_headingbox h2 {font-size: 20px; font-weight: 900; color: #fff; margin: 0 0 5px;}
.step_headingbox h2 span {color: #FF2929;}
.step_headingbox h5 {font-size: 14px; color: #fff;}
.vehicle_details {background: #000; border-radius: 26px; padding: 15px; width: 100%; margin: 0 0 20px;border: 1px solid #fff;}
.vehicletype_list {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; max-width: 100%;justify-content: center;}
/*.vehicletype_list li {width: 20%; text-align: center; padding: 20px 16px;}*/
#steps6 .vehicle_details.detailingsteps{padding: 15px 150px;}

.vehicletype_list li {/*width: 13%;*/text-align: center;padding: 7px;}
.vehicle_imgbox {max-width: 110px;height: 90px;padding: 10px 8px;border-radius: 15px;overflow: hidden;margin: 0 auto;margin-top: 0px;
border: 1px solid #fff;box-shadow: 0 0px 6px rgb(255, 255, 255);position: relative;cursor: pointer;display: flex;background: #83878d;
flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;transition: .3s all linear;}
.vehicle_imgbox:hover {margin-top: -4px;box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.vehicletype_list li strong br {display: none;}
.vehicletype_list li strong{font-size:11px; color:#fff; font-weight: 500; line-height:inherit; margin:10px 0 0; display: block; width: 100%; }
.vehiclecheck {display: none;}
.vehiclecheck + label::after{content:'\02713'; width:24px; height:24px; line-height:24px; text-align:center; border-radius:30px; background:#E42626; color:#fff; position:absolute; top:5px; right:5px; display:none;}
.vehiclecheck:checked + label{border-color:#E42626; background:rgb(250, 250, 250) !important;}
/*.vehiclecheck:checked + label{border-color:#05b705; background:rgba(5,183,5,0.15) !important;}*/
.vehiclecheck:checked + label::after{display:block; background:#E42626;}
.stepform_btn .btn.redbgbtn {min-width: 120px; border-radius: 30px; font-size: 14px; border-color: #e61d1d;}
.stepform_btn .btn.redbgbtn span{font-size:20px; line-height:1; position:relative; top:1px;}

.vehiclecheck:checked + .vehicle_imgbox img{filter: initial !important;}

.vehicletype_list li:nth-child(3) strong {padding: 0 !important;}
.vehiclecheck:checked + label strong{color: #000 !important;}

.vehicle_details.washsteps.click-show {border: 1px solid #fff;}

#steps1 .vehicle_imgbox{max-width: 100%;height: 100px;}
#steps1 .vehicletype_list li strong{margin-top: 10px;color: #fff;}

.vehicle_imgbox img{height: 28px;}
/*#steps2 .vehicle_imgbox img {filter: invert(1);}*/
#steps2 .vehicletype_list li strong{color: #fff;}

/*#steps3 .vehicle_imgbox img {filter: invert(1);}*/
#steps3 .vehicletype_list li strong{color: #fff;}


/*step 2*/
.selection_box { background: #000; border-radius: 26px; overflow: hidden; padding: 10px 10px; width: 100%; margin: 0 0 20px;border: 1px solid #fff;}
.selection_head { font-size: 14px; font-weight: 900; color: #fff; margin: 0 0 10px; text-align: center;}
/*.selection_head { font-size: 20px; font-weight: 900; font-style: italic; color: #fff; margin: 0 0 10px; text-align: center;}*/
.selected_box { display: block; padding: 5px;max-width:100%;margin:auto;text-align: center;}
.selected_box h5 { font-size: 13px; color: #FF2929; margin: 0 0 10px;text-align: center;}
/*.selected_box h5 { font-size: 13px; font-style: italic; color: #FF2929; margin: 0 0 10px;text-align: center;}*/
.selectedimg { background: #83878d;border: 1px solid #fff;
   box-shadow: 0 0px 6px rgb(255, 255, 255); display: inline-block; padding: 10px 5px 10px; text-align: center; min-width: 100px; min-height:90px;border-radius: 10px; position: relative; }
.selectedimg img { height: 28px; }
/*.selectedimg span { font-size: 13px; display: block; font-style: italic; color: #000000; margin: 5px 0 0;}*/
.selectedimg span { font-size: 11px; display: block; color: #fff; margin: 10px 0 0;}
.selectedimg a { position: absolute; top: 3px; right: 7px; color: #000;}



.selection_box .selection_list{display: flex;flex-wrap: wrap;justify-content: center;flex-direction: column;}
.selected_box .selectedimg .selections2, .selected_box .selectedimg .selections{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%}

.washsteps .vehicletype_list { max-width: 100%;display: flex;justify-content:center;}
/*.washsteps .vehicletype_list li {width: 18.33%;}*/
.washsteps .vehicletype_list li {min-width: 100px;width: 110px;}
.washsteps .vehicle_imgbox { max-width: 100%; background: #83878d; height: 120px; }
.washsteps .vehicletype_list li h5 { width: 100%; font-size: 16px;}

.confirmbox.confirm_detailbox .carselection img{border:1px solid #ddd;padding: 5px;border-radius:5px}


/*Step 3*/
.vehicle_details.packagesteps { overflow: inherit; padding: 40px 0; border-radius: 0; position: relative; }
.vehicle_details.packagesteps:before, .vehicle_details.packagesteps:after { content: ''; background: #ffffff; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; }

#steps4 .vehicle_details.packagesteps::before,
#steps4 .vehicle_details.packagesteps::after{content: ''; background: transparent; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; }
#steps4 .vehicle_details.packagesteps{padding: 10px;border-radius: 26px;}
.vehicle_details.packagesteps:after { left: -100%; }
.package_boxdata { border: 2px solid #303030; overflow: hidden; border-radius: 18px; width: 100%; background: #f2f2f2; position: relative; cursor: pointer;}
.packagcheck { display: none; }
.packagcheck + label::after{content:'\02713'; width:24px; height:24px; line-height:24px; background: #E42626; text-align:center; border-radius:30px; color:#fff; position:absolute; top:5px; left:5px; display:none;}
.package_top { text-align: center; background: #303030; padding: 0px 0px 5px; width: 100%; color: #f1f1f1; }
.package_top h5 { color: #f1f1f1; font-size: 16px; margin: 0 0 5px; }
.package_top h6 { color: #ff0000; font-size: 16px; margin: 0 0 5px; font-style: italic; }


.pakage_section .pakage_box .pakageimg{width: 80px;height: 80px;border-radius: 200px;object-fit: cover;
margin: 0 auto;border: 1px solid #707070;box-shadow: 0 3px 11px rgba(0,0,0,0.05);position:relative;
margin-bottom: 15px;}
.pakage_section .pakage_box .pakageimg img {
      width: auto;
      height: auto;
      border-radius: 0;
      object-fit: inherit;
      border: 1px solid #e61d1d;
      box-shadow: none;
      margin: auto;
      transform: translate(-50%,-50%);
      top: 50%;
      position: absolute;
      left: 50%;border-radius: 50%;
    }



#all-packages .package_top h6 {display: none;}
/*#all-packages .package_boxdata .package-titile {background: #e61d1d;color: #fff;}*/
#all-packages .package_top h3 {background: #e61d1d;}
#all-packages .package_top {padding: 0px 0 5px!important;}
#all-packages .package_boxdata .package-titile {background: #303030;color: #fff;}

.package_top h3 {background: #e61d1d; color: #f1f1f1; font-size: 16px; margin: 0 0 5px; font-weight: 500; line-height: 1.5;}
.package_top p { color: #f1f1f1; font-size: 14px; margin: 0 0 0px; font-weight: 300; }
.package_top span i{ color: #ff0000; }
/*.package_boxdata .package_middle { padding: 15px 15px;min-height: auto !important;}*/
.package_boxdata .package_middle { padding: 15px 15px;min-height: 600px !important;}
/*#pakageall_row1 .step_headingbox h2 {color: #000;}*/
.package_middle li{font-size:14px; position:relative; padding:2px 0 2px 18px;width: 100%;}
.package_middle li:before { content: ''; background: #fff; width: 12px; height: 12px; border-radius: 20px; position: absolute; left: 0; top: 8px; border: 3px solid #e61d1d; }
.package_bottom span { background: #ff2929; border-radius: 0; color: #fff; font-size: 14px; padding: 10px 10px; width: 100%; box-shadow: none; display: block; text-align: center;}
.packagcheck:checked + label{border-color:#E42626; background:rgba(228,38,38,.05) !important;}
/*.packagcheck:checked + label{border-color:#05b705; background:rgba(5,183,5,0.15) !important;}*/
.packagcheck:checked + label::after{display:block; background: #E42626; }
/*.packagcheck:checked + label .package_bottom span{ background: #ffb4b4; }*/
#all-packages .packagcheck:checked + label {border-color: #E42626;background: rgb(241, 241, 241) !important;}


.pkg-list .package_boxdata .package_middle{padding: 0px;}
.pkg-list .package_boxdata .package_middle ul {padding: 10px 7px;}
.pkg-list .package_boxdata .package_middle .btn.openslide1{border:1px solid transparent ;border-top: 1px solid #303030;border-bottom: 1px solid #303030;border-radius: 0px;box-shadow: none;}
/*Step 4*/
.detail_select_row { text-align: center; margin: 0 0 15px; }
.detail_column { border: 1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 16px rgba(0,0,0,0.1); border-radius: 5px; overflow: hidden; background: #FFFFFF; position: relative; margin: 15px 0; display: inline-block; width: 100%; text-align: center; padding: 10px; vertical-align: top;}
.detail_column p { font-size: 14px; color: #303030; margin: 0 0 10px;line-height: 1;}
.stepshowleft .detail_column p{margin: 0 0 0;font-size: 16px;line-height: 1.2;}
.time_duration { display: flex; align-items: center; align-content: center; justify-content: space-between; text-align: left; padding: 0 15px; }
.time_duration > img{width: 70px;}
.time_duration h4 { font-size: 18px; color: #303030; font-weight: 900; font-style: italic; margin: 0 0 0px; }
.time_duration span { font-size: 18px; color: #303030; }
.time_duration div div { text-align: center; margin-top: 0px; }
.schedule_detail > p { font-size: 18px; color: #303030; margin: 0 0 10px; font-style: italic;}
.schedule_detail .custom-control-label { cursor: pointer; }
.schedule_detail .custom-control-label::before { border: 2px solid #707070; }
.schedule_detail .custom-control-input:checked~.custom-control-label::before{border-color:#e61d1d; background-color:#e61d1d; box-shadow:0 0 0 0.2rem rgba(230,29,29,0.25);}
.scheduledate {
  position: relative;
  width: 100%;
  padding: 10px 20px;
  border: 1px solid rgb(238, 238, 238);
  box-shadow: 0 2px 10px rgb(248, 248, 248);
  border-radius: 34px;background: #fff;}
.calendar-info li {color: #fff;}
.calendar-info li span{font-size: 12px;}
.scheduledate .form-control{border:1px solid #70707038; background:#F5F5F5 url(../images/calendar.svg) no-repeat no-repeat center right 15px; font-size: 18px; color: #303030; font-style: italic; min-height: 50px; border-radius: 3px; padding: 8px 60px 8px 15px; }
/*date*/
/*.scheduledate .bootstrap-datetimepicker-widget.dropdown-menu { width: auto; padding: 0; inset: inherit !important;}
.scheduledate .bootstrap-datetimepicker-widget.dropdown-menu:before, .scheduledate .bootstrap-datetimepicker-widget.dropdown-menu:after, .bootstrap-datetimepicker-widget .datepicker table tbody tr td.active.today:before{display: none;}
.bootstrap-datetimepicker-widget.dropdown-menu{margin: 10px 0; border: 0; box-shadow:0 7px 11px rgba(0,0,0,0.1);}
.bootstrap-datetimepicker-widget .datepicker table{background: #F2F2F2;}
.bootstrap-datetimepicker-widget .datepicker table thead tr th { font-size: 15px; font-weight: 500; color: #000000; background: #EBEBEB; padding: 7px 9px; border: 0; border-radius: 0; width: auto; height: auto; line-height: inherit; }
.bootstrap-datetimepicker-widget .datepicker table thead tr:first-child th { background: #FF2929; font-size: 18px; color: #ffffff; }
.bootstrap-datetimepicker-widget .datepicker table tbody tr td { background: #F2F2F2; border: 0; font-size: 15px; padding: 7px 9px; border-radius: 7px; line-height: inherit; width: auto; height: auto; }
.bootstrap-datetimepicker-widget .datepicker table tbody tr td span { border: 1px solid #dddddd; border-radius: 0; margin: 2px; }
.bootstrap-datetimepicker-widget .datepicker table tbody tr td.active, .bootstrap-datetimepicker-widget .datepicker table tbody tr td span.active { background: #FF2929; border-color: #FF2929; }*/
/**/
.datepicker.datepicker-dropdown { margin: 10px 0   ; padding: 0; border: 0; box-shadow: 0 7px 11px rgba(0,0,0,.10);}
.datepicker.datepicker-dropdown::before, .datepicker.datepicker-dropdown::after{border-bottom-color: #ff2929; }
.datepicker.datepicker-dropdown.datepicker-orient-top:before, .datepicker.datepicker-dropdown.datepicker-orient-top:after{ border-bottom: 0; border-top-color: #ff2929; display: none;}
.datepicker.datepicker-dropdown table { border-collapse: collapse; width: 100%; }
.datepicker.datepicker-dropdown table thead tr th{visibility:visible !important; border-radius:0; padding:8px 8px; color:#ffffff; font-size:17px; background:#FF2929 !important;}
.datepicker.datepicker-dropdown table thead tr:last-child th { background: #EBEBEB !important; color: #000000; font-weight: 500; }
.datepicker.datepicker-dropdown table tbody tr td { border-radius: 7px; padding: 7px 10px; background: #f9f9f9; font-size: 15px; }
.datepicker.datepicker-dropdown table tbody tr td span { height: 40px; line-height: 40px; font-size: 14px; }
.datepicker.datepicker-dropdown .datepicker-days table tbody tr td.day { /*background: rgba(4,126,4,0.21);*/background-color: rgba(4,126,4,0.21); color: #047e04; border-radius: 5px; width: 40px; height: 40px; vertical-align: middle; padding: 0;border: 1px solid #a1a1a1; }
.datepicker.datepicker-dropdown .datepicker-days table tbody tr td.old.day { background: rgba(4,126,4,0.21); color: #047e04; }
.datepicker.datepicker-dropdown .datepicker-days table tbody tr td.new.day { background: rgba(4,126,4,0.21); color: #047e04; }
.datepicker.datepicker-dropdown .datepicker-days table tbody tr td.active.day { background: #047e04; color: #ffffff; }

.datepicker.datepicker-dropdown .datepicker-days table tbody tr td.disabled.day {background: #e3e3e3 !important;color: #828282;}

.datepicker.datepicker-dropdown{    position: absolute;margin-top: -100px;margin-left: 55px;
   width: 25%;
}
.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top{margin-top: 220px !important;}
.today.day{outline: 1px solid #047e04 !important;}

.tool_tip{color: #fff !important;margin-left: 10px !important;margin-top: 0px !important;color: #fff !important;display: inline-block !important;}

.vehicleadd_form .form-group .tool_tip{color: #fff !important;display: inline-block !important;}


#steps6 .scheduledate.selectnewdate{min-height: auto;padding: 10px 0px;}
#steps6 .fc button{height: 25px;}
.scheduledate.selectnewdate {
   min-height: 500px;
}



#select-date-time{display: none;}


.fc-today-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right.fc-state-disabled{display: none;}


.fa.fa-info.tool_tip {
   margin-left: 4px;
}
.confromation-btn{background: #e61d1d;
   display: flex;
   justify-content: center;
   border-radius: 4px;
   width: 20% !important;}



   /* New Datepikar CSS */
   .scheduledate.selectnewdate .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button{display: flex;justify-content: center;align-items: center;}
   /* .scheduledate.selectnewdate .fc-toolbar.fc-header-toolbar .fc-left .fc-button-group .fc-button .fc-icon-left-single-arrow::after{top: -12% !important;} */
   .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number{padding: 0px !important;
      display: flex;
      justify-content: center;
      width: 100%;
      height: 100%;
      position: relative;
      top: 20px;}

      #calendar{padding: 0px 30px;}
      #calendar .fc-basic-view .fc-day-number,
      #calendar .fc-basic-view .fc-week-number{top:15px}
    #calendar .fc-view-container .fc-widget-content .fc-scroller.fc-day-grid-container{height: 100% !important;
         overflow-y: hidden !important;}


      /* .fc-unthemed td.fc-today {
         background: #047e04 !important;color: #fff !important;border: 1px solid #047e04;
     } */

     .fc-day.fc-widget-content.fc-past{background: rgba(156, 156, 156, 0.21) !important; color: #161616 !important;}
     /*.fc-day.fc-widget-content.fc-future{background: #008000 !important; color: #047e04 !important;}*/
/*     .fc-day.fc-widget-content.fc-future {background: red !important; color: red !important;}*/
     .fc-day.fc-widget-content.fc-future.cellBackColorRed{background: red !important; color: red !important; cursor:none !important;}
     .fc-day.fc-widget-content.fc-future.cellBackColor{background: green !important; color: green !important;}
     .fc-day.fc-widget-content.fc-future.cellBackColorYellow{background: yellow !important; color: yellow !important;}
     .fc-day.fc-widget-content.fc-future.noClick {pointer-events: none;}
     .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead{border-color: #9c9696;}
     .fc-highlight {
      background: #FF0;opacity: 1;
   }

.selecttime_box.picktimebox ul li{width: 100%;}
.calendar-info{margin-top: 10px;}
.calendar-info ul li i.yellow {color: #FF0;margin-right: 8px;}
.calendar-info ul li i.green {color: #008000;margin-right: 8px;}
.calendar-info ul li i.red {color: #e61d1d;margin-right: 8px;}
.calendar-info ul li i.gray {color: #cac8c8;margin-right: 8px;}
.estimateala_box >.estimateala_list:last-child{border-bottom:1px solid #fff}


/*end*/
.scheduletime { max-width: 400px; margin: 15px 0 0; position: relative;}
.scheduletime .form-control{border:1px solid #70707038; background:#F5F5F5; font-size:18px; color:#303030; font-style:italic; min-height:50px; border-radius:3px; padding:8px 15px;}
.time_dropdown { width: 100%; background: #ffe4e4; padding: 17px 30px; display: none; position: absolute; top: 100%; left: 0; z-index: 99;}
.selecttime_box { margin: 0 0 15px; }
.selecttime_box h5 { font-size: 18px; font-weight: 700; color: #FF2929; margin: 0 0 7px; }
.selecttime_box ul { background: #ffffff; border-radius: 10px; padding: 10px 15px; text-align: center; }
.selecttime_box ul li{display: inline-block; min-width: 47px; margin: 3px 2px; font-size: 14px; color: #000000; padding: 0;}
.selecttime_box ul li input { display: none; }
.selecttime_box ul li label { margin: 0; padding: 2px; border: 1px solid #FF2929; border-radius: 4px; cursor: pointer; font-size: 14px; color: #000000; display: block;}
.timecheck:checked + label{color:#000; border-color:#E42626; background:#FFFF07 !important;}

/*Step 5*/
.identitysteps .form-row { margin: 0 -10px; }
.identitysteps .form-row > [class*=col-] { padding: 0 10px; }
.identitysteps .form-group label { color: #fff; font-size: 12px; margin: 0 0 5px; display: block; }
.identitysteps .form-group textarea.form-control{height: 32px}
.identitysteps .form-group .form-control{border:1px solid #d5d3d3; background:#fbfbfb; min-height:30px; padding: 6px 15px; font-size: 12px; color: #303030; border-radius: 5px; height: calc(1.2em + 0.85rem + 2px);}
.identitysteps input::-webkit-outer-spin-button, .identitysteps input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
.identitysteps input[type=number] {-moz-appearance: textfield;}
.identitysteps .form-group .error{font-size:14px; margin:3px 0 0; color:#e61d1d;}
label.error{text-transform: capitalize !important;}
.identityboxes .comments-txt{border: 1px solid #d5d3d3;
   background: #fbfbfb;
   min-height: 47px;
   padding: 8px 15px;
   font-size: 16px;border-radius: 5px;}

  #time-additon .slot-selections1 .select-box label{color: #fff;
      font-size: 14px;
      margin-bottom: 0px;width: 51%;min-width: 51%;}


.identityboxes .w-100.comments-txt.error{color: #000;font-size: 16px;}

.custom-time .custime input{height: 30px !important;}

.identitysteps .form-group .error{font-size: 12px;}

/*Step 6*/
.confirmdetailsteps .step_headingbox{max-width:650px; display:block; margin:0 auto 15px;}
.row.confirm_row { margin: 0 -8px; }
.confirm_row > [class*=col-] { padding: 0 8px; }

.finalDestiny {
   box-shadow: 0 0px 6px rgb(65, 65, 65);
   padding: 10px 10px 0px;
   border: 1px solid #fff;
   background: #fff;
   border-radius: 10px;}
 .finalDestiny .final-ttl{color: #000}
 .finalDestiny .confirmbox {background: #000}
.confirmbox { border: 1px solid rgb(127, 127, 127); box-shadow: 0 0px 6px rgb(65, 65, 65); border-radius: 10px; width: 100%; padding: 10px;
 margin: 0 0 20px;}
 .finalDestiny .final-ttl span{color:#000}
.confirm_detailbox > a { color: #000; font-size: 16px; float: right; padding: 0 4px; }
.confirm_detailbox ul { display: inline-block; width: 100%; }
.confirm_detailbox ul li { padding: 0px 0; font-size: 12px; font-weight: 300; color: #fff; display:flex}
.confirm_detailbox ul li strong {display: inline-flex; width: 100%;}
.confirm_detailbox ul li span{width: 100%;display: inline-flex;justify-content: end;}
.confirm_row > [class*=col-] .confirm_package { padding: 10px; }
.package_editbox { display: flex; justify-content: space-between; padding: 0 0 15px;}
.package_editbox a { color: #fff; font-size: 16px; float: right; padding: 0 4px;  }
.package_editbox h5 { font-size: 19px; font-weight: 700; color: #fff; margin: 0 10px 0 0; }
.package_editbox h5 span { color: #FF2929; }
.confirm_package .package_middle { padding: 10px 0; margin: 0;}
.package_middle h5 { font-size: 12px; color: #000000; margin: 0 0 7px; font-weight: 600;}
.package_middle.pakage_add li{display:flex; justify-content: space-between; }
.package_middle.pakage_add li::before { border-color: #2ecc71; }
.row.timeedit_row .col-lg-6 { display: flex; flex-wrap: wrap; }
.appoint_table table tr th, .appoint_table table tr td{font-size:16px; color:#989898; font-weight:500; font-style: italic; padding: 4px 0; border: 0; }
.appoint_table table tr td { color: #000000; border-top: 1px solid #dee2e6; }
.appoint_table table tr th:last-child, .appoint_table table tr td:last-child { width: 100px; }
.timeedit_row .confirm_detailbox ul { padding: 10px 30px; }
.confirmbox.timecost { text-align: center; padding: 40px; }
.timecost { max-width: 100%; margin: 0 auto; padding: 15px 0; }
.timecost p { font-size: 20px; color: #fff; margin: 10px 0 7px; line-height: 1.3; text-align: center; }
.timecost h2 { font-size: 28px; font-weight: 900; color: #fff; margin: 0;text-align: center; }

#steps7 .parti-width, #steps02 .parti-width {width: 85%;margin: auto;}
#steps02 .form-row + .form-row {
   margin-top: 15px;
 }
#steps02 .identityboxes.mt-0 .form-row{padding: 13px 10px 5px;
   border: 1px solid #888;
   border-radius: 10px;}
.scheduletimebox_new{margin-top:15px}
.custom-w-50 .ttl {font-size: 18px;color: #fff;}
.scheduletimebox_new .custom-w{display: flex;justify-content: space-around;align-items: center;}
.scheduletimebox_new .custom-w .custom-w-50 {margin: 0 0 15px;}
.scheduletimebox_new .custom-w .schedule_time{border: 1px solid #fff;padding: 8px;align-items: center;display: flex;}
.scheduletimebox_new .custom-w .custom-w-50.select-cus select{border: 1px solid #000;padding: 8px;align-items: center;display: flex;background: #fff;}
/*step 6.2*/
.payment_row{text-align: center; margin: 0; padding: 20px 0; }
.payment_box { display: inline-block; padding: 10px;}
.payment_box input[type=radio] { display: none; }
.payment_box label { margin: 0 0 10px; border: 1px solid #989898; border-radius: 22px; cursor: pointer; overflow: hidden; }
.payment_box.cash label { background: #eb8918; }
.payment_box input[type=radio]:checked + label{border:2px solid #FF2929;}
.payment_box strong { font-size: 16px; color: #000; font-weight: 500; display: block;}
.stepform_btn.order_confirm { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.oder_policy { position: relative; }
.oder_policy input[type=checkbox]{width:18px; height:18px; position:absolute; left:0; top:3px;}
.oder_policy label { font-size: 16px; font-weight: 300; margin: 0; padding-left: 30px; cursor: pointer; }
/*step 6.3*/
.order_heading { text-align: center; margin: 0 0 10px;}
.order_heading h2 { font-size: 24px; font-weight: 900; color: #FF2929; margin: 0 0 13px; }
.order_heading h4 { font-size: 20px; font-weight: 300; color: #fff; margin: 0 0 10px; }
.order_heading p { font-size: 14px; color: #fff; margin: 0 0 5px; }
.order_databox {margin: 0; padding: 0 0 30px;}
.order_databox h3 { text-align: center; font-size: 20px; font-weight: 400; color: #fff; margin: 0 0 25px; }
.bankdetail_list ul { display: table; width: 100%; }
.bankdetail_list ul li { display: table-cell; text-align: center; }
.bankdetail_list ul li strong, .bankdetail_list ul li span{ display: block; border: 1px solid #bfbebe; font-size: 16px; color: #000000; margin: 0px 0 -1px -1px; padding: 12px; }
.bankdetail_list ul li span {font-weight: 300; }
.summary_list ul { display: flex; flex-wrap: wrap; margin: 0 0px; }
.summary_list ul li { width: 33.33%; padding: 8px 10px; font-size: 16px; font-weight: 300; color: #fff;}
.summary_list ul li strong { min-width: 100%; display: inline-block; font-weight: 700; }
.order_list{background-color: ;}
.yourorder_list table tr th { border: 0; font-size: 17px; color: #fff; padding: 10px 0;color: #fff;}
.yourorder_list table thead tr th span { font-weight: 300; color: #fff;}
.yourorder_list table tr td { font-size: 16px; color: #fff; padding: 10px 0; border-top: 1px solid #a9a9a9; border-bottom: 1px solid #a9a9a9; font-style: italic; min-width: 130px; }
.yourorder_list table tr td strong { font-style: normal; }
.yourorder_list table tr th:last-child, .yourorder_list table tr td:last-child { text-align: right; }
.total_oder{max-width:125px; display:flex; justify-content:space-between; margin-left:auto;}
.ordernote { text-align: center; }
.ordernote p { font-size: 16px; font-style: italic; color: #fff; margin: 0; }
.ordernote p a { color: #e61d1d; }

.order-details .order_list{background-color: #171717;padding: 10px;border-radius: 10px;}

/*Services Page*/
.servic_topdata { text-align: center; max-width: 1020px; margin: 0 auto; }
.servic_topdata p, .commom-txt-block p {font-size: 16px;color: #000000;line-height: 24px;margin: 0 0 20px;}
.manyservieslist { text-align: center; padding-top: 20px; max-width: 1020px; margin: 0 auto;}
.manyservieslist h2 { font-size: 32px; margin: 0 0 5px; }
.manyservieslist p { font-size: 18px; }
.moreserviclist { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; margin: 0 -15px; }
.moreserviclist li { width: 25%; padding: 15px; }
.servic_img { border-radius: 34px; overflow: hidden; box-shadow: 0 5px 10px rgba(0,0,0,0.16); width: 100%; margin: 0 0 15px; border: 1px solid transparent; transition: all .5s;}
.servic_img img { width: 100%; height: 100%; object-fit: cover; }
.moreserviclist li:hover .servic_img { border-color: #E42626; }
.moreserviclist li h5 { font-size: 18px; color: #000000; font-family: 'Montserrat', sans-serif; line-height: inherit; font-weight: 500; }
.pakage_section{width:100%; padding:70px 0; background-size:cover; background-repeat:no-repeat;  background-position:center;}
.pakage_box{backdrop-filter: blur(13px) brightness(50) opacity(0.49);
 -webkit-backdrop-filter: blur(13px) brightness(50) opacity(0.49);
  background: rgba(255,255,255,0.75); border-radius: 22px; text-align: center; width: 100%;
   padding: 20px 0; margin: 15px 0;}
.pakageimg {margin: 0 auto 25px; }
.pakageimg img { width:200px; height:200px; border-radius:200px; object-fit:cover; margin:0 auto; border:1px solid #707070; box-shadow:0 3px 11px rgba(0,0,0,0.16);}
.pakage_detail h4 { font-size: 14px; color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 500; margin: 0 0 10px; }
.pakage_box .btn.redbgbtn {font-size: 12px;color: #FFFFFF;background: #E61D1D;border-radius: 4px !important;padding: 4px 10px;}
.pakage_detail p { font-size: 16px; color: #000000; margin: 0 0 20px; }
.pakage_detail .btn.redbgbtn { border-radius: 30px; }

.pakage_section{position: relative;}
.pakage_section:after{content: '';
   background: rgba(0,0,0,0.5);
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;}
   .pakage_section .pakage_box, .pakage_section .row{z-index: 9;position: relative;}

/*terms & condition*/
.terms_body { width: 100%; background: #F4F6FA; padding: 180px 0 50px; }
.termhederbg { background: #212424; width: 100%; height: 120px; margin-top: -120px;}
.terms_body h2 { font-size: 24px; font-weight: 700; color: #5E5E5E; text-transform: uppercase; margin: 0 0 15px; }
.terms_body p { font-size: 16px; font-weight: 300; line-height: 27px; color: #354F6A; margin: 0 0 15px; }
.terms_body h3 { font-size:24px; font-weight:500; color:#354F6A; text-transform: uppercase; padding:5px 0 13px; margin: 0; }
.terms_body ul li{font-size: 16px;font-weight: 300;line-height: 27px;color: #354F6A;margin: 0 0 15px;margin-left: 40px;list-style-type: disc;}
.terms_body ol li{font-size: 16px;font-weight: 300;line-height: 27px;color: #fff;list-style-type: none;display:flex}
.terms_body ol li b{padding-right:10px}

.terms_body .table tbody tr td{font-size: 16px;font-weight: 300;color: #354F6A;}

/*before after page*/
.beforeafter_body{width:100%;}
.beforeafter_box{background:#fcfcfc; width:100%; border-radius:23px; margin:10px 0; border:1px solid #b4b4b4; overflow:hidden;}
.before_img img { width: 100%; min-height: 200px;height:200px;object-fit: cover; transition: all 0.5s;}
.beforeimg_data { padding: 20px 10px 20px; width: 100%; }
.before_carbox { display: flex; align-items: center; text-align: center; justify-content: space-between; padding: 0 0 15px; }
.before_carbox h4 { font-size: 14px; color: #000000; margin: 0 0 4px; font-family: 'Montserrat', sans-serif;}
.before_carbox p { font-size: 12px; color: #656565; margin: 0; }
.before_pakage { text-align: center; position: relative; margin: 0 0 12px; font-size: 13px; color: #656565; font-weight: 500; font-family: 'Montserrat', sans-serif; }
.before_pakage:before { content: ''; width: 100%; height: 1px; position: absolute; left: 0; right: 0; top: 11px; background: #cdcdcd; }
.before_pakage span { display: inline-block; background: #fcfcfc; position: relative; padding: 0 10px; }
.before_heading { font-size: 13px; color: #000000; margin: 0 0 10px; text-align: center; font-family: 'Montserrat', sans-serif; }
.beforeimg_data .btn.redbgbtn { border-radius: 30px; background: #f1f1f1; border: 1px solid #e42626; color: #ff0000; font-size: 13px; padding: 8px 20px; box-shadow: none; }
.beforeimg_data .btn.redbgbtn:hover { background: #E61D1D; color: #ffffff; }
.custom_pagination { width: 100%; text-align: center; margin: 15px 0 0; }
.custom_pagination li { display: inline-block; vertical-align: middle; padding: 3px; }
.custom_pagination li a { width: 45px; height: 45px; line-height: 45px; border-radius: 50px; text-align: center; display: block; background: #fbe0e0; color: #e61d1d; font-size: 16px; font-weight: 700; }
.custom_pagination li a:hover, .custom_pagination li.active a { color: #fff; background: #ff0000; }
/*.beforeafter_box > div { position: relative; padding: 10px 20px;}
.beforeafter_box > div img{width:100%; height:250px; object-fit:cover; border-radius:15px;}
.beforeafter_box > div label { position: absolute; bottom: 30px; left: 20px; min-width: 100px; background: rgba(0,0,0,0.6); text-align: center; font-size: 18px; color: #F1F1F1; font-weight: 400; padding: 3px 5px; margin: 0; }
.beforeafter_box .after_img label{background:rgba(255,0,0,0.8); left:auto; right:20px;}*/
/*model*/
.effectmodel button.close { background: #e42626; display: inline-block; width: 30px; height: 30px; line-height: 23px; color: #fff; opacity: 1 !important; border-radius: 20px; position: absolute; right: -15px; top: -15px; font-size: 20px; padding: 0; border: 0; z-index: 999; }
.effectmodel button.close span { line-height: 0.7; display: block; }
.beforeafter_slider { padding: 10px 0; }
.effectmodel .modal-dialog { max-width: 850px; padding: 0 15px;}
.effectmodel .modal-content{background:rgba(107,107,107,0.95); border-radius:7px; border:0;}
.beforemodel_img { display: flex; flex-wrap: wrap; }
.beforemodel_img > div { width: 50%; padding: 0 10px 15px; }
.beforemodel_img > div span { text-align: center; display: block; color: #ffffff; font-size: 18px; margin: 0 0 7px; text-transform: capitalize;}
.beforemodel_img > div img { width: 100%; min-height: 250px;height:250px; object-fit: cover; border: 2px solid #e42626; border-radius: 7px; }
.beforemodel_data { padding: 0 10px; }
.beforemodel_data h4 { color: #ffffff; margin: 0 0 10px; font-size: 27px; font-weight: 700;}
.beforemodel_data p { color: #ffffff; margin: 0 0 10px; font-size: 14px;font-weight: 300;}




/*signup page*/
.signup_body { width: 100%; height: 100%; padding: 150px 0 20px; background-size: cover; background-repeat: no-repeat; background-position: center top; min-height: 100vh; display: flex; align-items: center; justify-content: center; position:relative; margin-top:0px;}
.signup_body:before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0.4; }
.signupform { background: rgba(255,255,255,0.40); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 23px; overflow: hidden; box-shadow: 0 7px 11px rgba(180,180,180,0.10); position: relative; padding: 40px 50px; max-width: 900px; margin: 0 auto; }
.signupform h2 { font-weight: 700; font-size: 34px; color: #ffffff; text-align: center; margin: 0 0 30px; }
.signupform form .form-group {margin-bottom: 15px;}
.signupform form .form-group label { font-size: 16px; color: #ffffff; font-weight: 300; margin: 0 0 4px; display: block;}
.signupform form .form-group .form-control{font-size:16px; color:#ffffff; font-weight: 300; font-style: italic; background: transparent; border: 1px solid #FFFFFF91; border-radius: 10px; height: auto; min-height: 50px; padding: 8px 15px; }
.signupform form .form-control::-webkit-input-placeholder {color: #ffffff;}
.signupform form .form-control:-ms-input-placeholder {color: #ffffff;}
.signupform form .form-control::placeholder {color: #ffffff;}
.signupform .form-control:-webkit-autofill, .signupform .form-control:-webkit-autofill:hover, .signupform .form-control:-webkit-autofill:focus, .signupform .form-control:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s; -webkit-text-fill-color: #fff !important;}
.signupform .loginbtns { text-align: right; }
.signupform .loginbtns .btn { color: #ffffff; font-size: 16px; font-weight: 500; background: #000000; border-radius: 14px; width: 100%; padding: 10px 10px; box-shadow: none; line-height: inherit; transition: all .5s; text-transform: capitalize; }
.signupform .loginbtns .btn:hover { background: #ffffff; color: #000000; }
.loginbtns .btn { max-width: 300px; }
/*Login*/
.login_body .signupform { max-width: 500px; }
.login_body .signupform .form-check { display: flex; align-items: center; }
.login_body .signupform .form-check label { font-size: 16px; width: 100%; color: #ffffff; font-weight: 300; padding: 0 0 0 10px; margin: 0; font-style: italic; }
.simplebtn a { color: #ffffff; font-weight: 300; font-style: italic; }
.login_body .loginbtns .btn { max-width: 100%; }
/**/
.viewpackag_main { padding: 50px 0 50px; }
/*.viewpackag_main > .container > .row > .col-md-12 { padding-top: 50px; padding-bottom: 50px; }*/
/*.viewpackag_main .step_headingbox { margin: 0; }*/
.viewpackag_main .package_boxdata { background: #ffffff;margin-bottom: 50px; }
.pakagebtns { text-align: center; margin: 10px 0 25px; }
.pakagebtns .btn.redbgbtn { border-radius: 30px; min-width: 130px; border: 1px solid #E61D1D;}
/*loader*/
.comanloader { position: relative; overflow: hidden;}
.comanloader:before { content: ''; width: 45px; height: 45px; display: inline-block; border: 5px solid #7c7b7b; border-left-color: #dedede; border-top-color: #dedede; border-radius: 50%; animation: rotate 600ms infinite linear; z-index: 9; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; margin: auto; }
.comanloader:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background: #8a8a8a; opacity: 0.9; }
@keyframes rotate {
  to {transform: rotate(1turn); }
}
/*alacart*/
.mainala_cart { padding: 70px 0; width: 100%; position: relative; }
.alacart_datalist { width: 100%; background-color: #fff; border: 1px solid rgb(0 0 0 / 10%); border-radius: .25rem; padding: 20px; margin: 15px 0; transition: all .3s;}
.topicon_box { display: flex; align-items: center; padding: 0 0 20px; }
.alacart_icon{min-width:60px; height:54px; background:#e61d1d; display:inline-flex; align-items: center; justify-content: center; padding: 10px; overflow: hidden; border-radius: 4px; transition: all .3s; margin-right: 15px;}
.alacart_icon img { filter: invert(1); padding: 0; max-height: 35px; transition: all .3s;}
.pricebox span { font-size: 18px; color: #565252; transition: all .3s;}
.topicon_box h4 { font-size: 18px; font-weight: 600; margin: 0 0 7px; color: #000000; transition: all .3s;}
.alacatd_databox { padding: 0 0 15px; }
.alacatd_databox p { font-size: 15px; color: #656565; font-family: 'Montserrat', sans-serif; line-height: 26px; font-weight: 500; transition: all .3s;}
.alacatd_link a { color: #e61d1d; font-size: 16px; display: inline-block; padding: 0; transition: all .3s;}
.alacart_datalist:hover { background: #e61d1d; }
.alacart_datalist:hover .alacart_icon { background: #ffffff; }
.alacart_datalist:hover .alacart_icon img { filter: inherit; }
.alacart_datalist:hover .pricebox span { color: #ffffff; } 
.alacart_datalist:hover .topicon_box h4 { color: #ffffff; }
.alacart_datalist:hover .alacatd_databox p { color: #ffffff; }
.alacart_datalist:hover .alacatd_link a { text-decoration: underline; text-underline-position: under; color: #000;}
/**/
.estimateala_list .package_middle { padding: 0; min-height: inherit !important;}
.estimateala_list { padding: 10px 0; border-bottom: 1px solid #dcd9d9; }
/* .estimateala_list li{ display: flex; align-items: center; justify-content: space-between;} */
.estimateala_list div span { padding-left: 15px; }
.estimateala_list li strong { font-weight: 500; }
.estimateala_list h4 { text-align: left; font-size: 17px; font-weight: 700; padding: 3px 0; margin: 0; }
.estimateala_box .package_middle { text-align: left; }
.estimateala_tprice div { display: flex; align-items: center; justify-content: space-between; padding: 10px 0 0; font-size: 14px;font-weight: 600; }
/**/
.appointmentmodel .modal-dialog { max-width: 700px; margin: 1.75rem auto; padding: 0 15px; }
.appointmentmodel .modal-content { background: #ffffff; border-radius: 8px; position: relative; box-shadow: none; border: 0; }
.appointmentmodel .modal-header { padding: 20px 15px 15px; justify-content: center; }
.appointmentmodel .modal-header .modal-title{font-size:20px; font-style: italic; color: #000000; margin:0; line-height:inherit; font-weight:700; text-align:center;}
.appointmentmodel .modal-header .close { color: #ffffff; opacity: 1; font-size: 26px; margin: 0; padding: 0; position: absolute; right: -10px; top: -10px; background: #f30406; width: 30px; height:30px; line-height:30px; border-radius:30px; z-index:9; opacity:1 !important;}
.appointmentmodel .modal-body { padding: 15px 0 20px; width: 100%; }
.addalacart_list { padding: 0 20px 15px; width: 100%; border-bottom: 1px solid #dee2e6; }
.addlistbox{position:relative; width:100%; border-bottom:1px solid #ddd; cursor:pointer;}
.addlistbox:last-child {border:0;}
.addlistbox:hover { background: #f3f3f3; }
.addlistbox input[type=checkbox] { display: none; }
.addlistbox label { margin: 0; padding: 0; width: 100%; position: relative; cursor: pointer;}
.addlistbox input:checked + label { background: #f3f3f3; }

.customcheck_col label{position: relative; margin: 5px 0; font-size: 26px; cursor: pointer; font-weight: 400; padding-left: 35px;}
.customcheck_col label:before {content: ''; background:#fff; border:1px solid #716a6a; width: 27px; height: 27px; position: absolute; left: 0; top: 7px; border-radius: 3px; }
.customcheck_col label:after{content: ''; position: absolute; top: 7px; left: 8px; width: 12px; height: 20px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate( 45deg); display: none;}
.customcheck_col input:checked + label:after { display: block; }
.addlistbox input:checked + label .btn { background: #008000; border-color: #008000; color: #ffffff; font-size: 0;}
.addlistbox input:checked + label .btn:after{content:"\f00c"; font:normal 14px/1 FontAwesome; display: inline-block; padding: 5px 0; }
.carala_list { display: inline-flex; flex-wrap: wrap; align-items: center; padding: 5px 0px; margin: 0; }
.carala_list li { padding: 3px 8px; text-align: left; }
.carala_list li:first-child { width: 30px; text-align: center; }
.carala_list li:nth-child(3) { width: 370px; min-width: 370px; }
.carala_list li:nth-child(4) { width: 100px; }

.fc-toolbar .fc-center h2{line-height: 1;}
.fc button .fc-icon{top: -4px !important;}

.tooltip-test i {color: #000;}
.tooltip-test{width:400px;}
.cartalaicon { width: 30px; padding: 0; }
.carala_list h4 { font-size: 16px; color: #454545; margin: 0; font-weight: 400; padding-right: 15px; }
.carala_list p { font-size: 16px; color: #454545; }
.carala_list li .btn { font-size: 14px; padding: 2px 5px; color: #E61D1D; background: #ffffff; border-radius: 4px; min-width: 52px; text-align: center; outline: none !important; box-shadow: none !important; border: 1px solid #E61D1D; }
.ala_cart_btns { padding: 15px 20px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.ala_cart_btns .btn.redbgbtn { border: 1px solid #e61d1d; min-width: 120px; font-size: 16px; padding: 8px 10px; }
.ala_cart_btns .btn.graybtn { font-size: 16px; color: #FFFFFF; background: #808080; border: 1px solid #808080; border-radius: 4px; padding: 8px 10px; min-width: 120px; }
.custom_tooltip {position: absolute; left: 100%; top: 50%; width: 100%; transform: translateY(-50%); padding-left: 15px; min-width: 245px; text-align: left; transition: all .3s; opacity: 0; visibility: hidden; z-index: 9;}
.tooltip_data { position: relative; background: #000; padding: 7px; border-radius: 5px;}
.tooltip_data:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 12px 8px 0; border-color: transparent #000000 transparent transparent; line-height: 0px; _border-color: #000000 #007bff #000000 #000000; position: absolute; left: -12px; top: 50%; transform: translateY(-50%); }
.custom_tooltip span{ color: #ffffff; font-size: 12px; margin: 0; font-weight: 500; font-family: 'Montserrat',sans-serif; }
.selectedimg:hover .custom_tooltip { opacity: 1; visibility: visible; }
.identityform { padding: 40px 0 0; }
.confirmdetailsteps .step_headingbox h2 { font-size: 22px; }
.int_packprice { display: flex; justify-content: space-between; }
.int_packprice span { font-size: 16px; color: #000; }
#yesnoModel .carselection { margin: 0 0 7px; height: 45px; display: flex; align-items: center; flex-direction: column;}
#yesnoModel .carselection span {font-size: 11px;margin-top: 10px;}
#yesnoModel .carselection{position: relative;}
#yesnoModel .carselection .fa {position: absolute;right: 0px;top: 0;color: #f30406;background: transparent;padding: 3px 5px;
font-size: 12px;border: 1px solid #ddd;border-radius: 0 0px 0px 10px;border-right: none;border-top: none;cursor: pointer;}
#yesnoModel .carselection img { height: 28px; }
.carselect_chk h5 { font-size: 12px; color: #fff; margin: 0 0 0px; }
#yesnoModel .carwash1 .ttl-car {
   display: none;
 }

.extra2 .vehicletype_list1 .vehicle_imgbox1 {height: 90px;
   padding: 10px 5px 10px;
   text-align: center;
   min-width: 100px;
   min-height: 90px;
   border-radius: 10px;
   position: relative;}
.carala_list{display: flex;}
.carala_list .cartalaicon {width: 40px;background: #ddd;border-radius: 50px;padding: 10px;height: 40px;display: flex;justify-content: center;align-items: center;}
.carala_list li:nth-child(1) { width: 50px; min-width: 50px; }
.carala_list li:nth-child(2) { width: 150px; min-width: 150px; flex: 1;}
.carala_list li:nth-child(3) { width: 60px; min-width: 60px; }
.carala_list li:nth-child(4) { width: 60px; min-width: 60px; margin-right: 15px;}

.addonalacart .pack_list_diff{padding: 0px 0px;}



/**/
.addonbox .custom_tooltip { left: auto; right: 100%; padding-left: 0; padding-right: 15px;}
.addonbox .tooltip_data:before { left: auto; right: -12px; border-width: 8px 0 8px 12px; border-color: transparent transparent transparent #000000; }
/**/
.scheduletimebox{position:relative; padding:20px 25px; width:100%; /*margin:15px 0 0; border:1px solid rgba(0,0,0,0.2); box-shadow: 0 6px 16px rgba(0,0,0,0.1); border-radius:34px;*/}
.currentdate { font-size: 20px; font-weight: 500; text-align: center; margin: 0 0 15px; line-height: inherit; }
.currentdate span { display: block; }
.selecttime_box.picktimebox h5 { color: #454545; font-weight: 400; margin: 0 0 10px; font-size: 17px;text-align: center;}
.selecttime_box.picktimebox ul { padding: 0; margin: 0; background: transparent; border-radius: 0; text-align: left; }
.selecttime_box.picktimebox ul li { min-width: 85px; text-align: center; }
.selecttime_box.picktimebox ul li label { padding: 5px 5px; font-size: 15px; }
.other_datebox { border-top: 1px solid #bbb9b9; padding-top: 10px; margin-top: 5px; display: inline-block; width: 100%; }
.other_heading { text-align: center; font-size: 20px; font-weight: 700; margin: 5px 0 10px; }
.optionlist { display: flex; align-items: center; justify-content: space-between; }
.optionlist h6 { font-size: 16px; color: #454545; margin: 0; }
.optionlist button.btn { background: #030303; border: 0; padding: 0; margin: 0; box-shadow: none; font-weight: 700; color: #fff; padding: 6px 8px;font-size: 12px;}
.optionlist button.btn.open{font-size: 0;}
.optionlist button.btn.open:before { content: 'Close'; display: inline-block; font-size: 12px; padding-right: 7px; }
.optionlist button.btn span:before { content: "+"; display: inline-block; }
.optionlist button.btn.open span:before { content: "-"; font-size: 1.1rem; line-height: 1; position: relative; top: 2px; }
.other_optionlist .selecttime_box { background: #f1f0f0dd; padding: 15px 15px; display: none; border-radius: 10px; overflow: hidden; }
.other_optionlist { margin: 7px 0; }
.selectnewdate h4 { font-size: 14px; font-weight: 500; text-align: center; margin: 0 0 5px; line-height: inherit; }
#steps6 .selectnewdate h4{font-size:14px !important;font-weight: 900;}
.detailingsteps .step_headingbox h2 { position: relative; padding: 0 0 5px; }
.detailingsteps .step_headingbox h2:after { content: ''; width: 70px; height: 2px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; background: #e61d1d; }
.cardrop_schedule { margin: 0 0 50px; }
.identityboxes{position:relative; padding:20px; width:100%; margin:20px 0 10px; border: 1px solid rgb(251, 251, 251); box-shadow: 0 0px 6px rgb(251, 251, 251); border-radius: 34px; }
.confirmheading { font-size: 14px; font-weight: 700; margin: 0 0 10px; position: relative;color: #fff;text-align: center;}
.confirmheading .goto {color:#e61d1d; font-size:18px; position:absolute; right:0; top:0;}
.finalDestiny .final-ttl {color: #fff;font-size: 15px;margin-bottom: 10px;text-align: center;position: relative;font-weight: 600;}
.identityboxes .confirmheading {color: #fff;}
.identityboxes .confirmheading span {color: #e61d1d;}
.confirmdetailsteps .timecost { padding: 0; }
#calendar .fc-toolbar.fc-header-toolbar .fc-center h2{font-size: 18px;font-weight: 600;}
#calendar .fc-toolbar.fc-header-toolbar{margin-bottom: 5px;}
#calendar .fc button{height: 25px !important;}
#calendar thead tr td span{font-size: 12px;}
#calendar .fc-basic-view .fc-body .fc-row{min-height: 3em;}
#calendar .fc-day-top.fc-other-month{line-height: 1;}
#calendar .calendar-info ul li span{font-size: 12px;}


/**/
.customcheck_col input[type=checkbox] { display: none; }
.customcheck_col label{position: relative; margin: 5px 0; font-size: 22px; cursor: pointer; font-weight: 400; padding-left: 35px;color: #fff;}
.customcheck_col label:before {content: ''; background:#fff; border:1px solid #716a6a; width: 27px; height: 27px; position: absolute; left: 0; top: 5px; border-radius: 3px; }
.customcheck_col label:after{content: ''; position: absolute; top: 7px; left: 8px; width: 12px; height: 20px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate( 45deg); display: none;}
.customcheck_col input:checked + label:after { display: block; }
#confirmmodel .modal-dialog { max-width: 500px; }
#confirmmodel .modal-header { padding: 0; border: 0; }
#confirmmodel .modal-body { padding: 50px 50px; text-align: center; }
#confirmmodel .modal-body h3 { font-size: 28px; font-weight: 600; margin: 0 0 20px; color: #2e2828; font-family: 'Montserrat', sans-serif; }
.currect_btn .btn{background:#808080; border:1px solid #808080; color:#ffffff; padding:5px 10px; min-width:70px; text-align:center; font-size:18px; margin:3px 7px; box-shadow:none;}
.currect_btn .btn.correct { background: #f30406; border-color: #f30406; }
.paymentcard_row .form-group label { color: #fff; font-size: 12px; margin: 0 0 5px; display: block;  }
.paymentcard_row .form-group .form-control{border:1px solid #aaaaaa; /*background:#fbfbfb;*/ height:36px; padding:8px 15px; font-size:16px; color:#303030; border-radius:5px;}
.paymentcard_row .form-group.card_number .form-control:after {background:url(../images/cardicon.png) no-repeat center right;content: '';top:0px;
   position:absolute;width:140px;height: 30px;right: 2px;}
.paymentcard_row .form-group .alert { font-size: 14px; padding: 0; color: #ff0000; margin: 5px 0 0; display: none; }


/* .btn.redbgbtn.back{opacity: 0;} */
#steps9 .exclusionbox{margin:7px 0 0; padding:12px 0 0; border-top:1px solid #726464; opacity:0.4;}
.exclusionbox h4 { font-size: 15px; font-weight: 600; color: #000; margin: 0 0 5px; }
.exclusionbox p { font-size: 14px; margin: 0; }
.btn.add-on-btn { font-size: 14px; color: #FFFFFF; background: #E61D1D; border-radius: 4px; padding: 2px 7px; margin-top: -7px; margin-left: 8px; box-shadow: none; }
.dcol-box { display: flex; align-items: center; justify-content: space-between; text-align: left; border-bottom: 1px solid #b5afaf; margin: 0 0 15px; padding: 0 0 15px; }
.dcol-icon { background: #e9e9e9; width: 85px; min-width: 85px; height: 85px; border-radius: 100px; display: flex; align-items: center; justify-content: center; }
.dcol-box:last-child { margin: 0; padding: 0; border: 0; }
.dcol-icon img { max-height: 45px; max-width: 65px; }
.dcol-data { width: calc(100% - 90px); padding: 0 25px 0 30px; position: relative; }
.dcol-data .goto { color: #e61d1d; font-size: 18px; position: absolute; right: 0; top: 2px;}
.dcol-data h4 { font-size: 20px; color: #757575; margin: 0 0 3px; }
.detail_column .dcol-data p { margin: 0; font-size: 17px; }
.estimateala_list .pakage_add span { padding: 0; }
.addon_ads {padding: 0 15px; width: 100%;}
.adnewbox{width: 100%; display: flex; flex-wrap: wrap; border-radius: 12px; overflow: hidden;}
.adnew_left { width: 42%; padding: 15px 20px; height: 120px; display: flex; align-items: center; background: #f00; }
.adnew_left p { font-size: 20px; color: #ffffff; line-height: 26px; margin: 0; }
.adnewimg_box { width: 33%; height: 120px; position: relative;}
.adnewimg_box img { width: 100%; height: 100%; object-fit: cover; }
.adlogo { width: 25%; height: 120px; text-align: center; padding: 10px 10px; background-size: cover; background-repeat: no-repeat; background-position: center right;}
.adlogo img { max-width: 130px; }
.adnewimg_box:before { content: ''; background: url(../images/midlefnew.png) no-repeat center center; background-size: cover; width: 27px; height: 100%; position: absolute; left: 0; top: 0; }
.adnewimg_box:after { content: ''; background: url(../images/midrightbgnew.png) no-repeat center center; background-size: cover; width: 27px; height: 100%; position: absolute; right: 0; top: 0; }
.stepshowleft .detail_column { padding: 10px; }
#all-packages .inner-heading { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; font-size: 16px; font-weight: 700;
 margin: 0 0 7px;color: #fff; }
.pkg-list .row { padding: 0 0 15px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.pkg-list .row:last-child { border: 0; margin-bottom: 0; padding: 0; }
.detailingsteps .continue { text-align: center; }
.continue .btn.redbgbtn { font-size: 14px; }



.detail_column.detailcol_2{min-height: 200px;
   overflow-y: auto;
   overflow-x: hidden;    scrollbar-color: rgba(24, 28, 41, 0.08);
   scrollbar-width: thin;
   -webkit-scrollbar-width: thin; border-radius: 5px;}
   .detail_column.detailcol_2::-webkit-scrollbar {width: 10px;}
   .detail_column.detailcol_2::-webkit-scrollbar-track {background: #ddd;}
   .detail_column.detailcol_2::-webkit-scrollbar-thumb {background: #bdb7b7; }

.detail_column.detailcol_21{/*min-height: 348px;*/
overflow-y: auto;
overflow-x: hidden;    scrollbar-color: rgba(24, 28, 41, 0.08);
scrollbar-width: thin;
-webkit-scrollbar-width: thin; border-radius: 5px;}
.detail_column.detailcol_21::-webkit-scrollbar {width: 10px;}
.detail_column.detailcol_21::-webkit-scrollbar-track {background: #ddd;}
.detail_column.detailcol_21::-webkit-scrollbar-thumb {background: #bdb7b7; }


  .detail_select_row.addon-services .stepshowleft {background-color: #fff;}
  .detail_select_row.addon-services .stepshowleft .detail_column{background-color: transparent;margin:0px;box-shadow: none;border: 1px solid transparent;}
  .vehicle_details.detailingsteps .addon-services .detail_column{margin: 0px;}
  .vehicle_details.detailingsteps .addon-services .detail_column > h5{font-size: 16px;margin-bottom: 10px;}
  .vehicle_details.detailingsteps .addon-services .detail_column > p{font-weight: 600;margin-bottom: 10px}
  
 .detail_column .time_duration div b{padding-left: 5px;}
 .vehicle_details.identitysteps .identityboxes.car-dtl{min-height: 345px;}


  #yesnoModel .detail_column.detailcol_2 {
      height: 380px;}

   #yesnoModel .detail_column.detailcol_21 {
      height: 100%;}
      #extraBtn6{float: right;}


   .detailcol_2 .carala_list li{line-height: 1.2;font-size: 14px;}
   .detailcol_21 .carala_list li{line-height: 1.2;}

   .appointment_etc_body .ttl-car{text-align: center;font-size: 14px;color: #4d1f1f;margin-bottom: 0;font-weight: 600;}
   #yesnoModel .carselection span{color: #fff !important;}
   #yesnoModel .selected_box h5{margin-bottom: 0px;}
   #yesnoModel .selected_box >h5{margin-bottom: 10px;}

   .continue-btn label::before{width: 15px;height: 15px;top: 12px;left: 10px;}
   .continue-btn .btn.redbgbtn{padding: 9px 30px;}
   .continue-btn label::after {
      content: '';
      position: absolute;
      top: 13px;
      left: 14px;
      width: 6px;
      height: 10px;}

      #car-details .form-control{color: #e2e2e2 !important;}
      #car-details .form-control::placeholder {color: #e2e2e2;}
      #car-details .form-control::-ms-input-placeholder {color: #e2e2e2;}
      #car-details .form-control:-ms-input-placeholder {color: #e2e2e2;}
      #car-details .form-control::-moz-placeholder {color: #e2e2e2;}
      #car-details .form-control::-webkit-input-placeholder {color: #e2e2e2;}

      /*.pkg-list .package_middle ul{min-height: auto;}*/
      .pkg-list .package_middle ul {min-height: 565px;}



      .package_middle .selecttime_box.picktimebox.opentimebox{background: #f9f9f9;padding: 10px;}
      .package_middle .selecttime_box.picktimebox.opentimebox{display: none;margin-bottom: 0px;}
      .package_middle .selecttime_box.picktimebox.opentimebox p{font-size: 14px;}

      .btn.openslide1{width: 100%;text-align: left;border: 1px solid #303030;}

      .optionlist button.btn span:before { content: "^"; display: inline-block; }
      .optionlist button.btn.open span:before { content: "-"; font-size: 1.1rem; line-height: 1; position: relative; top: 2px; }
      .package_boxdata .selecttime_box {padding: 0 !important;}
      .package_boxdata .selecttime_box p{padding: 10px}
/*.btn.openslide1{position: relative;}
.btn.openslide1 span:before{content: "\f0d7";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 18px;
      padding-right: 0.5em;
      position: absolute;
      top: 5px;
      right: 0;}
.btn.openslide1.open span:before{content: "\f0d8";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      color: #000;
      font-size: 18px;
      padding-right: 0.5em;
      position: absolute;
      top: 3px;
      right: 0;}*/

      .package_boxdata .package_middle .selecttime_box.picktimebox.opentimebox{padding: 15px;background: #f7f7f7;box-shadow: 0 0 5px rgba(201, 201, 201, 0.2);border-radius: 5px;}
      .package_boxdata .package_middle .selecttime_box.picktimebox.opentimebox p{color: #000;font-size: 13px;}


      .btn.openslide1:focus {
         outline: 0;
         box-shadow: 0 0 0 .2rem rgb(244, 229, 229);
      }

      .confirm_row .col-lg-6.col-md-6:nth-child(2n+1){
         clear: both;
      }
/*  */

.time-info h5.main-ttl{font-size: 20px;font-weight: 700;margin: 10px 0px 5px;}
.time-info h6.main-ttl{font-size: 20px;font-weight: 700;}
.confirm_package .package_middle.fragrance_add {border-top: 1px solid #ddd;padding-bottom: 0px;}
.confirm_package .package_middle.fragrance_add h5{margin-bottom: 0px}
.vehicle_details.confirmdetailsteps{padding: 10px 100px;position: relative;}
.vehicle_details.confirmdetailsteps{padding:0px 20px}
#steps8 .vehicle_details.confirmdetailsteps{padding: 10px 20px;}


/* order page css start */
.radio_block {
   padding: 0 16px;
   max-width: 550px;
   margin: 20px auto;
   font-size: 18px;
   font-weight: 600;
   line-height: 36px;
}


.radio_block .inputGroup input{display: none;}

.radio_block .inputGroup .ttl{text-align: center;padding: 10px;}
.radio_block .inputGroup-block {border-radius: 4px;border: 1px solid #FF2929;}
.radio_block .inputGroup-block:not(:last-child){margin-bottom: 10px;}
.radio_block .inputGroup-block .ttl{text-align: center;padding: 10px;border-bottom: 1px solid #ddd;font-weight: 600;}

.radio_block .inputGroup {border-radius: 4px;display: block;position: relative;}

.radio_block .inputGroup label {padding: 0px 10px;width: 100%;display: block;
   text-align: left;
   color: #3C454C;
   cursor: pointer;
   position: relative;
   z-index: 2;
   transition: color 200ms ease-in;
   overflow: hidden;margin-bottom: 0px;font-size: 14px;font-weight: 400;}

   .radio_block .inputGroup label:before {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    content: '';
    background-color: #FFFF07;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
    transition: all 300ms cubic-bezier(0.4, 0.0, 0.2, 1);
    opacity: 0;
    z-index: -1;
 }

 .radio_block .inputGroup label:after {
    width: 22px;
    height: 22px;
    content: '';
    border: 1px solid #D1D7DC;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 200ms ease-in;background-size: 100% 100%;
 }


 .radio_block .inputGroup input:checked ~ label {
   color: #000;}

   .radio_block .inputGroup input:checked ~ label:before {
    transform: translate(-50%, -50%) scale3d(56, 56, 1);
    opacity: 1;
 }

 .radio_block .inputGroup input:checked ~ label:after {
    background-color: #54E0C7;
    border-color: #54E0C7;
 }


 .radio_block .inputGroup input:checked input {
   width: 32px;
   height: 32px;
   order: 1;
   z-index: 2;
   position: absolute;
   right: 30px;
   top: 50%;
   transform: translateY(-50%);
   cursor: pointer;
   visibility: hidden;
}


.vehicle_details.packagesteps .pkg-list .row{justify-content: center;}
.packages-center .inner-heading{text-align: center;flex: 0 0 100%;max-width: 100%;padding: 0 15px;font-size: 26px;font-weight: 700;margin: 0 0 7px;color: #fff;}
#yesnoModel .packages-center .inner-heading {text-align: center;flex: 0 0 100%;max-width: 100%;padding: 0 15px;font-size: 26px;font-weight: 700;
   margin: 0 0 7px;color: #fff;}
/* ceramic-coatings Page CSS Start */
.commom-txt-section{position: relative;padding: 60px 0px;}
.commom-txt-section:after{content: '';clear: both;display: table;}
.commom-txt-section .commom-txt-block .ttl{font-size: 30px;margin-bottom: 20px;color: #fff;}
.commom-txt-section .commom-txt-tab ~ .commom-txt-tab {margin-top: 20px;}
.commom-txt-section .commom-txt-block p {margin-bottom: 10px;color: #fff;}

.ceramic-page-section .img-wrap.mt-4 img {box-shadow: 0px 10px 20px rgba(89, 88, 88, 0.16);
   border-radius: 10px;}


   .commom-txt-section .commom-txt-block ul{margin-left: 15px;}
   .commom-txt-section .commom-txt-block ul li {list-style: inherit;color: #fff;}


.customcheck_col.next {display: flex;justify-content: end;right: 80px;bottom: 0px;}



.package_boxdata .package-titile{font-weight: 600;font-size: 22px;text-align: center;padding: 8px 0px;background: #303030;color:#fff}


/* ./ceramic-coatings Page CSS End */

/*==========================================================================================================
============================================================================================================*/


/* =============================================================================
                        Extra Pages CSS ADD 
   ============================================================================= */


      /*Ozone Page*/
      .ozone_type { background: #EDF5F9; width: 100%; padding: 50px 0 60px; text-align: center; }
      .ozone_type .col-md-12 { max-width: 1050px; margin: 0 auto; }
      .ozone_type h2 { font-size: 48px; color: #5E5E5E; font-weight: 700; margin: 0 0 20px; }
      .ozone_type p{ font-size: 16px; color: #000; margin: 0 0 15px;line-height: 1.5;
         text-align: center;}
      .ozone_type ul { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding-top: 10px;}
      
      
      .ozone_align .whychoose_detail h3{text-align: center;margin-bottom: 20px;}
      .ozone_align .about_whyimg img {height: 300px;width: 100% !important;object-fit: cover;}



      .blink_me {
         animation: blinker 1s linear infinite;
       }
       
       @keyframes blinker {
         50% {
           opacity: 0;
         }
       }


       /* Home Page CSS Start */
       .banner .slide-item{background-size: cover;background-position: 60% 100%;background-repeat: no-repeat;}
       .banner .banner-caption{padding:118px 0px 86px}

       /**
        * Change animation duration
        */
       .animated {
         -webkit-animation-duration: 1.5s;
         animation-duration: 1.5s;
         animation-timing-function: cubic-bezier(.26, .53, .74, 1.48);
         animation-delay: .5s;
         animation-fill-mode: backwards;
       }
       .delay-8 {
         animation-delay: 2.4s;
       }
       .fadeInRight{
         -webkit-animation: fadeInRight 500ms ease-in-out; /* Chrome, Safari, Opera */
         animation: fadeInRight 500ms ease-in-out;
       }
       @-webkit-keyframes fadeInRight {
         from {
           opacity: 0;
           -webkit-transform: translate3d(100px, 0, 0);
           transform: translate3d(100px, 0, 0);
         }
       
         to {
           opacity: 1;
           -webkit-transform: none;
           transform: none;
         }
       }
       
       @keyframes fadeInRight {
         from {
           opacity: 0;
           -webkit-transform: translate3d(100px, 0, 0);
           transform: translate3d(100px, 0, 0);
         }
       
         to {
           opacity: 1;
           -webkit-transform: none;
           transform: none;
         }
       }
       
   
       
       /*  */
/* fade in left */
.fadeInLeft {
   -webkit-animation: fadeInLeft 500ms ease-in-out; /* Chrome, Safari, Opera */
   animation: fadeInLeft 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-80px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
  }
}

/* Standard syntax */
@keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-80px);
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
  }
}

.fadeInRight {
   -webkit-animation: fadeInRight 500ms ease-in-out; /* Chrome, Safari, Opera */
   animation: fadeInRight 500ms ease-in-out;
}
/* ./Fade In Left */

/* Fade In Down */
.fadeinDown {
   -webkit-animation: fadeInDown 500ms ease-in-out; /* Chrome, Safari, Opera */
   animation: fadeInDown 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInDown {
   0% {
       opacity: 0;
       -webkit-transform: translateY(-40px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
   }
}

/* Standard syntax */
@keyframes fadeInDown {
   0% {
       opacity: 0;
       transform: translateY(-40px);
   }
   100% {
       opacity: 1;
       transform: translateY(0);
   }
}
/* ./Fade In Down */

/* Fade In Up */
.fadeinUp {
   -webkit-animation: fadeInUp 500ms ease-in-out; /* Chrome, Safari, Opera */
   animation: fadeInUp 500ms ease-in-out;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes fadeInUp {
   0% {
       opacity: 0;
       -webkit-transform: translateY(40px);
   }
   100% {
       opacity: 1;
       -webkit-transform: translateY(0);
   }
}

/* Standard syntax */
@keyframes fadeInUp {
   0% {
       opacity: 0;
       transform: translateY(40px);
   }
   100% {
       opacity: 1;
       transform: translateY(0);
   }
}

/*  */
/* flipInX  */
.flipInX {
   -webkit-animation: flipInX 500ms ease-in-out; /* Chrome, Safari, Opera */
   animation: flipInX 500ms ease-in-out;
}

@-webkit-keyframes flipInX {
   0% {
      -webkit-transform: perspective(400px) rotateX(90deg);
      opacity: 0;
   }
   40% {
      -webkit-transform: perspective(400px) rotateX(-10deg);
   }
   70% {
      -webkit-transform: perspective(400px) rotateX(10deg);
   }
   100% {
      -webkit-transform: perspective(400px) rotateX(0deg);
      opacity: 1;
   }
}

@keyframes flipInX {
   0% {
      transform: perspective(400px) rotateX(90deg); 
      opacity: 0;
   }
   40% {
      transform: perspective(400px) rotateX(-10deg);
   }
   70% {
      transform: perspective(400px) rotateX(10deg);
   }
   100% {
      transform: perspective(400px) rotateX(0deg);
      opacity: 1;
   }
}
       
       
       /* Transitions CSS */
       .no-trans,
       .no-trans:hover {
        -moz-transition-duration:0;
        -o-transition-duration:0;
        -webkit-transition-duration:0;
        transition-duration:0
       }
       .trans-med,
       .slider__dot,
       .sidebar__title-i,
       .trans-med:hover,
       .slider__dot:hover,
       .sidebar__title-i:hover {
        -moz-transition:all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 377ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 377ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       .trans-slow,
       .trans-slow:hover {
        -moz-transition:all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 477ms cubic-bezier(0.16, 0.01, 0.77, 1);
       }
       .trans-slows,
       .trans-slows:hover {
        -moz-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
       }
       .trans-slower,
       .trans-slower:hover {
        -moz-transition:all 640ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 640ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 640ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 640ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       .trans-slowest,
       .trans-slowest:hover {
        -moz-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 1000ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       .trans-slowerest,
       .trans-slowerest:hover {
        -moz-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 1200ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       
       .trans-slowerests,
       .trans-slowerests:hover {
        -moz-transition:all 3000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 3000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 3000ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 3000ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       .trans-anim-slow,
       .trans-anim-slow:hover {
        -moz-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -o-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);
        -webkit-transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1);
        transition:all 1700ms cubic-bezier(0.16, 0.01, 0.77, 1)
       }
       .delay-1 {
        -moz-transition-delay:100ms;
        -o-transition-delay:100ms;
        -webkit-transition-delay:100ms;
        transition-delay:100ms
       }
       .delay-2 {
        -moz-transition-delay:200ms;
        -o-transition-delay:200ms;
        -webkit-transition-delay:200ms;
        transition-delay:200ms
       }
       .delay-3 {
        -moz-transition-delay:300ms;
        -o-transition-delay:300ms;
        -webkit-transition-delay:300ms;
        transition-delay:300ms
       }
       .delay-4 {
        -moz-transition-delay:400ms;
        -o-transition-delay:400ms;
        -webkit-transition-delay:400ms;
        transition-delay:400ms
       }
       .delay-5 {
        -moz-transition-delay:500ms;
        -o-transition-delay:500ms;
        -webkit-transition-delay:500ms;
        transition-delay:500ms
       }
       
       .delay-6 {
        -moz-transition-delay:600ms;
        -o-transition-delay:600ms;
        -webkit-transition-delay:600ms;
        transition-delay:600ms
       }
       
       .delay-7 {
        -moz-transition-delay:700ms;
        -o-transition-delay:700ms;
        -webkit-transition-delay:700ms;
        transition-delay:700ms
       }
       .delay-8 {
        -moz-transition-delay:800ms;
        -o-transition-delay:800ms;
        -webkit-transition-delay:800ms;
        transition-delay:800ms
       }
       .delay-9 {
        -moz-transition-delay:900ms;
        -o-transition-delay:900ms;
        -webkit-transition-delay:900ms;
        transition-delay:900ms
       }
       
       /*  */
       .slide_up
       { 
           opacity: 0;
           -moz-transform:translateY(40px);
           -webkit-transform:translateY(40px);
           -ms-transform:translateY(40px);
           -o-transform:translateY(40px);
       }
       .slick-active .slide_up,.active .slide_up
       {
           opacity: 1;
           -moz-transform:translateY(0px);
           -webkit-transform:translateY(0px);
           -ms-transform:translateY(0px);
           -o-transform:translateY(0px);
       }
       
       
       .banbig_heading{margin-bottom:0px;font-size: 42px;
       color: #fff;
       font-weight: 500;}
       .banbig_heading span{color:#fff}

      .appointment_body .banbig_heading{font-size: 26px;}
       
       /* 
       @-webkit-keyframes zoom {
         from {
           -webkit-transform: scale(1, 1);
         }
         to {
           -webkit-transform: scale(1.5, 1.5);
         }
       }
       
       @keyframes zoom {
         from {
           transform: scale(1, 1);
         }
         to {
           transform: scale(1.3, 1.3);
         }
       } */
       
       .banner .slide-item.slick-active {
         -webkit-animation: zoom 20s;
         animation: zoom 20s;
       }
       
       
       /*  */
       .banner .slick-arrow {
         top: 50%;
         bottom: 0;
         z-index: 9;
         display: inline-block;
         height: auto;
         width: auto;
         margin-bottom: 0;
         -webkit-transform: translate(0, 0);
             -ms-transform: translate(0, 0);
                 transform: translate(0, 0);
       }
       .banner .slick-arrow.slick-prev {
         left: 20px;
       }
       .banner .slick-arrow.slick-next {
         right: 20px;
       }
       
       .banner .slick-arrow .arrow-icon {
         position: absolute;
         top: 50%;
         height: 100%;
         width: 50px;
         background-color: rgba(0, 0, 0, .5);
         color: #FFF;
         font-size: 55px;
         opacity: 0;
         -webkit-transition: .5s all ease 0s;
         -moz-transition: .5s all ease 0s;
         -ms-transition: .5s all ease 0s;
         transition: .5s all ease 0s;
       }
       
       .banner .slick-prev::before, .slick-next::before{font-size: 34px;color: #e61d1d;opacity: 1;}
       
       .banner .delay-2{color:#e61d1d}
       .banner .delay-2 span{color:#000}
       .banner .delay-1{color:#e61d1d}
       .banner .delay-1 span{color:#000}
       .banner .delay-3{color:#e61d1d}
       .banner .delay-3 span{color:#000}
       
       
       /* meetask-section */
       .meetask-section {position: relative; /*margin-top: -45px;*/padding: 30px 0px 0px;}
       .meetask-section .meetask_box div span{font-size:16px}
       .meetask-section .title-block{margin-bottom: 40px;text-align: center;}
       
       
       .whymain_section .whymain-right-sec{background: #fff;
       height: 100%;
       width: 100%;
       padding: 20px;
       border-radius: 5px;
       text-align: justify;box-shadow: 0 2px 10px rgba(162, 162, 162, 0.2);display: flex;justify-content: center;align-items: center;}

      .whymain_section .whymain-right-sec .list p{margin-bottom: 10px;}

       

       .discount-sec .row:nth-child(odd) .col-md-6.img-tab {
         order: 2;
       }


       .blink_me {
         animation: blinker 2s linear infinite;
       }
       
       @keyframes blinker {
         50% {
           opacity: 0;
         }
       }

       .biling-title{position: absolute;
         top: 0;
         left: 50%;text-align: center;
         color: #fff;
         background: red;
         transform: translateX(-50%);
         padding: 6px 25px 11px;
         line-height: 1;
         border-radius: 0 0 15px 15px;display: none;}

         .sticky .biling-title{display: none;}

         .ova_image_box {
            position: relative;
            width: 100%;
            height: auto;
            color: #fff;
            overflow: hidden;
          }
          .ova_image_box::after{content: '';
            position: absolute;top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255, 141, 141, 0.1);}
          .ova_image_box i{font-size: 22px;}
          .ova_image_box .content_image_box {
            position: absolute;
            bottom: 20px;
            
            transition: .5s;padding: 20px 20px 0px;right: 0%;
          }
          .ova_image_box {
            color: #e61d1d;text-transform: capitalize;font-weight: 600;height: 165px;border-radius: 15px;height: 197px;
            border-radius: 15px;
            border: 1px solid #ddd;
          }
          
          .ova_image_box .ova_button_img_box {
            position: absolute;
            bottom: -40px;
            visibility: hidden;
            transition: 1s;
            left: 18px;
           
          }
          .ova_image_box .ova_button_img_box .icon_after{ background-color: #fff;
            padding: 8px 18px 9px 20px;
            border-radius: 30px;}
            .ova_image_box .ova_button_img_box .icon_after:hover{background-color: #e61d1d;color: #fff;}
          .ova_image_box:hover .content_image_box {
            /* bottom: 60px; */
          }
          .ova_image_box:hover .ova_button_img_box {
            bottom: 25px;
            visibility: visible;
            height: auto;
            transition: .6s;
          }
          .img-sec.ova_image_box img{border-radius: 15px;}
         .whymain-right-sec .list .icon_after{color: #fff;
            padding: 10px 15px;
            background: #e61d1d;
            border-radius: 5px;
            cursor: pointer;
            /* z-index: 999; */
            position: relative;transition: all 0.5s linear;}
            .whymain-right-sec .list .icon_after:hover{background: #fff;
               border: 1px solid #e61d1d;
               color: #e61d1d;}
         .whymain-right-sec .list .icon_after i{font-size: 12px;}


/* ==============================================================================
                        ./Extra Pages CSS ADD
   ============================================================================== */
     /* Home Page New CSS Start */
     .whymain_section{padding: 50px 0 80px;}
     .whymain_section .hide{display: none;}
     .whymain_section .click-txt-block .clickme a{color: #f9f9f9;padding-left: 25px;transition: all 0.5s linear;}
     .whymain_section .mainheading{margin-top: 0px;}
  
     .click-txt-block li a{position: relative;}
    .click-txt-block li a::before {
        background: rgba(255, 255, 255, 0.9);
        content: "";
        position: absolute;
        left: 15px;
        top: 13px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        padding: 10px;
      }
     .click-txt-block li a::after {
        background: #e61d1d;
        content: "";
        position: absolute;
        left: 21px;
        top: 19.5px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
      }
      .whymain_section .click-txt-block li:not(:last-child){margin-bottom: 10px;}
      .whymain_section .click-txt-block .clickme a{background-color: #e61d1d;padding:10px 10px 10px 42px;border-radius: 5px;display: block;}
  
        .click-txt-block .clickme:hover a{display:block;color: #f9f9f9;}
  
        .whymain_section .click-txt-block .clickme a.activelink{background: #000;}
  
        .bg-style-1,.bg-style-2{position: absolute;z-index: -1;}
        .bg-style-1{right: -30px;}
  
        .bg-style-2{display: none;}
  
        .whymain_section .title-block{text-align: center;margin-bottom: 40px;}

        .list a {color: #e61d1d;transition: all 0.5s linear;text-decoration: underline;}
        .list a:hover{color: #000;}
  

       .btn-block .icon_after{font-size: 13px;}
       .whymain-right-sec .list .icon_after{white-space: nowrap;border: 1px solid #e61d1d;text-decoration: none;}
       .btn-block .icon_after:hover{font-size: 13px;white-space: nowrap;}
  /* Home Page css End */

  .sec-padding{padding: 70px 0px;}

  .banner-style .banbig_heading{opacity: 0;display: none;}

  .innerbanner.banner-style-2{position: relative;}
  /* .innerbanner.banner-style-2::after {
   content: '';
   position: absolute;
   top: 0px;
   left: 0;
   background:rgba(0, 0, 0, 0.7);
   width: 100%;
   height: 100%;
} */

.banner-style-2 .banbig_heading, .banner-style-2 .text-white{position: relative;z-index: 9;}


.discount-sec .inner-cont .discount-li{margin-left: 20px;}
.discount-li li::before {
   content: "\2022";
   color: #000;
   font-weight: bold;
   display: inline-block; 
   width: 1em;
   margin-left: -1em;
 }

.discount-li .svg-icon{display: none;}


.video-link i{border: 1px solid #f00;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   border-radius: 50%;
   font-size: 13px;
   color: #fff;}

.video-link li a { color: #f00;}
.video-link li a:hover{color: #fff;}





/* ===================================================
               View Price Page CSS Start
   =================================================== */

  .special {transform: scale(1.05);
   position: relative;
   z-index: 1;
   box-shadow: 0 0px 20px rgba(255,255,255,0.5);}
   
/* ===================================================
               View Price Page CSS End
   =================================================== */



.slot-selections{position: relative;}
.slot-selections .part-divide .start_time_slot_select{position: absolute;right: 10px;margin-top: 4px;width: 20px;height: 20px;}


#steps8 .carselection img{max-width: 100%;margin: auto auto 6px;}
.vehicle_details.confirmdetailsteps .sandeep{margin-bottom: 20px;}
.confirmdetailsteps .timecost.p-0{margin: 0px;}
.confirmdetailsteps .timecost.p-0 p{line-height: 1.2;margin-bottom: 10px;font-size: 18px;}
.confirmbox.confirm_package .package_editbox h5{text-align: center;width: 100%;}

/* .vehicle_details.confirmdetailsteps .d-flex.align-items-center.justify-content-end.mb-4{position: absolute;bottom: 50px;right: 100px;} */
 
.car-review div.d-flex p{min-width: 50%;color: #e61d1d;font-size: 14px;position: relative;margin-top: 5px;}


.center-fixed{ position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);}
.btn.btn-red{background-color: #e61d1d;color: #fff;}
.btn.btn-red:hover{background-color: #fff;border: 1px solid #e61d1d;color:#e61d1d;}



.stepdetails .selection_box.w-100 {
   pointer-events: auto;
   cursor: not-allowed;z-index: -1;
 }
#steps9 .btn.redbgbtn.back{opacity: 0;z-index: -1;position: relative;}

/*Responsive media*/
@media (min-width:992px){
/*header*/
header > .container {max-width: 1170px;}

.header-row .nav-item.dropdown .dropdown-menu { display: block; opacity: 0; visibility: hidden; transform: translateY(30px);}
.header-row .nav-item.dropdown:hover .dropdown-menu { display: block; opacity: 1; visibility: visible; transform: translateY(0px); }
header .header-right{display: flex;
   justify-content: end;
   align-items: center;
   white-space: nowrap;}
header .header-right .btn.redbgbtn{white-space: nowrap;}

header .header-right .btn.loginbtn{display: flex;align-items: center;justify-content: end;margin-left: 10px;flex-direction: column;}
/**/
.header-row .navbar { padding: 0; margin: 0; /*width: calc(100% - 350px);*/;width: 100%;}
.header-right {/*width: 350px;*/padding-left: 10px;display: flex;justify-content: end;align-items: center;}
footer .row .col-lg-5{ -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
footer .row .col-lg-3 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }
footer .row .col-lg-4 { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; }



header.sticky .header-row .navbar-nav .nav-item .nav-link { color: #fff; }


}


/*==========================================================================================================
============================================================================================================*/
@media (max-width:1310px){
   .header-row .navbar-nav .nav-item .nav-link{font-size: 15px;padding: 7px 7px;}
}
@media (max-width:1235px){
   .header-row .navbar-nav .nav-item .nav-link{font-size: 14px;padding: 7px 6px;}
}
/* @media (max-width:1222px){
   header > .container{max-width: 95%;}
} */





@media (max-width:1199px){
/*home*/
/* .header-row .navbar{width: calc(100% - 110px);} */
.whymain_section .whymain-right-sec{padding: 15px;}
.whymain-right-sec .list .icon_after{display: flex;
   justify-content: center;
   text-align: center;}
/* header > .container{max-width: 100%;} */
.header-row .navbar-nav .nav-item .nav-link{font-size: 13px !important; padding: 7px 7px !important;}
.header-row .navbar-brand img{width: 100px;}
.header-row .navbar-nav .nav-item .nav-link{font-size: 14px; padding: 7px 5px;}
.header-right .btn.loginbtn { margin-left: 4px; font-size: 14px; }
.beaf_section { padding: 80px 0; }
.carwash_gallery{padding: 0 0 20px;}
.carwash_img > div img{height: 240px;}
.carwash_img > div span{font-size: 14px;}
.carwash_gallery button.slick-arrow{ background:#fff;}
.carwash_gallery button.slick-arrow::before{color: #E61D1D; font-size: 25px;}
.carwash_gallery button.slick-arrow.slick-prev { left: 0; }
.carwash_gallery button.slick-arrow.slick-next { right: 0; }

.btn.redbgbtn{padding: 9px 10px;}
/*.meetmaask_list:last-child { padding-left: 100px; }*/

.banner-div video{height:100% !important}


/*About Us*/
.ourteam_list { padding: 0; }
.team_imgbox { width: 200px; height: 200px; }
/*Book Your Appointment*/
.vehicle_details.packagesteps { overflow: hidden; padding: 40px 15px; border-radius: 40px; }
/*Services page*/
.pakage_box { padding: 25px 15px; }
.pakageimg img { width: 170px; height: 170px; }
.pakage_detail h4 { font-size: 20px; }

.detail_column.detailcol_1 .time_duration{padding: 0 10px;}
.stepshowleft .detail_column p{font-size: 14px;}

.time_duration h4, .time_duration span{line-height: 1;}

/* ============================= 
         Extra CSS ADD 
   ============================= */

/*About Us page*/
.whychoose_detail p {margin: 0 0 10px;}
.whychoose_body .why-we-img {display: flex;justify-content: center;align-items: center;}  
.whychoose_detail ul li p {line-height: 22px;}
.whychoose_detail h3 {font-size: 45px;margin: 0 0 5px;}
.whychoose_detail h5 {font-size: 20px;color: #5E5E5E;font-weight: 500;margin: 0 0 8px;line-height: 1.0;}

/*contact us*/
.contact_form .form-control {font-size: 16px;font-weight: 400;min-height: 40px;padding: 5px 10px;}
.contat_para p, .contat_para a {font-size: 16px;color: #393939;margin: 0;}
.contact_form .custom-control label {font-size: 14px;}
.ceramic-page-section .mainheading {font-size: 42px;}


/* ============================= 
         ./Extra CSS ADD 
   ============================= */

/*07-March-2022 Responsive css*/
.home_service .col-lg-5.col-md-6 {display: flex;align-items: center;}
.home_service .mainheading {font-size: 30px;}
.mainheading {font-size: 30px;}
.whysmall_heading {font-size: 15px;margin: 0 0 10px;}
.mainpara {font-size: 14px;color: #000000;line-height: 26px;margin: 0 0 12px;}
.whymain_section .mainheading {margin-top: 0;}
.whybest_img {float: right;width: 48%;text-align: right;margin: 0 15px 0 0;}
.home_service .whysmall_heading {font-size: 20px;}
.customcheck_col.next {display: flex;justify-content: end;position: absolute;right: 50px !important;bottom: 24px;}


.review_detail{min-height: 240px;}

}


/*==========================================================================================================
============================================================================================================*/

@media (max-width:1035px){
   header .btn.redbgbtn{font-size: 13px;padding: 9px 6px;}
   .header-row .navbar-nav .nav-item .nav-link{padding: 7px 5px !important;}
   .header-right .btn.loginbtn{font-size: 13px;}
}


@media (max-width:991px) {
/*home*/
/* header {position: relative;top: 0;left: 0;width: 100%;padding: 0;} */
.banner .slide-item{background-position: 54% 100%;}
.header-row .navbar{padding: 10px 0px 5px;}

.header-row .navbar-nav .nav-item .nav-link{font-size: 16px !important;}
.paymentcard_row .form-group.card_number .form-control:after {ontent: '';position:absolute;width:100%;height: 40px;right: 0px;
   background-size: 40%;top: -38px}
.header-row { flex-wrap: wrap; position: relative; }
.header-row .navbar { width: 100%; }
.header-row .navbar-brand img { max-width: 100px; }
.header-row .navbar .navbar-toggler { background: transparent; padding: 3px 7px; color: #ffffff; font-size: 26px; border: 1px solid #fff; border-radius: 0; }
#navbarNav { position: absolute; z-index: 999; top: 100%; right: 0; background: #ffffff; width: 100%; max-width: 350px; box-shadow: 0 2px 7px rgba(0,0,0,0.1); }
.header-row .navbar-nav .nav-item .nav-link { border-bottom: 1px solid #eaeaea; color: #000; text-align: left; padding: 7px 15px; }
.header-row .navbar-nav .nav-item .dropdown-toggle::after { position: absolute; top: 20px; right: 15px; }
.header-row .navbar-nav .dropdown .dropdown-menu { box-shadow: none; border-radius: 0; margin: -2px 0 0; padding: 0 0 8px; border-bottom: 1px solid #eaeaea; }
.header-row .navbar-nav .dropdown .dropdown-menu a { border: 0; padding: 2px 15px 2px 30px; }
.header-right{width:auto; padding:0; position:absolute; right:80px; top:34px; z-index:9;}
.header-right .btn.redbgbtn { display: none; }
.btn.loginbtn { font-size: 16px; }
.btn.loginbtn i { width: 25px; height: 25px; line-height: 25px; margin-right: 5px; position: relative; top: 2px; }
header.sticky .header-right{top: 30px;}
header.sticky .header-row .navbar .navbar-toggler { color: #e61d1d; border-color: #e61d1d; }
.homebanner { min-height: 400px; padding-top: 50px; margin-top: 0px;}
.homebanner h4{font-size: 22px;}
.banbig_heading, .mainheading{font-size: 36px;}
.whymain_section { display: flex; flex-wrap: wrap; }
.whybest_img { width: 100%; float: none; max-width: 520px; margin: 15px auto 0; padding: 0 15px; order: 2; }
.whymain_section .container { order: 1; }
.whymain_section .mainheading { margin-top: 0; }
/*.meetmaask_list:last-child { padding-left: 0; }*/
.meetask_section { padding: 30px 0 50px; }
.meetask_box { width: 130px; height: 130px; border-radius: 22px; }
.meetask_detail { padding-left: 15px; }
.meetask_box div img { max-height: 55px; }
.meetask_box div span, .bookappoint_sec h5{font-size: 16px;}
.whiteheading {font-size: 30px;}
.home_service{padding: 70px 0;}
.home_service .whysmall_heading { font-size: 20px; }
.bookappoint_sec .btn.whitebgbtn{margin-top: 0; min-width: 150px;}
.footlogo-box { align-items: center; margin: 0 0 10px; padding-bottom: 20px; border-bottom: 1px solid #ddd;}
.foot-contact p { margin: 0 0 10px; }

.whymain-right-sec .list p, .whymain-right-sec .list ul li {font-size: 15px;}

.whymain_section .list .ova_image_box{height: auto;}

/*About Us*/
.innerbanner { padding: 100px 0 70px;}
.innerbanner .banbig_heading { margin: 0 0 10px; }
.whychoose_detail h3, .team_section h2, .our_value h2, .our_reviews h2{font-size: 36px; margin: 0 0 10px;}
.whychoose_body > .container > .row { padding: 20px 0; }
.about_whyimg { margin: 10px auto 0; max-width: 450px; }
.team_section h3{font-size: 24px;}
.ourteam_list li { padding: 15px 15px; }
.our_value ul li{font-size: 18px; padding-left: 27px;}
.our_value ul li:before { width: 20px; height: 20px; top: 4px; }
.our_value ul li:after { width: 10px; height: 10px; top: 9px; }
.review_detail p{font-size: 20px; line-height: inherit;}
/*Contact us*/
.contact_body .row > .col-lg-6:first-child { order: 2; }
.contact_img { max-width: 400px; margin: 15px auto 0; }
.contact_map iframe{height: 350px;}
ul.contact_list { margin: 0 0 15px; }
.contact_list li { padding: 10px 0;}
/*Book Your Appointment*/
.step_headingbox h2 { font-size: 30px; }
#pakageall_row1 .packagesteps .step_headingbox h2{margin-bottom: 30px;}
.stepslist li { width: auto; min-width: 18%; }
.steplistbox { width: 65px; height: 65px; }
.steplistbox > div { width: 55px; height: 55px; line-height: 55px; }
.steplistbox > div img { max-width: 30px; max-height: 25px; }
.steplistbox > span { width: 25px; height: 25px; line-height: 25px; font-size: 14px; }
.stepslist li > h5{font-size: 14px;}
.stepsdetail_row { margin: 50px 0 0; }
.vehicle_details, .selection_box{ padding: 25px 20px; margin: 0 0 25px; }
.vehicletype_list li{width: 25%;}
.confirmdetailsteps .step_headingbox { max-width: 550px; margin: 0 auto 20px; }
.timeedit_row .confirm_detailbox ul { padding: 0; }
.payment_row{ padding: 0; }
.payment_box label img { max-width: 150px; }
.oderbtns { width: 100%; text-align: right; margin: 20px 0 0; }
.summary_list ul li { width: 100%; padding: 5px 10px; }
/*Services page*/
.moreserviclist li { width: 33.33%; }
.moreserviclist li h5 { font-size: 16px; }
/*terms & condition*/
.termhederbg {height: 95px; margin-top: -95px;}
.terms_body h3 {font-size: 20px;}
/*before after*/
/*.beforeafter_box > div img { height: 200px; }
.beforeafter_box > div label { min-width: 80px; font-size: 14px; }*/
/*signup*/
.signup_body { min-height: auto; margin-top: -95px;}

.adnew_left p {font-size: 16px;}


/* Ozone_treatment Page CSS Start */

.ozone-banner .mainheading span{color: #fff;}
.ozone-banner p{color: #fff;}
.ozone-banner p {color: #fff;width: 700px;margin: auto;}


.ozone_align .about_whyimg {overflow: hidden;display: block;border-radius: 20px;}   
.ozone_align .about_whyimg img{transition: .5s all linear;border-radius: 20px;}  
.ozone_align .about_whyimg img:hover{transform: scale(1.1);border-radius: 20px;}
.ozone_type h2 {font-size: 48px;color: #E61D1D; font-weight: 700;margin: 0 0 20px;text-align: center;}   
.ozone_type{text-align: left;}
.ozone_type ul li{text-align: center;}
.ozone_type .col-lg-3 {-ms-flex: 0 0 20%;flex: 0 0 20%;}
.icon-form h3 {font-size: 20px;}


.ozone-banner .slick-dots li button{width: 10px;height: 10px;padding: 0;border: none;border-radius: 100%;background-color: #000;text-indent: -9999px;}
.ozone-banner .slick-dots  li.slick-active button {background-color: #e61d1d;}
   

.what-we{padding:60px 0;}
.what-we .col-md-12.col-lg-6{display: flex;align-items: center;}
.we-image{border-radius: 20px;display: block;overflow: hidden;}
.we-image img{transition: .5s all linear;border-radius: 20px;}
.we-image img:hover{border-radius: 20px;transform: scale(1.1);}
.we-content .we-li li {list-style: disc;display: flex;padding-bottom: 10px;font-size: 15px;}
.we-content .we-para {padding: 50px 0 0;}
.we-content .we-para p {color: #303030;margin-bottom: 16px;text-align: justify;line-height: 24px;}
.svg-icon svg {color: red;height: 18px;}
.we-content .we-li .svg-icon{padding-right: 10px;}
.we-content .hundred-box{display: flex;align-items: center;}
.percent_box {text-align: center;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;max-width: 220px;padding: 25px 0;margin: auto;}
.percent_box .content {border-left: 3px solid red;}
.percent_box .content .percent h1 {font-size: 40px;font-weight: 500;line-height: 48px;color: #303030;margin: 0;}
.percent_box .content .percent h1 span {font-size: 24px;vertical-align: super;}
.percent_box .content .title h2 {font-size: 18px;font-weight: 500;line-height: 24px;color: #303030;margin: 0 20px;}


.ozone_type .inner-container {margin-top: -150px;}
.ova_box {background-color: #fff;border-radius: 10px;box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1);
  -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ova_box .item {text-align: left;padding: 20px 20px;border: none;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}  
.ova_box .item .icon {width: 100%; margin: 0;display: flex;justify-content: center;-webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.ova_box .item .icon i::before {margin: 0;font-size: 60px;color: #2db7ff;}
.ova_box .item .title {margin: 20px 0 0;font-size: 22px;line-height: 24px;color: #202b5d;font-weight: 500;text-align: center;}
.ova_box:hover {background-color: #303030;color: #fff;}
.ova_box:hover .title p{color: #fff;}

/* ./Ozone_treatment Page CSS End */
.meetask-section .meetask_box div span{line-height: 1.1;}

/* ============================= 
         Extra CSS ADD 
   ============================= */

   .innerbanner .banbig_heading{width: 100%;font-size: 16px;font-family: 'Cera Pro';
      text-transform: capitalize;}

     .ozone_type .ova_box{margin-bottom: 30px;}


    .discount-sec .inner-discount.ind-4 .mainheading {margin-bottom: 0;}

/*Home Page*/
.meetask_section .meetask_box div span, .meetask_section .bookappoint_sec h5 {font-size: 13px;}
.meetask_section .meetask_box {width: 145px;height: 130px;border-radius: 22px;}

.home_service .mainheading {font-size: 26px;}
.home_service .whysmall_heading {font-size: 16px;}
.home_service .mainpara {font-size: 14px;color: #000000;line-height: 24px;margin: 0 0 20px;}
.btn.whitebgbtn {font-size: 14px;color: #000000;padding: 8px 10px;}
.whymain_section .mainheading {font-size: 32px;}
.whymain_section .mainpara {padding-bottom: 10px;}

.carwash_gallery button.slick-arrow.slick-next {right: -7px;}
.carwash_gallery button.slick-arrow.slick-prev {left: -7px;}

.meetmaask_list{display: flex;justify-content: center;}

/*contact us page*/
.contacticon {width: 50px;min-width: 50px;height: 50px;line-height: 40px;margin: 0 15px 0 0;}
/*about section */
.team_imgbox {width: 150px;height: 150px;}

/*before after*/
.beforeimg_data .btn.redbgbtn {border-radius: 30px;background: #f1f1f1;border: 1px solid #e42626;
   color: #ff0000;font-size: 14px;padding: 6px 10px;box-shadow: none;}
   .before_carbox h4 {font-size: 14px;margin: 0 0 4px;}

/*booking-appointment*/
.carala_list li .btn {font-size: 12px;padding: 3px;color: #E61D1D;background: #ffffff;border-radius: 4px;min-width: 40px;}
.carala_list .cartalaicon {width: 40px;background: #ddd;border-radius: 50px;padding: 6px;}
.carala_list li {font-size: 14px;padding: 3px 0;}
.carala_list li:nth-child(1) {width: 50px;min-width: 50px;}
.carala_list li:nth-child(2) {width: 100px;min-width: 100px;flex: 1;}
.carala_list li:nth-child(4) {width: 40px;min-width: 40px;margin-right: 0px;}
.estimateala_tprice div {font-size: 16px;}
.package_middle h5 {font-size: 16px;color: #000000;margin: 0 0 7px;font-weight: 700;}
.mobileview_row .stepslist li {width: auto;min-width: 16%;}
.mobileview_row .steplistbox {width: 60px;height: 60px;}
.mobileview_row .stepslist li > h5 {font-size: 12px;}
.detail_column.detailcol_2 {height: auto;overflow-y: auto;overflow-x: hidden;scrollbar-color: rgba(24, 28, 41, 0.08);
   scrollbar-width: thin;-webkit-scrollbar-width: thin;border-radius: 5px;}
.detail_column.detailcol_21 {height: auto;overflow-y: auto;overflow-x: hidden;scrollbar-color: rgba(24, 28, 41, 0.08);
   scrollbar-width: thin;-webkit-scrollbar-width: thin;border-radius: 5px;}   
/*booking form*/
.identitysteps .form-group .form-control {min-height: 30px;padding: 0px 8px;font-size: 12px;height: 30px;}  
.identitysteps .form-group label {font-size: 14px;margin: 0 0 5px;}
/*services page*/
.commom-txt-section .commom-txt-block .ttl {font-size: 36px;margin-bottom: 20px;}


   /* ============================= 
         ./Extra CSS ADD 
   ============================= */

   .whymain_section .col-md-12 {text-align: center;}
   .home_service .col-lg-5.col-md-6 {display: flex;align-items: center;justify-content: center;}   
   .home_service .col-lg-7.col-md-6 {text-align: center;}
   .review_detail p {font-size: 14px;line-height: inherit;}
   .viewpackag_main {padding: 40px 0 20px;}
   .ceramic-page-section .mainheading {font-size: 36px;}
   .confirm_package h5 {font-size: 15px;}
   .confirmheading {font-size: 15px;font-weight: 700;margin: 0 0 10px;position: relative;}
   .timecost p {font-size: 15px;color: #303030;margin: 10px 0 7px;line-height: 1.3;}
/*   .customcheck_col.next {display: flex;justify-content: end;position: absolute;bottom: 14px !important;}*/
   .customcheck_col label {position: relative;margin: 5px 0;font-size: 16px;}
   .customcheck_col label::before {content: '';background: #fff;border: 1px solid #716a6a;width: 20px;height: 20px;position: absolute;left: 0;top: 3px;}
   .detail_column p {font-size: 14px;color: #303030;margin: 0 0 15px;line-height: 1.2;}
   .fc-scroller.fc-day-grid-container {height: 100% !important;}
   .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number {top: 12px;}
   .fc-basic-view .fc-body .fc-row {min-height: 3em;}   
.customcheck_col label::after {content: '';position:absolute;top: 2px;left: 6px;width: 8px; height: 16px;}
.customcheck_col.next {display: flex;justify-content: end;position: absolute;right: 80px !important;bottom: 0px !important;}


/* ozone_treatment Page CSS Start */
.ozone_align .whychoose_detail h5 {font-size: 24px;color: #5E5E5E;font-weight: 500;margin: 0 0 8px;line-height: 1.0;text-align: center;}
.ozone_type .col-lg-3{flex:inherit;}
.ozone-banner{height: 100%;}  
.ozone_type .inner-container {margin-top: 0 !important;}
.ozone_type .inner-container .row{justify-content: center;}
.ozone_type .inner-container .col-md-6.col-lg-3:not(:last-child) {margin-bottom: 20px;}
.we-content .mainheading {text-align: center;padding: 20px 0 0;}


/* whymain-left-sec */
.whymain-left-sec .click-txt-block{display: flex;}
.click-txt-block .clickme{width: 20%;font-size: 14px;line-height: 1.2;}
.click-txt-block .clickme:not(:first-child){margin-left: 10px;}
.whymain_section .click-txt-block .clickme a{min-height: 70px;}

.whymain_section .click-txt-block .clickme a{padding: 10px 10px 10px 30px;}
.click-txt-block li a::before{padding: 8px;left: 6px;}
.click-txt-block li a::after {width: 7px;height: 8px; left: 10px;top: 17.5px;}


.whymain_section .bg-style-1{display:none}



}

@media screen and (max-width: 900px){
   .mobileview_row .stepslist li{min-width: 14%;}
}


/*==========================================================================================================
============================================================================================================*/

@media (max-width:767px) {
/*Home*/
.homebanner { min-height: auto; padding: 120px 0; }
.homebanner h4, .whysmall_heading, .whitepara, .home_service .whysmall_heading{font-size:16px;}
.banbig_heading, .mainheading, .whiteheading, .home_service .mainheading, .manyservieslist h2{ font-size: 28px; }
.btn.whitebgbtn { font-size: 15px; padding: 10px 15px; }
.mainpara, .manyservieslist p{ font-size: 14px; line-height: 24px; margin: 0 0 15px; }
.carwash_gallery{margin: 0;}
.meetask_detail { margin: 20px 0 0; }



.meetask-section .meetask_box{margin: 5px;}
.meetask-section .meetask_box div span{line-height: 1.2;font-size: 15px;}
.meetask-section .meetmaask_list{flex-wrap: wrap;}
.whymain-right-sec .list p, .whymain-right-sec .list ul li{font-size: 14px;}

.homebanner .banbig_heading{font-size: 28px;}
/*.meetmaask_list:last-child { padding-left: 150px; }*/
.beaf_section, .home_service{ padding: 40px 0; }
.home_service .row > .col-lg-5 { order: 2; margin-top: 20px; }
.bookappoint_sec {padding: 40px 0; background-position: center right; }
.foot-contact p, .footer-links li a, .footer-para, .copyright-row p{font-size: 15px;}
/*.footer-links { display: inline-block; width: 100%; margin: 0 0 10px; padding-bottom: 15px; border-bottom: 1px solid #ddd; }*/
#elevator_item { bottom: 10px; }
#elevator { width: 35px; height: 35px; }
/*About Us*/
.custom_bread .breadcrumb-item.active, .custom_bread li a{font-size: 14px;display: flex;}
.whychoose_body{padding: 20px 0; }
.whychoose_detail h3, .team_section h2, .our_value h2, .our_reviews h2{ font-size: 24px; }
.whychoose_detail h5, .whychoose_detail ul li h6, .team_section h3, .our_reviews h5{font-size: 18px; line-height: inherit;}
.whychoose_detail p, .ourteam_list li h5, .our_value p, .review_detail p, .author_status > span{font-size: 15px; line-height: 25px;}
.whychoose_detail ul li { padding: 13px; }
.team_section, .our_value, .our_reviews{padding: 40px 0; }
.team_imgbox { width: 145px; height: 145px; margin: 0 auto 10px; }
.our_value ul { justify-content: unset; padding: 0; }
.our_value ul li { min-width: 33%; }
.review_star i{font-size: 20px;}
.review_detail {
   min-height: auto;
 }
.review_detail:before{display: none;}
.review_list button.slick-arrow { left: 50%; transform: translateX(-50%); }
/*Contact us*/
.contact_body { padding: 40px 0; }
.contact_body .whysmall_heading { font-size: 16px; }
.contact_form .form-control { min-height: 45px; }
.contact_list li { display: flex; align-items: center; width: 100%; }
/*.contact_list li:first-child { max-width: 270px; }*/
.contacticon {margin: 0 10px 0 0;width: 60px;min-width: 60px;height: 60px;line-height: 50px;}
.contacticon img { height: 24px; }
.contat_para p, .contat_para a { font-size: 16px; }
.chatbox .chatbox-open, .chatbox .chatbox-close { font-size: 20px; right: 60px; bottom: 5px; width: 45px; height: 45px; }
.chatbox-popup { bottom: calc(2 * 15px + 30px); }
/*Book Your Appointment*/
.appointment_body { padding: 40px 0 15px; }
.col-md-12.mobileview_row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.stepslist { display: block; width: 90px; min-width: 90px; }
.stepslist li { width: auto; min-width: auto; padding: 20px 0;}
.stepslist li::before {width: 1px; height: 100%; left: 32px; transform: translateX(0) translateY(0px); }
.stepslist li:last-child::before{display: none;}
.steplistbox { margin: 0;}
.steplistbox > span { top: 0; right: -7px; }
.stepslist li > h5{display: none;}
.stepsdetail_row { margin: 10px 0 0; width: calc(100% - 90px);}
.vehicle_details, .selection_box, .vehicle_details.packagesteps{padding:15px; margin:0 0 20px;}
.stepform_btn.d-flex.justify-content-between { display: block !important; text-align: center; }
.stepform_btn .btn.redbgbtn { font-size: 13px; margin: 7px; }
.step_headingbox, .package_boxdata{margin: 0;}
.vehicletype_list li { width: 50%; padding: 10px; }
.step_headingbox h2, .selection_head, .timecost h2, .order_heading h2{font-size: 24px;}
.washsteps .vehicletype_list li { width: 50%; }
.detail_column { max-width: 100%; margin: 10px 0; }
.detail_column p { min-height: auto; }
.scheduledate, .scheduletime { max-width: 100%; }
.confirm_detailbox ul li, .scheduledate .form-control, .scheduletime .form-control, .selected_box h5{font-size:16px;}
.confirmbox.timecost{padding: 20px;}
.timecost p { font-size: 16px; margin: 0 0 10px; }
.confirm_row > [class*=col-] .confirm_package{padding: 15px;}
.selected_box{max-width: inherit; width: 49%;}
.selectedimg { min-width: 150px; }
.payment_box label img { max-width: 140px; }
.order_heading h4{font-size: 22px;}
.order_heading{margin: 0 0 25px;}
.order_databox{padding: 0 0 20px;}
.order_databox h3 { font-size: 24px; margin: 0 0 15px; }
.bankdetail_list ul { display: flex; flex-wrap: wrap; }
.bankdetail_list ul li { display: flex; flex-wrap: wrap; width: 100%; }
.bankdetail_list ul li strong, .bankdetail_list ul li span { width: auto; min-width: 50%; padding: 7px; }
.summary_list ul li strong{min-width: auto;}
.yourorder_list table thead tr { position: relative; }
.yourorder_list table tr th { display: block; padding: 2px 0; font-size: 16px; width: 100%; }
.yourorder_list table thead tr th span { font-weight: 400; }
.yourorder_list table thead tr th:last-child { position: absolute; bottom: 0; right: 0; }
.yourorder_list table tbody tr { display: flex; margin-top: 7px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.yourorder_list table tr td { display: block; border: 0; padding: 7px 0; }
.bankdetail_list ul li strong, .bankdetail_list ul li span { border: 0; text-align: left; min-width: auto; position: relative; padding: 2px 5px; }
.bankdetail_list ul li strong:after { content: ':'; display: inline-block; padding-left: 3px;}
/*Services*/
.moreserviclist li { width: 50%; }
.pakage_section {padding: 40px 0 30px;}
.viewpackag_main .col-md-12.my-4 { margin-top: 0px !important; }
.manyservieslist p { margin: 0; }
/*terms & condition*/
.terms_body { padding: 30px 0; }
.terms_body h2{font-size: 20px;}
.terms_body p ,.terms_body ul li{ font-size: 15px; line-height: 24px; margin: 0 0 10px; }
.terms_body .table tbody tr td{font-size: 15px;}
.terms_body ul li{margin-left:15px}
.terms_body h3 { font-size: 20px; line-height: 24px;}
/*login signup*/
.signup_body { padding: 110px 0 50px; }
.signupform { padding: 20px 15px; border-radius: 15px; }
.signupform h2 { font-size: 22px; margin: 0 0 15px; }
.loginbtns .btn { max-width: 150px; }
.signupform.forget_body .form-group { margin: 0; }
.signupform form .form-group .form-control { min-height: 42px; }


.pkg-list .inner-heading{text-align: center;font-size: 24px;}
.pkg-list .package_middle ul {min-height: auto;}
.btn.openslide1{margin-top: 10px;}

.adnewbox .adnew_left {width: 44%;padding: 15px 10px 15px 15px;}
.adnewbox .adnewimg_box {width: 31%;}
.adnewbox .adnew_left p {font-size: 15px;line-height: 1.2;}
.adnewbox .adlogo{display: flex;align-items: center;}
.adnewbox .adlogo img {max-width: 70px;}
.vehicle_details.detailingsteps .continue .btn.redbgbtn {font-size: 16px;}



/* ============================= 
         Extra CSS ADD 
   ============================= */
   .whymain_section .whymain-right-sec{margin-top: 15px;}
   .appointment_body .banbig_heading{margin-bottom: 20px !important;}

   .our_value h5.mb-3{font-size: 16px;}

   .packagesteps .package_middle {
      min-height: auto !important;
    }
    .package_boxdata .pakagebtns a{padding: 10px 15px;}

    .promo-discount .mainheading p{font-size: 14px;line-height: 22px;}

    .serv-section {
      padding: 50px 0px;
    }
    
/*Home Page*/
.meetask_section .meetask_box {width: 160px;height: 130px;border-radius: 22px;}


.click-txt-block .clickme{min-width: 130px;margin-right: 20px !important;}
.whymain-left-sec .click-txt-block{flex-wrap: nowrap !important;}

.whymain_section .whymain-left-sec {width: 100%;
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
   -ms-overflow-style: -ms-autohiding-scrollbar;}
   .click-txt-block .clickme{width: 100%;margin-left: 0px !important;}
   .click-txt-block .clickme a{width: 100%}

/*testimonial qutoes*/
.review_detail p{font-size: 13px;line-height: 25px;margin: auto;}
.our_reviews .review_detail::before {content: '';width: 25px;position: absolute!important;left: 20px;top: -136px;background-size: 100%!important;
   background-repeat: no-repeat;height: 100%;display: block!important;}
   .btn.whitebgbtn {font-size: 14px;padding: 5px 15px;}
   .whymain_section .mainheading {font-size: 28px;}

/*about us page*/
.whychoose_detail p {color: #5E5E5E;margin: 0 0 10px;}
.our_value ul li {font-size: 15px;padding-left: 27px;}
.our_value ul li::before {width: 14px;height: 14px;top: 7px;left: -2px;}
.our_value ul li::after {width: 6px;height: 6px;top: 11px;left: 2px;}

/*before after*/
.foot-contact a {color: #E42626;font-size: 14px;}

/*serives page*/
.contact_body .mainheading {font-size: 29px;}


/*booking*/
.detailcol_2 .carala_list li {line-height: 1.2;font-size: 14px;}
.detailcol_21 .carala_list li {line-height: 1.2;font-size: 14px;}
.carala_list li:nth-child(1) {width: 45px;min-width: 45px;}
.carala_list li:nth-child(4) {width: 60px;min-width: 60px;margin-right: -20px;}
.carala_list li:nth-child(2) {width: 60px;min-width: 60px;flex: 1;}
.carala_list .cartalaicon {width: 40px;background: #ddd;border-radius: 50px;padding: 6px;}
.carala_list li .btn {font-size: 12px;padding:0;color: #E61D1D;background: #ffffff;border-radius: 4px;min-width: 40px;}
/*booking form*/
.vehicle_details.identitysteps .step_headingbox h2 {font-size: 30px;}


/*services page*/
.commom-txt-section .commom-txt-block .ttl {font-size: 26px;margin-bottom: 15px;}
.innerbanner .banbig_heading {margin: 0 0 0px;font-size: 30px;}

/* ============================= 
         ./Extra CSS ADD 
   ============================= */

   .foot-heading {font-size: 18px;color: #303030;font-weight: 500;margin: 0px 0 20px;text-align: center;}
   .footer-links li {width: 50%;float: left;padding-left: 90px;}
   .footer-links {width: 100%;margin: 0 0 10px;padding-bottom: 15px;border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;}
   footer .col-lg-4.col-md-6 {text-align: center;}
   .copyright-row p {font-size: 12px;}
   .beforemodel_img > div img {width: 100%;min-height: 160px;border: 2px solid #e42626;border-radius: 7px;object-fit: initial;}
   .beforemodel_data h4 {color: #ffffff;margin: 0 0 10px;font-size: 24px;text-align: center;}
   .beforemodel_data p {font-size: 14px;text-align: center;}

   .vehicletype_list li strong {font-size: 13px;color: #000000;font-weight: 500;line-height: 16px;}

   .whychoose_detail p {line-height: 22px;}
   .whychoose_detail {text-align: center;}
   .pakage_box {padding: 20px;}
   .alacatd_databox h4 {font-size: 26px;font-weight: 600;margin: 0 0 7px;color: #000000;transition: all .3s;}
   .alacart_datalist:hover .alacatd_databox h4 {color: #fff;}

   .confirmdetailsteps .step_headingbox h2 {font-size: 24px;}
   .time-info h5.main-ttl {font-size: 16px;font-weight: 700;}
   .carselection {margin: 0 0 7px;height: 45px;display: flex;align-items: center;justify-content: center;}
   .confirmbox.confirm_detailbox {text-align: center;}
   .washsteps .vehicle_imgbox {max-width: 100%;background: #fafafa;height: 160px;}
   .currentdate {font-size: 16px;}
   .selecttime_box.picktimebox h5 {font-size: 16px;}
   .fc-toolbar.fc-header-toolbar h2 {font-size: 26px;line-height: 0;}
   .identityboxes {position: relative;padding: 20px;border-radius: 10px;}
   .customcheck_col.next {display: flex;justify-content: end;position: absolute;right: 90px;bottom: -10px !important;}


   /* ozone_treatment Page CSS Start */
   .ozone_align .whychoose_detail h5 {font-size: 20px;}
   .ozone-banner p {color: #fff;width: 100%;margin: auto;}
   .we-content .we-para {padding: 30px 0 0;}
   .what-we {padding: 40px 0;}
   .ozone_type {background: #ffffff;width: 100%;padding: 40px 0;}

   .click-txt-block li a::after {top: 18px;height: 7px;}
   .whymain-left-sec .click-txt-block{flex-direction: column; flex-wrap: wrap;margin: 5px 0px;}
   .whymain-left-sec .click-txt-block .clickme {margin: 0px 0px;}
   .whymain_section .click-txt-block .clickme a{min-height: auto;}


   .inner-banner-style img{height:200px;}

}


/*==========================================================================================================
============================================================================================================*/

@media (max-width:575px) {
   #all_package .row-5 [class*="col-"] {padding: 0px 15px;}
   #all_package .pakage_box {width: 60%;margin: 10px auto;}
   .banner .slide-item {background-position: 53% 100%;}
.contact_body {padding: 30px 0;}
.mainala_cart {padding: 30px 0;width: 100%;position: relative;}
.paymentcard_row .form-group.form_cvv .form-control::after {content: '';top: 4px!important;}   
/*About Us*/
.team_imgbox { width: 130px; height: 130px; }
/*Contact us*/
.contact_map iframe{height: 250px;}
.ElementsApp, .ElementsApp .InputElement {font-size: 16px;line-height: 1.4;height: 16.4px;}
.paymentcard_row .form-group.form_cvv .form-control::after {content: '';top: 0px;position: absolute;width: 50px;height: 32px!important;}

.package_boxdata .package-titile{font-size: 14px;}

/* ============================= 
         Extra CSS ADD 
   ============================= */
/*Home page*/
.whymain_section .mainheading {font-size: 26px;}
.click-txt-block li a::after {top: 17.5px;}
/*About Us page*/
.our_reviews .review_detail p {font-size: 14px;line-height: 25px;}
.whychoose_detail h3 {font-size: 32px;margin: 0 0 10px;}
.whychoose_detail h5 {font-size: 16px;margin: 0 0 8px;line-height: 1.2;}
.whychoose_detail p {font-size: 14px;color: #5E5E5E;margin: 0 0 10px;line-height: 24px;}
.our_value ul li {font-size: 15px;padding-left: 17px;}
.our_value ul li {min-width: 20%;}
.our_reviews .review_detail p {font-size: 13px;line-height: 25px;}
.review_detail p {font-size: 13px;line-height: 23px;margin: auto;}
.our_reviews .review_detail::before {content: '';width: 25px;position: absolute;left: 20px;top: -160px;background-size: 100%;background-repeat: no-repeat;
 height: 100%;}

/*contact us*/
.contat_para p, .contat_para a {font-size: 14px;}
.innerbanner .banbig_heading {margin: 0 0 0px;font-size: 28px;}

/*services page*/
.contact_body .mainheading {font-size: 26px;}

/*booking*/
.detailcol_2 .carala_list li {line-height: 1.2;font-size: 16px;}
.detailcol_21 .carala_list li {line-height: 1.2;font-size: 16px;}
.detailcol_2 .carala_list li {line-height: 1.2;font-size: 13px;}
.detailcol_21 .carala_list li {line-height: 1.2;font-size: 13px;}
.carala_list li .btn {font-size: 14px;padding: 0;color: #E61D1D;background: #ffffff;border-radius: 4px;min-width: 42px;}
.estimateala_tprice div {font-size: 14px;}
/*footer*/
.foot-contact a {color: #E42626;font-size: 14px;}
   /* ============================= 
         ./Extra CSS ADD 
   ============================= */
   .terms_body ol{padding-left: 15px;}

.footer-links li {width: 50%;float: left;padding-left: 80px;}
.foot-contact p, .footer-links li a, .footer-para, .copyright-row p {font-size: 14px;}
.mainpara, .manyservieslist p {font-size: 14px;line-height: 24px;margin: 0 0 15px;}
.homebanner h4, .whysmall_heading, .whitepara, .home_service .whysmall_heading {font-size: 15px;}
.beforemodel_img > div img {width: 100%;min-height: 120px;}
.beforemodel_data p {font-size: 12px;}
.beforemodel_data h4 {color: #ffffff;margin: 0 0 10px;font-size: 20px;}
.bookappoint_sec {padding: 40px 0;background-position: center;}
.pakage_box {padding: 20px;}
.servic_topdata p, .commom-txt-block p {font-size: 14px;color: #000000;line-height: 24px;margin: 0 0 20px;}
.carala_list li:nth-child(1) {width: 60px;min-width: 60px;}
.time_duration span {font-size: 16px;color: #303030;}
.time_duration h4 , .selectnewdate h4 {font-size: 16px;}
.fc-toolbar.fc-header-toolbar h2 {font-size: 20px;line-height: 0;}
.customcheck_col.next {display: flex;justify-content: end;position: absolute;right: 60px !important;;width: 100%;}
#steps7 .package_editbox {display: flex;justify-content: center;padding: 0 0 15px;}
#steps8 .form-control::placeholder {font-size: 14px;}

header .biling-title.blink_me{padding: 6px 22px 9px;font-size: 12px;min-width: 185px;}

.copyright-row p {
   font-size: 12px;
 }


}


/*==========================================================================================================
============================================================================================================*/


@media (max-width:480px) {
/*Home*/
#all_package .pakage_box {width: 80%;margin: 10px auto;}
.modal-content {position: relative;left: -10px;}
.paymentcard_row .form-group label {color: #303030;font-size: 12px;}
.step_headingbox p{font-size: 14px;}
.scheduletimebox {position: relative;padding: 10px 0;width: 100%;}
.banbig_heading, .mainheading, .whiteheading, .home_service .mainheading { font-size: 28px; }
.btn.whitebgbtn { font-size: 14px; padding: 8px 10px; }
.meetmaask_list { text-align: center; }
.meetask_box { margin: 8px 6px; }
.meetask_box div img { max-height: 40px; }
/*.meetmaask_list:last-child { padding-left: 0; }*/
.carwash_box { padding: 10px; }
.footlogo-box .footlogo { min-width: 100px; max-width: 100px;}

.review_list{padding-bottom: 0px;}
/*About Us*/
.innerbanner { padding: 80px 0px; }
.whychoose_detail h3, .team_section h2, .our_value h2, .our_reviews h2, .confirm_package .package_middle h5{ font-size: 24px; }
#steps7 .confirm_package .package_middle h5 {font-size: 14px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
#steps7 .confirmbox.confirm_detailbox {text-align: center;padding: 10px;}
.customcheck_col label {position: relative;margin: 5px 0;font-size: 14px;}
.customcheck_col label::before {content: '';background: #fff;border: 1px solid #716a6a;width: 14px;height: 14px;position: absolute;left: 13px;top: 3px;}
#steps7 .timecost p {font-size: 13px;margin: 0 0 10px;}
#steps7 .carselect_chk h5 {font-size: 14px;color: #222222;}
#steps7 .confirm_detailbox ul li{font-size: 14px;}
#steps7 .package_editbox {display: flex;justify-content: center;padding: 0 0 8px;}
.customcheck_col.next {right: 34px !important;}
.whychoose_detail h5, .whychoose_detail ul li h6, .team_section h3, .our_reviews h5, .package_editbox h5{ font-size: 15px;line-height: 24px;}
.whychoose_detail ul li { width: 100%; }
.our_value ul li { min-width: 50%; }
/*Book Your Appointment*/
.vehicletype_list { margin: 0 -7px; }
.vehicletype_list li { width: 50%; padding: 10px 7px;}
.vehicle_imgbox { height: 150px; padding: 0 10px; border-radius: 20px; }
.step_headingbox h2, .selection_head, .timecost h2, .order_heading h2, .order_databox h3{font-size: 20px;}
.selected_box h5, .time_duration span, .schedule_detail > p, .step_headingbox h5, .selecttime_box h5{font-size: 16px;}
.washsteps .vehicle_imgbox { height: 135px; }
.washsteps .vehicle_imgbox img { max-height: 50px; }
.selected_box { padding: 10px 7px; max-width: inherit; width: 100%; }
.selectedimg{padding: 20px 5px 10px; min-width: 100%;}
.detail_column { border-radius: 20px; }
.time_duration{padding: 0;}
.time_duration img { max-height: 50px; }
.time_dropdown{padding: 15px 10px;}
.selecttime_box ul{padding: 10px;}
.time_duration h4, .order_heading h4, .pakage_detail h4{font-size: 18px;}
.identitysteps .form-group .form-control{min-height: 40px;}
.appoint_table { overflow-x: auto; }
.appoint_table table { width: 300px; }
.package_editbox{padding: 0 0 7px;}
.payment_box { width: 49%; padding: 10px 5px; }
.payment_box label img { max-width: 100%; }
.payment_box strong{font-size: 14px;}
.yourorder_list table thead tr th:last-child { border-top: 1px solid #ddd; margin-top: 6px; position: relative; }
.yourorder_list table tbody tr{display: block;}
/*before after*/
/*.beforeafter_box{padding: 0;}
.beforeafter_box > div{padding: 10px;}
.beforeafter_box > div label { left: 10px; }
.beforeafter_box .after_img label { left: auto; right: 10px; }*/
.before_carbox h4, .before_heading{font-size: 16px;}
.before_pakage span{font-size: 14px;}
.beforeimg_data .btn.redbgbtn { font-size: 14px; padding: 7px 15px; }


.adnewbox{flex-direction: column;}
.adnewbox .adnewimg_box {width: 100%;}
.adnewbox .adnew_left{width: 100%;}
.adnewbox .adnew_left p {font-size: 14px;line-height: 1.2;}
.adnewbox .adlogo {width: 100%;justify-content: center;}
.adnewbox .adlogo img {max-width: 100px;}
.adnewimg_box:before,.adnewimg_box:after {background:none;}
.adnewbox .adnew_left{height: auto;}
.adnewbox .adlogo{height: auto;}

.detailingsteps .continue{margin: 30px 0 20px;}
.vehicle_details.detailingsteps .continue .btn.redbgbtn{font-size: 13px;padding: 10px 10px;}
.header-right{width:auto; padding:0; position:absolute; right:55px; top:25px; z-index:9;}


/* ============================= 
         Extra CSS ADD 
   ============================= */
/*Home Page*/
.homebanner h4, .whysmall_heading, .whitepara, .home_service .whysmall_heading {font-size: 15px;}
.meetask_section .meetask_box {width: 160px;height: 130px;border-radius: 22px;}
.meetask_section .meetask_box div span, .meetask_section .bookappoint_sec h5 {font-size: 14px;}

.discount-sec .inner-discount.ind-4 .mainheading .ttl {
   padding: 0px 0px 10px 0px;}

/*About Us Page*/
.our_reviews .review_detail p{font-size: 13px;line-height: 25px;margin: auto;}
.team_imgbox {width: 120px;height: 120px;}
.our_value p {font-size: 14px;line-height: 24px;}
.our_value h2 {font-size: 30px;}
.our_value ul li {min-width: 50%;font-size: 15px;padding-left: 70px;}
.our_value ul li::before {width: 14px;height: 14px;top: 6px;left: 46px;position: absolute;}
.our_value ul li::after {width: 6px;height: 6px;top: 10px;left: 50px;}
.our_reviews .review_detail::before {content: '';width: 20px;position: absolute;left: 0px;top: -140px;background-size: 100%;   
  background-repeat: no-repeat;height: 100%;}
  .our_reviews h5{font-size: 17px;line-height: 24px;}  
  .our_reviews .review_detail p {font-size: 14px;line-height: 24px;margin: auto;}
  .author_status > span {font-size: 14px;line-height: 16px;}
/*contact us Page*/
.contact_form .form-control {min-height: 30px;}
.contact_form .form-control {font-size: 13px;font-weight: 400;padding: 5px 10px;}
.contact_form .custom-control label {font-size: 13px;}

/*booking*/
.detail_column.detailcol_2 h5 {font-size: 15px;}
.detail_column.detailcol_21 h5 {font-size: 15px;}
.carala_list li:nth-child(2) {width: 100px;min-width: 100px;flex: 1;font-size: 12px;}  
.selected_box h5, .time_duration span, .schedule_detail > p, .step_headingbox h5, .detail_column p {font-size: 13px;}
.package_bottom span {background: #ff2929;border-radius: 0;color: #fff;font-size: 14px;padding: 10px;}
.package_middle button {font-size: 14px;}
#all-packages .inner-heading {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 0 15px;font-size: 18px;}
.package_top h6 {color: #ff0000;font-size: 14px;margin: 0 0 5px;font-style: italic;}
/*before after page*/
.custom_pagination li a {width: 35px;height: 35px;line-height: 35px;font-size: 14px;font-weight: 700;}
.before_carbox h4, .before_heading {font-size: 13px;}
.before_carbox p {font-size: 12px;}

/*booking form*/
.vehicle_details.identitysteps .step_headingbox h2 {font-size: 26px;}

/*services page*/
.contact_body .mainheading {font-size: 20px;}
.mainala_cart {padding: 20px 0;width: 100%;position: relative;}
.commom-txt-section .commom-txt-block .ttl {font-size: 20px;margin-bottom: 15px;}
.commom-txt-block li {font-size: 14px;line-height: 24px;}
.commom-txt-section {position: relative;padding: 20px 0px;}

/* ============================= 
         ./Extra CSS ADD 
   ============================= */
   .mainheading, .whiteheading, .home_service .mainheading {font-size: 24px !important;}
   .footlogo-box {flex-wrap: wrap;text-align: center;justify-content: center;}
   .footer-links li {width: 50%;float: left;padding-left: 44px;}
   .header-row .navbar-nav .nav-item .nav-link {font-size: 14px !important;}
   .header-row .navbar-nav .dropdown .dropdown-menu a {font-size: 13px !important;}
   .whymain_section {padding: 20px 0 50px;overflow: hidden;width: 100%;}
   .whymain_section .title-block{margin-bottom: 10px;}
   .beaf_section, .home_service {padding: 20px 0;}
   footer {width: 100%;padding: 20px 0 20px;}
   .copyright-row p {font-size: 12px;}
   .beforeimg_data {padding: 10px;width: 100%;}
   .beforemodel_img > div {width: 50%;padding: 0 4px 16px;}
   .beforemodel_img > div img {width: 100%;min-height: 100px;}
   .contact_body {padding: 40px 0 30px;}
   .alacart_icon {width: 46px;height: 46px;padding: 0;}
   .topicon_box {display: flex;align-items: center;padding: 0 0 10px;}
   .alacatd_databox p {font-size: 14px;line-height: 24px;}
   .terms_body h3 {font-size: 18px;line-height: 24px;}
   .terms_body p, .terms_body ul li {font-size: 14px;line-height: 22px;margin: 0 0 10px;}
   .terms_body ul li{margin-left: 15px;}
   .terms_body .table tbody tr td{font-size: 14px;}
   .header-row .navbar-brand img {max-width: 80px;}

   .contat_para h5 {font-size: 17px;font-weight: 300;margin: 0 0 3px;}
   .contat_para h5 span {font-size: 14px;font-weight: 500;color: #000;}
   .contacticon {margin: 0 10px 0 0;width: 50px;min-width: 50px;height: 50px;line-height: 40px;}
   .contacticon img {height: 18px;}
   .pakage_detail p {font-size: 14px;color: #000000;margin: 0 0 10px;line-height: 24px;}
   .meetask_box div span, .bookappoint_sec h5 {font-size: 15px;}
   .pakageimg {margin: 10px 0;}
   .pakage_box {padding: 10px 10px 20px;}
   .alacatd_databox h4 {font-size: 20px;font-weight: 600;}

   .ozone_type .ova_box {
      margin-bottom: 15px;
    }

   .int_packprice {display: flex;justify-content: center;flex-direction: column;text-align: center;}
   .estimateala_list .package_middle .int_packprice .price {display: flex;align-items: center;justify-content: center;padding-left: 0;}
   .copyright-row p {font-size: 10px;}
   #elevator_item {position: fixed;right: 14px;bottom: 30px !important;opacity: 1;z-index: 999;}
   .vehicletype_list li, .washsteps .vehicletype_list li {width: 80%;margin: auto;}
   .carala_list {display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;}
   .detail_column p {font-size: 14px;}
   .scheduledate.selectnewdate {min-height: auto;}
   .scheduledate {position: relative;width: 100%;padding: 0;border-radius: 0;}
   .calendar-info {display: flex;justify-content: center;}
   .calendar-info li {font-size: 13px;}
   .time_duration h4, .selectnewdate h4 {font-size: 15px;}
   .radio_block {font-size: 12px;font-weight: 600;line-height: 24px;}
   .radio_block .inputGroup-block .ttl {font-size: 14px;}
   .currentdate {font-size: 15px;}
   .identitysteps .form-group label {font-size: 14px;margin: 0 0 5px;text-align: center;}
   .identityboxes {position: relative;padding: 10px;}
   .confirmdetailsteps .step_headingbox h2 {font-size: 22px;}
   .customcheck_col label::after {content: '';position: absolute;top: 4px;left: 17px;width: 5px;height: 10px;}

   .terms_body .table thead tr th{font-size:14px}

   #modal-popup {
      padding-left: 17px;
    }

    .modal.show{padding-right: 0px !important;}

    .modal{font-size: 14px;}
   /* ozone_treatment  */
   .ozone_align .about_whyimg img {height: 230px;width: 100% !important;object-fit: cover;}
   .ozone_align .whychoose_detail h5 {font-size: 18px;}
   .ozone_type {background: #ffffff;width: 100%;padding: 20px 0;text-align: center;}
   .ozone_type .col-sm-6.col-md-6.col-lg-3 {max-width: 80%;}
   .we-content .hundred-box {display: flex;align-items: center;flex-direction: column;}
   .percent_box {text-align: center;background-color: #fff;border: 1px solid #e5e5e5;border-radius: 10px;max-width: 100%;padding: 10px 0;}
   .we-content .we-para p {color: #303030;margin-bottom: 16px;text-align: left;line-height: 24px;font-size: 14px;}
   .ozone-banner p {color: #fff;width: 100%;margin: auto;font-size: 14px;}


   header .biling-title{padding: 6px 15px 7px;font-size: 14px;}

   footer{padding: 20px 0 10px;}
   .social-link-sec .inline-ul{justify-content: center;}

   .copyright-row{margin-top: 25px;}


   .inner-banner-style img{height: 160px;object-fit: cover;}





}


/*==========================================================================================================
============================================================================================================*/

@media (max-width:400px) {
/*Home*/
.header-right .btn.loginbtn{font-size: 10px;}
/*.footlogo-box { flex-wrap: wrap; }*/
.footlogo-box .footlogo { margin: 0 0 5px; }
.foot-contact { width: 100%; }
/*.footer-links li { min-width: auto; width: 100%; }*/
.meetask_box { margin: 7px 4px; }
/*Contact us*/
.contact_map iframe{height: 200px;}
.chatbox-popup { width: calc(100% - 30px); }
.chatbox_body { padding: 15px 10px; }
.chatbox_footer form textarea{font-size: 15px;}
/*Book Your Appointment*/
.stepslist { width: 70px; min-width: 70px; }
.stepslist li::before{left: 25px;}
.steplistbox { width: 50px; height: 50px; }
.steplistbox > div { width: 43px; height: 43px; line-height: 40px; }
.steplistbox > div img { max-width: 25px; max-height: 23px; }
.steplistbox > span { width: 20px; height: 20px; line-height: 20px; font-size: 12px; }
.stepsdetail_row { width: calc(100% - 70px); }
.vehicle_details, .selection_box{ padding: 15px 10px; border-radius: 15px; }
/* .vehicletype_list li, .washsteps .vehicletype_list li{ width: 100%; } */
.stepform_btn .btn.redbgbtn{min-width: 90px;font-size: 15px; padding: 7px 10px;}
.package_top{padding: 10px 5px;}
.package_top h3{font-size: 20px;}
.package_middle { padding: 10px 7px; }
.package_middle li { font-size: 13px; padding: 4px 0 4px 20px; }
.package_middle li:before{width: 14px; height: 14px; top: 8px;}
.confirmbox { border-radius: 20px; }
.confirmbox.timecost { padding: 15px; }
.time_duration h4, .order_heading h4 { font-size: 16px; }
.selected_box h5, .time_duration span, .schedule_detail > p, .step_headingbox h5, .detail_column p{font-size:15px;}
.ordernote p{font-size: 15px;}
.payment_box {width: 100%;}
/*Service page*/
.moreserviclist li { width: 100%; }
/*signup*/
.signupform form .col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.simplebtn.text-right { text-align: left !important; margin-top: 10px; }


.stepshowleft .detail_column .time_duration{flex-direction: column }
.stepshowleft .detail_column.detailcol_1 p{padding: 10px 0px;}

.detail_column .dcol-icon{width: 65px;min-width: 65px;height: 65px;}
.detail_column .dcol-icon img{max-width: 45px;}
.dcol-data{width: calc(100% - 0px);padding: 0 20px 0 10px;}
.detail_column.detailcol_2 .dcol-data h4{font-size: 16px;}
.detail_column.detailcol_21 .dcol-data h4{font-size: 16px;}

.estimateala_list .package_middle .int_packprice .price{display: flex;align-items: center;}

#steps1 .vehicletype_list li strong {
   margin-top: 10px;
 }


}

/*==========================================================================================================
============================================================================================================*/


@media (max-width:370px) {
/*Book Your Appointment*/
.selected_box{width: 100%;}  

header .biling-title{width: 200px;}


}


/*==========================================================================================================
============================================================================================================*/

@media screen and (max-width:360px){
   .customcheck_col.next {right: 16px !important;}
   .paymentcard_row .form-group .form-control {border: 1px solid #aaaaaa;background: #fbfbfb;height: 40px;padding: 8px 4px;}
   .btn.openslide1{font-size: 14px;}
   .detail_column .dcol-icon {width: 50px;min-width: 50px;height: 50px;}
   .detail_column .dcol-icon img {max-width: 30px;}
   #steps7 .package_editbox h5 {font-size: 14px;}


  .pkg-list .goto.back.showstep1{font-size: 14px;padding: 0;}

/* ============================= 
         Extra CSS ADD 
   ============================= */
   /* .inner-banner-style img {
      height: 60px;
    } */

    #steps4 .vehicle_details.packagesteps {
      padding: 25px 15px;}
      .discount-sec .inner-discount.ind-4 .mainheading .ttl {
         padding: 0px 0px 0px 0px;
       }



/*Home Page*/

header .biling-title{padding: 6px 10px 10px;width: 180px;white-space: pre;font-size:12px}
.home_service .mainheading {font-size: 24px;}
.homebanner h4, .whysmall_heading, .whitepara, .home_service .whysmall_heading {font-size: 15px;}
.home_service .mainheading {font-size: 20px;}
.footer-links li {width: 50%;float: left;padding-left: 24px;}
.mainpara, .manyservieslist p {font-size: 14px;line-height: 24px;margin: 0 0 15px;}

/*About Us Page*/
.our_reviews .review_detail p {font-size: 13px;line-height: 22px;}
.our_reviews .review_detail::before {content: '';width: 16px;position: absolute;left: 2px;top: -155px;height: 100%;}
.our_reviews h5 {font-size: 16px;line-height: 24px;}
/*Contact Us Page*/
.contact_form .form-row .form-btns {margin-top: 15px;display: flex;justify-content: center;} 
.contacticon img {height: 15px;}
.contat_para h5 span {font-size: 12px;font-weight: 500;}
.contacticon {margin: 0 10px 0 0;width: 40px;min-width: 40px;height: 40px;line-height: 30px;}
.contat_para h5 {font-size: 15px;font-weight: 300;margin: 0 0 3px;}

/*booking appoinment*/
.appointment_body .vehicletype_list li strong {font-size: 13px;color: #000000;font-weight: 500;line-height: inherit;
   margin: 15px 0 0;display: block;width: 100%;}
   .detailcol_2 .carala_list li {line-height: 1.2;font-size: 12px;}
   .detailcol_21 .carala_list li {line-height: 1.2;font-size: 12px;}
   .carala_list li .btn {font-size: 14px;padding: 0px 5px;color: #E61D1D;background: #ffffff;border-radius: 4px;min-width: 48px;}
   .carala_list .cartalaicon {width: 30px;background: #ddd;border-radius: 50px;padding: 5px;}
   .carala_list li:nth-child(2) {width: 80px;min-width: 79px;flex: 1;padding-left: 22px;}
   .innerbanner .banbig_heading {margin: 0 0 0px;font-size: 28px;}
   .int_packprice span {font-size: 14px;color: #000;}
   .package_middle h5 {font-size: 14px;color: #000000;margin: 0 0 7px;font-weight: 700;}
   .selected_box h5, .time_duration span, .schedule_detail > p, .step_headingbox h5, .detail_column p {font-size: 12px;}
   .vehicle_details.detailingsteps .step_headingbox h2 {font-size: 18px;}
   .carala_list li:nth-child(2) {width: 80px;min-width: 79px;flex: 1;padding-left: 0px;font-size: 13px;}
/*booking form*/
.identitysteps .form-group .form-control {min-height: 30px;padding: 0 4px;font-size: 12px;height: 30px;}
.identitysteps .form-group label {font-size: 13px;margin: 0 0 5px;}
.stepdetails .confirmheading {font-size: 18px;font-weight: 700;margin: 0 0 10px;}

/*calander*/
.fc table, body .fc {font-size: 12px;}
.fc-unthemed .fc-center h2 {font-size: 22px;}
.fc-unthemed .fc-head-container .fc-day-header span{font-size: 10px;}
.scheduledate h4 {font-size: 13px;line-height: 17px;}
.fc-unthemed .fc-center h2 {font-size: 16px;}
.scheduledate.selectnewdate {min-height: 300px;padding: 10px 0;}
.scheduletimebox .currentdate{font-size: 12px;}
.selecttime_box.picktimebox h5 {color: #454545;font-weight: 400;margin: 0 0 10px;font-size: 15px;text-align: center;}
.radio_block {font-weight: 600;line-height: 33px;padding: 0;}
.radio_block .inputGroup-block .ttl {text-align: center;padding: 10px;border-bottom: 1px solid #ddd;font-weight: 600;font-size: 12px;}
.radio_block .inputGroup label {padding: 0px 7px;width: 100%;font-size: 11px;}
.confirmheading {font-size: 17px;font-weight: 700;margin: 0 0 10px;position: relative;}
.stepdetails .confirmheading {font-size: 14px;font-weight: 700;margin: 0 0 10px;position: relative;}
#steps7 .confirmheading {font-size: 15px;font-weight: 700;margin: 0 0 10px;position: relative;}
#steps7 .confirmheading .goto {color: #e61d1d;font-size: 18px;  position: absolute;right: -8px;top: 0;}
.time-info h6.main-ttl {font-size: 16px;font-weight: 700;}
#steps7 .confirmbox.confirm_detailbox {text-align: center;padding: 10px;}
.confirmdetailsteps .step_headingbox h2 {font-size: 18px;}
.confirmdetailsteps .step_headingbox p {font-size: 14px;}
.identitysteps .form-group .form-control {border: 1px solid #d5d3d3;background: #fbfbfb;min-height: 36px;padding: 8px 15px;
 font-size: 13px;color: #303030;border-radius: 5px;}
/* ============================= 
         ./Extra CSS ADD 
   ============================= */
   .beforemodel_img > div {width: 100%;padding: 0 4px 16px;}
   .beforemodel_img > div img {width: 100%;min-height: 130px;}
   .custom_pagination li a {width: 30px;height: 30px;line-height: 30px;}
   .whychoose_detail {text-align: center;}
   .author_status > span {font-size: 13px;line-height: 16px;}
   .mainheading, .whiteheading, .home_service .mainheading {font-size: 22px !important;}
   .meetask_section .meetask_box div span, .meetask_section .bookappoint_sec h5 {font-size: 15px;}
   .our_value ul li::after {width: 6px;height: 6px;top: 10px;left: 6px;}
   .our_value ul li::before {width: 14px;height: 14px;top: 6px;left: 0px;position: absolute;}
   .our_value ul li {min-width: 50%;font-size: 15px;padding-left: 25px;}
   .package_middle .selecttime_box.picktimebox.opentimebox p {font-size: 12px;}
   .package_middle li {font-size: 13px;padding: 4px 0 4px 20px;}
   .package_top h6 {color: #ff0000;font-size: 14px;margin: 0 0 5px;font-style: italic;}

   .tawk-max-container {position: relative;box-sizing: border-box;height: 100%;overflow: hidden;border: 1px solid #e9e9e9;width: 96% !important;}
   .carala_list li:nth-child(1) {width: 40px;min-width: 40px;}


   /* ozone_treatment page CSS Start */
   .ozone_align .about_whyimg img {height: 200px;width: 100% !important;object-fit: cover;}
   .dis-text {font-size: 14px;}
   .what-we {padding: 20px 0;}

}


/*==========================================================================================================
============================================================================================================*/


.ElementsApp, .ElementsApp .InputElement{background-color: #fff !important;}




.paymentcard_row .form-group .form-control{position: relative;border: 1px solid #d5d3d3;
   background: #fbfbfb;
   min-height: 30px;
   padding: 6px 15px;
   font-size: 12px;
   color: #303030;
   border-radius: 5px;
   height: calc(1.2em + 0.85rem + 2px);}
.paymentcard_row .form-group.form_cvv .form-control:after {content: '';top:0px;
   background:  url(../images/cvcicon.png) no-repeat center right 2px;position:absolute;width:50px;height: 30px;right: 0px;
}


.openslide1::before {
   content: "\f0d7" !important;
   font-family: FontAwesome;
   float: right;
   transition: all 0.5s;      
}
.openslide1.open::before {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   transform: rotate(180deg);
} 

[aria-expanded="true"]:before{ -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   transform: rotate(180deg);}

   button.btn.openslide1::after{display: none;}



   

   /* Black Background CSS */
   body{background-color: #000;}

   .whymain_section .click-txt-block .clickme a.activelink{background-color: #fff;color: #000;}
   .whymain_section .click-txt-block li a.activelink::before {
      background: rgba(0, 0, 0, 0.9);}

      .whymain_section .click-txt-block li a.activelink::before {
         background: rgb(230, 29, 29);
       }
       .whymain_section .click-txt-block li a.activelink::after {
         background: #fff;}


        .inner-discount .mainheading span{color: #000;}
   
   footer .foot-heading , footer .footer-links li a, footer .footer-para{color: #fff;}
   footer .copyright-row p{color: #fff;}
   footer .footer-form .whitebgbtn{background-color: #fff;}
   .footer-form .form-control{background-color: #fff;}

   .promo-discount .mainheading p{color: #fff;text-align: center;}
   


   .promo-discount.bg-white{background-color: #000 !important;}
   .promo-discount.bg-white .promo-discount h2{color: #000;}

   .discount-sec.bg-white{background-color: #000 !important;}
   .inner-discount.ind-2 .mainheading .ttl span{color: #fff;}
   .discount-sec .inner-cont p{color: #fff;}
   .discount-li li::before {color: #fff;}
   .discount-sec .discount-li li{color: #fff;}

   .whychoose_body{background-color: #000;}
   .whychoose_detail h3{color: #fff;}
   .whychoose_detail h5{color: #fff;}
   .whychoose_detail p {color: #fff;}
   .our_value{background-color: #000;}
   .our_value h5, .our_value p{color: #fff;font-size: 16px;}
   .our_value ul li{color: #fff;}


   .contact_body.service_body p{color: #fff;}

   .faq-page p{color: #000;}
   .faq-page .tabcontent{padding: 0 !important;}
   .faq-page .tabbing-content .main-package{background-color: #f1f1f1;}
   .faq-page .heading p{color: #fff;}

   .contact_body {background: #000;}
   .contact_body::before {background:none;}
   .contact_body .contat_para h5, .contact_body .contat_para p{color: #fff;}
   .contact_body .contat_para p, .contact_body .contat_para a{color: #fff;}
   .contact_body .contat_para a {
      color: #e61d1d;
    }

   .contact_form .custom-control label,
   .contact_form .form-group > label{color: #fff;}

   .error {
      color: #e61d1d !important;
    }


    .terms_body{background: #000;}
    .terms_body h2,.terms_body h3, .terms_body p, .terms_body ul li {color: #fff;}

    .terms_body .table.table-striped * {
      color: #fff !important;
    }

    .innerbanner.ozone-banner {
      background-size: cover;
      background-position: top center;
    }
    .we-content .we-li li, .we-content .we-para p{color: #fff !important;}

    .discount-sec.discount-cream .inner-cont p,.discount-sec.discount-cream .inner-cont .dis-text{color: #000;}


    .discount-sec.discount-cream .inner-discount .mainheading .ttl span{color: #000;}

    .discount-sec.discount-cream .discount-li li::before {color: #000;}

    .discount-sec.bg-white .mainheading h2 span{color: #fff;}

    .steplistbox > div{background: #333232;}
    .stepslist li > h5 {color: #fff;}



    .map-block-sec{position: relative;}
    .map-block-sec #main{position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
color: #000;background: #fff;width: 150px;height: 150px;border-radius: 50%;display: flex;justify-content: center;align-items: center
}
    
.serv-section {
   padding: 70px 0px;
 }

.map-level {
   position: relative;
 }

 .level1.elem.main-ttl {
   position: absolute;
top: -44px;
left: 200px;
color: #fff;
 }

/* {
   width: 150.004px;
left: 24.425px;
top: 25px;
transform: rotate(6.10864rad);
} */

.line {
transform-origin: 0 0;
position: absolute;
border: #adacb5 1px solid;
height: 0px;
transition: all 0.5s;
z-index: 1;
}


.level-block2 .level1.elem.main-ttl{position: absolute;
   right: 140px;
   left: auto;
   top: -31px;}


   .map-level.level-block3 .level1.elem.main-ttl{position: absolute;
      bottom: -110px;
      left: 240px;
      top: initial;}


      /* #steps2 .vehicletype_list li:nth-child(5) img{opacity: 0;} */


      .carwash_img img{border: 1px solid #ddd;border-radius: 8px;}


      #myAppointment .modal-content .modal-header{background: #f00;color: #fff;}
      #myAppointment .modal-content .modal-header .close {position: absolute;
         top: 0px;
         right: 0px;
         width: 40px;
         height: 40px;
         border-radius: 50%;
         color: white;
         box-shadow: 0 1px 6px rgba(0,0,0,0.2);
         display: flex;
         justify-content: center;
         align-items: center;
         opacity: 1;}
         #myAppointment .modal-content .modal-header .modal-title{color: #fff;font-weight: 600}

         .inner-discount.ind-4 .inner-cont h2{color: #000;
            font-weight: 500;
            margin-bottom: 20px;
            text-transform: uppercase;
            text-align: center;
            line-height: 1.5;
         
         
         }


         .modal{background: rgba(0,0,0,0.9) !important;}

         #modal-popup .modal-content .modal-header{background: #f00 !important;}

         #modal-popup .modal-content:after{border-left: 24px solid #f00 !important;}


.modal-content{position: relative;}
/* .modal-content{background: url(../images/midlefnew.png) no-repeat center center;} */

#myAppointment button.close:hover {
   opacity: .75 !important;
 }



 /* Wrapper */
.icon-button {
   background-color: white;
   border-radius: 2.6rem;
   cursor: pointer;
   display: inline-block;
   font-size: 1.3rem;
   height: 2.6rem;
   line-height: 2.6rem;
   margin: 0 5px;
   position: relative;
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 2.6rem;
}

/* Circle */
.icon-button span {
   border-radius: 0;
   display: block;
   height: 0;
   left: 50%;
   margin: 0;
   position: absolute;
   top: 50%;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
           transition: all 0.3s;
   width: 0;
}
.icon-button span {
   width: 2.6rem;
   height: 2.6rem;
   border-radius: 2.6rem;
   margin: -1.3rem;
}

/* Icons */
.icon-button i {
   background: none;
   color: white;
   height: 2.6rem;
   left: 0;
   line-height: 2.6rem;
   position: absolute;
   top: 0;
   -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
           transition: all 0.3s;
   width: 2.6rem;
   z-index: 10;
}





.twitter span {
   background-color: #4099ff;
}
.facebook span {
   background-color: #3B5998;
}
.google-plus span {
   background-color: #db5a3c;
}
.tumblr span {
   background-color: #34526f;
}
.instagram span {
   background-color: #517fa4;
}
.youtube span {
   background-color: #bb0000;
}
.pinterest span {
   background-color: #cb2027;
}



.icon-button .icon-twitter {
   color: #4099ff;
}
.icon-button .icon-facebook {
   color: #3B5998;
}
.icon-button .fa-tumblr {
   color: #34526f;
}
.icon-button .icon-google-plus {
   color: #db5a3c;
}
.icon-button .fa-instagram {
   color: #517fa4;
}
.icon-button .fa-youtube {
   color: #bb0000;
}
.icon-button .fa-pinterest {
   color: #cb2027;
}

.icon-button i
 {
   color: #fff !important;
}

.icon-button:hover {
   opacity: 0.8;
 }


 .custom-w-50 .ttl {font-size: 16px;}
 .custom-w-50 .time_frame_id {font-size: 12px;height: 30px;}

 .inputGroup-block >p{border: 1px solid #E61D1D;font-size: 12px !important;padding: 4px 10px !important;}
 .tooltip-inner {
   background: #e61d1d; border: 1px solid #fff;
   /* background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); 
   background:    -moz-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); 
   background:   linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );  */
   color: #fff;
   font-family: 'Roboto', Arial, sans-serif;
}
/* .tooltip.top .tooltip-arrow {
   border-top-color: #7abcff;
} */
.yesNo {display: flex;padding:0px 0 0;justify-content: center;}
.yesNo .title:not(:last-child){margin-right: 20px;}
.yesNo .title {border: 1px solid #ddd;padding: 6px 20px;font-size: 16px;cursor: pointer;border-radius:10px;color: #fff;
transition: .3s all linear;line-height: 1.5;}
.yesNo .yes-ttl{background: transparent;}
.yesNo .title:hover{background: #e61d1d;color: #fff;}
.yesnoModel .vehicle_details {background: #000;border: none;border: 1px solid #fff !important;padding: 20px !important;height:100%}
/* #yesnoModel #steps11 .vehicletype_list1 li strong br{display: none} */
#steps11 .vehicle_details1 {
   padding: 10px 100px 5px;
 }
#yesnoModel #steps11 .vehicletype_list1 li strong {margin-top: 6px;color: #fff;}
.yesnoModel .modal-content {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;width: 100%;
  pointer-events: auto;background-color: #000;background-clip: padding-box;border: 1px solid rgb(255, 255, 255);border-radius: .3rem;outline: 0;}
.yesnoModel .step_headingbox h2 {font-size: 20px;font-weight: 900;font-style: italic;color: #fff;margin: 0 0 5px;}
.yesnoModel .step_headingbox h5 {font-size: 14px;color: #fff;margin: 0 0 10px;}
.yesnoModel .vehicletype_list li strong {font-size: 14px;color: #fff;font-weight: 500;line-height: inherit;margin: 15px 0 0;display: block;width: 100%;}

.yesnoModel .vehicle_imgbox {border: 1px solid rgb(255, 255, 255);box-shadow: 0 0px 10px rgb(255, 255, 255);}
.yesnoModel .modal-header .close {color: #ffffff;opacity: 1;font-size: 26px;margin: 0;padding: 0;position: absolute;right: -10px;
  top: -10px;background: #f30406;width: 30px;height: 30px;line-height: 30px;border-radius: 30px;z-index: 9;opacity: 1 !important;}
.yesnoModel .modal-header {padding: 0;border: none;}
.yesnoModel .modal-lg{max-width: 1000px;}

.yesnoModel .vehicletype_list1{justify-content: center;}




.step_headingbox p {color: #fff;}
.time-info h5 {color: #fff;}
.int_packprice h5 {color: #fff;}
#steps8 .package_middle h5,#steps8 .package_middle li {color: #fff;}
#vk-type-data .carselection img {filter: invert(1);}
.yesnoModel .steps1 {display: block !important;}
#steps5 .int_packprice h5 {color: #000;}
#steps5 .vehicle_details.detailingsteps{padding: 15px 60px;}
#steps5 .stepshowleft .detail_column h5{font-size: 16px;}

/*.package_bottom {position: absolute;width: 100%;bottom: 0;}*/

/*.package_middle li:last-child {min-height: 200px;}*/

.goto.back.showstep1{color: #fff;}
#all-packages p {color: #fff;}



.vehicle_imgbox1 {max-width: 190px;height: 100px;padding: 10px 0px;border-radius: 20px;overflow: hidden;margin: 0 auto;margin-top: 0px;
margin-top: 0px; margin-top: 0px;border: 1px solid #fff;box-shadow: 0 0px 6px rgb(255, 255, 255);position: relative;cursor: pointer;
display: flex;background: #83878d;flex-wrap: wrap;justify-content: center;align-content: center;align-items: center;transition: .3s all linear;}
.vehicle_details1 {background: #000;border-radius: 26px;padding: 20px;width: 100%;margin: 0 0 40px;border: 1px solid #fff;}
.vehicletype_list1 li strong {font-size: 11px;color: #fff;font-weight: 500;line-height: inherit;margin: 10px 0 0;display: block;width: 100%;}


#steps11 .vehicletype_list1 li strong {margin-top: 6px;color: #fff;}
.vehicle_imgbox1 img {height: 28px;}
.vehicletype_list1 {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 auto;max-width: 100%;}
.vehicletype_list1 li {width: 18.33%;text-align: center;padding: 10px 8px;}
.btn1.redbgbtn1.next1{font-size: 14px;color: #FFFFFF;background: #E61D1D;border-radius: 4px;padding: 6px 15px;border: none;margin: 10px 0;}
.btn1.redbgbtn1.next1:hover{background: #ffffff;color: #E61D1D;}
#steps22 .btn1.redbgbtn1.next1{margin: 10px 0;}

.yesnoModel .vehicletype_list1 li{width: 17%}
/* .yesnoModel .vehicletype_list1 li .vehicle_imgbox1{min-width: 100px;
   width: 100px;} */
   

.vehicleCheck {display: none !important;}
.vehicleCheck:checked + label::after{display:block;background:#E42626;}
.vehicletype_list1 li:nth-child(3) strong {padding: 0 !important;}
.vehicleCheck:checked + label{border-color:#E42626; background:rgb(250, 250, 250) !important;}
.vehicleCheck:checked + .vehicle_imgbox1 img{filter: initial !important;}
.vehicleCheck:checked + label strong{color: #000 !important;}
.vehicleCheck + label::after{content:'\02713'; width:28px; height:28px; line-height:28px; text-align:center;
 border-radius:30px; background:#E42626; color:#fff; position:absolute; top:5px; right:5px;display: none;}


.vehiclecheck2 {display: none !important;}
.vehiclecheck2:checked + label::after{display:block;background:#E42626;}
.vehiclecheck2:checked + label{border-color:#E42626; background:rgb(250, 250, 250) !important;}
.vehiclecheck2:checked + .vehicle_imgbox1 img{filter: initial !important;}
.vehiclecheck2:checked + label strong{color: #000 !important;}
.vehiclecheck2 + label::after{content:'\02713'; width:24px; height:24px; line-height:24px; text-align:center;
 border-radius:30px; background:#E42626; color:#fff; position:absolute; top:5px; right:5px;display: none;}

 .vehiclecheck2 {display: none !important;}
 ul.vehicletype_list1 .vehiclecheck1 {display: none;}
.vehiclecheck1:checked + label::after{display:block;background:#E42626;}
.vehiclecheck1:checked + label{border-color:#E42626; background:rgb(250, 250, 250) !important;}
.vehiclecheck1:checked + .vehicle_imgbox1 img{filter: initial !important;}
.vehiclecheck1:checked + label strong{color: #000 !important;}
.vehiclecheck1 + label::after{content:'\02713'; width:28px; height:28px; line-height:28px; text-align:center;
 border-radius:30px; background:#E42626; color:#fff; position:absolute; top:10px; right:15px;display: none;}

.vehicle_details1.washsteps1.tick-show {border: 1px solid #fff;}
.yesnoModel .vehicle_details1.washsteps1.tick-show{height: 100%;}
.yesnoModel .selection_box{margin-bottom: 0px;}


#all-packages1 .row {justify-content: center;}
#all-packages1 .packagcheck:checked + label {border-color: #E42626;background: #fff !important;}
#yesnoModel .selection_box .selection_head{padding-top: 10px;}
#yesnoModel .washsteps1 .vehicletype_list1 li {width: 19%;}

#yesnoModel .inchange .ttl-car{display: none;}

#yesnoModel #steps22 .washsteps1 .vehicletype_list1 li {width: 110px;
   height: 104px;}

.washsteps1 .vehicletype_list1 li {width: 18%;}
.washsteps1 .vehicletype_list1 {max-width: 100%;display: flex;justify-content: center;}


#yesnoModel .selections1 {display: flex;flex-direction: column;background: #83878d;border-radius: 10px;padding: 10px 5px 10px;
   text-align: center;
   min-width: 100px;
   min-height: 90px;
   border-radius: 10px;
   position: relative;
   max-height: 90px;border: 1px solid #fff;
   box-shadow: 0 0px 6px rgb(255, 255, 255);}
#yesnoModel .selections1 .carselection {display: flex;flex-direction: column;margin: 10px 0;height: auto;
   border-radius: 10px;padding: 6px;margin: 4px 0;position: relative;}
#yesnoModel .selections22.inchange {position: relative !important;transform: inherit !important;left: inherit !important;}

#yesnoModel .selections22 {display: flex;flex-direction: column;background: #83878d;border-radius: 10px;}
#yesnoModel .selections22 .carselection {display: flex;flex-direction: column;margin: 10px 0 0px;height: auto;border-radius: 10px;padding: 6px;margin: 4px 0;}
#yesnoModel .selections22.inchange {position: relative !important;transform: inherit !important;left: inherit !important;}

#yesnoModel .selectedimg {padding: 5px !important;}

#yesnoModel .selections3 {margin: 4px 0;flex-wrap: wrap;text-align: center;justify-content: center;background: #fff;border-radius: 10px;
   border: 1px solid #ddd;padding: 6px;display: flex;}
#yesnoModel .carwash3 {display: flex;flex-direction: column;background: #83878d;border-radius: 10px;border: 1px solid #fff1f1;padding: 6px 0px;}
#yesnoModel .stepsdetail_row {margin: 0px 0 0;}
#yesnoModel .vehicle_details1 {margin: 0;}
#yesnoModel .modal-body {position: relative;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 20px 6px;}

.detailingsteps .continue{text-align: end;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #fff;
   padding: 10px;
   border-radius: 5px;}
   .detailingsteps .continue p{color: #ffff;font-size: 18px;margin-right: 10px;}

.btn-22.stepform_btn {margin: 40px 0 0;}
.btn-22.stepform_btn .btn.redbgbtn.next {padding: 6px;border-radius: 6px;}
.sliceOuter .nav a {background: #e61d1d;color: #fff;padding: 4px 12px;border-radius: 5px;font-size: 14px;
border: 1px solid #e61d1d;}
.sliceOuter .nav a:hover{border: 1px solid #e61d1d;background: #fff;color: #e61d1d;padding: 4px 12px;border-radius: 5px;font-size: 14px;}
.sliceOuter .slick-arrow.slick-disabled {display: none !important;}
.sliceOuter .nav.slick-arrow {width: 100%;justify-content: end;}
.sliceOuter .slider-btn {display: flex;justify-content: space-between;align-items: center;}
.sliceOuter .slider-btn .nav.prev.slick-arrow {height: 30px;}
.identityboxes.yes-p {padding: 10px 20px !important;margin-bottom: 14px;}
.identityboxes.yes-p .form-group{margin-bottom: 0px;}
.identityboxes.yes-p label {font-size: 14px;font-weight: 500;text-align: center !important;line-height:1.2;margin-bottom: 0px;}
#steps8 .carselection img {height: 60px;width: 60px;object-fit: contain;}
#vt-data , #vk-type-data{text-align: center;}
#yesnoModel .pkg-list .package_middle ul {min-height: auto;}
#yesnoModel .package_boxdata .package_middle {padding: 0;min-height: auto !important;}


.identityboxes.new-border{padding: 0px}
.identityboxes.new-border ul li{width:50%}
.identityboxes.new-border ul li a{font-size:13px;border-radius: 0;text-align: center;color:#fff;font-weight:600;padding: 10px 0px;}
.identityboxes.new-border ul li:nth-child(1) a{border-top-left-radius: 30px;}
.identityboxes.new-border ul li:nth-child(2) a{border-top-right-radius: 30px;}
.identityboxes.new-border .tab-content{padding:5px 20px 0px}
.identityboxes.new-border .tab-content input{font-size:12px !important}

.vehicle_details.paymentsteps .row.paymentcard_row{width: 78%;max-width:100%;margin: auto;}


.sliceOuter2 .owl-nav span{background: #e61d1d;color: #fff;padding: 4px 12px;border-radius: 5px;font-size: 14px;
border: 1px solid #e61d1d;}
.sliceOuter2 .owl-nav span:hover{border: 1px solid #e61d1d;background: #fff;color: #e61d1d;padding: 4px 12px;border-radius: 5px;font-size: 14px;}
.sliceOuter2 .owl-nav {display: flex;justify-content: space-between;}
.sliceOuter2 .owl-nav .disabled {opacity: 0;}

.slot-selections .d_flex {display: flex;align-items: center;color: #fff;border: 1px solid #fff;
   padding: 14px;border-radius: 10px;text-align: center;align-items: center;}
.slot-selections .d_flex .part-divide:not(:last-child) {margin-right: 10px;}
.slot-selections .d_flex:not(:last-child) {margin-bottom: 10px;}


.part-divide .ttl span {
  font-size: 18px;
  margin-right: 15px;
  background: #fff;
  color: #000;
  padding: 0px 8px;
  border-radius: 4px;
}
.part-divide .ttl {
  margin-bottom: 0;
}
.part-divide .ttl bold:nth-child(2) {
  margin-left: 86px;
  padding-right: 8px;
}
.part-divide .ttl bold:nth-child(3) {
  padding-left: 8px;
}
.part-divide input{
   margin-left: 10px;
}

.part-divide{color: #fff}
.time-ttl {margin-top: 20px;border: 1px solid #fff;border-radius: 10px;padding: 10px;}
.slot_selection_box {border: 1px solid #fff;border-radius: 10px;padding: 10px;}
.time-ttl .selection_head {margin-bottom: 10px;}
.time-ttl .col-lg-12:not(:last-child) .slot_selection_box {margin-bottom: 10px;}



    .times-slot1 .slot_selection_box {
      height: 340px;
   overflow-y: auto;
   overflow-x: hidden;
   scrollbar-color: rgba(24, 28, 41, 0.08);
   scrollbar-width: thin;
   -webkit-scrollbar-width: thin;
}
  
.times-slot1 .slot_selection_box::-webkit-scrollbar {
    width: 5px;
  }
   
  .times-slot1 .slot_selection_box::-webkit-scrollbar-track {
    background: #ddd;
  }
   
  .times-slot1 .slot_selection_box::-webkit-scrollbar-thumb {
    background: #666; 
  }

.carala_list1 {flex-wrap: wrap;align-items: center;padding: 5px 0px;margin: 0;}
.carala_list1{display: flex !important;align-items: center}
.carala_list1 .cartalaicon {width: 40px;background: #ddd;border-radius: 50px;padding: 10px;display: flex;justify-content: center;align-items: center;}
.carala_list1 li{line-height: 1.2;font-size: 14px;}
.carala_list1 li:nth-child(1) { width: 50px; min-width: 50px;line-height: 1.2;font-size: 14px; }
.carala_list1 li:nth-child(2) { width: 150px; min-width: 150px; flex: 1;text-align: left;}
.carala_list1 li:nth-child(3) { width: 60px; min-width: 60px; }
.carala_list1 li:nth-child(4) { width: 52px; min-width: 52px; margin-right: }
.carala_list1 li .btn {font-size: 14px;padding: 2px 5px;color: #E61D1D;background: #ffffff;
   border-radius: 4px;min-width: 52px;text-align: center;outline: none !important;
   box-shadow: none !important;border: 1px solid #E61D1D;}

.row-0 *[class*="col-"]{padding:0px 0px}
.row-5 *[class*="col-"]{padding:0px 5px}

.row-0 *[class*="col-"]{padding:0px 0px}
.row-10 *[class*="col-"]{padding:0px 10px}
.pakage_box .pakage_detail .btn.redbgbtn:hover {background: #fff;color: #e61d1d;border: 1px solid #e61d1d !important;}