@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-black.woff') format("woff"),
     url('../fonts/boschsans-black.eot') format("eot"),
     url('../fonts/boschsans-black.svg') format("svg");
    font-weight: 900;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-blackitalic.woff') format("woff"), 
    url('../fonts/boschsans-blackitalic.eot') format("eot"), 
    url('../fonts/boschsans-blackitalic.svg') format("svg");
    font-weight: 900;
    font-style: italic
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-bold.woff') format("woff"), 
    url('../fonts/boschsans-bold.eot') format("eot"),
     url('../fonts/boschsans-bold.svg') format("svg");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-bolditalic.woff') format("woff"),
     url('../fonts/boschsans-bolditalic.eot') format("eot"),
      url('../fonts/boschsans-bolditalic.svg') format("svg");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-medium.woff') format("woff"), 
    url('../fonts/boschsans-medium.eot') format("eot"), 
    url('../fonts/boschsans-medium.svg') format("svg");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-mediumitalic.woff') format("woff"), 
    url('../fonts/boschsans-mediumitalic.eot') format("eot"), 
    url('../fonts/boschsans-mediumitalic.svg') format("svg");
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-regular.woff') format("woff"),
     url('../fonts/boschsans-regular.eot') format("eot"), 
     url('../fonts/boschsans-regular.svg') format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans";
    src: url('../fonts/boschsans-regularitalic.woff') format("woff"),
     url('../fonts/boschsans-regularitalic.eot') format("eot"),
      url('../fonts/boschsans-regularitalic.svg') format("svg");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Bosch Sans Cond";
    src: url('../fonts/boschsanscond-regular.otf') format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans Cond";
    src: url('../fonts/boschsanscond-regularitalic.otf') format("opentype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Bosch Sans Cond";
    src: url('../fonts/boschsanscond-bold.otf') format("opentype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: "Bosch Sans Cond";
    src: url('../fonts/boschsanscond-bolditalic.otf') format("opentype");
    font-weight: 700;
    font-style: italic
}





/*=============ICON FONT=======================*/

.icon {
    font-family: bcs_iconfont!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-bcs_arrow-left:before {
    content: "\f120"
}

.icon-bcs_arrow-right:before {
    content: "\f121"
}

.icon-bcs_atu:before {
    content: "\f122"
}

.icon-bcs_back-left:before {
    content: "\f123"
}

.icon-bcs_brake:before {
    content: "\f124"
}

.icon-bcs_car:before {
    content: "\f125"
}

.icon-bcs_checkmark:before {
    content: "\f13f"
}

.icon-bcs_climate:before {
    content: "\f126"
}

.icon-bcs_close:before {
    content: "\f127"
}

.icon-bcs_customerservice:before {
    content: "\f128"
}

.icon-bcs_down:before,
.module-detail-stage .component-teaser-horizontal.stage .content-overlapping.order-lg-first .teaser-content .anchor-navigation li a:before {
    content: "\f129"
}

.icon-bcs_download-frame:before {
    content: "\f12a"
}

.icon-bcs_electronic:before {
    content: "\f12b"
}

.icon-bcs_engine:before {
    content: "\f12c"
}

.icon-bcs_exhaust-pipe:before {
    content: "\f12d"
}

.icon-bcs_externallink:before {
    content: "\f140"
}

.icon-bcs_facebook:before {
    content: "\f12e"
}

.icon-bcs_forward-right:before {
    content: "\f12f"
}

.icon-bcs_glass:before {
    content: "\f130"
}

.icon-bcs_inspection:before {
    content: "\f131"
}

.icon-bcs_instagram:before {
    content: "\f132"
}

.icon-bcs_language:before {
    content: "\f141"
}

.icon-bcs_light:before {
    content: "\f133"
}

.icon-bcs_list-view-mobile:before {
    content: "\f134"
}

.icon-bcs_locator:before {
    content: "\f135"
}

.icon-bcs_mail:before {
    content: "\f136"
}

.icon-bcs_mechanics:before {
    content: "\f137"
}

.icon-bcs_oil:before {
    content: "\f138"
}

.icon-bcs_search:before {
    content: "\f139"
}

.icon-bcs_tire:before {
    content: "\f13a"
}

.icon-bcs_twitter:before {
    content: "\f13b"
}

.icon-bcs_up:before {
    content: "\f13c"
}

.icon-bcs_user:before {
    content: "\f13d"
}

.icon-bcs_youtube:before {
    content: "\f13e"
}

/*=============ICON FONT=======================*/









* { margin: 0px;  padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { font-family: "Bosch Sans", sans-serif;   letter-spacing: .25px;      font-size: 14px;  line-height: 1.5;}
*::-webkit-input-placeholder { opacity:1; color: #75808c; }
*::-moz-placeholder { opacity:1; color: #75808c; }
*:-ms-input-placeholder { opacity:1; color: #75808c; }
input[type=checkbox] { -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top; }
button,textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: "Bosch Sans"; font-size: 16px; transition: all 0.6s; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; }
:focus,input:focus, textarea:focus { outline: none; }

select{ background: url(../img/select.png) no-repeat; background-position: 97%; }
input{ padding: 10px 12px;  box-sizing: border-box;  font-family: "Bosch Sans";      transition: all 350ms;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

html{
overflow-x: hidden !important;
overflow-y: hidden !important;
  width: 100%;
}


p { color: #000; line-height: 25px; }     
a { text-decoration: none; transition: all 350ms; -webkit-transition: all 350ms; -ms-transition: all 350ms; text-decoration: none; outline: none; color: #000; }
a:hover { text-decoration: none; color: ; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 {   font-family: "Bosch Sans Cond"; line-height: 1; }

img { display: block; }  

label{font-family: "Bosch Sans Cond"; }
.formcontrol{ width: 100%; min-height: 45px; border: 1px solid #bcbcbc; padding: 5px 10px; border: 1px solid #DFEAF2;  padding: 5px 10px;  border-radius: 15px;}

/*input[type="date"]*/

input[type="date"] { position: relative; padding: 10px;}
input[type="date"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1;}
input[type="date"]:before { color: transparent; background: none; display: block; font-family: 'FontAwesome'; content: '\f073'; position: absolute;
  top: 10px; right: 18px; font-size: 22px; color: #333333;}
input[type="date"]::-webkit-calendar-picker-indicator {   background: transparent;  bottom: 0;  color: transparent;   cursor: pointer;   height: auto;    left: 0;
    position: absolute;   right: 0;   top: 0;    width: auto;  }


/*scrollbar
::-webkit-scrollbar {    -webkit-appearance: none;}
::-webkit-scrollbar:vertical {   width: 12px;}
::-webkit-scrollbar:horizontal {   height: 12px;}
::-webkit-scrollbar-thumb {   background-color: rgba(0, 0, 0, .5);   border-radius: 10px;   border: 2px solid #ffffff;}
::-webkit-scrollbar-track {   border-radius: 10px;     background-color: #ffffff; }
*/


.container { padding:0 0 0 0; width: 100%; max-width: 100%; margin: 0 auto }
.disflexArea { display: flex; -webkit-display: flex; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content: space-between; -webkit-justify-content: space-between; }
.algnflexArea { align-items:center; -webkit-align-items:center; }
.direction-column1{height: 100%;  display: flex;  width: 100%;  flex-wrap: wrap;  flex-direction: column;  justify-content: space-between;}
.heading { width: 100%; }
.heading h1 { font-size: 48px; color: #003253; line-height: 1.13; opacity: 1; margin-bottom: 70px; }
.heading h2{ font-size: 24px; color: #003253; }

.header_site { padding: 25px 0 20px; width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 9999; }
.header_site.stickyhead { -webkit-animation:stickyhead ease-in-out 0.7s 0.1s both; -moz-animation:stickyhead ease-in-out 0.7s 0.1s both; animation:stickyhead ease-in-out 0.7s 0.1s both; width: 100%; top:0; left: 0px; position: fixed; box-shadow: 0 0 7px rgba(0,0,0,.3); z-index: 9999; border: none; background: #4819f2; padding: 15px 0px; }

.custom-col-7, .custom-col-5 {
    float: left;
}
.custom-col-7 {
    width: 60%;
}
.custom-col-5 {
    width: 40%;
    text-align: right;
}
.custom-col-12 {
    width: 100%;
    text-align: right;
}
.serviceArea a.guest_login {
    font-size:16px;
    color:#000;
    border-bottom: 2px solid black;
    line-height: 1.8;
    margin-bottom: 15px;
}
.serviceArea a.guest_login:hover{
    color:#006ead;
    border-bottom: 2px solid #006ead;
}
.serviceArea a.customer_login{
    font-size:18px;
    color:#000;
    line-height: 1.8;
    margin-bottom: 15px;
    display: block;
}
.serviceArea a.customer_login:hover{   color:#006ead; }

/*header*/
header{ height: 61px;  background: #003253;  width: 100%;     color: #fff; margin-top: 25px; }
.headerarae{    z-index: 100;   position: fixed;   left: 0;   top: 0;  width: 100%;  transition: transform 750ms;}
.stickyhead{    transform: translateY(-100%);   }
.logosec{ display: flex; }
.logo{    position: relative;  top: -10px;       z-index: 2222;}
.logosec span{ font-family: "Bosch Sans Cond";  font-size: 14px;  line-height: 24px;  font-weight: 700;margin-top: -45px;  -ms-flex-item-align: center;
    align-self: center;   margin-left: 30px;}



 .header-right{ width: 315px;     margin-top: 10px;} 
 .header-right .searchli{ display: none; }
 .header-right form{    display: flex;  align-items: center;  justify-content: space-between;}
 .header-right .formcontrol{ min-height: 40px; border: 0; background: #eff1f1; font-size: 14px ;padding: 5px 12px; line-height: 20px; }
 .header-right .formcontrol:hover{ background: #c1c7cc; }
 .header-right .formcontrol:focus{ background: #D1E4FF; }
 .header-right .pinsubmit{    padding: 0;  width: 40px;  min-height: 40px;   border: 0;
   background: #d50005;  cursor: pointer;     background-position: 50% !important; position: relative;
    font-size: 0;   min-width: 40px;}
   .header-right .pinsubmit i{    color: #fff;
    font-size: 24px;}


  .header-right .pinsubmit:hover{ background-color:#ff2124 !important; }
  .mobilever{ display: none; }

  .header-right .searchclickm{ display: none; }

 .navigation{    padding-top: 0px;  position: relative;  z-index: 222; background: #fff;}
 .searchli{ position: relative; }
 .navbar-nav .searchli a{ padding-right: 0; padding-left: 0;  margin-left: 20px;}
.searchexpand{  position: relative; }
 .navigation .searchdiv{width: 0; overflow: hidden;  position: absolute;  right: 0; top: 15px; transition: all 350ms ease-in-out;  z-index: 100;}
.searchdiv.searchopen{ width: 316px;  transition: all 350ms ease-in-out;}
.searchexpand .formcontrol{  background: #D1E4FF; min-height: 40px; border: 0; border-bottom: 1px solid #56B0FF;  padding-left: 44px; }
.searchexpand .icon-bcs_search{ position: absolute;     top: 20px;  left: 10px;  transform: translateY(-50%); font-size: 24px;  }
.searchexpand .icon-bcs_close{ position: absolute;     top: 20px;  right: 10px;  transform: translateY(-50%); font-size: 24px; cursor: pointer;  }

.searchexpandm{  position: relative; }
.searchlim{ position: absolute; display: none; width: 100%; overflow: hidden;}
.searchdivm{width: 100%; overflow: hidden; height: 0; margin-top: -40px;  transition: all 350ms ease-in-out;  z-index: 100;}
.searchclickm{ font-size: 25px;  color: #fff; }
.searchdivm.searchopen{ height: 100px;     margin-top: 0;  margin-bottom: 20px;   background: #fff;  transition: all 350ms ease-in-out;  padding: 30px 15px; box-shadow: 0 10px 8px -2px rgb(0 0 0 / 25%); }
.searchexpandm .formcontrol{  background: #eff1f1; min-height: 40px; border: 0; border-bottom: 1px solid #000000;  padding-left: 44px; }
.searchexpandm .formcontrol:hover{ background: #c1c7cc; }
.searchexpandm .formcontrol:focus{ background: #D1E4FF; }
.searchexpandm .icon-bcs_search{ position: absolute;     top: 20px;  left: 10px;  transform: translateY(-50%); font-size: 20px;  }

.searchexpandm .icon-bcs_close{ position: absolute;  display: none;   top: 20px;  right: 10px;  transform: translateY(-50%); font-size: 20px; cursor: pointer;  }
.searchexpandm .formcontrol:focus + .icon-bcs_close{ display: block; }

.mobilesearch{ display: none; }
.mobilesearch form{    display: flex;  align-items: center;  justify-content: space-between;}
 .mobilesearch .formcontrol{ min-height: 40px; border: 0; background: #eff1f1; font-size: 14px ;padding: 5px 12px; line-height: 20px; }
 .mobilesearch .formcontrol:hover{ background: #c1c7cc; }
 .mobilesearch .formcontrol:focus{ background: #D1E4FF; }
 .mobilesearch .pinsubmit{    padding: 0;  width: 40px;  min-height: 40px;   border: 0;  background: url(../img/car2.png) no-repeat #d50005;  cursor: pointer;     background-position: 50%;
    font-size: 0;   min-width: 40px;}
  .hmobilesearch .pinsubmit:hover{ background-color:#ff2124; }



/*services*/
.serviceArea{ padding-top: 230px; padding-bottom: 160px; }   
.ui-accordion-header{ padding: 22px 43px; color: #003253; font-size: 24px ; background: #eff1f2; position: relative;     margin-top: 50px; }
.ui-accordion-header span{    position: absolute;  left: -20px;  width: 43px;  height: 43px;  background: #027bc0;  border-radius: 50%;  display: block;  text-align: center;  top: 13px;
    font-size: 24px; color: #fff;     line-height: 43px;}
.accordiansec .ui-accordion-header-active{ background: #003253; color: #fff;  }
.ui-accordion-content{ padding: 35px 40px; border: 2px solid #eff1f2;  border-top: 0; height: auto !important;   }
.btn-blue{  font-family: Bosch Sans;  font-weight: 400; min-width: 110px;   font-size: 14px;  line-height: 26px;  color: #fff;
    cursor: pointer;   text-align: center;   display: inline-block;  overflow: hidden;   position: relative;   -webkit-user-select: none;
    -ms-user-select: none;   user-select: none;   background: #027bc0;   border-radius: 0;   padding: 10px 12px;   border: 0;  letter-spacing: 1.25px; }
.btn-blue:hover{    background-color: #004975;}

.btn-blue2{  font-family: Bosch Sans;  font-weight: 500; width: 100%; min-height: 50px;   font-size: 22px;  line-height: 26px;  color: #fff;
    cursor: pointer;   text-align: center;   display: inline-block;  overflow: hidden;   position: relative;   -webkit-user-select: none;
    -ms-user-select: none;   user-select: none;   background: #027bc0;     padding: 10px 12px;   border: 0;  letter-spacing: 1px; }
.btn-blue2:hover{    background-color: #004975;}


.buttonsec button{ font-family: Bosch Sans;  font-weight: 400; min-width: 110px;   font-size: 14px;  line-height: 26px;  color: #fff;
    cursor: pointer;   text-align: center;   display: block;  overflow: hidden;   position: relative;   -webkit-user-select: none;
    -ms-user-select: none;   user-select: none;   background: #027bc0;   border-radius: 14px;   padding: 10px 12px;   border: 0;  letter-spacing: 1.25px; }
.buttonsec button:hover{    background-color: #004975;}
.buttonsec .previous{ background: #4b4b4b;   }



.buttonsec .next{ font-family: Bosch Sans;  font-weight: 400; min-width: 110px;   font-size: 14px;  line-height: 26px;  color: #fff;
    cursor: pointer;   text-align: center;   display: block;  overflow: hidden;   position: relative;   -webkit-user-select: none;
    -ms-user-select: none;   user-select: none;   background: #027bc0;   border-radius: 0;   padding: 10px 12px;   border: 0;  letter-spacing: 1.25px; }
.buttonsec .next:hover{    background-color: #004975;}

.buttonsec .previous{ font-family: Bosch Sans;  font-weight: 400; min-width: 110px;   font-size: 14px;  line-height: 26px;  color: #fff;
    cursor: pointer;   text-align: center;   display: block;  overflow: hidden;   position: relative;   -webkit-user-select: none;
    -ms-user-select: none;   user-select: none;   background: #808285;   border-radius: 14px;   padding: 10px 12px;   border: 0;  letter-spacing: 1.25px; }
.buttonsec .previous:hover{    background-color: #808285;}


/*personalinfo*/
.personalinfo .itembox{flex-direction: row;}
.personalinfo .itembox .item { width: 100%;   max-width: 530px; margin-bottom: 30px; line-height: 1; }
.personalinfo .itembox .item label{ display: block; font-size: 14px; margin-bottom: 10px; color: #000;     font-weight: 700;
    font-style: normal}
.personalinfo .itembox .item.mw-100{ max-width: 100%; }
.personalinfo .itembox .item.mw-33{ max-width: 342px; }

.personalinfo .select2-container--default .select2-selection--single .select2-selection__arrow b{
	    border-width: 0 !important;
}
span#select2-pincode_id-container{
	 background: url(../img/select.png) no-repeat;background-position: 95%; font-size: 16px;
}
.personalinfo .select2-container--default .select2-selection--single{
border-radius: 0 !important;  border: 1px solid #bcbcbc !important;
}

/*Address Search*/
.personalinfo .itembox .item.custom-address{position:relative}
.addreess_list{    position: absolute; z-index: 1; top: 95%;  background: #ffffff;  width: 100%; box-shadow: 0px 1px 12px 1px #00000030; max-width: 600px;}
.addreess_list .address{position:relative}
.addreess_list .address input[type=radio] {  -webkit-appearance: none;
    position: absolute;   width: 100%;   height: 100%;  top: 0;  left: 0;  cursor: pointer;}
.addreess_list .address {padding: 10px 10px;  border-bottom: 1px solid #dedede;
    max-width: 100%;  margin: 0 !important; font-size: 14px;    max-width: 100% !important; display: flex;   align-items: center;
    line-height: 1.2 !important;}
.addreess_list .address span{    opacity: .2;  margin: 0 8px 0 0;  font-size: 20px;}


/*choose-worksho*/
.choose-workshop .itembox{flex-direction: row;}
.choose-workshop .itembox .item { width: 100%;   max-width: 578px; margin-bottom: 30px; }
.choose-workshop .searchdiv{ margin-bottom: 45px;     max-width: 578px;}
.choose-workshop .searchdiv .searchinput{  width: 100%; min-height: 45px; border: 1px solid #bcbcbc; max-width: 465px; border-right: 0;   }
.choose-workshop .searchdiv .btnsearch{ cursor: pointer; background: #027bc0;  min-height: 45px; border: 1px solid #027bc0; font-family: Bosch Sans; letter-spacing: 1.25px; font-weight: 400; min-width: 113px;   font-size: 14px;  line-height: 26px;  color: #fff;}
.choose-workshop .itembox .item .searcharea .serachaddress{ background: #eff1f2; padding: 23px; margin-bottom: 12px; max-width: 100%;}
.searchitem{ height: 570px; overflow: auto; }
.choose-workshop .itembox .item .searcharea .serachaddress h4{ font-size: 16px; margin-bottom: 10px; }
.choose-workshop .itembox .item .searcharea .serachaddress p{  font-size: 16px;}
.choose-workshop .itembox .item:nth-child(2){ max-width: 478px; }
.serachaddress input[type=radio]:checked  { background: #a1bbd221; }
     .serachaddress{ position: relative; }
     .serachaddress input[type=radio]{   -webkit-appearance: none; position: absolute; width: 100%;  height: 100%; top: 0; left: 0;  cursor:pointer;}

/*choose-worksho*/
.personalinfo .itembox .item.mw-33 select{ background-position: 95%; }
.personalinfo .itembox .item textarea.formcontrol{ min-height: 125px; }
.personalinfo .itembox .item h3{     margin-top: 49px;  font-size: 20px;}
.personalinfo .itembox .item h4{ margin-bottom: 20px; }

/*choose-worksho*/
.termservice .item .checkboxarea{ font-size: 18px; }
.termservice .item .checkboxarea input{ width: 30px; height: 30px; margin:0 16px 0 0 }
.termservice .item .checkboxarea{ margin-bottom: 20px; display: flex; }
.termservice .item .btn-blue{ margin-top: 20px; margin-bottom: 25px; }

.termservice .itembox .item .searchdiv{ margin-bottom: 45px; max-width: 500px; }
.verifyservice p{ font-size: 18px; margin-bottom:24px ; }
.termservice .itembox .item .searchdiv .searchinput{  width: 100%; min-height: 45px; border: 1px solid #bcbcbc; max-width: 203px;    }
.termservice .itembox .item .searchdiv .btnsearch{ cursor: pointer; background: #027bc0;  min-height: 45px; border: 1px solid #027bc0; font-family: Bosch Sans; letter-spacing: 1.25px; font-weight: 400; min-width: 113px;   font-size: 14px;  line-height: 23px;  color: #fff;}
.termservice .itembox .item .sendagain{ font-size: 16px; position: relative;    right: -15px;    background: #027bc0;    padding: 7px 20px;
    border-radius: 0;   color: #fff;    top: 0;    min-height: 45px;    display: inline-block;    cursor: pointer; }
.termservice .itembox .item .sendagain:hover{ color:#027bc0 ; }
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}

@keyframes sweep {
  0%    {opacity: 0; transform: translateX(-10px)}
  100%  {opacity: 1; transform: translateX(0)}
}

.OtpInputCombine{ display: flex; }
.termservice .itembox .item .OtpInputCombine .sendagain{ margin-top: 0; text-decoration: none; font-family: "Bosch Sans"; }


.legalinfo{ padding-top: 70px; }
.legalinfo h4{margin-bottom: 15px; font-weight: 700; font-family: "Bosch Sans"; }
.legalinfo ul li{ line-height: 28px; }
.legalinfo ul li a{  font-weight: 400; font-size: 14px;    line-height: 16px;  color: #027bc0;}

/*footer*/
.footerArea {  background-color:#eff1f1 ;  padding: 32px 0 40px; clear: both;}
.footerArea h3  {color:#003253 ;  font-weight: 700; margin-bottom: 19px; font-size:20px; line-height: 1.875rem;}
.footerArea .footer-link-list-wrapper { display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;}
.footerArea .footer-link-list-wrapper ul{     display: flex; -ms-flex-direction: column;  flex-direction: column; }
.footerArea .footer-link-list-wrapper ul li{    margin-bottom: 17px; line-height: 1.5rem;}
.footerArea a{ color: #006ead;     line-height: inherit; }
.footerArea a:hover{ color: #56b0ff; }
.footerArea .footer-link-list-wrapper .footer-link-list {  -ms-flex: 1;   flex: 1;   list-style: none;    margin-bottom: 0;}
.footerArea .social-wrapper { flex: 100%; margin-top: 10px;}
.footerArea .social-wrapper a{ font-size: 23px; margin-right: 34px; }
.footerArea .itembox .item{  padding-right: 15px;   padding-left: 15px; width: 100%;}
.footerArea .itembox .item:nth-child(1){max-width: 410px; padding-left: 0;  }
.footerArea .itembox .item:nth-child(2){max-width: 320px;  }
.footerArea .itembox .item:nth-child(3){max-width: 25%; padding-right: 0; padding-left: 20px;}

.footerArea .meta-link-wrapper {  display: -ms-flexbox;   display: flex;    margin-top: 82px;}
.footerArea .meta-link-wrapper span{     letter-spacing: .25px;  font-size: 14px;   line-height: 1.25rem; color: #000000;     margin-right: 30px;}
.footerArea .meta-link-wrapper a{letter-spacing: .25px;  font-size: 14px;  line-height: 20px;  margin-right: 30px;   font-weight: 400;  }





/*login*/


.loginArea .itembox .item{ max-width: 500px; width: 100%; }
.loginsec{ border-radius: 6px; width: 100%;  }
.loginArea .item .heading h2{ background: #003253; padding: 18px 30px; color: #fff;    border-radius: 6px 6px 0 0;}
.loginArea .item .formarea{ padding: 35px; border: 2px solid #eff1f2; border-radius: 0 0 6px 6px; }
.loginArea .item .formarea .formitem{ width: 100%; margin-bottom: 30px; display: inline-block; line-height: 1; }
.loginArea .item .formarea .formitem:last-child{ margin-bottom: 0; }
.loginArea .item .formarea .formitem label{ display: inline-block; margin-bottom: 14px;     font-weight: 700; }
.loginArea .item:nth-child(1) .formarea .formitem a{ font-weight: 700; color: #027bc0; display: inline-block; float: right; margin-top: 13px; margin-bottom: 30px; }
.loginArea .item:nth-child(1) .formarea .formitem .btn-blue2{ font-weight: 500;  }


.loginArea .itembox .item:nth-child(2){ width: auto; }
.loginArea .itembox .item .or{ width: 45px; height: 45px; border-radius: 50%; background: #808285; text-align: center; color: #fff; }
.loginArea .itembox .item .or p{ color: #fff; font-weight: 700; font-size: 23px;  line-height: 45px;     font-family: "Bosch Sans Cond"; }

.loginArea .itembox .item:nth-child(3) .formarea{ padding: 20px 35px; }
.loginArea .itembox .item .searchdivotp { margin-bottom: 5px; }
.loginArea .itembox .item .searchdivotp .searchinput{  width:73.5%; min-height: 45px; border: 1px solid #bcbcbc;  border-right: 0;   }
.loginArea .itembox .item .searchdivotp .btnsearch{ cursor: pointer; background: #027bc0;  min-height: 45px; border: 1px solid #027bc0; 
    font-family: Bosch Sans; letter-spacing: 1.25px; font-weight: 400; width: 26.5%; font-size: 14px;  line-height: 26px;  color: #fff;}
.loginArea .itembox .item h3{font-weight: 700;text-align: center;     font-family: "Bosch Sans", sans-serif;}
.loginArea .itembox .item .otpsec{ display: flex; align-items: center; justify-content: center; margin: 20px auto 25px;}
.loginArea .itembox .item .otpsec input{ width: 66px; margin: 0 10px; text-align: center; }
.loginArea .itembox .item h3 a{color: #027bc0;}

.card-body .checkboxarea {
    margin-top: 20px;
    display: flex;
    font-size: 18px;
    align-items: center; 
    flex-wrap: wrap;  
}
.card-body .checkboxarea .help-block{ margin-top:6px}
.card-body .checkboxarea input {
    width: 30px;
    height: 30px;
    margin: 0 16px 0 0;
}
.card-body .checkboxarea p{width: 80%;}
.card-body .checkboxarea p a{margin: 0 !important;  font-weight: normal !important;   float: none !important;}

/*After-login*/


.ui-tabs-vertical .ui-tabs-nav {     padding: 15px;  float: left;  width: 300px;height: 800px;
    background: #003253; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom: 2px solid #027bc0 ; padding: 10px;  }
.ui-tabs-vertical .ui-tabs-nav li:last-child{ border-bottom: 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:flex; color: #000; padding: 13px 15px;    align-items: center; border-radius: 14px; }
.ui-tabs-vertical .ui-tabs-nav li a img{ float: left; margin-right: 15px; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { }
.ui-tabs-active a{ color: #fff !important; background: #027bc0; }
.ui-tabs-vertical .ui-tabs-panel { padding: 3em; float: right; width: calc(100% - 300px); background: #eff1f2; margin-bottom: 80px;}

.tabcontent{ padding: 15px 18px; clear: both; background: #ffffff; border-radius: 6px; box-shadow: 3px 3px 13px #0000000f; margin: 0 auto 30px;     border: 1px solid #DCDCDC;
    box-shadow: 0px 2px 10px #ddd;
    margin: 0 auto 30px;
    margin-bottom: 20px !important;
}

.tabheading { margin-bottom: 10px; width: 100%;padding: 6px; }
.ui-widget-content .btn{ font-family: Bosch Sans;  font-weight: 400; min-width: 100px;   font-size: 14px;  line-height: 18px;  color: #fff; float: left;
    cursor: pointer;   text-align: center;   display: block;  background: #027bc0;     padding: 10px 12px;     letter-spacing: .5px; margin-right: 5px;border-radius: 14px; }
.buttongroup .cancel{ background: #808285; }
.buttongroup .delete{     background: #e8e8e8;
    border: 1px solid #ee1d23;
    color: #000; }
.buttongroup .btn:last-child{ margin-right: 0; }
.buttongroup .feedback{ background: #a1bbd2; }
.tabheading h3{ font-weight: 700; font-size: 18px;padding-left: 6px;}
.tabcontent .tabtext{ padding: 12px 0; border-top: 1px solid #dedfe0; font-size: 16px; }
.tabcontent .tabtext strong{  font-weight: 700;}
.tabcontent .workshopdetail{ padding: 30px 0; }
.tabcontent .workshopdetail h3{ margin-bottom: 10px; }
.flex-start{ justify-content: flex-start; }
.tabcontent .workshopdetail p{ margin-right: 30px; }
.tabcontent .workshopdetail:last-child{ padding-bottom: 0; }
.ui-widget-content .add-vehicle { float: right; margin-bottom: 25px; }
.tabcontent:last-child{ margin-bottom: 0; }
.flex-end{-webkit-justify-content: flex-end}


.tabcontent .personalinfo .itembox .item{ max-width: 48%; }
.profile h3{ margin-bottom: 30px; }
.profile .next {  margin-right: 15px; }

.tabcontent .personalinfo .itembox .item.mw-100{ max-width: 100%; }
.tabcontent  .buttonsec{ margin-top: 20px; }
.addRequest .next {  margin-right: 15px; }
.add-vehiclediv .personalinfo .itembox .mw-33{ max-width: 31%; }
.add-vehiclediv .personalinfo .itembox .mw-100{ max-width: 100%; }
.add-vehiclediv .next {  margin-right: 15px; }



.help-block {
    color: red !important;
    margin-top: 6px;
}


/*======Color Theme ===========*/


/*purple*/
/* body.purpleTheme { background: #fbf6ff !important;  }
.purpleTheme .loginArea .item .formarea{ background-color: #fff;}
.purpleTheme .loginArea .item .heading h2{ background: #531387;}
.purpleTheme .serviceArea a.customer_login:hover{   color:#531387; }
.purpleTheme .accordiansec .ui-accordion-header-active{ color: #fff;}
.purpleTheme .ui-accordion-header{color:#531387}
.purpleTheme .heading h1{ color:#531387}
.purpleTheme .btn-blue2{ background: #66378c;}
.purpleTheme .loginArea .item:nth-child(1) .formarea .formitem a{ color: #531387; }
.purpleTheme .loginArea .itembox .item .searchdivotp .btnsearch{  background: #66378c; border: 1px solid #531387;}
.purpleTheme .loginArea .itembox .item h3 a{ color: #531387;}
.purpleTheme .btn-disabled { background:#e4c3ff !important;  color: #66378c;}
.purpleTheme .accordiansec .ui-accordion-header-active{background: #531387;}
.purpleTheme .ui-accordion-header span{ background: #66378c;}
.purpleTheme .buttonsec .next{background: #66378c;}
.purpleTheme .buttonsec .next:hover{    background-color: #531387;}
.purpleTheme .ui-accordion-header{ background-color: #fff;}
.purpleTheme .ui-accordion-content{ background-color: #fff;}
.purpleTheme .choose-workshop .searchdiv .btnsearch{ background: #66378c; border: 1px solid #66378c;}
.purpleTheme .buttonsec button{ background: #66378c; border: 1px solid #66378c;}
.purpleTheme .checkboxarea a { color: #66378c;}
.purpleTheme .ui-tabs-vertical .ui-tabs-nav{background: #531387;}
.purpleTheme .ui-tabs-vertical .ui-tabs-nav li{    border-bottom: 2px solid #66378c;}
.purpleTheme .ui-tabs-active a{background: #66378c; }
.purpleTheme .ui-widget-content .btn:not(.delete){background: #66378c;}
.purpleTheme .ui-tabs-vertical .ui-tabs-panel{ background: #f0ddff;}
.purpleTheme .buttonsec a:not(.previous){ color: #531387 !important;} */

/* Orange Theme */
/* body.purpleTheme { background: #fff6f2 !important; } */
.purpleTheme .loginArea .item .formarea { background-color: #fff; }
.purpleTheme .loginArea .item .heading h2 { background: #FF4B00; }
.purpleTheme .serviceArea a.customer_login:hover { color: #FF4B00; }
.purpleTheme .accordiansec .ui-accordion-header-active { color: #fff; }
.purpleTheme .ui-accordion-header { color: #FF4B00; }
.purpleTheme .heading h1 { color: #FF4B00; }
.purpleTheme .btn-blue2 { background: ##FF4B00; }
.purpleTheme .loginArea .item:nth-child(1) .formarea .formitem a { color: #FF4B00; }
.purpleTheme .loginArea .itembox .item .searchdivotp .btnsearch { background: #FF4B00; border: 1px solid #FF4B00; }
.purpleTheme .loginArea .itembox .item h3 a { color: #FF4B00; }
.purpleTheme .btn-disabled { background: #FFD1BF !important; color: #FF4B00; }
.purpleTheme .accordiansec .ui-accordion-header-active { background: #FF4B00; }
.purpleTheme .ui-accordion-header span { background: #FF4B00; }
.purpleTheme .buttonsec .next { background: #FF4B00; border-radius: 14px;}
.purpleTheme .buttonsec .next:hover { background-color: #FF4B00; }
.purpleTheme .ui-accordion-header { background-color: #fff; }
.purpleTheme .ui-accordion-content { background-color: #fff; }
.purpleTheme .choose-workshop .searchdiv .btnsearch { background: #FF4B00; border: 1px solid #FF4B00; }
.purpleTheme .buttonsec button { background: #FF4B00; border: 1px solid #FF4B00; }
.purpleTheme .checkboxarea a { color: #FF4B00; }
.purpleTheme .ui-tabs-vertical .ui-tabs-nav { background: #fff4f0; }
/* .purpleTheme .ui-tabs-vertical .ui-tabs-nav { background: #FF4B00; } */
.purpleTheme .ui-tabs-vertical .ui-tabs-nav li { border-bottom: 2px solid #fff4f0; }
.purpleTheme .ui-tabs-active a { background: #FF4B00; }
.purpleTheme .ui-widget-content .btn:not(.delete) { background: #FF4B00;border-radius: 14px; }
.purpleTheme .ui-tabs-vertical .ui-tabs-panel { background: #FFf; }
.purpleTheme .buttonsec a:not(.previous) { color: #FF4B00 !important; }



/* Orange Theme
body.orangeTheme { background: #fff6f2 !important; }
.orangeTheme .loginArea .item .formarea { background-color: #fff; }
.orangeTheme .loginArea .item .heading h2 { background: #FF4B00; }
.orangeTheme .serviceArea a.customer_login:hover { color: #FF4B00; }
.orangeTheme .accordiansec .ui-accordion-header-active { color: #fff; }
.orangeTheme .ui-accordion-header { color: #FF4B00; }
.orangeTheme .heading h1 { color: #FF4B00; }
.orangeTheme .btn-blue2 { background: #FF4B00; }
.orangeTheme .loginArea .item:nth-child(1) .formarea .formitem a { color: #FF4B00; }
.orangeTheme .loginArea .itembox .item .searchdivotp .btnsearch { background: #FF4B00; border: 1px solid #FF4B00; }
.orangeTheme .loginArea .itembox .item h3 a { color: #FF4B00; }
.orangeTheme .btn-disabled { background: #FFD1BF !important; color: #FF4B00; }
.orangeTheme .accordiansec .ui-accordion-header-active { background: #FF4B00; }
.orangeTheme .ui-accordion-header span { background: #FF4B00; }
.orangeTheme .buttonsec .next { background: #FF4B00; }
.orangeTheme .buttonsec .next:hover { background-color: #FF4B00; }
.orangeTheme .ui-accordion-header { background-color: #fff; }
.orangeTheme .ui-accordion-content { background-color: #fff; }
.orangeTheme .choose-workshop .searchdiv .btnsearch { background: #FF4B00; border: 1px solid #FF4B00; }
.orangeTheme .buttonsec button { background: #FF4B00; border: 1px solid #FF4B00; }
.orangeTheme .checkboxarea a { color: #FF4B00; }
.orangeTheme .ui-tabs-vertical .ui-tabs-nav { background: #FF4B00; }
.orangeTheme .ui-tabs-vertical .ui-tabs-nav li { border-bottom: 2px solid #FF4B00; }
.orangeTheme .ui-tabs-active a { background: #FF4B00; }
.orangeTheme .ui-widget-content .btn:not(.delete) { background: #FF4B00; }
.orangeTheme .ui-tabs-vertical .ui-tabs-panel { background: #FFE8E0; }
.orangeTheme .buttonsec a:not(.previous) { color: #FF4B00 !important; } */




/*blueTheme*/
body.blueTheme { background: #f0f2fc !important;  }
.blueTheme .loginArea .item .formarea{ background-color: #fff;}
.blueTheme .loginArea .item .heading h2{ background: #273b7f;}
.blueTheme .serviceArea a.customer_login:hover{   color:#273b7f; }
.blueTheme .accordiansec .ui-accordion-header-active{ color: #fff;}
.blueTheme .ui-accordion-header{color:#273b7f}
.blueTheme .heading h1{ color:#273b7f}
.blueTheme .btn-blue2{ background: #334687;}
.blueTheme .loginArea .item:nth-child(1) .formarea .formitem a{ color: #273b7f; }
.blueTheme .loginArea .itembox .item .searchdivotp .btnsearch{  background: #334687; border: 1px solid #334687;}
.blueTheme .loginArea .itembox .item h3 a{ color: #273b7f;}
.blueTheme .btn-disabled { background:#bcccff !important;     color: #334687;}
.blueTheme .accordiansec .ui-accordion-header-active{background: #273b7f;}
.blueTheme .ui-accordion-header span{ background: #334687;}
.blueTheme .buttonsec .next{background: #334687;}
.blueTheme .buttonsec .next:hover{    background-color: #273b7f;}
.blueTheme .ui-accordion-header{ background-color: #fff;}
.blueTheme .ui-accordion-content{ background-color: #fff;}
.blueTheme .choose-workshop .searchdiv .btnsearch{ background: #334687; border: 1px solid #334687;}
.blueTheme .buttonsec button{ background: #334687; border: 1px solid #334687;}
.blueTheme .checkboxarea a { color: #334687;}
.blueTheme .ui-tabs-vertical .ui-tabs-nav{background: #273b7f;}
.blueTheme .ui-tabs-vertical .ui-tabs-nav li{    border-bottom: 2px solid #334687;}
.blueTheme .ui-tabs-active a{background: #334687; }
.blueTheme .ui-widget-content .btn:not(.delete){background: #334687;}
.blueTheme .ui-tabs-vertical .ui-tabs-panel{ background: #cad6ff;}
.blueTheme .buttonsec a:not(.previous){ color: #273b7f !important;}

/*pantoneTheme*/
body.pantoneTheme { background:#eef5f5 !important;  }
.pantoneTheme .loginArea .item .formarea{ background-color: #fff;}
.pantoneTheme .serviceArea a.customer_login:hover{   color:#4fadad; }
.pantoneTheme .loginArea .item .heading h2{ background: #4fadad;}
.pantoneTheme .ui-accordion-header{color:#4fadad}
.pantoneTheme .accordiansec .ui-accordion-header-active{ color: #fff;}
.pantoneTheme .heading h1{ color:#4fadad}
.pantoneTheme .btn-blue2{ background: #6ac9c9;}
.pantoneTheme .loginArea .item:nth-child(1) .formarea .formitem a{ color: #4fadad; }
.pantoneTheme .loginArea .itembox .item .searchdivotp .btnsearch{  background: #6ac9c9; border: 1px solid #6ac9c9;}
.pantoneTheme .loginArea .itembox .item h3 a{ color: #4fadad;}
.pantoneTheme .btn-disabled { background:#c1ffff !important;  color: #4fadad;}
.pantoneTheme .accordiansec .ui-accordion-header-active{background: #4fadad;}
.pantoneTheme .ui-accordion-header span{ background: #6ac9c9;}
.pantoneTheme .buttonsec .next{background: #6ac9c9;}
.pantoneTheme .buttonsec .next:hover{    background-color: #4fadad;}
.pantoneTheme .ui-accordion-header{ background-color: #fff;}
.pantoneTheme .ui-accordion-content{ background-color: #fff;}
.pantoneTheme .choose-workshop .searchdiv .btnsearch{ background: #6ac9c9; border: 1px solid #6ac9c9;}
.pantoneTheme .buttonsec button{ background: #6ac9c9; border: 1px solid #6ac9c9;}
.pantoneTheme .checkboxarea a { color: #6ac9c9;}
.pantoneTheme .ui-tabs-vertical .ui-tabs-nav{background: #4fadad;}
.pantoneTheme .ui-tabs-vertical .ui-tabs-nav li{    border-bottom: 2px solid #6ac9c9;}
.pantoneTheme .ui-tabs-active a{background: #6ac9c9; }
.pantoneTheme .ui-widget-content .btn:not(.delete){background: #6ac9c9;}
.pantoneTheme .ui-tabs-vertical .ui-tabs-panel{ background: #d4efef;}
.pantoneTheme .buttonsec a:not(.previous){ color: #4fadad !important;}
.formcontrol:selected{ background-color: #c1ffff !important;}


/*======Color Theme ===========*/


/* Modals ----------------------------------------------*/

[data-ml-modal] {
   position:fixed;
   top:0;
   bottom:0;
   left:0;
   right:0;
   overflow-x:hidden;
   overflow-y:auto;
   -webkit-overflow-scrolling:touch;
   z-index:999;
   width:0;
   height:0;
   opacity:0;  transition: all 0.3s;
}
[data-ml-modal]:target {
   width:auto;
   height:auto;
   opacity:1;
   -webkit-transition:  opacity 1s ease;
   transition: opacity 1s ease; transition: all 0.3s;
}
[data-ml-modal]:target .modal-overlay {
   position:fixed;
   top:0;
   bottom:0;
   left:0;
   right:0;
   cursor:pointer; backdrop-filter: blur(9px);
   background-color:#000;
   transition: all 0.3s;
   background-color:rgba(191,192,194,.3);
   z-index:1;
}
[data-ml-modal] .modal-dialog {
   border-radius:6px;
   box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
   position:relative;
   width: 90%;
   max-width:660px;

   margin:10% auto;
 
   z-index:2; transition: all 0.3s;
}
.modal-dialog-lg {max-width:820px !important;}
.termservice .itembox .item .sendagain:hover{ color:#fff !important ; }
[data-ml-modal] .modal-dialog > h3 {
   background-color:#003253;
  
   font-size:24px;
   font-weight: 400;
   margin:0; color: #fff;
   padding:0.8em 56px .8em 27px; 
}
[data-ml-modal] .modal-content {background:#fff; padding:23px 27px;border-radius:16px;}
[data-ml-modal] .modal-close {
   position:absolute;
   top: -10px;
    right: -10px;
   color:#003253;
   background-color:#fff;
   border-radius:50%;
   height: 35px;
    width: 35px;
   font-size:40px;
   line-height:37px;
   text-align:center;
   -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

[data-ml-modal] p:first-child, [data-ml-modal] p:last-child {margin:0;}
@media (max-width:767px) {
   [data-ml-modal] .modal-dialog {margin:20% auto;}
   .loginArea .itembox .item{ margin: 0 !important;}
}
/* End Modals ------------------------------*/

/* Input Date Time ----------------------------------------------*/
input[type="datetime-local"] { position: relative; padding: 10px;}
input[type="datetime-local"]::-webkit-calendar-picker-indicator { color: transparent; background: none; z-index: 1;}
input[type="datetime-local"]:before { color: transparent; background: none; display: block; font-family: 'FontAwesome'; content: '\f073'; position: absolute;
  top: 10px; right: 18px; font-size: 22px; color: #333333;}
input[type="datetime-local"]::-webkit-calendar-picker-indicator {   background: transparent;  bottom: 0;  color: transparent;   cursor: pointer;   height: auto;    left: 0;
    position: absolute;   right: 0;   top: 0;    width: auto;  }
/* End Input Date Time ----------------------------------------------*/

.client-col-12.client-row img.client_logo {
    max-width: 260px;
    max-height: 120px;
}

/* Spinner loader ----------------------------------------------*/
@keyframes spinner-animation-demo {
  to {transform: rotate(360deg);}
}

.spinner-animation-demo,
.spinner-animation-demo:before {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
}

.spinner-animation-demo:before {
  content: '';
  display: inline-block;
  /*display: none;*/
  margin-bottom: -5px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #000;
  animation: spinner-animation-demo .6s linear infinite;
}

.spinner-animation-demo-absolute {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -10px;
}

.spinner-animation-demo-add,
.spinner-animation-demo-remove {
  animation-fill-mode: both;
  animation-duration: .4s;
}

.spinner-animation-demo-add {
  animation-name: spinner-animation-demo-add;
}

@keyframes spinner-animation-demo-add {
  from {transform: scale(0);}
  to {transform: scale(1);}
}

.spinner-animation-demo-remove {
  animation-name: spinner-animation-demo-remove;
}


@keyframes spinner-animation-demo-remove {
  to {transform: scale(0);}
}
/* End Spinner loader ----------------------------------------------*/








/*Footer Modal*/
.footerModal { display: flex;
    align-items: center;}
.footerModal .modal-dialog { max-width:632px; margin: 0 auto; }
.footerModal .modal-close { position: inherit; float: right; color:#005691; font-weight: normal;  }
.footerModal .privacysetting{ padding: 30px 56px 48px 56px;  overflow-y: auto;   max-height: 100vh; }
.privacysetting .headingbg{ clear: both; -webkit-background-clip: text !important;  -webkit-text-fill-color: transparent;background: -webkit-linear-gradient(
45deg,#005691,#008ecf);   line-height: 1.2; font-size: 24px; font-family: "Bosch Sans"; color:#008ecf; font-weight: 200; margin-bottom: 1rem; } 
.privacysetting h6{ font-size: 14px;line-height: 19.95px; font-family: "Bosch Sans"; color:#000; font-weight: 500; margin-bottom: 0; } 
.privacysetting .disableContent p:last-child{margin-bottom: 10px; }
.privacysetting p{line-height: 1.425; margin-bottom: 0px; font-weight: 200;}
.contentMarketing{margin-top: 1rem;}

.privacysetting .form-group input {padding: 0;height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer;}
.privacysetting .form-group label { position: relative; cursor: pointer; font-weight: 200;font-family: "Bosch Sans";  color: #000; font-size: 20px;}
.privacysetting .form-group label:before { content:''; -webkit-appearance: none;  background: #dfdfe0; padding: 12px;  display: inline-block; position: relative; vertical-align: middle; cursor: pointer;  
  margin-right: 16px;  line-height: 24px;  }

.privacysetting .form-group input:checked + label:before {  background: #005691; }

.privacysetting .form-group label:hover::before{ background: #7fc6e7 !important; }
.privacysetting .form-group input:checked + label:after {  content: '';
  display: block;  position: absolute;     top: 5px;   left: 9px;  width: 5px;    height: 13px;  border: solid #fff;
  border-width: 0 2px 2px 0;  transform: rotate(45deg);}

.cockiesdiv{  font-weight: 200;     margin-bottom: 16px; color: #000;  font-size: 14px;  line-height: 1.425; padding-left: 40px;}
.cockiesdiv a{ color:#008ecf}
.popupsave{    background: #005691;  border-color: #005691;  color: #fff; min-width: 168px;     border: 1px solid transparent;
    font-size: 16px;   padding: 13px 16px; cursor: pointer; font-weight: 300;} 
.popupbottom{align-items: center;}
.popupbottom .bottomcontent{     padding-left: 30px; width: 66%; font-weight: 200;
    color: #000;  margin: 0;  font-size: 12px;  line-height: 1.5;}
.popupbottom .bottomcontent a{     color: #005691;}
.bottomcontent .imprint{text-align: right;  padding-top: 15px;}















@media (max-width: 1200px) {
.container {   padding: 0 30px;}
.serviceArea {  padding-top: 200px;}
.heading h1{ margin-bottom: 20px;     font-size: 40px;}
.personalinfo .itembox .item {  max-width: 50%;    padding: 0 10px;}
.personalinfo .itembox .item.mw-33 {   max-width: 33.3%;}
.buttonsec{ padding: 0 10px; }

.choose-workshop .itembox .item{ max-width: 50%; }
.choose-workshop .itembox .item:nth-child(2){ max-width: 45%; }
.choose-workshop .searchdiv{max-width: 50%;}
.choose-workshop .searchdiv .searchinput{ max-width: 100%; width: 80%; }
.choose-workshop .searchdiv .btnsearch{    min-width: 20%;}
.footerArea .itembox .item:nth-child(1) {  max-width: 400px;}
.footerArea a{ font-size: 14px; }
.footerArea .footer-link-list-wrapper ul li {   margin-bottom: 10px;}
.footerArea .meta-link-wrapper{ margin-top: 50px; }

.loginArea .itembox .item {   max-width: 47%;}
.loginArea .itembox .item .otpsec input{ width: 50px; min-height: 40px; }
.loginArea .itembox .item p{  line-height: 21px; }
.loginArea .itembox .item .otpsec{ margin: 10px auto; }

.ui-tabs-vertical .ui-tabs-nav{ width: 30%; }
.tabheading h3{ margin-bottom: 10px; }
.ui-tabs-vertical .ui-tabs-panel{ margin-bottom: 30px; }
.ui-tabs-vertical .ui-tabs-panel{     width: 68%;padding: 1.5em; }
.ui-tabs-vertical .ui-tabs-panel .tabcontent:last-child{ margin-bottom: 0; }
.buttongroup .btn{ min-width: 90px; padding: 10px; }


}




@media (max-width: 991px) {
.logo img{ width: 90px; }
.sub-menu ul {
   
    margin-bottom: 10px;
   
}
 .navbar .drop-icon {   right: 15px;}
.navbar .drop-icon i {  font-size: 24px;}
.header-right .searchli{ display: block; }
.header-right {  width: auto;  display: flex;  justify-content: flex-end;  flex: 100%;}
header .searchlim{ display: block; }
.searchlim{ display:block}
.navbar{ margin-top: 0 !important; }
.header-right .searchclickm{ font-size: 25px;     margin-right: 70px;  margin-top: 7px; display: block; }
header .header-right form { display: none; }
.mobilesearch{ display: block; width: 100%; padding: 0 15px;     margin-top: 120px; }


.navbar{ width: 100%;      margin-top: 100px;     box-shadow: 1px 3px 6px #00000038;  background: #fff;}
.navbar-nav > li > a{ border-bottom: 1px solid #d7d7d7; padding: 1rem !important; font-weight: 700;}  
.navbar-nav li img{  width: 25px !important;}
.navbar-nav li:last-child a{ border-bottom: 0; }
header .container{ padding: 0; }
header .disflexArea{ position: relative; }
.ullist{ padding: 20px 30px; border-bottom: 1px solid #d7d7d7; }
header .navbar .sub-menu-item .ullist a{  color: #006ead;}
.logosec{ padding-left: 15px;    position: absolute; }
header .navbar .sub-menu-item { padding: 0; }
header .navbar .sub-menu-item h4{    color: #000;  margin-bottom: 0;  padding-top: 0;  border-bottom: 1px solid #d7d7d7;
    padding: 1rem 1rem 1rem 3rem !important; }
    header .sub-menu-item h4 span {
    font-size: 20px;
    color: #006ead;
    margin-right: 7px;
    position: absolute;
    left: 10px;
    top: 15px;
}

.sub-menu-item .drodown-m:after{ position: absolute; right: 15px; content: "\f078";
    font: normal normal normal 14px/1 FontAwesome; top: 20px;  color: #999; } 

.container {   padding: 0 30px;}
.serviceArea {  padding-top:40px;}
.heading h1{ margin-bottom: 20px;     font-size: 40px;}
.ui-accordion-content{ padding: 20px; }

.personalinfo .itembox .item {  max-width: 50%;    padding: 0 10px;}
.personalinfo .itembox .item.mw-33 {   max-width: 33.3%;}
.choose-workshop .searchdiv{max-width: 50%;}
.choose-workshop .searchdiv .searchinput{ max-width: 100%; width: 70%; }
.choose-workshop .searchdiv .btnsearch{    min-width: 30%;}
.choose-workshop .item{ max-width: 100%; }
.choose-workshop .item:nth-child(2){ max-width: 100%; }
.buttonsec{ padding: 0 10px; }

.footerArea .itembox .item:nth-child(3) {   max-width: 100%;}
.footerArea .itembox .item{ width: 33.3%; }

/*login*/
.loginArea .item .heading h2{ padding: 15px 20px; }
.loginArea .itembox .item{ width: 45%; }
.loginArea .item .formarea{ padding: 20px; }
.loginArea .itembox .item:nth-child(3) .formarea{ padding: 20px; }
.loginArea .itembox .item:nth-child(3) .formitem{ margin-bottom: 10px; }
.loginArea .itembox .item h3{ font-size: 1rem; }
.loginArea .itembox .item .or{ margin: 10px auto;    width: 40px;   height: 40px; }
.loginArea .itembox .item .searchdivotp .searchinput{ width: 65%; }
.loginArea .itembox .item .searchdivotp .btnsearch{ width: 35%; }
.loginArea .itembox .item .or p{ line-height: 40px;    font-size: 18px; }


.ui-tabs-vertical .ui-tabs-nav{ width: 30%; }
.tabheading h3{ margin-bottom: 10px; }
.ui-tabs-vertical .ui-tabs-panel{ margin-bottom: 30px; }
.ui-tabs-vertical .ui-tabs-panel{     width: 64%;;padding: 1em; }
.ui-tabs-vertical .ui-tabs-panel .tabcontent:last-child{ margin-bottom: 0; }

.personalinfo .itembox .item{ margin-bottom: 15px; }
.tabcontent{ padding: 20px; }
.tabcontent .personalinfo .itembox .item {   padding: 0;}
.tabcontent .personalinfo .itembox .item.mw-33{ max-width: 31.3%; }
}







@media (max-width: 767px) {


.header-right .searchclickm{ margin-right: 60px; }
.container{ width: auto; padding: 0 15px; }
header{ position: relative; }
.logo img{ width: 75px; }
.logosec span{    max-width: 200px;  margin-top: -15px; margin-left: 10px; line-height: 16px;}
.navbar{ width: 100%; margin-top: 0;       box-shadow: 1px 3px 6px #00000038;  background: #fff;}
.navbar-nav > li > a{ border-bottom: 1px solid #d7d7d7; font-weight: 700;  padding: 1rem !important;}
.navbar-nav li img{  width: 25px !important;}
.navbar-nav li:last-child a{ border-bottom: 0; }
header .container{ padding: 0; }
header .disflexArea{ position: relative; }
.ullist{ padding: 20px 30px; border-bottom: 1px solid #d7d7d7; }
header .navbar .sub-menu-item .ullist a{  color: #006ead;}
.logosec{ padding-left: 15px;    position: absolute;     z-index: 2222; }
header .navbar .sub-menu-item { padding: 0; }
header .navbar .sub-menu-item h4{    color: #000;  margin-bottom: 0;  padding-top: 0;  border-bottom: 1px solid #d7d7d7;   font-weight: 700;  
    padding: 1rem 1rem 1rem 3rem !important; }
    header .sub-menu-item h4 span {
    font-size: 20px;
    color: #006ead;
    margin-right: 7px;
    position: absolute;
    left: 10px;
    top: 15px;
}

.sub-menu-item .drodown-m:after{ position: absolute; cursor: pointer; right: 15px; content: "\f129"; top: 10px; font-size: 24px;  color: #999; font-family: bcs_iconfont!important;} 


.navbar-nav{     padding: 30px 0 0 0; overflow: auto;
    height: 560px;}

header .navbar .drop-icon{ right: 15px; }
header .navbar .drop-icon i {  font-size: 20px;}
header .header-right form { display: none; }
.mobilesearch{ display: block; width: 100%; padding: 0 15px;     margin-top: 120px; }

.serviceArea {  padding-top: 30px; padding-bottom: 60px;}
.heading h1{ margin-bottom: 20px;     font-size: 26px;}
.serviceArea a.customer_login{ font-size: 16px;line-height: 1.4;}
.ui-accordion-content{ padding: 20px; }
.ui-accordion-header{ margin-top: 30px; padding: 15px 40px;     font-size: 20px;}
.ui-accordion-header span{line-height: 35px; font-size: 18px;  top: 10px;  left: -10px;   width: 35px;  height: 35px;}


.personalinfo .itembox .item{ margin-bottom: 15px; max-width: 100%; }
.personalinfo .itembox .item.mw-33 select {  background-position: 97%;}
input[type="date"]:before{ right: 10px; }
.personalinfo .itembox .item h3 { margin-top: 0;  font-size: 18px;  margin-bottom: 10px;}


.personalinfo .itembox .item.mw-33{ max-width: 100%; }
.choose-workshop .itembox .item{ max-width: 100%; }
.choose-workshop .searchdiv {   margin-bottom: 25px; max-width: 100%;}

.choose-workshop .itembox .item:nth-child(2){ max-width: 100%; }
.personalinfo .itembox .item label{ margin-bottom: 5px; }
.termservice .item .checkboxarea p{ width: 100%; font-size: 15px; line-height: 21px; }
.personalinfo .buttonsec{ margin-top: 20px;  margin-bottom: 20px;}


.footerArea .itembox .item{ width: 100%; }

.footerArea{ padding: 20px 0; }
.footerArea .itembox .item{ max-width: 100%; margin-bottom: 10px; }
.footerArea .meta-link-wrapper{    flex-wrap: wrap;   margin-top: 30px;}
.footerArea .itembox .item{ padding-left: 0; }
.footerArea .meta-link-wrapper span{flex: 100%;  margin-right: 0;  margin-bottom: 15px;}
.footerArea .itembox .item:nth-child(3){ max-width: 100%;     padding-left: 0}
.footerArea .meta-link-wrapper a{     flex: 50%;   margin-right: 0;  margin-bottom: 15px; }



/*Login*/
.loginArea .itembox {     justify-content: center; }
.loginArea .itembox .item{ max-width: 100%; width: 100%; }
.loginArea .itembox .item:nth-child(2){ width: 100%;  }
.loginArea .itembox .item .otpsec input{ width: 55px;    min-height: 35px; }
.loginArea .itembox .item h3 a{ display: block; }
.loginArea .itembox .item .otpsec{ margin: 15px auto; }
.loginArea .itembox .item:nth-child(3) .formitem{ margin-bottom: 20px; }
.loginArea .itembox .item h3 {line-height: 23px;   font-size: 1.2rem;}
.loginArea .itembox .item .searchdivotp .searchinput{ width: 70%; }
.loginArea .itembox .item .searchdivotp .btnsearch{ width: 30%; }

/*afterlogin*/

.ui-tabs-vertical .ui-tabs-nav{ width: 100%; margin: 0 auto 20px; }
.tabcontent { padding: 1em; }
.ui-tabs-vertical .ui-tabs-panel{ padding: 1em; width: 100%;     margin-bottom: 30px;}
.tabcontent h3{ margin-bottom: 10px; }
.tabcontent .personalinfo .buttonsec{ padding-left: 0; }

.footerModal .privacysetting{ padding: 10px;}
.popupbottom .popupsave{ width: 100%;}
.popupbottom .bottomcontent{ width: 100%; padding: 32px 0 0 0;}
.buttongroup .btn {
    min-width: 73px
}


@media (max-width: 575px) {
.header-right .searchclickm{ margin-right: 50px; }
.logo img { width: 80px;}
.logosec span {  max-width: 150px;  margin-top: -20px;}

.choose-workshop .searchdiv .searchinput{ width: 70%; }
.choose-workshop .searchdiv .btnsearch{ min-width: 30%; width: 30%; }
.termservice .itembox .item .searchdiv{ max-width: 100%; }
.termservice .itembox .item .searchdiv .searchinput{     max-width: 100%;}
.termservice .itembox .item .searchdiv .btnsearch{ min-width: 100%; }
.termservice .itembox .item .sendagain{ margin: 15px auto 0; right: 0;     display: block;  text-align: center;}


.loginArea .itembox .item .searchdivotp .searchinput{ width: 65%; }
.loginArea .itembox .item .searchdivotp .btnsearch{      padding: 10px 10px; font-size: 12px; width: 35%;}


.tabcontent .personalinfo .itembox .item{ width: 100%; max-width: 100%; }
.tabcontent .personalinfo .itembox .item.mw-33{ max-width: 100%; }
}




@media (max-width: 360px) {
.tabcontent .buttongroup .btn{ min-width: 100%; margin-bottom: 5px; }
.logosec span {    max-width: 125px;
}
}

.navbar-nav {
    float: right !important;
}



/*start extra css*/

.top-hdr1{
width: 100%;
}
.serviceArea {
    margin-top: 77px;
    display: flex;
}
.top-hdr1{
 margin-top: -80px;
    }

@media only screen and (min-width:280px) and (max-width:960px){
    .info-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }
    .top-hdr1{
    flex-wrap: wrap; 
    }
    .top-hdr1 .logombl{
        flex: auto;
        width: 100%;
    }
    .top-hdr1 .logombl2{
        height: 61px;
        margin-top: 0px;
    }
    #tabs {
        display: block;
    }
    .serviceArea {
        display: flex;
        margin-top: 60px;
    }
    .serviceArea .container {
        width: auto;
        padding: 0 0px;
    }
    #tabs > ul {
        flex: auto;
        position: sticky;
        top: 0px;
        height: 390px;
        overflow-y: auto;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    #tabs > div {
        flex: 1;
        padding: 0px 15px;
        overflow-y: auto;
        padding-top: 34px;
    }
html {
  overflow-x: hidden !important;
  width: 100%;
  overflow-y: hidden !important;
}

}






/*end extra css*/