/* color variables */
/*gap variable*/
/* Service DashBoard CSS */
.serviceDashboardWrap {
  width: 100%;
  float: left; }
  .serviceDashboardWrap .dBox {
    float: left;
    width: 31%;
    margin-right: 3%;
    position: relative; }
    .serviceDashboardWrap .dBox:last-child {
      margin-right: 0; }
    .serviceDashboardWrap .dBox .dTopBand {
      width: 100%;
      font-size: 28px;
      font-weight: bold;
      color: #fff;
      padding: 0px 0px 0px 30px;
      background: #0a1f41;
      float: left;
      -webkit-border-bottom-right-radius: 8px;
      -webkit-border-bottom-left-radius: 8px;
      -moz-border-radius-bottomright: 8px;
      -moz-border-radius-bottomleft: 8px;
      border-bottom-right-radius: 8px;
      border-bottom-left-radius: 8px; }
      .serviceDashboardWrap .dBox .dTopBand .vehiclesIcon {
        float: right;
        margin-top: -37px;
        width: 130px; }
    .serviceDashboardWrap .dBox .dashboardContentBox1 {
      -webkit-box-shadow: -1px 6px 9px 2px rgba(0, 0, 0, 0.21);
      -moz-box-shadow: -1px 6px 9px 2px rgba(0, 0, 0, 0.21);
      box-shadow: -1px 6px 9px 2px rgba(0, 0, 0, 0.21);
      /*padding:10px 0%;*/
      width: 100%;
      float: left;
      border-radius: 3px;
      height: 568px; }
    .serviceDashboardWrap .dBox.dBox1 .dashboardContentBox1 {
      height: 620px; }
    .serviceDashboardWrap .dBox .myVechilesTxt {
      float: left;
      padding: 10px 0px 13px; }
    .serviceDashboardWrap .dBox .vehiclesList {
      width: 100%;
      float: left;
      padding: 0 5%; }
      .serviceDashboardWrap .dBox .vehiclesList p {
        font-size: 17px;
        color: #0e203e; }
      .serviceDashboardWrap .dBox .vehiclesList select {
        padding: 10px 0px;
        border-bottom: 1px solid #bcbcbc;
        font-size: 20px;
        font-weight: 600;
        width: 55%;
        color: #0a1f41;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: url(../../rev-images/services/select-icon2.png) right center no-repeat; }
    .serviceDashboardWrap .dBox .vehicleRegistrationDtlsWrap {
      width: 100%;
      float: left;
      text-align: center;
      padding: 20px 5%;
      -webkit-box-shadow: 4px 7px 19px -31px rgba(0, 0, 0, 0.75);
      -moz-box-shadow: 4px 7px 19px -31px rgba(0, 0, 0, 0.75);
      box-shadow: 4px 7px 19px -31px rgba(0, 0, 0, 0.75);
      -webkit-border-bottom-right-radius: 5px;
      -webkit-border-bottom-left-radius: 5px;
      -moz-border-radius-bottomright: 5px;
      -moz-border-radius-bottomleft: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
    .serviceDashboardWrap .dBox .vehicleRegistrationNo {
      font-size: 26px;
      font-weight: bold;
      line-height: 100%;
      margin-bottom: 20px; }
      .serviceDashboardWrap .dBox .vehicleRegistrationNo span {
        font-size: 15px;
        color: #0a1f41;
        /*padding-top:10px;*/
        font-weight: normal;
        vertical-align: top; }
    .serviceDashboardWrap .dBox .vehicleRDtlsContentBox {
      width: auto;
      position: relative;
      font-size: 17px;
      text-align: left;
      padding-right: 8%;
      display: inline-block; }
      .serviceDashboardWrap .dBox .vehicleRDtlsContentBox:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        background: #162b4c;
        top: 0px;
        right: 0px;
        transform: rotate(14deg); }
      .serviceDashboardWrap .dBox .vehicleRDtlsContentBox span {
        display: block;
        font-size: 20px;
        font-weight: bold; }
      .serviceDashboardWrap .dBox .vehicleRDtlsContentBox.purchaseDate {
        padding-right: 0px;
        padding-left: 8%; }
        .serviceDashboardWrap .dBox .vehicleRDtlsContentBox.purchaseDate:after {
          display: none; }
    .serviceDashboardWrap .dBox .vehicleDtls {
      text-align: center;
      width: 100%;
      margin-top: 15px; }
    .serviceDashboardWrap .dBox .vehicleRegistrationDtlsBox {
      margin: 0px 0 0; }
    .serviceDashboardWrap .dBox .dashboard-button {
      position: absolute;
      bottom: -20px;
      width: 100%;
      left: 0;
      text-align: center; }

.serviceDashboardWrap .dBox .dashboard-button .btnDesignStyle2 {
  display:none;
 }
.serviceDashboardWrap .dBox .dashboard-button .serviceFormBtn a::after {
    content: "";
    position: absolute;
    border: 1px solid #0a1f41;
    width: calc(100% + 16px);
    position: absolute;
    left: -8px;
    height: 25px;
    bottom: -5px;
    z-index:-1;
}


      .serviceDashboardWrap .dBox .dashboard-button .serviceFormBtn {
        display: inline-block; }
        .serviceDashboardWrap .dBox .dashboard-button .serviceFormBtn a {
          letter-spacing: 3px;
          width: auto;
          padding: 15px 30px; }
      .serviceDashboardWrap .dBox .dashboard-button .btnDesignStyle2 {
        width: 105%;
        left: 48%; }
    .serviceDashboardWrap .dBox .serviceStatus {
      float: left;
      width: 100%;
      background: #d0e6f6;
      padding: 10px 0px;
      color: #0e203e;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      .serviceDashboardWrap .dBox .serviceStatus .s-box {
        float: left;
        width: 32%;
        margin: 2% 0.5%;
        position: relative;
        padding: 0 5% 0 5%; }
        .serviceDashboardWrap .dBox .serviceStatus .s-box:after {
          content: "";
          position: absolute;
          width: 1px;
          height: 100%;
          background: #bcbcbc;
          top: 0px;
          right: 0px;
          transform: rotate(14deg); }
        .serviceDashboardWrap .dBox .serviceStatus .s-box:last-child:after {
          display: none; }
        .serviceDashboardWrap .dBox .serviceStatus .s-box span {
          display: block;
          width: 100%;
          line-height: 115%;
          margin: 3px 0 0;
          font-size: 20px;
          font-weight: bold; }
    .serviceDashboardWrap .dBox .s-blueBox {
      float: left;
      width: 100%;
      background: #d0e6f6;
      position: absolute;
      bottom: 0;
      min-height: 64%; }
    .serviceDashboardWrap .dBox .notificationWrapper {
      float: left;
      width: 100%; }
      .serviceDashboardWrap .dBox .notificationWrapper .noticeBand {
        float: left;
        width: 100%;
        border-bottom: 2px solid #d0e6f6;
        margin: 4% 0 2%; }
        .serviceDashboardWrap .dBox .notificationWrapper .noticeBand span {
          float: right;
          display: inline-block;
          color: #afafaf;
          margin: 3px 0 0; }
        .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .noticeHead {
          font-size: 17px;
          font-weight: bold;
          padding: 4px 6%;
          background: #d0e6f6;
          display: inline-block;
          position: relative; }
          .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .noticeHead:after {
            content: "";
            position: absolute;
            width: 33px;
            height: 31px;
            background: url(../../rev-images/services/n-curve.png) right center no-repeat;
            top: 0px;
            right: -33px; }
        .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .n-date {
          float: right;
          width: auto;
          color: #afafaf;
          margin: 3px 10px 0; }
        .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .n-time {
          float: right;
          width: auto;
          color: #afafaf;
          margin: 3px 10px 0; }
      .serviceDashboardWrap .dBox .notificationWrapper .nContent {
        float: left;
        width: 90%;
        margin: 2% 5%; }
      .serviceDashboardWrap .dBox .notificationWrapper .textRamainder {
        display: inline-block;
        margin: 3% 0;
        font-weight: bold;
        color: #333; }
        .serviceDashboardWrap .dBox .notificationWrapper .textRamainder a {
          text-decoration: underline;
          color: #333; }
        .serviceDashboardWrap .dBox .notificationWrapper .textRamainder img {
          vertical-align: middle;
          margin: 0 5px; }
    .serviceDashboardWrap .dBox .unread {
      font-size: 17px;
      color: #9b9b9b;
      display: inline-block;
      margin: 20px 5px 0;
      font-weight: lighter; }
  .serviceDashboardWrap.bottomSpace {
    margin-bottom: 10%; }
  .serviceDashboardWrap .vHistory {
    float: left;
    width: 100%; }
    .serviceDashboardWrap .vHistory .vhistoryDetail {
      float: left;
      width: 90%;
      margin: 3% 5%; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail {
        float: left;
        width: 100%;
        border-bottom: 1px solid #d7d7d7;
        padding-bottom: 30px;
        margin-bottom: 30px; }
        .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail :last-child {
          border-bottom: none; }
        .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead {
          float: left;
          width: 100%; }
          .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .sevicing {
            display: inline-block;
            margin-right: 20px; }
          .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .date {
            display: inline-block;
            color: #afafaf; }
          .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .rs {
            float: right;
            width: auto;
            font-weight: bold;
            font-size: 20px; }
            .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .rs i {
              content: "\20B9";
              font-weight: lighter; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .dtailHead {
        float: left;
        width: 70%;
        font-weight: bold;
        font-size: 20px;
        margin: 5px 0 0; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .rightSubhead {
        float: right;
        width: 30%;
        text-align: right;
        font-size: 17px;
        margin: 3px 0 0; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .detailSubhead {
        float: left;
        width: 75%;
        margin: 10px 0; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .rating {
        float: right;
        width: 25%;
        text-align: right;
        margin: 5px 0;
        color: #0a1f41;
        font-weight: bold;
        font-size: 20px; }
        .serviceDashboardWrap .vHistory .vhistoryDetail .rating i {
          content: "\2605";
          margin: 0 5px;
          display: inline-block;
          font-size: 1.6em;
          line-height: 100%;
          color: #d7d7d7; }
        .serviceDashboardWrap .vHistory .vhistoryDetail .rating.active i {
          color: #efce4a; }
      .serviceDashboardWrap .vHistory .vhistoryDetail .viewDetail {
        float: left;
        width: 100%; }
        .serviceDashboardWrap .vHistory .vhistoryDetail .viewDetail a {
          font-weight: bold;
          font-size: 17px;
          text-decoration: underline;
          color: #0a1f41; }
  .serviceDashboardWrap .commmunityWrapper {
    float: left;
    width: 100%; }
    .serviceDashboardWrap .commmunityWrapper .communityThumb {
      float: left;
      width: 100%;
      margin: 0px 0 -11px; }
      .serviceDashboardWrap .commmunityWrapper .communityThumb img {
        width: 100%; }
    .serviceDashboardWrap .commmunityWrapper .communitySubhead {
      float: left;
      width: 100%;
      background: url(../../rev-images/services/community-subhead-bg.png) left top no-repeat;
      background-size: cover;
      text-align: center;
      padding: 15px 0;
      font-size: 16px; }
      .serviceDashboardWrap .commmunityWrapper .communitySubhead span {
        font-weight: bold; }
    .serviceDashboardWrap .commmunityWrapper .cDiscp {
      float: left;
      width: 80%;
      margin: 3% 10%; }
      .serviceDashboardWrap .commmunityWrapper .cDiscp .c-disp-head {
        display: block;
        margin: 5px 0;
        font-weight: bold;
        font-size: 20px; }
      .serviceDashboardWrap .commmunityWrapper .cDiscp .c-disp-subhead {
        display: block;
        margin: 5px 0; }
  .serviceDashboardWrap .dVehicleInfoBox1 {
    background: #d0e6f6;
    width: 100%;
    float: left;
    padding: 35px 0px 0px;
    position: relative; }
  .serviceDashboardWrap .dVehicleIcon {
    position: relative;
    z-index: 2; }
  .serviceDashboardWrap .dBox.dBox1 .dashboardContentBox1 {
    padding: 0px; }
  .serviceDashboardWrap .vehiclesDtslWrap {
    margin-top: -35px; }
  .serviceDashboardWrap .dVehicleAddBtn {
    font-size: 17px;
    text-align: center; }
    .serviceDashboardWrap .dVehicleAddBtn a {
      color: #0a1f41;
      display: inline-block;
      text-decoration: underline;
      margin-top: 15px; }
  .serviceDashboardWrap .dBottomBand {
    position: absolute;
    bottom: -21px;
    left: 0px;
    width: 100%; }
  .serviceDashboardWrap .dBottomBand img {
    width: 100%; }
  .serviceDashboardWrap .dExpandBtn {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    padding: 10px; }
    .serviceDashboardWrap .dExpandBtn .circleBtnStyle2 {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: #0a1f41;
      display: inline-block;
      position: relative; }
      .serviceDashboardWrap .dExpandBtn .circleBtnStyle2:after {
        content: "+";
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        font-size: 20px;
        color: #fff; }
      .serviceDashboardWrap .dExpandBtn .circleBtnStyle2.active:after {
        content: "-"; }
  .serviceDashboardWrap .serviceInfo {
    width: 100%;
    float: left;
    padding: 10px 5%;
    color: #0e203e;
    margin-top: 20px; }
    .serviceDashboardWrap .serviceInfo .serviceInfoHead {
      font-size: 20px;
      font-weight: 600; }
      .serviceDashboardWrap .serviceInfo .serviceInfoHead sup {
        top: -.3em; }
    .serviceDashboardWrap .serviceInfo .serviceInfoSubHead {
      font-size: 17px;
      margin-top: 5px; }
      .serviceDashboardWrap .serviceInfo .serviceInfoSubHead span {
        display: block;
        font-weight: 600; }
  .serviceDashboardWrap .sStatusBox ul li {
    float: left;
    width: 33%;
    text-align: center;
    font-size: 12.5px; }
  .serviceDashboardWrap .sStatusBox ul li .sStatusIcon {
    width: 85px;
    height: 85px;
    position: relative;
    background: #d0e6f6;
    border-radius: 50%;
    display: inline-block;
    z-index: 2; }
  .serviceDashboardWrap .sStatusBox ul li .sStatusIcon > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    max-width: 50%; }
  .serviceDashboardWrap .sStatusBox .sStatusIconImg {
    position: absolute;
    top: 50%;
    right: -5px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    display: none; }
  .serviceDashboardWrap .sStatusBox ul li.sStatusCompleted .sStatusIconImg, .serviceDashboardWrap .sStatusBox ul li.sStatusProgress .sStatusIconImg {
    display: block; }
  .serviceDashboardWrap .sStatusBox .sStatusTxt {
    color: #0a1f41;
    opacity: 0.5; }
  .serviceDashboardWrap .sStatusBox ul li.sStatusProgress .sStatusTxt {
    color: #0a1f41;
    opacity: 1;
    font-weight: 600; }
  .serviceDashboardWrap .sStatusBox {
    position: relative;
    width: 100%;
    float: left;
    margin-top: 25px; }
  .serviceDashboardWrap .sStatusBox:after {
    position: absolute;
    background: #9da5b3;
    height: 2px;
    content: "";
    width: 80%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 40%;
    left: 50%; }

/* End of Service DashBoard CSS */
@media (max-width: 1680px) {
  .serviceDashboardWrap .dExpandBtn {
    bottom: -56px; } }
@media (max-width: 1439px) {
  /* Service DashBoard CSS */
  .serviceDashboardWrap .dBox .vehicleDtls .vehicleImage img {
    max-width: 100%; }

  .serviceDashboardWrap .dBox .dashboardContentBox1 {
    height: 460px; }

  .serviceDashboardWrap .dBox.dBox1 .dashboardContentBox1 {
    height: 500px; }

  .serviceDashboardWrap .dBox .dTopBand {
    font-size: 21px; }

  .serviceDashboardWrap .dBox .dTopBand .vehiclesIcon {
    width: 100px;
    margin-top: -28px; }

  .serviceDashboardWrap .dBox .unread {
    font-size: 14px;
    margin: 16px 5px 0; }

  .serviceDashboardWrap .dBox .vehiclesList select {
    font-size: 18px; }

  .serviceDashboardWrap .dBox .vehicleRegistrationNo {
    font-size: 18px; }

  .serviceDashboardWrap .dBox .vehicleRegistrationNo span {
    font-size: 12px; }

  .serviceDashboardWrap .dBox .vehicleRDtlsContentBox {
    font-size: 14px; }

  .serviceDashboardWrap .dBox .vehicleRDtlsContentBox span {
    font-size: 16px; }

  .serviceDashboardWrap .dBox .serviceStatus .s-box {
    font-size: 14px;
    padding: 0 2% 0 5%; }

  .serviceDashboardWrap .dBox .serviceStatus .s-box span {
    font-size: 16px; }

  .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .noticeHead {
    font-size: 14px;
    padding: 6px 6%; }

  .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .n-date, .notificationWrapper .noticeBand .n-time, .notificationWrapper .noticeBand span {
    font-size: 14px;
    margin: 5px 10px 0; }

  .serviceDashboardWrap .serviceDashboardWrap .dBox .notificationWrapper .nContent {
    font-size: 14px; }

  .vHistory .vhistoryDetail .vehicalDetail .datewithHead .date {
    font-size: 14px; }

  .vHistory .vhistoryDetail .vehicalDetail .datewithHead .rs {
    font-size: 16px; }

  .vHistory .vhistoryDetail .vehicalDetail .dtailHead {
    font-size: 18px; }

  .vHistory .vhistoryDetail .vehicalDetail .rightSubhead {
    font-size: 14px; }

  .vHistory .vhistoryDetail .vehicalDetail .detailSubhead {
    font-size: 14px; }

  .vHistory .vhistoryDetail .vehicalDetail .rating i {
    font-size: 1.1em; }

  .vHistory .vhistoryDetail .viewDetail a {
    font-size: 15px; }

  .vHistory .vhistoryDetail .vehicalDetail .datewithHead .sevicing {
    font-size: 14px; }

  .commmunityWrapper .communitySubhead {
    font-size: 14px; }

  .commmunityWrapper .cDiscp .c-disp-head {
    font-size: 18px; }

  .commmunityWrapper .cDiscp .c-disp-subhead {
    font-size: 14px; }

  /* End of Service DashBoard CSS */ }
@media (max-width: 1199px) {
  /* Service DashBoard CSS */
  .srviceDashboardWrap .dBox .dTopBand {
    padding: 0 0 0 5%; }

  /* .serviceDashboardWrap .dBox .vehicleDtls .vehicleImage img{max-width: 225px;}*/
  .serviceDashboardWrap .dBox .dashboardContentBox1 {
    height: 386px; }

  .serviceDashboardWrap .dBox .dTopBand {
    font-size: 16px; }

  .serviceDashboardWrap .dBox .dTopBand .vehiclesIcon {
    width: 100px;
    margin-top: -28px; }

  .serviceDashboardWrap .dBox .unread {
    font-size: 12px;
    margin: 14px 5px 0; }

  .serviceDashboardWrap .dBox .vehiclesList select {
    font-size: 16px; }

  .serviceDashboardWrap .dBox .vehicleRegistrationNo {
    font-size: 16px; }

  .serviceDashboardWrap .dBox .vehicleRegistrationNo span {
    font-size: 11px; }

  .serviceDashboardWrap .dBox .vehicleRDtlsContentBox {
    font-size: 12px; }

  .serviceDashboardWrap .dBox .vehicleRDtlsContentBox span {
    font-size: 14px; }

  .serviceDashboardWrap .dBox .serviceStatus .s-box {
    font-size: 12px;
    padding: 0 2% 0 5%; }

  .serviceDashboardWrap .dBox .serviceStatus .s-box span {
    font-size: 13px; }

  .serviceDashboardWrap .dBox .dashboard-button .serviceFormBtn {
    font-size: 10px; }

  .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .noticeHead {
    font-size: 12px;
    padding: 6px 6%; }

  .serviceDashboardWrap .dBox .notificationWrapper .noticeBand .n-date, .notificationWrapper .noticeBand .n-time, .notificationWrapper .noticeBand span {
    font-size: 12px;
    margin: 5px 10px 0; }

  .serviceDashboardWrap .dBox .notificationWrapper .nContent {
    font-size: 12px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .date {
    font-size: 12px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .rs {
    font-size: 14px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .dtailHead {
    font-size: 16px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .rightSubhead {
    font-size: 12px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .detailSubhead {
    font-size: 12px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .rating i {
    font-size: 1.1em; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .viewDetail a {
    font-size: 13px; }

  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail .datewithHead .sevicing {
    font-size: 12px; }

  .serviceDashboardWrap .commmunityWrapper .communitySubhead {
    font-size: 12px; }

  .serviceDashboardWrap .commmunityWrapper .cDiscp .c-disp-head {
    font-size: 16px; }

  .serviceDashboardWrap .commmunityWrapper .cDiscp .c-disp-subhead {
    font-size: 12px; }

  .serviceDashboardWrap .dBox.dBox1 .dashboardContentBox1 {
    height: 424px; }

  /* End of Service DashBoard CSS */
  .serviceDashboardWrap .dExpandBtn {
    bottom: -50px; }

  .serviceDashboardWrap .serviceInfo .serviceInfoSubHead {
    font-size: 16px; }

  .serviceDashboardWrap .serviceInfo .serviceInfoSubHead {
    font-size: 13px; }

  .serviceDashboardWrap .dBox .vehiclesList p {
    font-size: 16px; } }
@media (max-width: 991px) {
  /* Service DashBoard CSS */
  .serviceDashboardWrap .dBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px; }

  .serviceDashboardWrap .commmunityWrapper .communitySubhead {
    background-size: 100% 100%; }

  .serviceDashboardWrap .dBox .dashboardContentBox1 {
    height: auto;
    padding-bottom: 40px; }

  .serviceDashboardWrap .dBox .vehicleDtls .vehicleImage img {
    width: 100%; }

  .serviceDashboardWrap .dBox.dBox1 .dashboardContentBox1 {
    height: auto;
    padding-bottom: 40px; }

  .serviceDashboardWrap .dVehicleIcon img {
    width: 100%; }

  /* End of Service DashBoard CSS */
  .serviceDashboardWrap .vHistory .vhistoryDetail .vehicalDetail:last-child {
    margin-bottom: 0px; } }
@media (max-width: 767px) {
  /* Service DashBoard CSS */
  .serviceDashboardWrap .dBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px; }

  .serviceDashboardWrap .commmunityWrapper .communitySubhead {
    background-size: 100% 100%; }

  .serviceDashboardWrap .dBox .dashboardContentBox1 {
    height: auto; }

  /* End of Service DashBoard CSS */ }
@media (max-width: 480px) {
  /* Service DashBoard CSS */
  .serviceDashboardWrap .dBox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 70px; }

  .serviceDashboardWrap .commmunityWrapper .communitySubhead {
    background-size: 100% 100%; }

  .serviceDashboardWrap .dBox .dashboardContentBox1 {
    height: auto; }

  /* End of Service DashBoard CSS */ }
/*service section css start*/
/*.serviceCouponSlider{
  visibility:hidden;
}*/
/*.serviceHistoryBtn{
  position: absolute;
bottom: 10px;
left: 10%;
width: 100%;
max-width: 300px;
}*/
/*rating css*/
/****** Style Star Rating Widget *****/
/***** CSS Magic to Highlight Stars on Hover *****/
/* show gold star when clicked */
/* hover current star */
/* hover previous stars in list */
/* hover current star when changing rating */
/* lighten current selection */
/*----------service sprite css--------------------*/
/*srevice new css start*/
/*srevice new css end*/
/*srevice new css start*/
/*srevice new css end*/
/*service section css end*/
/*---------book service css start-------------*/
/*---------book service css end-------------*/
/*---------book service css start----------*/
/*---------book service css end----------*/
/*-------------book service css start-----------*/
/*-------------book service css end-----------*/
.serviceMinTabContent {
  width: 100%;
  float: left;
  display: none;
  padding: 20px 0px; }

.commonSeviceTopBand {
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  padding: 0px 0px 0px 0px;
  margin-top: -40px;
  background: #0a1f41;
  float: left;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  position: relative; }
  .commonSeviceTopBand .vehiclesIcon {
    float: right;
    margin-top: -32px;
    width: 116px; }

.servicePrimaryTabs ul {
  list-style: none; }
  .servicePrimaryTabs ul li {
    float: left;
    font-size: 30px;
    border-right: 1px solid #fff;
    color: #a5bad5;
    padding: 10px 3% 10px 3%;
    cursor: pointer;
    position: relative; }
    .servicePrimaryTabs ul li:last-child {
      border-right: none; }
  .servicePrimaryTabs ul li.active {
    color: #fff; }
    .servicePrimaryTabs ul li.active:after {
      bottom: -3px;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #ffffff;
      border-width: 10px;
      margin-left: -10px; }

.serviceSecondaryTabs {
  width: 100%;
  float: left;
  padding: 0px 3%; }
  .serviceSecondaryTabs ul li {
    width: auto;
    float: left;
    padding: 12px 0;
    position: relative;
    margin-right: 2%;
    font-size: 20px;
    color: #a7a7a7;
    cursor: pointer;
    font-weight: 600; }
  .serviceSecondaryTabs ul li.active {
    color: #0a1f41; }
    .serviceSecondaryTabs ul li.active::after {
      content: "";
      height: 4px;
      width: 100%;
      background: #0e203e;
      position: absolute;
      left: 0px;
      bottom: 0px; }
    .serviceSecondaryTabs ul li.active:before {
      top: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
      border-color: rgba(14, 32, 62, 0);
      border-top-color: #0e203e;
      border-width: 8px;
      margin-left: -8px; }

.serviceSecondaryTabContent {
  margin-top: 30px;
  width: 100%;
  float: left;
  display: none; }

.commonServiceBox {
  width: 100%;
  float: left;
  position: relative;
  position: relative; }

.commonServiceBg {
  background: #d0e6f6;
  padding: 45px 5%;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  -webkit-box-shadow: -2px 7px 15px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: -2px 7px 15px -9px rgba(0, 0, 0, 0.48);
  box-shadow: -2px 7px 15px -9px rgba(0, 0, 0, 0.48); }

.uServiceLeftBox {
  width: 25%;
  float: left; }
  .uServiceLeftBox h4 {
    color: #0e203e;
    font-size: 24px;
    margin-bottom: 10px;
    font-weight: 600; }
  .uServiceLeftBox p {
    color: #0e203e;
    font-size: 18px;
    margin-bottom: 5px; }

.uServiceRightBox {
  width: 72%;
  float: left;
  position: relative; }
  .uServiceRightBox ul li {
    float: left;
    width: 33%;
    text-align: center;
    color: #0e203e;
    font-weight: 600;
    position: relative;
    z-index: 2; }
  .uServiceRightBox .serviceIcon {
    display: block;
    margin-top: 15px; }

.uServiceInfoIcon {
  margin-top: 12px;
  float: left;
  text-align: center;
  width: 100%;
  position: absolute;
  top: 40px;
  z-index: 1;
  left: 0px;
  padding: 0px 16%; }
  .uServiceInfoIcon img {
    width: 100%; }

.bookServiceWrap {
  padding: 45px 5%;
  -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  width: 100%;
  float: left;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative; }
  .bookServiceWrap h3 {
    font-size: 24px;
    color: #0e203e;
    text-transform: none;
    font-weight: 600; }
  .bookServiceWrap .serviceformFieldCol {
    margin-top: 30px;
    width: 25%;
    float: left;
    padding-right: 5%; }
    .bookServiceWrap .serviceformFieldCol label {
      font-size: 14px;
      color: #8e8e8e;
      width: 100%;
      float: left; }
    .bookServiceWrap .serviceformFieldCol input[type="text"] {
      width: 100%;
      font-size: 18px;
      border: none;
      padding: 8px 0px;
      border-bottom: 1px solid #dddddd;
      color: #0e203e;
      /*background: url(../../rev-images/services/form-select-arrow.png) right center no-repeat;*/
      font-weight: 600; }
    .bookServiceWrap .serviceformFieldCol .bookServiceCalender {
      background: url(../../rev-images/services/calender-icon.png) right center no-repeat; }
    .bookServiceWrap .serviceformFieldCol .timePicker {
      background: url(../../rev-images/services/date-time-icon.png) right center no-repeat; }
    .bookServiceWrap .serviceformFieldCol select {
      width: 100%;
      font-size: 18px;
      border: none;
      padding: 8px 0px;
      border-bottom: 1px solid #dddddd;
      color: #0e203e;
      background: url(../../rev-images/services/form-select-arrow.png) right center no-repeat;
      font-weight: 600;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none; }
    .bookServiceWrap .serviceformFieldCol input[type="text"].timepicki-input {
      border: none;
      border-radius: none; }
    .bookServiceWrap .serviceformFieldCol .time_pick .timepicki-input {
      background: none; }
  .bookServiceWrap .serviceformFieldCol.bookServiceCalender {
    background: url(../../rev-images/services/form-select-arrow.png) right center no-repeat; }
  .bookServiceWrap .serviceformFieldCol50 {
    width: 46%;
    float: left;
    margin-right: 8%; }
    .bookServiceWrap .serviceformFieldCol50:last-child {
      margin-right: 0px; }

.bookServiceLeftBox {
  float: left;
  width: 45%; }

.bookServiceRightBox {
  width: auto;
  position: absolute;
  bottom: -23px;
  right: 5%; }
  .bookServiceRightBox .serviceFormBtn {
    width: 290px; }
  .bookServiceRightBox .bookServiceButton {
    padding: 15px 0px; }

.serviceCouponWrap {
  padding: 0px 5%; }

.serviceCoupanSlide {
  width: 33%;
  float: left;
  padding-right: 2%; }

.serviceBikeImage {
  text-align: center; }

.serviceVechileDtls {
  background: #d0e5f6;
  text-align: center;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 25px 0px;
  margin-top: -52px; }
  .serviceVechileDtls h3 {
    font-size: 24px;
    color: #0a1f41;
    margin-top: 22px;
    font-weight: 600; }
  .serviceVechileDtls h4 {
    font-size: 24px;
    color: #0a1f41;
    margin-top: 22px;
    font-weight: 600;
    text-transform: none; }
    .serviceVechileDtls h4 sup {
      font-size: 70%; }
  .serviceVechileDtls p {
    font-size: 18px;
    color: #0a1f41; }

.serviceCouponDtlsBox2 {
  width: 100%;
  float: left;
  /* display: flex;
   align-items: center;*/ }
  .serviceCouponDtlsBox2 .couponDtlsLeftBox {
    width: 55%;
    float: left;
    padding: 10px 15px 0px 15px; }
    .serviceCouponDtlsBox2 .couponDtlsLeftBox .couponInfo {
      padding-bottom: 22px;
      font-size: 14px;
      color: #d0e5f6; }
      .serviceCouponDtlsBox2 .couponDtlsLeftBox .couponInfo span {
        font-size: 17px;
        color: #fff;
        display: block; }
  .serviceCouponDtlsBox2 .couponDtlsRightBox {
    font-size: 17px;
    color: #fff;
    padding: 28px 30px;
    text-align: center;
    border: 2px dashed #d0e5f6;
    width: auto;
    float: left;
    line-height: 100%; }

.serviceCouponSlider .slick-next {
  top: 53%;
  right: -3%; }
.serviceCouponSlider .slick-prev {
  top: 53%;
  left: -4%; }

.currentServiceDtlsBox1 {
  padding: 30px 40px;
  -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  width: 100%;
  float: left; }
  .currentServiceDtlsBox1 h2 {
    color: #0a1f41;
    font-size: 28px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    margin-bottom: 15px; }
  .currentServiceDtlsBox1 ul li {
    float: left;
    position: relative;
    padding: 0px 5%; }
    .currentServiceDtlsBox1 ul li:first-child {
      padding-left: 0px; }
    .currentServiceDtlsBox1 ul li:last-child:after {
      display: none; }
    .currentServiceDtlsBox1 ul li:after {
      position: absolute;
      content: "";
      height: 100%;
      width: 1px;
      background: #bebebe;
      right: 0px;
      top: 0px;
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg); }
  .currentServiceDtlsBox1 .currentServiceStatusHead {
    font-size: 17px;
    color: #0e203e;
    margin-bottom: 5px; }
  .currentServiceDtlsBox1 .currentServiceStatusDtls {
    font-size: 20px;
    color: #0e203e; }

.serviceProgressIcon {
  width: 118px;
  height: 118px;
  background: #fff;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  position: relative; }
  .serviceProgressIcon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

.serviceProgressIcon.serviceProgressIcon4 {
  background-color: #0a1f41; }
  .serviceProgressIcon.serviceProgressIcon4 img {
    left: 39%; }

.currentServiceDtlsBox2 {
  width: 100%;
  float: left;
  background: #d0e6f6;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding-bottom: 25px; }
  .currentServiceDtlsBox2 .serviceProgressBox4 .serviceProgressContent p span img {
    opacity: 0.5; }
  .currentServiceDtlsBox2 ul li {
    float: left;
    text-align: center;
    width: 16.5%;
    position: relative;
    z-index: 2; }
  .currentServiceDtlsBox2 .serviceProgressContent {
    margin-top: 10px; }
    .currentServiceDtlsBox2 .serviceProgressContent p {
      color: #8ea1b3;
      font-size: 17px;
      height: 45px; }
      .currentServiceDtlsBox2 .serviceProgressContent p span {
        margin-right: 10px;
        vertical-align: middle; }
    .currentServiceDtlsBox2 .serviceProgressContent h5 {
      color: #0e203e;
      font-size: 17px;
      margin-top: 5px; }
  .currentServiceDtlsBox2 h4 {
    font-size: 20px;
    color: #0e203e;
    margin-bottom: 20px;
    font-weight: 600; }
    .currentServiceDtlsBox2 h4 span {
      font-weight: 400;
      font-size: 17px; }

.serviceProgressDtlsBox {
  width: 94%;
  float: left;
  padding: 28px 2%;
  position: relative;
  margin: 0px 3%; }
  .serviceProgressDtlsBox:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 0px;
    height: 1px;
    width: 100%;
    background: #4c617d;
    z-index: 1; }

.serviceHistoryBox {
  /* -webkit-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.4);
   -moz-box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.4);
   box-shadow: -1px 0px 8px 0px rgba(0,0,0,0.4);*/
  width: 100%;
  float: left;
  padding: 0px 3%; }

.serviceHistorySlider {
  /*padding: 0px 5%;*/
  margin-left: -15px; }

.serviceHistorySlide {
  padding-bottom: 15px;
  min-height: 375px;
  position: relative;
  margin-right: 30px;
  margin: 15px 15px 15px 15px;
  -webkit-box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75); }

/*.serviceHistorySlide:nth-child(3){
 margin-left:0px;
}*/
.serviceHistoryContentBox {
  border-bottom: 4px solid #ddf0f6;
  margin-top: 12px;
  padding-bottom: 8px; }
  .serviceHistoryContentBox h4 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #0e203e; }
  .serviceHistoryContentBox p {
    font-size: 17px;
    color: #0e203e; }
    .serviceHistoryContentBox p strong {
      font-weight: 600; }

.noBorder {
  border: none !important; }

.serviceBtnIcon {
  padding-right: 10px; }

.serviceHistoryBtn {
  letter-spacing: 5px;
  left: -4%;
  margin-top: 20px;
  width: 100%;
  float: left; }

.serviceBtnStyle2 a {
  background: #fff;
  color: #0a1f41;
  border: 1px solid #0a1f41; }

.serviceShareBtn {
  position: relative; }

.serviceRatingBox {
  padding: 40px 5% 0px 5%;
  width: 100%;
  float: left; }

.serviceViewParts {
  position: absolute;
  bottom: 5px;
  color: #0e203e;
  left: 0px;
  z-index: 5;
  background: #fff;
  padding: 15px 5% 30px 5%;
  -webkit-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  box-shadow: -1px 0px 8px 0px rgba(0, 0, 0, 0.4);
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin: 0px 5%;
  width: 90%;
  display: none; }
  .serviceViewParts .servicePartsInfoRow {
    border-bottom: 2px solid #efefef;
    float: left;
    width: 100%;
    padding: 15px 0px; }
    .serviceViewParts .servicePartsInfoRow:last-child {
      border: none; }
    .serviceViewParts .servicePartsInfoRow .servicePartsColLeft {
      width: 70%;
      float: left;
      border-right: 2px solid #efefef; }
    .serviceViewParts .servicePartsInfoRow .servicePartsColRight {
      width: 30%;
      float: right;
      text-align: right;
      padding-right: 8px; }
  .serviceViewParts .servicePartsInfoRow.servicePartsInfoHead .servicePartsColLeft {
    border: none; }
  .serviceViewParts .serviceBtnStyle2.serviceCloseBtn {
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%); }

.currentServiceSlider {
  z-index: 2; }
  .currentServiceSlider .slick-prev {
    width: 19px;
    height: 35px;
    top: 32%;
    background: url(../../rev-images/services/slider-prev-icon.png) left top no-repeat;
    left: -4.5%; }
  .currentServiceSlider .slick-next {
    width: 19px;
    height: 35px;
    top: 32%;
    background: url(../../rev-images/services/slider-next-icon.png) left top no-repeat;
    right: -4.5%; }

fieldset {
  margin: 0;
  padding: 0; }

label {
  margin: 0;
  padding: 0; }

h1 {
  font-size: 1.5em;
  margin: 10px; }

.rating {
  border: none;
  float: left; }
  .rating > input {
    display: none; }
    .rating > input:checked ~ label {
      color: #ecdd38; }
      .rating > input:checked ~ label:hover {
        color: #ecdd38; }
        .rating > input:checked ~ label:hover ~ label {
          color: #ecdd38; }
    .rating > input:checked + label:hover {
      color: #ecdd38; }
  .rating > label {
    color: #ccc;
    float: right; }
    .rating > label:before {
      margin-right: 18px;
      font-size: 1.75em;
      font-family: FontAwesome;
      display: inline-block;
      content: "\f005"; }
    .rating > label:hover ~ input:checked ~ label {
      color: #ecdd38; }
  .rating > .half:before {
    content: "\f089";
    position: absolute; }
  .rating:not(:checked) > label:hover {
    color: #ecdd38; }
    .rating:not(:checked) > label:hover ~ label {
      color: #ecdd38; }

.time {
  display: inline-block;
  float: none;
  width: 45px;
  position: relative;
  z-index: 2; }

.mins {
  display: inline-block;
  float: none;
  width: 45px;
  position: relative;
  z-index: 2; }

.meridian {
  display: inline-block;
  float: none;
  width: 45px;
  position: relative;
  z-index: 2; }

.timepicker_wrap {
  background: #fff;
  width: 100%;
  top: 60px !important;
  text-align: center;
  border: none; }
  .timepicker_wrap:after {
    background: #d0e5f6;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    content: "";
    left: 0px;
    width: 100%;
    height: 55px; }

.time_pick .prev {
  border: none;
  border-radius: none;
  background: url(../../rev-images/services/service-calender-down-arrow.png) center center no-repeat; }
.time_pick .next {
  border: none;
  border-radius: none;
  background: url(../../rev-images/services/service-calender-up-arrow.png) center center no-repeat; }

.serviceThanksMsg {
  padding: 30px 0px;
  display: none; }
  .serviceThanksMsg h2 {
    color: #0a1f41;
    font-weight: bold;
    font-size: 30px; }
  .serviceThanksMsg p {
    font-size: 18px;
    margin-top: 10px; }

.serviceThanksMsg.bookServiceThanks {
  padding: 0px 0px 40px 0px;
  text-align: center; }

.bookServiceForm {
  /*display: flex;
  align-items: center;*/ }

.serviceThanksMsg.serviceFeedbackThanks {
  padding: 50px 0px;
  background: #fff;
  border-radius: 8px 8px 0 0; }

.serviceThanksMsg.complaintThanks {
  padding: 50px 0px;
  background: #fff;
  border-radius: 8px 8px 0 0; }

.sProgressSprite {
  background: url("../../rev-images/services/service-sprite.png") no-repeat -10px 0;
  width: 59px;
  height: 54px;
  display: inline-block;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.sProgressSprite.sProgressIcon1 {
  width: 59px;
  height: 54px;
  background-position: -10px -50px; }

.serviceProgressIcon.active {
  background: #0a1f41; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon1 {
    background-position: -10px -114px; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon2 {
    background-position: -11px -831px; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon3 {
    background-position: -15px -245px; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon4 {
    background-position: -11px -382px; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon5 {
    background-position: -12px -517px; }
  .serviceProgressIcon.active .sProgressSprite.sProgressIcon6 {
    background-position: -3px -574px; }

.sProgressSprite.sProgressIcon2 {
  width: 55px;
  height: 55px;
  background-position: -11px -766px; }

.sProgressSprite.sProgressIcon3 {
  width: 50px;
  height: 59px;
  background-position: -15px -178px; }

.sProgressSprite.sProgressIcon4 {
  width: 58px;
  height: 58px;
  background-position: -11px -314px; }

.sProgressSprite.sProgressIcon5 {
  width: 56px;
  height: 56px;
  background-position: -12px -452px; }

.sProgressSprite.sProgressIcon6 {
  width: 74px;
  height: 85px;
  background-position: -3px -574px; }

.sButtonWrap {
  text-align: center;
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -20px;
  left: 0px;
  width: 100%; }
  .sButtonWrap .serviceFormBtn {
    margin-right: 25px;
    display: inline-block;
    margin-right: 25px;
    display: inline-block; }
    .sButtonWrap .serviceFormBtn a {
      border: 1px solid #0a1f41;
      width: auto;
      padding: 10px 30px;
      border: 1px solid #0a1f41;
      width: auto;
      padding: 10px 30px; }
      .sButtonWrap .serviceFormBtn a > span {
        vertical-align: middle;
        letter-spacing: 2px; }
  .sButtonWrap .serviceFormBtn.serviceFormBtnStyle2 a {
    background: #fff;
    color: #0e203e;
    border: 1px solid #0e203e;
    background: #fff;
    color: #0e203e;
    border: 1px solid #0e203e; }

.sBtnArrow {
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle;
  display: inline-block;
  padding-right: 15px;
  vertical-align: middle; }

.commonServiceWrap .sButtonWrap .btnDesignStyle2 {
  width: 105%;
  transform: translateX(-52%) skew(-15deg);
  -webkit-transform: translateX(-52%) skew(-15deg);
  width: 105%;
  transform: translateX(-52%) skew(-15deg);
  -webkit-transform: translateX(-52%) skew(-15deg); }

.sBikeSelect {
  position: absolute;
  right: 10%;
  top: 5px;
  width: auto; }

.sBikeSelect select {
  width: 100%;
  font-size: 18px;
  border: none;
  padding: 8px 30px 8px 0px;
  color: #fff;
  background: url(../../rev-images/services/form-select-arrow-white.png) right center no-repeat;
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.sEstimateWrap {
  position: relative; }

.sEstimateLeftCol {
  width: 37%;
  background: #d0e6f6;
  padding: 35px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  -webkit-box-shadow: -2px -2px 15px -9px rgba(0, 0, 0, 0.48);
  -moz-box-shadow: -2px -2px 15px -9px rgba(0, 0, 0, 0.48);
  box-shadow: -2px -2px 15px -9px rgba(0, 0, 0, 0.48); }

.sDetails {
  position: relative; }
  .sDetails:before {
    content: "";
    height: 90%;
    width: 1px;
    background: #8aa0b6;
    position: absolute;
    top: 0px;
    left: 16px; }
  .sDetails > ul {
    list-style: none; }
    .sDetails > ul li {
      margin-bottom: 30px;
      position: relative;
      padding-left: 50px;
      font-size: 18px;
      color: #c3c3c3; }
      .sDetails > ul li:before {
        content: "";
        background: url(../../rev-images/services/service-dot-icon.png) center top no-repeat;
        position: absolute;
        left: 0px;
        top: 0px;
        height: 32px;
        width: 32px;
        z-index: 2; }
      .sDetails > ul li:last-child {
        margin-bottom: 0px; }
        .sDetails > ul li:last-child:after {
          content: "";
          height: 100%;
          width: 1px;
          background: #d0e6f6;
          position: absolute;
          top: 0px;
          left: 16px;
          z-index: 0; }
  .sDetails .sDetailsHead {
    padding-bottom: 15px;
    display: inline-block;
    padding-right: 15px; }
  .sDetails .sDetailsSubHead {
    margin-top: 15px;
    display: none; }
    .sDetails .sDetailsSubHead p {
      margin-top: 8px; }
  .sDetails li.active {
    color: #0a1f41; }
    .sDetails li.active:before {
      background-image: url(../../rev-images/services/service-dot-active-icon.png); }
    .sDetails li.active .sDetailsHead {
      border-bottom: 2px solid #0a1f41; }
    .sDetails li.active .sDetailsSubHead {
      display: block; }

.serviceEstimate {
  position: relative; }

.sEstimatedCalcWrap {
  position: absolute;
  width: 67%;
  background: #fff;
  right: 2%;
  padding: 5px 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-shadow: 0px 1px 13px -4px rgba(0, 0, 0, 0.53);
  -moz-box-shadow: 0px 1px 13px -4px rgba(0, 0, 0, 0.53);
  box-shadow: 0px 1px 13px -4px rgba(0, 0, 0, 0.53);
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }
  .sEstimatedCalcWrap:after {
    right: 100%;
    top: 15%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 20px;
    margin-top: -20px; }
  .sEstimatedCalcWrap .sPartsDtlsWrap {
    position: relative;
    width: 100%;
    float: left;
    padding-bottom: 50px; }
    .sEstimatedCalcWrap .sPartsDtlsWrap ul {
      list-style: none;
      width: 100%;
      float: left;
      border-bottom: 1px solid #dddddd;
      padding: 5px 0px; }
      .sEstimatedCalcWrap .sPartsDtlsWrap ul.sPartsDtlsHead li {
        border-right: none; }
      .sEstimatedCalcWrap .sPartsDtlsWrap ul li {
        width: 33%;
        float: left;
        padding: 6px;
        text-align: center;
        border-right: 1px solid #dddddd;
        font-size: 17px;
        color: #0e203e; }
        .sEstimatedCalcWrap .sPartsDtlsWrap ul li:last-child {
          border-right: none; }
        .sEstimatedCalcWrap .sPartsDtlsWrap ul li select {
          padding-right: 20px;
          border: none;
          background: url(../../rev-images/services/form-select-arrow.png) right center no-repeat;
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none; }
      .sEstimatedCalcWrap .sPartsDtlsWrap ul.sPartsDtlsContent li:first-child {
        text-align: left;
        padding-left: 6%; }
  .sEstimatedCalcWrap .sButtonWrap {
    bottom: -30px; }

.sCustomCheckBox {
  position: relative; }

.sCustomCheckBox input[type="checkbox"] {
  opacity: 0;
  position: absolute; }

.sCustomCheckBox::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 19px;
  height: 19px;
  background: #d0e6f6;
  border-radius: 4px; }

.sCustomCheckBox span {
  padding-left: 24px;
  display: inline-block; }

.sCustomCheckBox.active::after {
  content: '\2713\0020';
  position: absolute;
  left: 4px;
  top: 6px;
  font-size: 0.8em;
  line-height: 0.8;
  color: #233652;
  font-weight: bold; }

.serviceBookingDtlsBox {
  width: 100%;
  float: left; }

.serviceBookingDtls {
  margin-bottom: 26px; }

.serviceBookingDtlsBox ul {
  list-style: none; }

.serviceBookingDtlsBox ul li:first-child {
  padding-left: 0px; }

.serviceBookingDtlsBox ul li {
  float: left;
  position: relative;
  padding-left: 6%;
  width: 25%; }

.serviceBookingDtlsBox ul li:nth-child(2) {
  width: 49%; }

.serviceBookingDtlsBox .serviceBookingDtls h3 {
  font-size: 17px;
  color: #0e203e;
  margin-bottom: 5px;
  text-transform: initial; }

.serviceBookingDtlsBox .serviceBookingDtls p {
  font-size: 20px;
  color: #0e203e;
  font-weight: bold; }

.serviceBookingDtlsBox ul li::after {
  position: absolute;
  content: "";
  height: 70%;
  width: 1px;
  background: #bebebe;
  right: 0px;
  top: 0px;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg); }

.serviceBookingDtlsBox ul li:last-child::after {
  display: none; }

.serviceCouponDtlsRow {
  background: #011e42;
  padding: 10px 15px;
  font-size: 17px;
  color: #fff;
  width: 100%;
  /*  float:left;*/
  border-bottom: 1px solid #2a4565;
  display: flex;
  align-items: center; }

.serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol {
  font-size: 14px;
  border-right: 1px solid #fff;
  width: 40%; }

.serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol img {
  vertical-align: middle; }

.serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol span {
  vertical-align: middle;
  padding-left: 8px;
  display: inline-block; }

.serviceCouponDtlsRow .serviceCouponCol.serviceCouponRightCol {
  width: 60%;
  padding-left: 15px; }

.serviceCouponNo {
  font-size: 22px;
  color: #fff;
  padding: 12px 0px;
  text-align: center;
  background: #00a651;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px; }

.sCouponDisclaimer {
  font-size: 17px;
  color: #011e42;
  margin-top: 30px;
  padding-left: 7%; }

.serviceUpdates h4 {
  margin-bottom: 15px; }

.serviceUpdates ul li {
  width: 33%;
  font-size: 17px;
  display: inline-block;
  font-weight: 600;
  position: relative; }

.serviceUpdates ul li.sStatusCompleted:after, .serviceUpdates ul li.sStatusProgress:after {
  position: absolute;
  content: " ";
  width: 29%;
  background: #6c798d;
  right: -10px;
  top: 53%;
  height: 2px;
  z-index: 2; }

.serviceUpdates ul li .sStatusIcon {
  width: 85px;
  height: 85px;
  position: relative;
  background: #d0e6f6;
  border-radius: 50%;
  display: inline-block;
  z-index: 2;
  display: inline-block;
  vertical-align: middle; }

.serviceUpdates ul li .sStatusIcon > img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  max-width: 50%;
  opacity: 0.7; }

.serviceUpdates ul li.sStatusProgress .sStatusIcon > img {
  opacity: 1; }

.serviceUpdates .sStatusIconImg {
  position: absolute;
  top: 50%;
  right: -5px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  display: none; }

.serviceUpdates ul li.sStatusCompleted .sStatusIconImg, .serviceUpdates ul li.sStatusProgress .sStatusIconImg {
  display: block; }

.serviceUpdates .sStatusTxt {
  color: #0a1f41;
  opacity: 0.5;
  display: inline-block;
  vertical-align: middle;
  padding-left: 15px; }

.serviceUpdates .sStatusTxt span {
  display: block;
  font-size: 80%; }

.serviceUpdates ul li.sStatusProgress .sStatusTxt {
  color: #0a1f41;
  opacity: 1;
  font-weight: 600; }

.ongoingService .commonServiceBg {
  -webkit-border-radius: 0px;
  border-radius: 0px; }

/*.serviceHistorySlide{
   -webkit-box-shadow: 0px -1px 17px -2px rgba(0,0,0,0.45);
-moz-box-shadow: 0px -1px 17px -2px rgba(0,0,0,0.45);
box-shadow: 0px -1px 17px -2px rgba(0,0,0,0.45);
}*/
.serviceHistoryContentWrap {
  width: 100%;
  float: left;
  padding: 15px 8%; }

.serviceHistoryContentBox.sHdateTime {
  width: 85%; }

.sHistoryTopBand {
  background: #ddf0f6;
  padding: 15px;
  font-size: 20px;
  color: #0e203e;
  width: 100%;
  font-weight: 600;
  float: left;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px; }

.sHistoryTopBand .sHtopBandLeftCol {
  width: 65%;
  float: left;
  border-right: 1px solid #b8cbd6;
  padding: 3px 0px 3px 15px;
  padding-left: 4%; }

.sHistoryTopBand .sHtopBandRightCol {
  width: 35%;
  float: left;
  padding: 3px 0px 3px 15px; }

/*.serviceHistoryContentWrap  .serviceFormBtn{
 margin-top:15px;
}*/
.serviceHistoryContentWrap .serviceBtnStyle2 a, .serviceViewParts .serviceBtnStyle2.serviceCloseBtn a {
  background: #fff;
  color: #0a1f41;
  border: 1px solid #0a1f41; }

.serviceHistoryContentWrap .serviceFormBtn span > span {
  display: inline-block;
  vertical-align: middle; }

.serviceTopMenuMobDisplay {
  display: none; }

@media (max-width: 1680px) {
  .servicePrimaryTabs ul li {
    font-size: 24px; }

  .currentServiceDtlsBox1 .currentServiceStatusDtls {
    font-size: 16px; }
  .currentServiceDtlsBox1 .currentServiceStatusHead {
    font-size: 14px; }
  .currentServiceDtlsBox1 h2 {
    font-size: 22px; }

  .currentServiceDtlsBox2 h4 {
    font-size: 16px; }
  .currentServiceDtlsBox2 .serviceProgressContent h5 {
    font-size: 14px; }
  .currentServiceDtlsBox2 .serviceProgressContent p {
    font-size: 14px; }

  .serviceHistoryContentBox h4 {
    font-size: 16px;
    font-size: 14px; }
  .serviceHistoryContentBox p {
    font-size: 14px; }

  .uServiceLeftBox p {
    font-size: 14px; }
  .uServiceLeftBox h4 {
    font-size: 20px; }

  .uServiceRightBox ul li {
    font-size: 14px; }

  .serviceVechileDtls p {
    font-size: 14px; }
  .serviceVechileDtls h3 {
    font-size: 20px; }
  .serviceVechileDtls h4 {
    font-size: 20px; }

  .serviceCouponDtlsBox2 .couponDtlsLeftBox {
    width: 60%; }
    .serviceCouponDtlsBox2 .couponDtlsLeftBox .couponInfo span {
      font-size: 14px; }
  .serviceCouponDtlsBox2 .couponDtlsRightBox {
    font-size: 14px;
    padding: 14px 15px; }

  .bookServiceWrap h3 {
    font-size: 20px; }
  .bookServiceWrap .serviceformFieldCol input[type="text"] {
    font-size: 15px; }
  .bookServiceWrap .serviceformFieldCol select {
    font-size: 15px; }

  .serviceHistorySlide {
    padding-bottom: 15px; }

  .serviceHistoryBtn {
    left: -1%; }

  .serviceCouponDtlsRow {
    font-size: 13px;
    padding: 10px; }

  .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol {
    font-size: 13px; }

  .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol {
    width: 43%; }

  .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol img {
    max-width: 18px; }

  .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol span {
    padding-left: 5px; }

  .serviceCouponDtlsRow .serviceCouponCol.serviceCouponRightCol {
    padding-left: 8px; } }
@media (max-width: 1439px) {
  .time {
    width: 40px;
    margin: 0 5px; }

  .mins {
    width: 40px;
    margin: 0 5px; }

  .meridian {
    width: 40px;
    margin: 0 5px; }

  .commonServiceWrap .btnDesignStyle2 {
    width: 270px; }

  .serviceViewParts {
    width: 90%;
    margin: 0px 5%; }

  .sBikeSelect select {
    font-size: 15px; }

  .serviceBookingDtlsBox .serviceBookingDtls h3 {
    font-size: 14px; }

  .serviceBookingDtlsBox .serviceBookingDtls p {
    font-size: 14px; }

  .serviceCouponDtlsRow, .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol {
    font-size: 13px; }

  .sHistoryTopBand {
    font-size: 17px; }

  .serviceThanksMsg p {
    font-size: 14px; } }
@media (min-width: 1200px) and (max-width: 1365px) {
  .serviceViewParts {
    width: 90%;
    margin: 0px 5%;
    width: 96%;
    margin: 0px 2%; }
    .serviceViewParts .serviceFormBtn a {
      padding: 10px 0px;
      width: 94%; }

  .commonServiceWrap .serviceViewParts .btnDesignStyle2 {
    width: 100%; }

  .serviceHistorySlider .slick-next {
    right: -15px; }
  .serviceHistorySlider .slick-prev {
    left: -15px; } }
@media (max-width: 1199px) {
  .bookServiceRightBox {
    padding: 0px 0px 0px 12%; }

  .currentServiceDtlsBox1 ul li {
    padding: 0px 3%; }

  .serviceCouponSlider .slick-prev {
    left: -3%; }
  .serviceCouponSlider .slick-next {
    right: 1%; }

  .serviceViewParts {
    width: 96%;
    margin: 0px 2%; }

  .time, .meridian, .mins {
    width: 30px; }

  .bookServiceWrap .serviceformFieldCol {
    width: 33%; } }
@media (max-width: 991px) {
  .bookServiceLeftBox {
    width: 100%; }

  .bookServiceRightBox {
    padding: 20px 0px 0px 0; }

  .servicePrimaryTabs ul li {
    font-size: 18px; }

  .commonSeviceTopBand .vehiclesIcon {
    width: 90px;
    margin-top: -24px; }

  .currentServiceDtlsBox1 .currentServiceStatusDtls {
    font-size: 14px; }
  .currentServiceDtlsBox1 ul li:last-child {
    padding-right: 0px; }

  .currentServiceDtlsBox2 h4 {
    font-size: 14px; }

  .serviceHistoryContentBox h4 {
    font-size: 14px; }
  .serviceHistoryContentBox p br {
    display: none; }

  .serviceSecondaryTabs ul li {
    font-size: 16px; }

  .serviceHistoryBtn {
    left: 0px;
    font-size: 14px; }
    .serviceHistoryBtn a {
      width: 252px; }

  .bookServiceForm {
    display: block; }

  .sButtonWrap .serviceFormBtn {
    width: 53%; }

  .sButtonWrap {
    position: static;
    padding: 0px 3%; }

  .sButtonWrap .serviceFormBtn a {
    width: 100%; }

  .sEstimateLeftCol {
    width: 100%; }

  .sEstimatedCalcWrap {
    width: 100%;
    position: relative;
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

  .sEstimatedCalcWrap:after {
    display: none; }

  .sEstimatedCalcWrap:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 30px; }

  .bookServiceWrap .serviceformFieldCol {
    width: 50%; }

  .serviceUpdates ul li {
    width: 32%;
    font-size: 14px; }

  .serviceUpdates ul li.sStatusCompleted:after, .serviceUpdates ul li.sStatusProgress:after {
    top: 39%; }

  .sBikeSelect {
    top: 0px; } }
@media (max-width: 767px) {
  .servicePrimaryTabs ul li {
    font-size: 14px;
    padding: 10px 2%; }

  .serviceSecondaryTabs ul li {
    font-size: 15px; }

  .commonSeviceTopBand .vehiclesIcon {
    display: none; }

  .serviceMinTabContent {
    padding-top: 10px;
    padding: 15px 15px; }

  .uServiceLeftBox {
    width: 100%;
    margin-bottom: 25px;
    text-align: left; }
    .uServiceLeftBox h4 {
      font-size: 20px;
      margin-bottom: 5px; }
    .uServiceLeftBox p {
      font-size: 14px; }

  .uServiceRightBox {
    width: 100%; }
    .uServiceRightBox ul li {
      font-size: 14px;
      font-weight: bold; }

  .commonServiceBg {
    padding: 20px 5% 40px 5%; }

  .bookServiceWrap .serviceformFieldCol50 {
    width: 100%;
    margin: 0px;
    padding-bottom: 15px; }
    .bookServiceWrap .serviceformFieldCol50:last-child {
      padding-bottom: 0px; }
  .bookServiceWrap h3 {
    font-size: 17px; }
  .bookServiceWrap .serviceformFieldCol {
    margin-top: 15px; }

  .serviceVechileDtls h3 {
    font-size: 17px; }
  .serviceVechileDtls h4 {
    font-size: 17px; }
  .serviceVechileDtls p {
    font-size: 14px; }

  .serviceCouponDtlsBox2 .couponDtlsLeftBox {
    padding: 10px 10px 0px 10px; }
    .serviceCouponDtlsBox2 .couponDtlsLeftBox .couponInfo span {
      font-size: 14px; }
  .serviceCouponDtlsBox2 .couponDtlsRightBox {
    font-size: 14px; }

  .currentServiceDtlsBox1 {
    padding: 30px 15px; }
    .currentServiceDtlsBox1 h2 {
      font-size: 18px; }
    .currentServiceDtlsBox1 .currentServiceStatusDtls {
      font-size: 13px; }
    .currentServiceDtlsBox1 .currentServiceStatusHead {
      font-size: 14px; }
    .currentServiceDtlsBox1 ul li {
      width: 50%;
      margin-bottom: 15px;
      padding-left: 0px; }
      .currentServiceDtlsBox1 ul li:nth-child(2n) {
        padding-left: 15px; }
        .currentServiceDtlsBox1 ul li:nth-child(2n):after {
          display: none; }
      .currentServiceDtlsBox1 ul li:after {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        right: 0px; }

  .currentServiceDtlsBox2 h4 {
    font-size: 13px; }
  .currentServiceDtlsBox2 .serviceProgressContent h5 {
    font-size: 14px; }
  .currentServiceDtlsBox2 .serviceProgressContent p {
    font-size: 14px; }
  .currentServiceDtlsBox2 ul li {
    margin-bottom: 15px;
    width: 100%; }

  .serviceHistoryContentBox h4 {
    font-size: 13px;
    font-size: 14px; }
  .serviceHistoryContentBox p {
    font-size: 14px; }

  .serviceRatingBox {
    text-align: center;
    padding: 45px 2% 0px 2%; }

  .serviceProgressDtlsBox:after {
    display: none; }

  .serviceHistoryBtn a {
    width: 230px; }

  .commonServiceWrap .btnDesignStyle2 {
    width: 278px; }
  .commonServiceWrap .serviceHistoryBtn .btnDesignStyle2 {
    width: 245px; }

  .serviceCouponWrap {
    padding: 0px; }

  .serviceCoupanSlide {
    padding-right: 0px; }

  .serviceCouponSlider .slick-next {
    right: -10px; }
  .serviceCouponSlider .slick-prev {
    left: -10px; }

  .serviceHistorySlider .slick-next {
    right: -10px; }
  .serviceHistorySlider .slick-prev {
    left: -10px; }

  .serviceViewParts {
    font-size: 14px;
    width: 94%;
    margin: 0px 3%; }

  .serviceHistoryBox {
    padding: 25px 0px; }

  .sButtonWrap .serviceFormBtn {
    width: 100%; }

  .sButtonWrap .serviceFormBtn a {
    width: 100%; }

  .sButtonWrap .serviceFormBtn {
    font-size: 13px; }

  .sButtonWrap .sBtnArrow img {
    max-width: 18px; }

  .serviceHistorySlide {
    margin-right: 0px; }

  .serviceHistorySlide {
    margin: 15px 0px 15px 0px; }

  .serviceHistorySlider {
    margin-left: 0px; }

  .sBikeSelect {
    top: 0px; }

  .uServiceRightBox ul li {
    font-weight: bold; }

  .serviceCoupanSlide {
    padding-right: 0.5%; }

  .serviceBookingDtlsBox ul li, .serviceBookingDtlsBox ul li:nth-child(2) {
    width: 100%;
    padding-left: 0px; }

  .serviceBookingDtlsBox ul li:after {
    display: none; }

  .serviceBookingDtlsBox ul li:first-child .serviceBookingDtls {
    width: 50%;
    position: relative;
    float: left; }

  .serviceBookingDtlsBox ul li:first-child .serviceBookingDtls:first-child:after {
    position: absolute;
    content: "";
    height: 70%;
    width: 1px;
    background: #bebebe;
    right: 0px;
    top: 0px;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg); }

  .serviceBookingDtlsBox ul li:first-child .serviceBookingDtls:last-child {
    padding-left: 5%; }

  .serviceUpdates ul li {
    margin-bottom: 15px;
    width: 100%; }

  .serviceUpdates ul li.sStatusCompleted:after, .serviceUpdates ul li.sStatusProgress:after {
    display: none; }

  .serviceTopMenuMobDisplay {
    display: block;
    font-size: 15px;
    background: url(../../rev-images/services/form-select-arrow-white.png) right center no-repeat;
    color: #fff;
    padding: 3px 25px 5px 15px;
    width: auto;
    float: left; }

  .servicePrimaryTabs {
    position: absolute;
    top: 37px;
    left: 0px;
    width: auto;
    z-index: 5;
    display: none; }

  .servicePrimaryTabs ul {
    background: #0a1f41;
    padding: 0px 15px; }

  .servicePrimaryTabs ul li {
    float: none;
    white-space: nowrap;
    border: none;
    /*color:#fff;*/ }

  .servicePrimaryTabs ul li.active:after {
    display: none; }

  .commonSeviceTopBand {
    padding: 10px 0px; } }
@media (max-width: 480px) {
  .bookServiceMainWrap .section-content {
    padding: 0px; }

  .serviceSecondaryTabs > ul {
    display: flex; }
    .serviceSecondaryTabs > ul li {
      text-align: center; }

  .uServiceLeftBox {
    width: 100%; }

  .sEstimatedCalcWrap .sPartsDtlsWrap ul li {
    font-size: 14px;
    width: 30%; }

  .sEstimatedCalcWrap .sPartsDtlsWrap ul li:first-child {
    width: 40%; }

  .sEstimatedCalcWrap .sPartsDtlsWrap ul.sPartsDtlsContent li:first-child {
    padding-left: 3%; }

  .sEstimatedCalcWrap {
    padding: 5px 0px; }

  .serviceCouponDtlsRow, .serviceCouponDtlsRow .serviceCouponCol.serviceCouponLeftCol {
    font-size: 12px; }

  .bookServiceWrap .serviceformFieldCol {
    width: 100%; }

  .bookServiceWrap h3 {
    font-size: 15px; }

  .bookServiceRightBox {
    right: 2%; }

  .sCouponDisclaimer {
    font-size: 13px;
    margin-top: 15px;
    padding-left: 4%; } }
@media (max-width: 374px) {
  .servicePrimaryTabs ul li {
    font-size: 13.5px; }

  .sEstimatedCalcWrap .sPartsDtlsWrap ul li {
    font-size: 12px; } }
@media (max-width: 359px) {
  .serviceTopMenuMobDisplay, .sBikeSelect select {
    font-size: 13px; } }
/*common button css to be merged in common css file*/
.angleButtonWrap {
  float: left;
  width: 100%;
  margin: 10px 0 0 0; }

.angleButtonWrap .button {
  float: left;
  width: auto;
  height: 40px;
  background: #fff;
  color: #0a1f41;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  transform: skew(-15deg, 0);
  position: relative; }

.angleButtonWrap .button a {
  color: #0a1f41;
  text-decoration: none;
  display: block;
  padding: 10px 40px;
  transform: skew(15deg, 0); }

.angleButtonWrap .button a i {
  display: inline-block;
  width: 12px;
  margin: 0 0 0 5px; }

.angleButtonWrap .button a i img {
  width: 100%; }

.angleButtonWrap .button::after {
  content: '';
  position: absolute;
  width: calc(100% + 10px);
  height: 25px;
  border: #fff solid 1px;
  left: -5px;
  top: 20px;
  z-index: -1; }

.testRideWrap .ridesSecondaryTabs {
  font-size: 20px;
  font-weight: bold; }

.testRideWrap .ridesSecondaryTabs ul {
  list-style: none; }

.testRideWrap .ridesSecondaryTabs ul li {
  float: left;
  padding-right: 7%;
  color: #a7a7a7;
  margin-right: 5%;
  width: auto; }

.testRideWrap .ridesSecondaryTabs ul li.active {
  color: #0a1f41; }

.testRideWrap .ridesSecondaryTabs ul li span {
  display: block; }

.testRideWrap .rideSelectBike {
  background: url(../../rev-images/services/ride-next-arrow-fade.png) right center no-repeat; }

.testRideWrap .rideSelectBike.active {
  background-image: url(../../rev-images/services/ride-next-arrow.png); }

.testRideWrap .rideSelectBikeContainer h2 {
  text-align: left;
  font-size: 18px;
  color: #0a1f41;
  text-transform: initial;
  font-weight: bold; }

.testRideWrap .testRideSlider {
  margin-top: 15px;
  margin-left: -5px;
  padding-bottom: 15px; }

.testRideWrap .testRideSlider .testRideSlide {
  width: 25%;
  position: relative;
  margin: 0px 0px 0px 10px;
  float: left; }

.testRideWrap .testRideBikeDtlsBox {
  background: #fff;
  padding: 30px 5% 10px 5%;
  text-align: center;
  margin-top: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 40px;
  position: relative; }

.testRideWrap .testRideProductLogo {
  text-align: center; }

.testRideWrap .testRideProductSelect {
  display: inline-block;
  text-align: center;
  width: 200px;
  margin-top: 7px;
  height: 30px; }

.testRideWrap .testRideProductImage {
  padding-bottom: 15px; }

.testRideWrap .testRideProductSelect select {
  float: left;
  width: 100%;
  font-size: 16px;
  border: 0;
  padding: 0 0 5px 0;
  background: transparent url(../../rev-images/services/select-icon2.png) 98% center no-repeat;
  background-size: 10px;
  border-bottom: #ced2d9 solid 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.testRideWrap .commonServiceBg {
  padding: 30px 2%; }

.testRideWrap .testRidePtxt {
  text-align: left;
  color: #aeaeae;
  font-size: 15px; }

.testRideWrap .bookRideTxt {
  font-size: 15px;
  color: #0a1f41;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 10%; }

.testRideWrap .bookRideTxt a {
  color: #0a1f41; }

.testRideWrap .bookRideTxt a, .testRideWrap .rideProductArrow a {
  display: block; }

.testRideWrap .rideProductArrow {
  position: absolute;
  right: 12.4%;
  bottom: 0px;
  width: 45px; }

.testRideWrap .rideProductArrow img {
  vertical-align: middle; }

.testRideWrap .testRideCurve {
  position: absolute;
  bottom: -35px;
  left: 0px; }

.testRideWrap .testRideSlider .slick-prev {
  left: -3.9%; }

.testRideWrap .testRideSlider .slick-next {
  right: -4.6%; }

.testRideWrap .rideSelectDealerWrap {
  padding: 30px 3%;
  display: flex;
  align-items: center; }

.testRideWrap .rideSelectDealerScreen .bookRideLeftCol {
  width: 42%;
  float: left;
  margin-right: 4%; }

.testRideWrap .bookRideModelDtlsBox .rideModelInfo h4 {
  font-size: 17px;
  color: #0e203e; }

.testRideWrap .bookRideModelDtlsBox .rideModelInfo select {
  font-weight: bold;
  font-size: 20px;
  background-image: url(../../rev-images/services/form-select-arrow.png);
  color: #0e203e; }

.testRideWrap .bookRideModelDtlsBox .rideModelBrochure a {
  font-size: 17px;
  color: #0e203e;
  text-decoration: underline; }

.testRideWrap .rideSelectDealerScreen .bookRideRightCol {
  width: 54%;
  float: right; }

.testRideWrap .bookServiceWrap .serviceformFieldCol {
  width: 50%; }

.testRideWrap .rideSelectDealerWrap .bookServiceThanks {
  position: relative;
  padding-bottom: 50px; }

/*rides box component css start*/
.ridesBoxComponentSlider {
  padding: 0px 0px;
  margin-left: -7.5px; }

.ridesBoxComponentSlide {
  padding-bottom: 15px;
  width: 33%;
  min-height: 415px;
  position: relative;
  margin-right: 30px;
  margin: 15px 15px 15px 15px;
  -webkit-box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 1px 8px -3px rgba(0, 0, 0, 0.75); }

.ridesBoxComponentContentWrap {
  width: 100%;
  float: left;
  padding: 15px 10%; }

.ridesBoxComponentContentBox {
  border-bottom: 4px solid #ddf0f6;
  margin-top: 12px;
  padding-bottom: 8px; }

.ridesBoxComponentContentBox p {
  font-size: 16px;
  color: #0e203e; }

.ridesBoxComponentContentBox p span {
  display: block; }

.ridesBoxComponentContentBox p strong {
  font-weight: bold; }

.ridesBoxComponentContentBox h3 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 6px; }

.ridesBoxComponentWrap .angleButtonWrap {
  margin-bottom: 10px; }

.ridesBoxComponentWrap .angleButtonWrap .button {
  font-size: 15px;
  text-align: center;
  width: 100%; }

.angleButtonWrap .button.sBlueBtn {
  background: #0a1f41;
  color: #fff;
  /* 0a1f41*/ }

.angleButtonWrap .button.sBlueBtn a {
  color: #fff; }

.angleButtonWrap .button.sBlueBtn::after {
  border-color: #0a1f41; }

.angleButtonWrap .button.sBlueBtn a i, .angleButtonWrap .button.sWhiteBtn a i {
  width: 18px;
  margin: 0 10px 0 0px;
  vertical-align: middle; }

.angleButtonWrap .button.sWhiteBtn::after {
  border-color: #0a1f41; }

.angleButtonWrap .button.sWhiteBtn {
  border: 1px solid #0a1f41; }

.angleButtonWrap .button.sWhiteBtn a::after {
  content: '';
  position: absolute;
  background: #fff;
  width: 100%;
  height: 1px;
  left: 0px;
  top: 20px;
  z-index: 1; }

.angleButtonWrap .button.sWhiteBtn a span {
  position: relative;
  z-index: 2; }

.ridesBoxComponentWrap .serviceRatingBox {
  padding: 10px 0px 0px 0px; }

.ridesBoxComponentWrap .serviceRatingBox h4 {
  font-size: 16px;
  color: #0e203e; }

.ridesBoxComponentWrap .ridesBoxComponentSlider .slick-next {
  background: url(../../rev-images/services/product-slider-next-image.png) left top no-repeat;
  right: -10px; }

.ridesBoxComponentWrap .ridesBoxComponentSlider .slick-arrow {
  height: 49px;
  width: 49px;
  z-index: 1; }

.ridesBoxComponentWrap .ridesBoxComponentSlider .slick-prev {
  background: url(../../rev-images/services/product-slider-prev-image.png) left top no-repeat;
  left: -10px; }

.ridesBoxCancelScreenWrap .ridesBoxCancelScreen1, .ridesBoxCancelScreenWrap .ridesBoxCancelScreen2 {
  padding-top: 15px; }

.ridesBoxCancelScreenWrap .ridesBoxCancelScreen1 p, .ridesBoxCancelScreenWrap .ridesBoxCancelScreen2 p {
  font-size: 16px;
  color: #0e203e;
  margin-bottom: 10px; }

.ridesBoxCancelScreenWrap .ridesBoxCancelScreen1 p a, .ridesBoxCancelScreenWrap .ridesBoxCancelScreen2 p a {
  color: #0e203e; }

/*rides box component css end*/
@media (max-width: 1680px) {
  .testRideWrap .testRideCurve {
    bottom: -30px; }

  .testRideWrap .rideProductArrow {
    right: 10.4%; }

  /*rides box component css start*/
  .ridesBoxComponentSlide {
    min-height: 400px; }

  .ridesBoxComponentContentBox p {
    font-size: 14px; }

  .ridesBoxComponentContentBox h3 {
    font-size: 16px; }

  .ridesBoxCancelScreenWrap .ridesBoxCancelScreen1 p, .ridesBoxCancelScreenWrap .ridesBoxCancelScreen2 p {
    font-size: 14px; }

  /*rides box component css end*/ }
@media (max-width: 1365px) {
  .testRideWrap .rideProductArrow {
    right: 9%; } }
@media (max-width: 1199px) {
  .testRideWrap .rideProductArrow {
    right: 10%; } }
@media (max-width: 991px) {
  .testRideWrap .testRideCurve, .testRideWrap .testRideCurve img {
    width: 100%; }

  .testRideWrap .testRideCurve {
    bottom: -36px; }

  .testRideWrap .rideProductArrow {
    right: 11.5%; }

  .testRideWrap .rideSelectDealerWrap {
    display: block; }

  .testRideWrap .rideSelectDealerScreen .bookRideLeftCol {
    width: 100%;
    margin-right: 0px; }

  .testRideWrap .rideSelectDealerScreen .bookRideRightCol {
    width: 100%;
    float: left;
    margin-top: 25px; } }
@media (max-width: 767px) {
  .testRideWrap .testRideCurve {
    bottom: -30px; }

  .testRideWrap .testRidePtxt {
    font-size: 13px; }

  .testRideWrap .testRideProductSelect {
    width: 150px; }

  .testRideWrap .ridesSecondaryTabs {
    font-size: 15px;
    font-weight: bold; }

  .testRideWrap .bookServiceWrap .serviceformFieldCol {
    width: 100%; }

  .ridesBoxComponentWrap .angleButtonWrap .button {
    font-size: 13px; }

  .ridesBoxComponentWrap .serviceRatingBox h4 {
    text-align: left; }

  .ridesBoxComponentWrap .ridesBoxComponentSlider .slick-arrow {
    width: 25px;
    height: 25px; }

  .ridesBoxComponentWrap .ridesBoxComponentSlider .slick-next {
    background-image: url(../../rev-images/services/product-slider-next-image-mob.png); }

  .ridesBoxComponentWrap .ridesBoxComponentSlider .slick-prev {
    background-image: url(../../rev-images/services/product-slider-prev-image-mob.png); } }
@media (max-width: 480px) {
  .testRideWrap .ridesSecondaryTabs {
    font-size: 12px; }

  .testRideWrap .rideProductArrow {
    right: 11%; } }
@media (max-width: 374px) {
  .testRideWrap .rideProductArrow {
    right: 10%; } }
@media (max-width: 359px) {
  .testRideWrap .ridesSecondaryTabs {
    font-size: 10px; } }

/*# sourceMappingURL=services-page.css.map */