.glance .mobile-glance-image {
  background: url(//ws.oneassist.in/static/portal_v2/images/glancemob.png) no-repeat center right;
  height: 55px;
  margin-top: -21px;
}

.checkoutBox {
  width: 100%;
  display: table;
  padding: 0px 0 36px 0;
  position: relative;
  min-height: 500px;
}
#headerCheckout nav {
  position: inherit;
  height: 56px !important;
  border-bottom: none;
}
#upinRecForm .upiOptionDiv,
#upinRecFormMand .upiOptionDiv {
  width: 30%;
  float: left;
  margin: 0 16px 0 0;
}
#upinRecForm .upiOptionDiv .walletRadioBtn,
#upinRecFormMand .upiOptionDiv .walletRadioBtn {
  width: 100%;
}
.flexDisplay {
  display: inline-block;
  clear: both;
  position: relative;
  top: 10px;
  width: 100%;
  padding: 12px 16px 12px;
  float: left;
  background: #ecf4fe;
  box-sizing: border-box;
}
.labelrs {
  padding-left: 32px;
  padding-bottom: 8px !important;
}
.label1rs {
  padding-bottom: 8px !important;
}
.disabledsection {
  opacity: 0.5;
  pointer-events: none;
}
.disabledsectionmadatory {
  pointer-events: none;
}

#deviceCheckBox {
  top: 2px !important;
}
.mobileView {
  display: none;
}
.errorBorder {
  border: 1px solid #e62a10 !important;
  box-shadow: 0 0 4px 0 #e62a10 !important;
}
.errorBorderParent input {
  border: 1px solid #e62a10 !important;
  box-shadow: 0 0 4px 0 #e62a10 !important;
}
#card_form input.ng-invalid {
  border: 1px solid #e62a10 !important;
  box-shadow: 0 0 4px 0 #e62a10 !important;
}
#deviceCheckBoxUPI {
  top: 2px !important;
}

.checkoutBox .progBox {
  position: fixed;
  z-index: 9;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  width: 175px;
  border-radius: 35px;
  text-align: center;
  padding: 10px 0;
  left: 0;
  right: 0;
  top: 55px;
  font-size: 17px;
  margin: 0 auto;
}
.sod-page header {
  display: block;
}
.ng-valid-parse ~ .active {
  color: #0282f0 !important;
}
.checkoutBox .leftSec {
  width: calc(60% - 20px);
  display: table-cell;
  float: left;
  padding: 24px 0 0;
}
.extendedWarrantyVisual {
  clear: both;
  padding: 0 0 20px;
}
.leftSec i,
.leftSecRev i {
  color: #959595;
}
.checkoutBox h2 {
  color: #212121;
  font-size: 18px;
  clear: both;
  font-weight: bold;
  margin: 10px 0 10px 0;
  float: left;
  width: 100%;
}

.checkoutBox h2.active {
  background: #fff;
  border: solid 1px #888f97;
  color: #212121;
  background: url(//ws.oneassist.in/static/portal_v2/images/greenTicCheck.png) no-repeat center
    right;
  padding: 14px;
}

.checkoutBox .rightSec {
  width: 40%;
  display: table-cell;
  float: right;
  padding: 24px 0 0;
  position: relative;
}
.padBottom {
  padding-bottom: 8px !important;
}

.jsMenuP .jsMenu {
  font-weight: bold;
  color: #212121;
}

.checkoutBox .rightSec .boxDiv,
.checkoutBox .rightSec .trailBox {
  position: fixed;
  max-width: 433px;
  top: 129px;
  z-index: 9;
}
.repairPrice {
  margin: 0;
  display: flex;
  padding: 20px 0;
}
.repairPrice div {
  width: 100%;
}
.repairPrice div:last-child {
  width: 50%;
}
.repairPrice div:last-child p {
  font-weight: bold;
}
.repairPrice div:last-child {
  text-align: right;
}
.grrenBgBox img {
  width: 20px;
  min-height: 20px;
  margin: 0 12px 0 0;
  padding: 0 !important;
}
.repairPrice div p {
  color: #212121;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 0 4px;
  border: none;
  margin: 0;
}
.repairPrice div p strike {
  opacity: 0.5;
  color: #212121;
}
.repairPrice div span {
  color: #808080;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 14px;
}
.grrenBgBox {
  border-radius: 4px;
  background-color: #45b448;
  padding: 8px 14px;
  color: #fff;
  display: flex;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  align-items: center;
}
.orderSummary {
  clear: both;
  background: #fff;
  padding: 16px;
  border-radius: 2px;
  box-shadow: 2px 2px 8px 0 rgb(33 33 33 / 12%);
  margin: 0 0 16px;
}
.orderSummary span {
  color: rgb(0 0 0 / 50%);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
}
.orderSummary .grrenBgBox span {
  color: #fff;
  font-size: 12px;
}
.orderSummary h4 {
  color: #212121;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
  padding: 0 0 4px;
  margin: 0;
}

.btnWidthFull {
  max-width:none !important; margin-top: 20px;
}

.orderSummary .submitBtn {
  margin: 24px 0 0;
  max-width: 100%;
}
.services-included-div .orderSummary span {
  color: rgb(0 0 0 / 50%);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  word-spacing: normal;
  font-weight: normal;
}
.secureImg {
  float: right;
  position: relative;
  right: -61px;
  width: 108px;
}
.topScroll {
  top: 16px !important;
  transition: all 0.8s ease 0s;
}

.slotBooking {
  width: calc(60% - 20px);
  padding: 58px 0 0 0;
}

.slotBookingContainer {
  padding: 16px;
}

.slotBookingHeader {
  color: #212121;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  margin: 45px 0 20px 0;
}

.slotBookingNoteText {
  color: #888f97;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  margin: 45px 0 0 0;
}

.slotBookingTextArea {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  height: 100px;
  width: 100%;
}

.slotBookingDateContainer {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
#slotList {
  display: block;
}
#slotList #slotDisplay {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.slotBookingDate {
  cursor: pointer;
  width: 100%;
  float: left;
  color: #212121;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  margin: 0 20px 0 0;
  padding: 16px 0;
  text-align: center;
}
#slotNotPresent {
  position: relative;
  top: -8px;
}
.slotBookingTime {
  cursor: pointer;
  float: left;
  width: calc(50% - 40px);
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 16px 0;
  margin: 0 20px 20px;
  color: #212121;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}

.slotBookingSelected {
  background-color: #0282f0;
  color: #ffffff;
}

.noteSec {
  float: left;
  width: calc(100% + 40px);
  margin: 24px 0 -9px -24px;
  padding: 12px 24px 0 24px;
  border-top: solid 1px #eee;
  font-size: 12px;
  color: #888f97;
}

.checkoutBox .rightSec .promoCode .boxDiv {
  margin-bottom: 20px;
}

.checkoutBox .rightSec .formField .input-field {
  float: none;
  margin-top: 15px;
  position: relative;
}

.checkoutBox .rightSec .boxDiv .totalDiv {
  padding-top: 0px;
  display: table;
  width: 100%;
  color: #212121;
  font-weight: bold;
}
.planValidityAdd {
  float: right;
}

.newFormField .mandatorySIRed {
  border: 1px solid #e62a10 !important;
  box-shadow: 0 0 4px 0 #e62a10 !important;
}
.flexContent {
  display: flex;
  justify-content: flex-start;
  padding: 8px;
  clear: both;
  border-radius: 4px;
  margin-bottom: 4px;
  background-color: hsl(36deg 100% 50% / 13%);
  position: relative;
}
.upiOptionDiv .flexContent::after {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  /* background: #fff2de; */
  top: -4px;
  transform: rotate(45deg);
  left: 52px;
}
.flexContent img {
  width: 18px;
  height: 18px;
  margin: 0 8px 0 0;
}
.flexContent span {
  color: #212121 !important;
  font-size: 12px !important;
  letter-spacing: 0;
  line-height: 18px;
  padding: 0 !important;
}
.promoCode {
  margin-top: 20px;
  float: left;
  width: 100%;
}

.checkoutBox .rightSec .promoCode {
  margin-top: 0px;
}

.mobilePromo {
  display: none;
}

.saveCard {
  height: 45px;
}

.checkoutBox input:-webkit-autofill {
  -webkit-box-shadow: 10px 0 1px 1000px #ffffff inset !important;
}

.boxDiv {
  margin-bottom: 16px;
  padding: 12px 20px;
  clear: both;
  float: left;
  width: 100%;
  border-radius: 2px;
  box-shadow: 0 1px 8px 0 rgba(179, 179, 179, 0.4);
  background-color: #fff;
}
.ammountDiv {
  padding: 16px 0 0;
}
.boxDiv p {
  border-bottom: solid 1px #d3d3d3;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.yourEncrypted {
  display: flex;
  padding: 10px 0;
}
.yourEncrypted .container {
  display: flex;
  align-items: center;
  justify-content: center;
}
.yourEncrypted i {
  color: #45b448;
  display: inline-block;
  margin: 0 14px 0 0;
}
.yourEncrypted span {
  color: #212121;
  font-size: 14px;
  line-height: 25px;
}
.boxDiv h3 {
  color: #212121;
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 4px 0;
  padding: 0;
  float: left;
  width: 100%;
  line-height: 30px;
}

.felxOne .jsApplianceDetails {
  font-size: 14px;
  color: #212121;
}
#viewDetailCardModal {
  display: none;
}

.flexBox {
  display: flex;
  flex-direction: column;
}

.felxOne {
  width: 60%;
}
.flexOnePadded {
  padding-bottom: 24px;
}
.flexBox .aplDetails {
  width: 40%;
  text-align: right;
}
.flexBox .greenClr {
  color: #45b448;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: right;
  display: block;
  clear: both;
}
.flexBox strike {
  color: #c30000;
  font-size: 12px !important;
  letter-spacing: 0;
  line-height: 20px;
  display: inline-block;
  margin: 0 4px 0 0;
}
.btnBox {
  width: 28%;
  float: left;
}
.pincodeText .jsUserName {
  font-size: 16px;
}
h4.topHeading {
  padding: 24px 0 0 !important;
  font-weight: bold;
  color: #212121;
  margin: 0;
  font-size: 18px;
}
.pinCodeBox .contactDetails a {
  color: #0282f0;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.pinCodeBox .contactDetails a:hover {
  text-decoration: none;
}
.pincodeText .jsUserName span {
  color: #212121;
}
.promoBtn {
  width: 110px;
  margin: 0 0 0 20px !important;
  line-height: 1.4 !important;
}

.promoText {
  float: left;
  width: calc(100% - 156px) !important;
}

.activeSec {
  background: #83bd2f !important;
  color: #fff !important;
  border: none !important;
  padding: 14px;
  border-radius: 2px;
}

.userDetailsBox {
  width: 100%;
  padding: 16px 24px;
  position: relative;
  float: left;
  box-shadow: 0 1px 8px 0 rgba(179, 179, 179, 0.4);
  background: #fff;
}
.tab_drawer_heading .material-icons {
  font-style: normal;
  color: #0282f0 !important;
  font-size: 28px;
  position: relative;
  left: 8px;
}
.webMarginTop {
  margin-top: 58px;
}
.centerDiv {
  width: 60%;
  margin: 0 auto;
}
.displayNone2 {
  display: none !important;
}
.userDetailsBox p {
  float: left;
  width: 100% !important;
  padding: 0;
  color: #212121;
  margin: 0 0 16px 0;
}

.userDetailsBox .select-wrapper {
  background: transparent;
}

.userDetailsBox .formField .input-field {
  margin-top: 0;
  clear: both;
  float: left;
  min-height: 24px;
  width: 100%;
}

.userDetailsBox .formField .firstName {
  float: left;
  width: 100%;
}

.userDetailsBox .formField .lastName {
  float: right;
  width: calc(50% - 20px);
}

.userDetailsBox .formField .input-field .radioBtnBox {
  width: auto;
  float: left;
  clear: none;
  margin: 0 30px 0 -5px;
}

.userDetailsBox .formField .input-field label.active {
  font-size: 0.7rem;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.userDetailsBox .submitBtn {
  margin-top: 20px;
}

.purchase-note {
  font-size: 14px;
  color: #9e9e9e;
  padding: 0;
  float: left;
  width: 100%;
  margin: -15px 0 0 0;
}

ul.paytabs {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 30%;
  border-right: solid 1px #888f97;
}

ul.paytabs li {
  float: left;
  margin: 0;
  cursor: pointer;
  clear: both;
  width: 100%;
  color: #212121;
  font-size: 20px;
  position: relative;
  height: 24px;
  padding-left: 40px;
  margin: 15px 0;
  background: url(//ws.oneassist.in/static/portal_v2/images/checkoutRadio.png) no-repeat 0 0;
}

ul.paytabs li:hover {
  color: #333;
  background: url(//ws.oneassist.in/static/portal_v2/images/checkoutRadio.png) no-repeat 0 -25px;
}

ul.paytabs li.active {
  display: block;
  background: url(//ws.oneassist.in/static/portal_v2/images/checkoutRadio.png) no-repeat 0 -50px;
}

.paytabs li span {
  display: inline-block;
  background: #f45e62;
  border-radius: 2px;
  font-size: 12px;
  padding: 4px;
  color: #fff;
  vertical-align: top;
  margin: 0 0 0 5px;
}

.changeUpi {
  cursor: pointer;
  float: right;
}

.changeUpi:hover {
  text-decoration: underline;
}

.walletRadioBtn {
  width: 30%;
  background: #fff;
  display: inline-block;
  margin: 0 8px 8px 8px;
  clear: both;
  border-radius: 2px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #888f97;
}
#tab7 .walletRadioBtn label {
  display: flex;
  align-items: center;
}
#tab7 .upiImg .nonflex {
  display: flex;
  align-items: center;
  padding: 10px 0;
  justify-content: center;
  white-space: nowrap;
}
.loderDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 240px);
}
.flexDisplay [type='checkbox'].filled-in:checked + label:after {
  top: 3px !important;
  border: 2px solid #0282f0;
  background-color: #0282f0;
}
.userDetailsBox [type='checkbox'] + label {
  font-size: 12px !important;
}
.flexDisplay [type='checkbox'].filled-in:checked + label:before {
  top: 3px !important;
}
.flexDisplay [type='checkbox'].filled-in:not(:checked) + label:after {
  top: 3px !important;
}

.walletRadioBtn {
  width: 30%;
  background: #fff;
  display: inline-block;
  margin: 0 8px 8px 8px;
  clear: both;
  border-radius: 2px;
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #888f97;
}

.walletRadioBtn:active {
  border: solid 1px #008df6;
}

.walletRadioBtn label {
  width: 100%;
  padding: 25px 0;
}

.walletRadioBtn [type='radio'] + label:after,
.walletRadioBtn [type='radio'] + label:before {
  top: 14px !important;
  left: 8px;
}

.walletRadioBtn label img {
  position: absolute;
  top: 10px;
  left: 36px;
  width: 80px;
  height: 30px;
}

.upiDivBox h4 {
  font-size: 16px;
  font-weight: normal;
  color: #212121;
  margin-top: 0px;
  clear: both;
}

.upiImg {
  width: 118px;
  height: 50px;
  cursor: pointer;
  background: #fff;
  float: left;
  text-align: center;
  border-radius: 4px;
  border: solid 1px #888f97;
  margin: 0 8px 16px;
}

.upiImg img {
  padding: 8px 12px;
}

.upiPartner span {
  font-size: 14px;
  font-weight: 500;
  color: #008df6;
  display: block;
  clear: both;
  padding-top: 24px;
  cursor: pointer;
}
.blurtheImage {
  opacity: 0.1 !important;
  transition: 300ms;
}

/* Animation Start */

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 3px;
  stroke-miterlimit: 10;
  stroke: #52bb7e;
  fill: none;
  animation: stroke 1s cubic-bezier(0.65, 0, 0.45, 1) infinite;
}

.checkmark {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  display: block;
  stroke-width: 3px;
  stroke: #fff;
  stroke-miterlimit: 10;
}
.successGreenTick svg {
  margin: 0 auto;
}
.successGreenTick {
  padding: 0 0 32px;
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 55;
  stroke-dashoffset: 55;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

.successCheck {
  animation:
    fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 50px #52bb7e;
  }
}

.checkmark__circleCencel {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fad4cf;
  fill: none;
  animation: strokeCencel 0.9s cubic-bezier(0.65, 0, 0.45, 1) infinite;
}
.checkmarkCencel {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.checkmark__checkCencel {
  transform-origin: 50% 50%;
  stroke-dasharray: 29;
  stroke-dashoffset: 29;
  animation: strokeCencel 0.9s cubic-bezier(0.65, 0, 0.45, 1) 1.5s forwards;
}
.cancelCheck {
  animation:
    fillCencel 0.4s ease-in-out 0.4s forwards,
    strokeCencel 0.3s ease-in-out 0.9s both;
  border-radius: 50%;
  display: block;
  stroke-width: 3px;
  stroke: #e62a10;
  stroke-miterlimit: 10;
}

@keyframes strokeCencel {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scaleCencel {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fillCencel {
  100% {
    box-shadow: inset 0px 0px 0px 50px #fad4cf;
  }
}

/* Animation End */

.enterUPI span {
  font-size: 14px;
  font-weight: 500;
  padding-top: 8px;
  color: #7e7e7e;
  display: block;
  float: left;
  width: 100%;
  clear: both;
}

.enterUPI span i {
  font-size: 14px;
  vertical-align: middle;
  padding-right: 4px;
  font-weight: bold;
}
.cyanBg span {
  font-weight: bold;
}

.enterUPI span .upiDataDiv {
  max-width: 75%;
  float: left;
}

.invalidUPI {
  font-size: 14px;
  font-weight: 500;
  color: #ef5350;
}
.invalidupiRed {
  font-size: 14px;
  font-weight: 500;
  color: #ef5350 !important;
}

.inputUpiImg {
  position: absolute;
  top: 28px;
  right: 8px;
  background: #fff;
}
.dataList {
  padding: 12px !important;
  display: block;
  text-align: left;
}
.pincodeText i {
  display: none;
}
.pincodeText font {
  opacity: 0.5;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
}
.dataList ul {
  margin: 0;
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 0 16px;
}
.dataList ul li {
  list-style-type: disc !important;
}
.cyanBg {
  clear: both;
  padding: 8px 8px 8px 38px;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0;
  line-height: 18px;
  text-align: left;
  width: 100%;
  background: url(//ws.oneassist.in/static/portal_v2/images/Group27168.png) no-repeat 8px 8px
    rgb(250, 250, 250);
}
.sod-page {
  width: 100%;
}
.dataList span {
  padding: 4px 0 0;
  color: #888f97;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}
.autoRenewheader {
  color: #212121;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0 0 0 8px;
  justify-content: left;
  display: inline-block;
  vertical-align: middle;
}
#upiid_form .inputUpiImg img {
  width: 88px;
}
/* #nonEnable  .upiradiobutton img{
  width: 107px;
  height: 45px;
}piradiobutton img{
  width: 107px;
  height: 45px;
} */

.inputUpiImg img {
  float: left;
}

.inputUpiImg span {
  font-size: 14px;
  font-weight: bold;
  color: #82be2f;
  padding-right: 12px;
  float: left;
}
/* .noimage{
  font-size: 14px !important;
  font-weight: normal;
  padding: 8px
} */

.verifiedUPI {
  font-size: 14px;
  font-weight: bold;
  color: #82be2f;
  padding-right: 12px;
  float: left;
}
.verifiedUPI i {
  color: #82be2f !important;
}
.enterUPI {
  position: relative;
  float: left;
  width: 100%;
}

.upiradiobutton:before {
  content: none !important;
}

#tab5 .select-wrapper span.caret {
  bottom: 0;
}

.emiPay {
  float: left;
  width: 100%;
  text-align: center;
}

label.upiradiobutton {
  padding-left: 0 !important;
}

.walletRadioBtn.ng-scope.selected {
  border: solid 1px #008df6;
}

.walletRadioBtn.selected {
  border: solid 1px #008df6;
}

.upiCheck {
  margin-top: 14px;
  float: left;
  width: 100%;
}

.upiCheck [type='checkbox'] + label {
  line-height: 20px;
}

.upiCheck label {
  font-size: 12px;
  font-weight: 500;
  color: #808080;
}

.PayDiv {
  width: 360px;
  height: auto;
  border-radius: 4px;
  background: #fff;
}

.PayDiv h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.44;
  color: #404040;
  margin: 0;
  padding: 0 0 30px;
}
.progressBar {
  background: rgb(216 216 216 / 20%);
  border: 1px solid rgb(151 151 151 / 20%);
  padding: 12px;
}
.lineDiv {
  height: 2px;
  background: #bdbdbd;
  position: relative;
}
.lineDiv span {
  position: absolute;
  top: -1px;
  display: inline-block;
  height: 4px;
}
.progressBar .blueBg {
  background: #2370da;
  left: 0;
}
.flexContent2 {
  display: flex;
  font-size: 12px;
  padding: 4px 0 0;
}
.flexContent2 div:first-child {
  width: 60%;
  padding: 0 16px;
}

.lineDiv span::after {
  content: '';
  height: 12px;
  width: 4px;
  background: #0282f0;
  top: -4px;
  z-index: 9;
  position: absolute;
}
.lineDiv span::before {
  content: '';
  height: 12px;
  width: 4px;
  background: #0282f0;
  top: -4px;
  z-index: 9;
  right: 0;
  position: absolute;
}
.lineDiv span.greenBg::before {
  background: #45b448;
}
.lineDiv span.greenBg::after {
  background: #45b448;
}
.flexContent2 div:last-child {
  width: 40%;
  padding: 0 16px;
}
.flexContent2 p {
  padding: 4px 0 0;
  color: #212121;
  margin: 0;
}
.flexContent2 span {
  color: #aaa;
}
.progressBar .greenBg {
  background: #45b448;

  right: 0;
}
.progressBar .greenBgew {
  background: #45b448;
  width: 50%;
  right: 0;
}
.progressBar .greyBgew {
  background: #989b98;
  width: 50%;
  right: 0;
}
.lineDiv span.greenBgew::before {
  background: #45b448;
}
.lineDiv span.greenBgew::after {
  background: #45b448;
}
#blueColourWidth {
  width: 60%;
}
#greenColourWidth {
  width: 40%;
}

.slotAvailable img {
  width: 16px;
  margin: 0 8px 0 0;
  min-height: 16px;
}
.mainPad label {
  margin: 0px;
  color: #979797;
  width: 90%;
  padding: 0px 0px 35px 15px;
  display: inline-block;
}

.PayDiv .rightBor {
  border-left: 1px solid #97979712;
  position: relative;
  left: -15px;
  padding-left: 30px;
}

.PayDiv span {
  display: inline-block;
  width: 26px;
  text-align: center;
  height: 26px;
  color: #808080;
  background: #fff;
  position: relative;
  font-size: 14px;
  border-radius: 50px;
  vertical-align: top;
  border: 1px solid #979797;
  z-index: 1;
}

.modal-content em {
  display: block;
  width: 2px;
  position: absolute;
  height: 53px;
  top: -53px;
  left: 13px;
  opacity: 0.1;
  border-left: 1px solid #979797;
}

.posRel {
  position: relative;
}

.modal-content > .bottomInfo span {
  display: block;
  font-size: 12px;
  padding: 0 0 8px;
  height: 20px;
  width: 100%;
  margin: 15px 0 0;
  border: none;
  border-radius: 0;
}

.PayDiv i {
  float: right;
  padding: 10px 8px 0 0;
}

.modal-content > .bottomInfo a {
  display: block;
  text-align: center;
  padding: 14px 0 0;
}

.PayDiv .modal-content {
  padding: 20px 0px;
}

.mainPad {
  padding: 0px 36px 0px 20px;
}

.tab_container {
  float: left;
  width: 100%;
  /*min-height: 110px;*/
}

.insufficentBalance {
  color: #f54242;
  font-size: 12px;
  padding: 2px;
}

.refreshButton {
  padding-left: 8px;
}
.footerJs .modal-overlay {
  z-index: 100 !important;
}
.flexDiv {
  display: flex;
  align-items: center;
}

.flexDiv div {
  width: 100%;
}

.flexDiv div:last-child {
  text-align: right;
}

.loaderPos {
  display: flex;
  align-items: center;
  justify-content: center;
}

.loaderPos img {
  width: 30px;
}

.fetchBalanceLoader {
  justify-content: center;
  align-items: center;
}

.tab_drawer_heading {
  border-top: 1px solid rgb(149 149 149 / 20%);
  margin: 0 !important;
  padding: 20px 24px;
  position: relative;
  display: flex;

  cursor: pointer;
  /*float: left;*/
  width: 100%;
  clear: both;
  color: #212121;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
}

.tab_drawer_heading em {
  color: #959595;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  width: 100%;
  float: left;
  clear: both;
}

.tab_drawer_heading:first-child {
  border-top: unset;
}

.tab_drawer_heading .icon-down-open-big {
  display: block;
  font-size: 12px;
  color: #888f97;
}

.tab_drawer_heading i {
  float: right;
  color: #959595 !important;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 18px;
}
.seeAccept {
  color: #0281f1;
  padding: 0 0 20px;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 15px;
  cursor: pointer;
}
#supprtedCardModal h4 {
  color: #212121;
  font-size: 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  background-color: #f6f6f6;
  margin: 0;
  padding: 16px;
}
#supprtedCardModal .body table td:last-child img {
  margin: 0 8px 0 0;
}
#debitCardList,
#creditCardList {
  padding: 0 16px;
  padding: 0 16px;
  height: 85%;
  overflow-x: auto;
}
#supprtedCardModal .body table th:first-child {
  width: 53%;
}
#supprtedCardModal .body {
  padding: 0 0 16px;
  height: 480px;
}
#supprtedCardModal .tabs {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  height: auto;
  margin: 0 0 24px;
  border-bottom: 1px solid #e0e0e0;
}
#supprtedCardModal .tabs li {
  width: 100%;
  text-align: center;
  height: auto;
}
#supprtedCardModal .tabs .tab a {
  padding: 13px 0;
  color: #888f97 !important;
  font-size: 14px;
  text-transform: none;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
}
#supprtedCardModal .tabs .tab a.active {
  border-bottom: 2px solid #0282f0;
  color: #0282f0 !important;
}
#supprtedCardModal .body table {
  width: 100%;
  border: 1px solid rgba(179, 179, 179, 0.25);
}
#supprtedCardModal {
  width: 420px !important;
  border-radius: 4px;
}
#supprtedCardModal i {
  color: #757575;
  float: right;
  cursor: pointer;
  font-size: 20px;
}
#supprtedCardModal .body table th {
  padding: 12px 16px;
  opacity: 0.75;
  color: #212121;
  background: #f6f6f6;
  border: 1px solid rgba(179, 179, 179, 0.25);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 16px;
}
#supprtedCardModal .body table td {
  padding: 12px 16px;
  color: #212121;
  font-size: 12px;
  border: 1px solid rgba(179, 179, 179, 0.25);
  letter-spacing: 0;
  line-height: 16px;
}
#supprtedCardModal h6 {
  opacity: 0.75;
  color: #212121;
  padding: 24px 0 12px;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  margin: 0;
}
#supprtedCardModal table td img {
  width: 32px;
}
.tab_drawer_heading.d_active {
  border-radius: 4px;
  background-color: rgba(2, 130, 240, 0.08);
  margin: 0;
  border-top: unset;
  padding: 20px 24px;
  clear: both;
}
#tab13 small{
      color: #959595;
    font-style: normal;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
}
.qrCodePay {
  display: flex;
  flex-direction: column;
}
.innerQrSec {
  display: flex;
  margin: 0;
  flex-direction: column;
}
.qrCodePay {
  padding: 8px 0px 8px 0;
}
.qrCodePay h6 {
  margin: 0;
  padding: 0 0 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 22px;
  color: #212121;
}
.qrCodePay p {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #212121;
  opacity: 0.6;
  padding: 0 0 12px;
  width: 80%;
  margin: 0;
}
.qrCodePay span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  line-height: 22px;
  color: #212121;
  margin: 8px 0 0 0;
}

.qrCodePay span a{cursor: pointer;}


.qrCodePay span small {
  margin: 0 6px;
}
.qrCodePay small {
  font-weight: 400;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  color: #d85b00;
}
.qrCodeBg .qrCodeWidth {
  width: 108px;
}
/* #qrcodestartexp,#timerqr{
  display: none;
} */
.qrCodeBar button {
  width: 196px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.qrCodeBar {
  display: flex;
  justify-content: center;
  margin: 24px 0 0 0;
  flex-direction: column;
  align-items: center;
}
.qrCodeBg {
  background: url('//ws.oneassist.in/static/portal_v2/images/corners.svg');
  background-size: cover;
  width: 128px;
  height: 128px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  transition: 300ms;
}
.qrCodeBg button {
  position: absolute;
  width: 196px;
}
.qrCodePay small {
  margin: 0;
}
.payment-option {
  background-image: url(//ws.oneassist.in/static/portal_v2/images/card-small.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 280px !important;
  background-position: 0 0;
  height: 25px;
}

.card-label {
  white-space: nowrap;
  margin-bottom: 35px;
}

.qrCodePay p.refreshPayment {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 24px 0 0px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  opacity: 1;
  color: #212121;
  opacity: 1;
}
.qrCodePay p.refreshPayment a {
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #0281f1;
  display: inline-block;
  margin: 0 0 0 6px;
}

.qrCodePay .orImg {
  display: block;
  margin: 0 auto;
  padding: 36px 0;
  width: 100%;
}

.tab_container .input-field {
  width: 100%;
  clear: both;
  float: left;
  margin-top: 15px;
}

.tab_content {
  position: relative;
  float: left;
  width: 100%;
  padding: 16px 24px 0;
}
#tab9 {
  margin: 16px 16px 0;
}
#tab9 p {
  color: #000000;
  font-size: 14px;
  letter-spacing: 0;
  padding: 0 8px 6px;
  margin: 0;
  line-height: 26px;
}
.payLaterTip {
  color: #45b448;
  border: 1px solid #45b448;
  margin: 0 8px 24px;
  padding: 4px 8px;
  display: inline-block;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 12px;
}
.walletRadioBtn label .lazypayImage {
  top: 19px;
  width: 100px;
  height: auto;
}
.tab_content .select-wrapper {
  background: transparent;
  float: left;
  width: 100%;
}

.loaderDivPayment {
  width: 100%;
  text-align: center;
  margin: 70px 0 0 0;
}

.paymentSecLoader {
  margin: 40px 0px;
}

.netBanking {
  width: 600px;
}

.netBanking md-autocomplete {
  background: none;
}

.netBanking md-autocomplete-wrap input[type='search']:focus {
  background: none;
}

.netBanking .select-wrapper {
  background: transparent;
}

.totalOrderAmount {
  text-align: center;
  color: #212121;
  margin: 20px 0 0 0;
  float: left;
  width: 100%;
}

.cntMob .submitBtn {
  height: 48px !important;
  width: 100%;
  max-width: 100%;
  box-shadow: 0 2px 12px 0;
  margin: 24px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sod-discount .cntMob .submitBtn {
  margin: 8px 0 0;
}
.cntMob .loading .spinner {
  margin-top: -12px;
}
.cntMob .loading .makepaymentSpin {
  margin-top: 0px;
}

.cntMob {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0px 0px 24px;
}

.cntMob .error {
  float: left;
}

.imei {
  color: #aaaaaa;
  font-weight: 300;
  font-size: 15px;
  position: absolute;
  left: 20px;
  top: 0;
}

.creditCard {
  max-width: 450px;
}

.creditCard .formField .input-field {
  width: 100%;
  float: left;
  height: 100px;
  margin: 0;
}

.cvvToolTip {
  position: absolute;
  right: 0;
  bottom: 10px;
}

.cvvTip {
  background: none;
  border: none;
  padding: 0;
}

.toolTipImg {
  position: absolute;
  padding: 0;
  margin: 0;
  display: none;
  top: 0;
  z-index: 1;
  width: 129px;
  top: 7px;
  right: -2px;
}

.formField .input-field i {
  position: absolute;
  right: 0;
  top: 12px;
  cursor: pointer;
}

.showhim {
  position: relative;
  top: 0;
  float: right;
  margin: 0 2px 0 0;
}

.showhim i {
  font-size: 16px;
  position: absolute;
  right: -2px;
  top: -2px;
}

.showhim:hover .toolTipImg {
  display: block !important;
  z-index: 99;
}

.radioBtnBoxNetBank {
  display: inline-block;
  margin: 10px 0 10px -5px;
  width: 33%;
  vertical-align: text-top;
}

.radioBtnBoxNetBank [type='radio']:not(:checked) + label,
.radioBtnBoxNetBank [type='radio']:checked + label {
  padding-left: 25px;
}

.radioBtnBoxNetBank [type='radio'] + label:before,
.radioBtnBoxNetBank [type='radio'] + label:after {
  margin-top: 7px;
}

.actYourMember {
  width: 100%;
  float: left;
  padding: 0px 16px;
}
.zestUpi [type='radio']:not(:checked) + label {
  height: auto;
  width: auto;
  line-height: 0;
}
.zestUpi .upiImg img {
  height: 30px;
  padding: 0;
}
.zestUpi .upiImg {
  margin: 0;
  width: 145px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 16px;
}
.actYourMember h1 {
  margin: 40px 0 20px 0;
  color: #565656;
  font-weight: bold;
  font-size: 40px;
}

.actYourMember h1 i {
  font-weight: 300;
  color: #83be2f;
  margin: 0 20px 0 0;
}

.mid-container {
  max-width: 620px;
  margin: 0 auto;
  padding: 40px 0 40px 0;
  text-align: center;
}

.preExcessWithCloseSuccess .mid-container {
  padding: 100px 0 40px 0;
  max-width: 420px;
}

.preExcessWithCloseSuccess .payment-success {
  color: #65b256;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.preExcessWithCloseSuccess .ptext {
  color: #212121;
  text-align: center;
  margin: 20px 0 0 0;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.preExcessWithCloseSuccess .actionDivBox {
  display: flex;
  justify-content: center;
  margin: 150px 0 70px 0;
}

.preExcessWithCloseSuccess .idBlueBtn {
  border-radius: 40px;
  max-width: 360px;
  color: #fff;
  padding: 14px 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  background: #3d8bee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preExcessWithCloseSuccess .idBlueBtn img {
  margin: 0 0 0 18px;
}

.preExcessWithCloseFailure .submitBtn {
  border-radius: 40px;
  max-width: 360px;
  color: #fff;
  padding: 14px 0;
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  background: #3d8bee;
  display: flex;
  align-items: center;
  justify-content: center;
}

.preExcessWithCloseFailure .submitBtn img {
  margin: 0 0 0 18px;
}

.preExcessWithCloseFailure .paymentStatus {
  position: relative;
  width: 100%;
  padding: 100px 0 50px 0;
  float: left;
  margin: 0;
  text-align: center;
}

.preExcessWithCloseFailure .paymentStatus .msg h3 {
  color: #e62a10;
  margin: 46px 0 20px 0;
  text-align: center;
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

.preExcessWithCloseFailure .paymentStatus .msg p {
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.preExcessWithCloseFailure .paymentStatus .msg {
  max-width: 420px;
}

.preExcessWithCloseFailure .nxtBtnDiv {
  display: flex;
  justify-content: center;
  margin: 150px 0 0 0;
}

.paymentStaus {
  max-width: 330px;
  margin: 0 auto;
  text-align: center;
  font-weight: 700;
}

.paymentStaus img {
  float: left;
  width: auto;
}
.flexDisplay2 div img {
  width: 20px !important;
}
.flexDisplay2 div:first-child {
  height: 36px;
  width: 36px;
  border: 1px solid rgba(147, 152, 160, 0.24);
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.paymentStaus i {
  font-size: 26px;
  float: initial;
  margin: -2px 6px 0 0;
  display: inline-block;
  vertical-align: middle;
}
.actYourMember .font-16 {
  color: #212121;
  float: left;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  margin: 24px 0 0 0;
  padding: 0;
}

.paymentStaus span {
  float: left;
  width: auto;
  margin: 0;
  display: block;
  width: 100%;
}

.payment-success {
  color: #45b448;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 29px;
}

.font-16 {
  width: 100%;
  float: left;
  text-align: center;
  margin: 25px 0;
  font-size: 16px;
  padding-bottom: 10px;
  color: #212121;
}
.newRenew {
  width: 100%;
  float: left;
  text-align: center;
  margin: 25px 0 0px;
  font-size: 16px;
  padding-bottom: 10px;
  color: #212121;
}
.borderInfo {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  background-color: #ffffff;
  padding: 0 24px 24px 24px;
}
.actYourMember .borderInfo h3 {
  color: #212121;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
  border-radius: 8px 8px 0 0;
  background-color: #e4f4ff;
  padding: 12px 0;
  margin: 0 0 0 -24px;
  float: left;
  width: calc(100% + 48px);
}

.borderInfo ul li {
  color: #808080;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
}
.actYourMember .borderInfo p {
  color: #404040;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}
.actYourMember .borderInfo .actYourMember .submitBtn {
  padding: 8px 30px;
  width: 292px;
  margin: 24px 0 0;
  font-size: 14px;
}
.actYourMember .borderInfo h6 {
  color: #212121;
  float: left;
  width: 100%;
  margin: 24px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 22px;
  padding: 0;
  text-align: center;
}
.ptext {
  width: 100%;
  float: left;
  color: #212121;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  padding: 0;
  margin: 16px 0 32px 0;
}

.actSecDivBox {
  float: left;
  width: 100%;
  clear: both;
}

.actSecDivBox h3 {
  font-size: 19px;
  font-weight: bold;
  color: #212121;
  margin: 20px 0 0 0;
  padding: 0;
}

.actSecDivBox p {
  color: #888f97;
  padding: 0;
  margin: 0;
}

.actSecDivBox ul {
  float: left;
  width: 100%;
  clear: both;
  padding: 0;
  margin: 16px 0 0 0;
}

.actSecDivBox ul li {
  background: url(//ws.oneassist.in/static/portal_v2/images/greenTic01.png) no-repeat 0 4px;
  padding: 7px 0 6px 20px;
  margin: 0px 12px 12px 0;
  display: inline-block;
  vertical-align: middle;
  color: #212121;
}
.borderInfo ul li {
  color: #212121;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 8px;
  padding: 0 0 0 28px;
  display: inline;
}
.hdfcBg {
  clear: both;
}
.hdfcBg p {
  color: #404040;
  margin: 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  width: 360px;
  margin: 0 auto;
}
.hdfcBg span {
  color: #404040;
  font-size: 12px;
  letter-spacing: 0;
  display: block;
  line-height: 16px;
  text-align: left;
}
.contSec {
  width: 100%;
  float: left;
  margin: 0px 0 50px;
}
.flexDisplay2 div:first-child {
  margin: 0 8px 0 0;
}
.flexDisplay2 {
  display: flex;
  justify-content: center;
  min-width: 134px;
  margin: 0 auto;
  align-items: center;
  padding: 8px 0 32px;
}
.contSec h2 {
  color: #404040; /*#212121;*/
  font-size: 12px; /*14px;*/
  font-weight: bold; /*normal;*/
  letter-spacing: 0;
  line-height: 18px; /*22px*/
  /* added */
  text-align: center;
  margin: 36px 0 0 0;
}
.contSec h2 span {
  font-weight: bold;
}

.contSec h4 {
  font-size: 19px;
  font-weight: bold;
  color: #212121;
  margin: 0 0 5px 0;
}

.contSec p {
  margin: 5px 0 0 0;
}

.bullet li {
  background: url(//ws.oneassist.in/static/portal_v2/images/redBull.png) no-repeat 0 10px;
  color: #212121;
  padding: 0 0 0 20px;
  margin: 10px 0 0 0;
}

.altText {
  color: #888f97;
  text-align: left;
  margin: 0 0 30px 0;
  float: left;
  width: 100%;
  clear: both;
  padding: 0;
  font-weight: normal;
  font-size: 16px;
}
.reviewOrder {
  display: flex;
  padding: 16px;
  box-shadow: 2px 2px 8px 0 rgb(33 33 33 / 12%);
}
.reviewOrder span:first-child {
  cursor: pointer;
}
.reviewOrder .topHead {
  display: inline-block;
  margin: 0 0 0 16px;
  color: #212121;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
}
.paymentstatusImg {
  width: 100%;
  float: left;
  text-align: center;
}

.paymentStatusText {
  width: 100%;
  float: left;
  margin: 20px 0 0 0;
  text-align: center;
  color: #404040;
}

.paymentStatusText h4 {
  width: 100%;
  float: left;
  margin: 8px 0 0 0;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.11;
  margin: 0 0 24px 0;
  padding: 0;
  text-align: center;
}

.paymentStatus {
  position: relative;
  width: 100%;
  padding: 50px 0;
  float: left;
  margin: 0;
  text-align: center;
}

.paymentStatus .msg {
  width: 600px;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.paymentStatus .msg h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 32px 0 24px;
  padding: 0;
  text-align: center;
  float: left;
  width: 100%;
}

.paymentStatus .msg p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  text-align: center;
  clear: both;
  margin: 0;
}
.paymentStatus .redText {
  display: inline-block;
  padding: 12px 0 0;
}
.paymentStatus .msg p a:hover {
  text-decoration: underline;
}

.faildIcon {
  font-size: 45px;
}

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

.addBanner {
  width: 100%;
  float: left;
  margin: 40px 0 0 0;
}

.addBanner h4 {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  color: #000;
  font-size: 17px;
  font-weight: 600;
}

.addBanner ul {
  width: 100%;
  float: left;
}

.addBanner ul li {
  width: 100%;
  float: left;
  font-size: 12px;
  clear: both;
  color: #212121;
  margin: 10px 0 0 0;
  padding: 0 0 0 20px;
  background: url(//ws.oneassist.in/static/portal_v2/images/redBull.png) no-repeat 0px 5px;
}

.productOffer {
  margin: 20px 0;
  clear: both;
  width: 100%;
  float: left;
}

.downloadApp {
  width: 100%;
  float: left;
  text-align: left !important;
}

.downloadApp h3 {
  font-size: 27px;
  color: #6a6969;
  font-weight: 600;
  margin: 0 0 20px 0;
}

.downloadApp img {
  margin: 0 10px 0 0;
}

.successIcon {
  background: url(//ws.oneassist.in/static/portal_v2/images/home-appliances/whc/checkbox.png)
    no-repeat 0 0;
  margin: 0 15px 0 0;
  padding: 7px 18px;
}

.mobileViewPaymentOption {
  display: none;
}

.mobileViewPaymentOption ul {
  padding: 0;
  margin: 0;
}

.mobileViewPaymentOption ul li {
  border: none;
  padding: 0;
}

.mobileViewPaymentOption ul li .collapsible-header {
  padding: 0;
  color: #333333;
}

.mobileViewPaymentOption ul li .collapsible-body {
  border-bottom: none;
  background: #f6f6f6;
  float: left;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.mobileViewPaymentOption ul li .collapsible-body .formField .input-field {
  margin-top: 20px;
}

.mobileViewPaymentOption ul li .collapsible-body .submitBtn {
  margin-top: 25px;
}

.boxDiv #planName {
  text-transform: uppercase;
}

.planList {
  width: 100%;
  float: left;
  clear: both;
  margin: 20px 0 0 0;
}

.oa-cards {
  float: left;
  width: auto;
  margin: 0px 20px 20px 0px;
}

.planList h3 {
  color: #212121;
  font-weight: 600;
  font-size: 20px;
  width: 100%;
  float: left;
  clear: both;
  margin: 0;
  padding: 0;
}

.planList ul {
  width: 100%;
  clear: both;
  float: left;
  margin: 10px 0 0 0;
}

.planList ul li {
  width: 100%;
  box-shadow: 0 1px 8px 0 rgba(179, 179, 179, 0.4);
  padding: 15px;
  border-radius: 3px;
  clear: both;
  float: left;
  margin: 16px 0 0 0;
  position: relative;
  background: #fff;
}

.planList ul li .smlTxt {
  font-size: 14px !important;
  color: #000;
  font-weight: 400;
  margin: 0;
  padding-left: 30px;
  width: 100%;
}

.smlTxt .bigRadio [type='radio']:hover + label:before {
  border: 1px solid #0282f0;
}

.planList ul li .emiOpt {
  width: 100%;
  float: left;
}

.planList ul li .emiOpt span {
  float: right;
  width: auto;
  display: inline-block;
  font-size: 17px;
  font-weight: 600;
  position: absolute;
  white-space: nowrap;
  right: 12px;
}

.planList ul .formField {
  padding: 20px 0;
  float: left;
  width: 100%;
}

.pemDetalis {
  width: 100%;
  float: left;
  margin: 10px 0 0 0;
}

.pemDetalis .priDiv {
  margin: 5px 0 0 0;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #707070;
}

.pemDetalis .leftPart {
  float: left;
  width: auto;
}

.pemDetalis .rightPart {
  float: right;
  width: auto;
}

.pemDetalis .totalDivBal {
  margin: 5px 0 0 0;
  border-top: solid 1px #000;
  float: left;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: #212121;
  padding: 5px 0 0 0;
}

.pemDetalis .submitBtn {
  width: 100%;
  margin-top: 20px;
}

.wid18 {
  float: left;
  width: calc(50% - 8px);
  position: relative;
}

.paymentIcon {
  position: absolute;
  right: 8px;
  top: 32px;
  width: 40px;
}

.displayNonePlain {
  display: none;
}

.wid10 {
  float: left;
  width: calc(25% - 12px);
  margin-left: 16px;
}

.siInfo {
  font-size: 12px;
  color: #212121 !important;
  float: left;
}

.cardNum {
  position: absolute;
  top: 29px;
  right: 8px;
}

.promoApplied span {
  text-decoration: line-through;
  text-decoration-color: red;
  color: #888f97;
  font-size: 12px;
  line-height: 15px;
}

.promoApplied i {
  display: none;
}

.aplDetails .jsApplianceDetails {
  opacity: 0.9;
  color: black;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
}

.mobView,
.havePromoCodeMob {
  display: none !important;
}

.viaCash {
  color: #959595;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
}

.saveExtra .formField {
  padding: 16px 24px 0;
  clear: both;
  float: left;
  width: 100%;
}
.saveExtra .cntMob {
  margin: 0;
}
.saveExtra .formField .payNow {
  color: #959595;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  display: flex;
  padding: 0 0 4px;
  align-items: center;
}
.getExtraOff img {
  margin: 0 4px 0 0;
  width: 16.5px;
  height: 20px;
}
.saveExtra .formField span i {
  display: inline-block;
  margin: 0 4px 0 0;
  font-size: 18px;
  color: #979797;
}
.payMentOption {
  width: 100%;
  padding: 0px;
  position: relative;
  float: left;
  background: #fff;
  box-shadow: 0 1px 8px 0 rgb(179 179 179 / 40%);
  border-radius: 4px;
}
.payMentOption .cash {
  box-shadow: 0 1px 8px 0 rgb(179 179 179 / 40%);
  background: #fff;
}

.sod-discount {
  border-radius: 0 0 8px 8px;
  border: 2px solid #0282f0;
  box-shadow: 0 1px 8px 0 rgb(179 179 179 / 40%);
  margin: 0 0 16px;
  background: #fff;
  float: left;
  width: 100%;
}
.mainBorderdiv {
  box-shadow: 0 1px 8px 0 rgb(179 179 179 / 40%);
  background: #fff;
  float: left;
  width: 100%;
}
.extraOff {
  color: #959595;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0;
  line-height: 18px;
}

.saveExtra {
  background-color: #ffffff;
  border-radius: 2px;
  float: left;
  width: 100%;
  padding: 0 0 16px;
  box-shadow: 0px 4px 8px 0px rgb(179 179 179 / 20%);
}
.saveExtra .submitBtn {
  max-width: 100%;
}
.payStrike strike {
  font-size: 12px;
  opacity: 0.5;
}
.paymentMethods {
  padding: 16px 0 0;
  display: block;
  color: #212121;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  clear: both;
  text-align: center;
}

.getExtraOff {
  width: 100%;
  background: #0282f0;
  color: #fff;
  padding: 4px 0;
  font-size: 14px;
  justify-content: center;
  display: flex;
  border-radius: 8px 8px 0 0;
}

.aplDetails,
.taxBand {
  float: left;
  width: 100%;
  font-size: 12px;
  color: #808080;
  line-height: 16px;
}

.aplDetails {
  margin: -8px 0 0 0;
}

.taxBand {
  margin: 3px 0 0 0;
}

.planPriceOA {
  float: left;
  width: 100%;
  margin: 16px 0 0 0;
  font-size: 14px;
  color: #212121;
  line-height: 20px;
}

.planPriceOA i {
  float: right;
  font-size: 21px !important;
  margin: 1px 0 0 4px;
  cursor: pointer;
  color: #0282f0;
}

.promoCodeOA {
  float: left;
  line-height: 20px;
  width: 100%;
  margin: 8px 0 0 0 !important;
  font-weight: 600;
  color: #0281f1;
  font-size: 14px;
  cursor: pointer;
  background: transparent !important;
}

.planbenefitspoints li {
  font-size: 14px;
  line-height: 1.5;
  padding: 0 0 0 3px;
  margin: 2px 0 0 0 !important;
}

.benefitPoint {
  float: left;
  display: inline-block;
  margin-right: 8px;
  fill: solid;
  /* padding-top: 10px; */
  height: 20px;
  width: 12px;
}
.sodCheckClass {
  background: none;
  box-shadow: none;
}
@media screen and (max-width: 600px) {
  .paymentStatus .msg {
    width: 100%;
  }
  .paymentStatus .msg h3 {
    margin: 24px 0 16px;
    font-size: 22px;
  }
}
.totalAmountSec {
  color: #404040;
  border-top: 1px solid rgb(149 149 149 / 20%);
  padding: 16px 0 16px;
  margin: 24px 0 0;
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  float: left;
}

.cursorPointer {
  cursor: pointer;
}

.contactDetails {
  float: left;
  width: 100%;
  font-size: 14px;
  color: #959595;
  line-height: 20px;
}

.contactDetails br {
  display: none;
}

.contactDetails a {
  font-size: 14px;
}

.contactDetails a:hover {
  text-decoration: underline;
}

.newFormFieldPromo {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  position: relative;
}

.promoApply {
  float: left;
  width: 100%;
  margin: 5px 0 0 0;
  font-size: 12px;
  color: #45b448;
}

.promoApply i {
  font-size: 15px;
  float: left;
  margin: 2px 3px 0 0;
  color: #45b448 !important;
}

.checkoutContainer {
  margin: 0 auto;
  max-width: 960px !important;
  width: 100% !important;
  padding: 0 10px;
}

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

.totalCost {
  float: right;
  width: auto;
  display: none;
}

.totalCost span {
  float: left;
  width: auto;
  margin: 0 5px 0 0;
  color: #212121;
  font-size: 18px;
  line-height: 19px;
  font-weight: bold !important;
}

.totalCost i {
  cursor: pointer;
  vertical-align: middle;
}

.breakUpPopup .btnCenter {
  text-align: center;
  padding-bottom: 16px;
}

.closebreakupPopup {
  float: right;
  color: #888f97;
  cursor: pointer;
}

.redirectModal {
  max-width: 352px;
  width: 100%;
}

.loadingPopup {
  width: 100%;
  border-radius: 4px;
  /* background-color: red; */
  text-align: center;
  padding: 24px;
}

.mWebAction {
  float: left;
  width: 100%;
  margin: 20px 0px;
}

.mWebAction button {
  max-width: 100%;
}

.breakUpPopup {
  top: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 0;
}

.userDetailsBox .formField .input-field {
  margin-top: 0;
  clear: both;
  float: left;
  min-height: 24px;
  width: 100%;
}

.ageTnC {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}

.tncLink {
  float: left;
  width: auto;
  clear: both;
  margin: 0 0 0 32px;
  font-size: 14px;
  cursor: pointer;
  padding-top: 5px;
}

.payModeOnly {
  color: #888f97;
  font-size: 14px;
  line-height: 17px;
  text-align: center;
  width: 100%;
  float: left;
}

/*checkout idfence*/

.rightSec .trailBox {
  width: 100%;
  border-radius: 2px;
  border: solid 1px #eee;
  background-color: #fff;
  float: right;
  padding: 24px;
}

.rightSec .trailBox h2 {
  object-fit: contain;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #454545;
  padding: 0;
  margin: 0;
  border: none;
  background: 0 0;
}

.dgPlan {
  float: left;
  width: 100%;
  clear: both;
  padding: 0;
  margin: 0;
}

.dgPlan .smlHead {
  float: left;
  width: 100%;
  object-fit: contain;
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #454545;
  margin: 16px 0 8px 0;
  text-transform: uppercase;
}

.dgPlan li {
  float: left;
  width: 100%;
  object-fit: contain;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #454545;
  margin: 8px 0 0 0;
  padding: 0 0 0 29px;
}

.redTick {
  background: url(//ws.oneassist.in/static/portal_v2/images/redCross.png) no-repeat 0 7px;
  background-size: 10px !important;
}

.greenTick {
  background: url(//ws.oneassist.in/static/portal_v2/images/greenTic.png) no-repeat 0 8px;
  background-size: 12px;
}

.checkoutBox .fullSection {
  display: none;
}

/*Idfence*/

.idPageStatus {
  width: 100%;
  float: left;
  text-align: center;
  background: #fff;
  padding: 48px 0;
}

.imgSecDiv {
  float: left;
  width: 100%;
  margin: 10px 0 0 0;
}

.jsLoading {
  width: 100%;
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}

.jsLoading .img {
  margin-top: 200px;
}

.idPageStatus h2 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #454545;
  padding: 0;
  margin: 0;
  float: left;
  width: 100%;
}

.idPageStatus p {
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  color: #454545;
  font-size: 14px;
  padding: 0 12px;
  margin: 24px 0 0 0;
  float: left;
  width: 100%;
}

.actionDivBox {
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
}

.appLoginMsg {
  padding: 24px 20px;
  box-sizing: border-box;
  background: #f2f6fd;
  border: 1px solid #0282f0;
  border-radius: 8px;
  margin-top: 95px;
  text-align: left;
}

.appLoginMsg h4 {
  font-weight: 700;
  font-size: 14px;
}

.appLoginMsg p {
  font-weight: 400;
  font-size: 14px;
  color: black;
}

.idBlueBtn {
  border-radius: 28px;
  background-color: #008df6;
  outline: 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  color: #fff;
  padding: 14px 0;
  border: none;
  width: 264px;
}

.downloadSvg a {
  display: inline-block;
  width: 556px;
  color: #0282f0;
  font-weight: bold;
  padding: 12px 0;
  font-size: 16px;
  margin: 32px 0 0;
  border-radius: 4px;
  background-color: rgba(2, 130, 240, 0.12);
}

.downloadSvg img {
  vertical-align: middle;
  margin: 0 12px 0 0;
}

.downloadSvg {
  padding: 0 20px;
}

/* Seamless payment modal */

.detailPOP {
  width: 100%;
  max-width: 375px;
  border-radius: 4px;
  background-color: #ffffff;
}

.detailPOPBox h4 {
  margin: 0px;
  color: #212121;
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
}

.detailPOPBox p {
  margin: 0px;
  color: #000000;
  font-size: 14px;
  line-height: 21px;
  padding: 15px 0px 10px 0px;
}

.detailPOPBox .contactDetailDiv {
  color: #0282f0;
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 20px 0;
}

.detailPOPBox .contactDetailDiv i {
  font-size: 18px;
  margin: 0 0 2px 8px;
}

.detailPOPBox .newFormField span {
  color: #0282f0;
  font-size: 12px;
  line-height: 22px;
  position: absolute;
  top: 0;
  right: 0;
}

.detailPOPBox .newFormField .disable {
  color: #b3b3b3 !important;
}

.detailPOPBox .otpSuccessMsg {
  font-size: 13px;
  color: green;
  float: left;
  text-align: center;
  width: 100%;
  margin: 0 0 20px 0;
}
.mobileOnlyViewDetails {
  display: none;
}

/* End */

@media only screen and (min-width: 601px) {
  .mobileBg {
    display: none !important;
  }
  /* .mobDisplay2{display: none;} */
  .mediumApp .newOne {
    margin-top: 0px !important;
  }
  .partnerApp .newOne {
    margin-top: 0px !important;
  }
}

@media only screen and (max-width: 600px) {
  .slotBookingTime {
    width: calc(50% - 10px);
    padding: 16px 0;
    margin: 0 5px 10px;
  }

  .sodBtnFixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 8px 24px;
    background-color: #fff;
  }
  .sodBtnFixed button {
    margin: 0 !important;
  }
  .labourCost div:last-child label {
    padding: 0 0 24px 32px;
  }
  .sodCheckClass .payMode {
    top: -37px;
  }
  .sodCheckClass {
    margin: 60px 0 0 !important;
  }
  .autoRenewheader {
    font-size: 11.5px;
    margin: 0 0 0 4px;
  }
  .slotAvailable img {
    margin: 0 4px 0 0;
  }
  .slotAvailable img {
    width: 15px;
    margin: 0 4px 0 0;
    min-height: 15px;
  }
  #slotBooking .payMentOption {
    margin: 0 0 12px;
  }
  .pinCodeBox .onlyDesktopView {
    display: none;
  }
  .sod-page header {
    display: none;
  }
  .sodCaseBox {
    box-shadow: none;
  }
  #upinRecForm .upiOptionDiv,
  #upinRecFormMand .upiOptionDiv {
    width: calc(50% - 16px);
    float: inline-end;
    margin: 4px 8px;
  }
  .flexContent {
    margin: 6px 0 12px;
  }
  #upinRecForm .upiOptionDiv .walletRadioBtn,
  #upinRecFormMand .upiOptionDiv .walletRadioBtn {
    width: 100%;
  }
  #supprtedCardModal .body {
    padding: 0;
    height: 100%;
    overflow-x: initial;
  }
  #debitCardList,
  #creditCardList {
    padding: 0 16px 74px;
    min-height: 500px;
  }
  #supprtedCardModal table td img {
    width: 32px;
  }
  .tab_drawer_heading em {
    color: #959595;
    font-style: normal;
    font-size: 10px;
    width: 90%;
  }
  .payLaterTip {
    margin: 0 8px 16px;
  }
  .userDetailsBox {
    margin: 8px 0 0;
  }

  .userDetailsBox {
    margin: 20px 0 0 0;
  }

  .saveExtra .formField {
    padding: 16px 16px 0;
  }

  .planList ul li .smlTxt {
    font-size: 12px !important;
    padding-left: 24px;
  }
  .planList ul li .emiOpt span {
    right: 8px;
    top: 17px;
    font-size: 11px;
  }
  .planList ul li {
    padding: 12px;
  }
  .tab_drawer_heading,
  .tab_drawer_heading.d_active {
    padding: 16px;
  }
  .tab_drawer_heading {
    border-bottom: 1px solid #f6f6f6;
    border-top: 1px solid rgb(149 149 149 / 20%);
  }

  .jsMenuP {
    padding: 0 8px;
  }
  .mobileLayout {
    padding: 0 20px;
  }
  .secureImg {
    width: 78px;
  }
  .jsContactDetails {
    display: none;
  }

  #supprtedCardModal h4 span {
    width: 80%;
    display: inline-block;
  }
  .mobileOnlyViewDetails {
    display: block;
  }
  #supprtedCardModal h4 {
    padding: 24px 16px 16px;
  }

  .cyanBg {
    position: relative;
    top: 16px;
    margin: 0 0 0 -16px;
    display: block;
    width: calc(16px + 100% + 16px);
  }
  .ammountDivOnSI .cyanBg {
    background: #ecf4fe;
    color: #404040;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 400;
    position: relative;
    top: 0;
    margin: 8px 0 0;
    display: block;
    width: 100%;
    display: none !important;
  }
  .viewDetialsafeSecure {
    background: #ecf4fe;
    color: #404040;
    font-size: 12px;
    letter-spacing: 0;
    font-weight: 400;
    position: static;
    margin: 16px 0 0 -16px;
    display: block;
    width: calc(16px + 100% + 16px);
  }
  .cntMob {
    margin: 0 0 24px;
    width: 100%;
  }
  #supprtedCardModal {
    width: 100% !important;
    margin: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    height: 100%;
    transition: 0ms;
    transform: inherit !important;
  }
  .actSecDivBox ul li {
    padding: 0;
    text-align: left;
    margin: 0;
  }
  .secureImg {
    display: none;
  }
  .actSecDivBox ul {
    padding: 0;
    text-align: left;
    margin: 0;
  }

  .contSec {
    width: 100%;
    float: left;
    margin: 0px 0 32px 0;
  }

  .contSec h2 {
    font-size: 12px;
    line-height: 18px;
    margin: 0;
  }

  .borderInfo ul li {
    color: #212121;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    margin: 8px 0 0 0;
    padding: 0 0 0 32px;
    width: 100%;
    display: flex;
  }

  .actYourMember .borderInfo h6 {
    color: #212121;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
  }

  .checkoutBox .leftSec {
    width: 100%;
    margin: 0;
    padding: 0;
    border-right: 0;
    background: #fafafa;
  }

  .checkoutBox .rightSec {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .checkoutBox .rightSec h3 {
    font-size: 14px;
    margin: 0 0 2px;
  }

  .boxDiv h3 {
    font-weight: 500;
    line-height: 20px;
  }

  .actYourMember .borderInfo h6 {
    color: #212121;
    float: left;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
  }

  .flexDisplay2 {
    padding: 8px 0 16px;
  }
  .actSecDivBox {
    margin: 0 0 24px 0;
  }
  .actYourMember .font-16 {
    color: #212121;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
    margin: 16px 0;
  }

  .ptext {
    color: #212121;
    margin: 0 0 24px 0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 22px;
    text-align: center;
  }

  .mid-container {
    padding: 24px 0 0px 0;
  }
  .boxDiv .termCon {
    color: #888f97;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
    padding: 12px 0 0;
    clear: both;
    border: none;
    border-top: 1px solid #f6f6f6;
  }
  .upiImg img {
    padding: 6px 12px;
    height: 40px;
    display: block;
    margin: 0 auto;
  }
  .boxDiv .termCon a {
    color: #0282f0;
  }

  .felxOne .mobView {
    display: none !important;
  }
  .promoApply {
    display: block !important;
  }
  .showPromotionDiscount .promoApply {
    display: block;
    padding-bottom: 8px;
  }

  .payMode {
    color: #212121;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 18px;
    padding: 12px 16px 8px;
    background: #fafafa;
    border-top: none;
    width: 100%;
    width: calc(100% + 30px);
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: -44px 0 0 -16px;
    position: relative;
    top: -4px;
  }
  .contactDetailHide {
    display: none;
  }
  .tab_drawer_heading.d_active:first-child {
    margin-top: 0px;
  }
  .centerDiv2 {
    width: 100%;
  }
  .desktopDis1 {
    display: none !important;
  }
  .webMarginTop {
    margin-top: 0;
  }
  .slotBooking {
    width: 100%;
    padding: 0;
  }
  .downloadSvg a {
    width: 100%;
  }
  .checkoutBox .rightSec .boxDiv {
    position: unset;
    border: unset;
    background: 0 0;
    padding: 16px;
    min-height: auto;
    background: #fff;
  }
  .totalAmountSec {
    padding: 20px 0;
  }
  .mobilePromo,
  .mobView,
  .havePromoCodeMob {
    display: block !important;
  }
  .upiImg {
    width: 30%;
    height: 44px;
    margin: 4px;
  }
  .enterUPI span .upiDataDiv {
    max-width: 60%;
  }
  #orderSummary .modal {
    margin: 0px !important;
  }
  .checkoutBox .fullSection,
  .mobilePromo {
    display: block;
  }
  .upiImg {
    width: 30%;
    height: 44px;
    margin: 4px;
  }
  .enterUPI span .upiDataDiv {
    max-width: 60%;
  }
  .fullSection .trailBox.collapsed {
    padding: 16px;
  }
  .fullSection .trailBox .trailBoxContent {
    float: left;
    margin-top: 8px;
  }
  .fullSection .trailBox {
    width: 100%;
    border: solid 1px #eee;
    background-color: #fff;
    float: right;
    padding: 16px;
    margin-bottom: 24px;
    cursor: pointer;
  }
  .fullSection .trailBox h2 {
    object-fit: contain;
    font-size: 16px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #454545;
    padding: 0;
    margin: 0;
    border: none;
    background: 0 0;
    position: absolute;
    z-index: 1;
    width: calc(100% - 52px);
  }
  .fullSection .trailBox .arrow-down-filled {
    float: right;
    margin: 8px 0;
  }
  .fullSection .trailBox .arrow-up-filled {
    float: right;
    margin: 8px 0;
  }
  .arrow-down-filled {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #9e9e9e;
  }
  .arrow-up-filled {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 5px solid #9e9e9e;
  }
  .checkoutBox {
    padding: 0px 0;
    background: #fafafa;
  }
  .checkoutContainer {
    padding: 0;
  }

  /* .leftSec i, .leftSecRev i {
    color: #82be2f;
} */
  .leftSecRevApp i {
    color: #212121;
  }
  .paytabs,
  .fullSection .trailBox.collapsed .trailBoxContent {
    display: none;
  }
  .mobilePromo {
    display: block;
  }
  .tab_content .boxDiv {
    margin-bottom: 20px;
    background: #fff;
  }
  .mediumApp #orderSummary .modal {
    top: 10px !important;
  }

  .partnerApp #orderSummary .modal {
    top: 10px !important;
  }

  .mediumApp body {
    margin-top: 56px !important;
  }

  .boxDiv {
    padding: 12px 16px;
    margin: 8px 0 0;
    width: 100%;
    max-width: 100% !important;
    box-shadow: 0 1px 3px 20 rgb(179 179 179 / 40%);
  }
  .fullWidthDiv {
    width: 100%;
  }

  .aplDetails {
    margin: 0px;
  }
  .totalCost {
    display: block;
  }
  .jsPlanPrice .jsTotalPrice {
    display: none !important;
  }

  .fullSection .trailBox h2 {
    display: block !important;
  }
  .checkoutBox .rightSec a {
    background: transparent !important;
    width: auto;
  }
  .checkoutBox .rightSec a.havePromoCodeMob {
    color: #0282f0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    display: block;
    padding: 11px 0 0;
    cursor: pointer;
  }

  .boxDiv .btnCenter button {
    margin-top: 0px;
  }
  .checkoutBox .rightSec i {
    font-size: 15px;
    color: #0282f0;
    position: relative;
    top: -3px;
  }
  .flip {
    transform: rotate(180deg);
  }
  .priceDesktopView,
  .havePromoCode,
  .checkoutBox h2,
  .checkoutBox .idFenceBox {
    display: none !important;
  }

  .nameCont {
    font-size: 14px !important;
    margin: 0;
  }
  #viewDetailCardModal {
    margin: 0 !important;
    display: block;
    max-height: 340px;
  }
  #viewDetailCardModal .body {
    padding: 0 0 32px;
  }
  #viewDetailCardModal table tr td:first-child {
    width: 30%;
    color: #808080;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
  }
  #viewDetailCardModal h4 {
    margin: 0 !important;
  }
  #viewDetailCardModal .tableDiv {
    padding: 28px 24px 32px;
  }
  #viewDetailCardModal h4 span {
    padding: 16px 24px;
    display: block;
    color: #212121;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 20px;
    padding: 16px 24px;
    text-transform: uppercase;
    position: relative;
    background: #f6f6f6;
    margin: 0 0 16px;
  }
  #viewDetailCardModal table {
    width: 100%;
  }
  #viewDetailCardModal table td {
    width: 50%;
    padding: 6px;
    color: #404040;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 20px;
    word-break: break-word;
  }
  #viewDetailCardModal button {
    width: 312px;
    margin: 0 auto;
    display: block;
  }
  #viewDetailCardModal h4 i {
    right: 21px;
    position: absolute;
    top: 16px;
    font-size: 18px;
    color: #757575;
    cursor: pointer;
  }
  #viewDetailCardModal body {
    padding: 16px 24px;
  }
  .viewDetialsafeSecure {
    border-radius: 4px;
    background: #f6f6f6;
    padding: 8px 24px;
    text-align: center;
    width: 312px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #EditDetailCardModal .body {
    padding: 0 0 32px;
  }
  .viewDetialsafeSecure img {
    display: inline-block;
    margin: 0 8px 0 0;
  }
  .contactDetails {
    font-size: 12px;
  }
  .pincodeText i {
    float: left;
    margin: 0 12px 0 0;
    color: #212121;
    cursor: pointer;
    display: block;
  }
  .radioBtnBoxNetBank {
    width: 50%;
  }
  .wid18 {
    width: 100%;
  }
  .wid10 {
    width: calc(50% - 8px);
    margin-left: 0px;
    padding-top: 16px;
  }
  .wid10:nth-child(3) {
    margin-left: 16px;
  }
  .walletRadioBtn {
    margin: 0;
    width: calc(50% - 20px);
    margin: 8px;
  }
}

.dateEdit {
  float: left;
  width: 18px;
  margin: 3px -18px 0px 18px;
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
  .secureImg {
    position: static;
  }
  #scrollEvent {
    width: 100%;
    height: 270px;
  }
  .ammountDivOnSI {
    height: inherit !important;
  }
  .walletRadioBtn {
    width: 45%;
  }
  .planList ul li .smlTxt {
    font-size: 11px;
  }
  .planList ul li .smlTxt {
    width: 135px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .planList ul li .emiOpt span {
    font-size: 13px;
    padding-top: 4px;
  }
  .planList ul li .smlTxt {
    padding-left: 25px;
  }
  .planList ul li {
    padding: 7px;
  }
  .checkoutBox .rightSec .boxDiv,
  .checkoutBox .rightSec .trailBox {
    max-width: 300px;
  }
  .userDetailsBox {
    padding-left: 24px !important;
  }
}

.ageTnC p {
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 0;
  color: #212121;
}

.acceptCredit {
  opacity: 0.75;
  color: #212121;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
}

.cardDetails {
  clear: both;
  padding: 0 0 16px;
}

.cardDetails hr {
  background-color: #97979752;
  color: #97979752;
  height: 1px;
  border: 0;
  clear: both;
  margin: 16px 0 24px;
}

.cardDetails img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

.debitLogo {
  height: 20px;
  margin-top: 15px;
}

@media screen and (max-width: 600px) {
  .flexBox {
    display: flex;
    flex-direction: row;
  }
  .planInfoDontShow {
    display: none;
  }
  .felxOne .jsApplianceDetails {
    color: grey;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 18px;
  }
  .saveExtra {
    margin: 0 0 24px;
  }
  .flexContent2 p {
    font-size: 12px;
  }

  .flexContent2 div:first-child,
  .flexContent2 div:last-child {
    width: 50%;
    padding: 0 2px;
  }

  .mediumApp .checkoutBox {
    margin: 10px 0 0;
  }

  .partnerApp .checkoutBox {
    margin: 10px 0 0;
  }

  .totalCost span {
    float: initial;
  }
  .secureImg {
    position: static;
  }
  #customerInfo .boxDiv {
    max-width: none !important;
    width: calc(100% + 16px);
    margin: 8px 0 8px -8px;
    border-radius: 0;
  }
  .widthFixes {
    max-width: none !important;
    width: calc(100% + 16px) !important;
    margin: 8px 0 8px -8px;
    border-radius: 0;
  }
  .payMentOption {
    margin: 56px 0 0;
    padding: 0;
  }

  .mobileView {
    display: inline-block;
    float: right;
    width: 78px;
  }
  .yourEncrypted i {
    font-size: 16px;
  }
  .yourEncrypted span {
    font-size: 16px;
  }
  .cardDetails img {
    height: 18px;
    margin: 15px 10px 10px 0;
  }
  #promoCode .submitBtn {
    max-width: 100%;
  }
  #orderSummary .promoCode {
    top: 0 !important;
    width: 90%;
    margin: 0 auto !important;
  }
  #orderSummary .promoCode .boxDiv,
  #orderSummary #breakUp .boxDiv {
    margin: 0;
  }

  #orderSummary .promoCode h5 {
    color: #212121;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0;
    padding: 0 0 34px;
  }
  .promoCode input[type='text'] {
    padding: 13px 11px;
  }
  .ammountDivOnSI {
    padding: 0 !important;
    margin: 0 0 8px;
  }
}
#quickPincode {
  max-width: 377px;
  padding: 24px 24px 0;
}
#quickPincode p {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0;
  line-height: 32px;
  color: #212121;
}
#quickPincode button:disabled {
  border: solid 1px #888f97 !important;
  background: #bcc2c8;
  color: white;
  cursor: not-allowed;
  font: 'Lato' Bold;
}
.hideStrikePrice {
  display: none !important;
}
.strikePrice {
  display: inline-block;
  margin: 0 0 0 4px;
  color: #888f97;
}
#quickPincode button {
  width: 100% !important;
  cursor: pointer;
  border: 1px solid #0282f0;
  margin: 24px 0 0 !important;
  border-radius: 4px;
  padding: 13px !important;
  font-size: 16px;
}
#quickPincode span {
  font-size: 18px;
  display: block;
  text-align: center;
  color: #959595;
  padding: 40px 0 36px 0;
  line-height: 24px;
}
#quickPincode .closeIcn {
  border: none;
  width: 24px;
  height: 24px;
  font-size: 18px;
  border-radius: 50%;
  right: -12px;
  top: -12px;
  line-height: 23px;
  font-weight: 500;
}
#quickPincode .newFormField {
  margin: 0 0 24px;
}
#quickPincode .newFormField {
  margin: 0 0 24px;
}
.jsMenuContent-div label {
  font-size: 16px !important;
  word-spacing: 3px;
}

.jsMenuContent-div .service-div {
  border: 1px solid #e2e2e2;
  padding: 20px;
  border-radius: 4px;
}

.disabledState .addBtn {
  background: #454545d1;
  color: #f6f6f6;
}
.disabledState .counterBtn button {
  background-color: #f2f8fe;
  color: #0282f0;
}
.disabledState .service-div {
  background: #888f97;
}
.jsMenuContent-div p {
  font-family: Lato !important;
  font-weight: bold;
}

.mainDiv ul li input {
  display: inline-block;
}
.mainDiv .tabContent {
  clear: both;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
}
.mainDiv .padBoth {
  padding: 16px;
}
.mainDiv #servicesCovered ul {
  display: block;
  padding: 24px 0 0;
}
.mainDiv #servicesCovered ul li {
  margin: 0;
  display: flex;
  align-items: flex-start;
  color: rgb(0 0 0 / 50%);
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  padding: 0 0 16px;
}
.notesSec {
  border-radius: 2px;
  background-color: rgba(255, 171, 0, 0.2);
  padding: 12px 16px;
}
.mainDiv .on .tabContent {
  border: 1px solid rgba(25, 130, 241, 0.24);
  box-shadow: 0 1px 8px 0 rgba(179, 179, 179, 0.4);
}
.mainDiv .service {
  color: rgb(0 0 0 / 50%) !important;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  height: auto !important;
  line-height: 20px !important;
}
.mainDiv [type='radio']:not(:checked) + label:after,
.mainDiv [type='radio']:not(:checked) + label:before {
  border: 1px solid rgb(0 0 0 / 50%);
}
.mainDiv .active {
  color: #0282f0 !important;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 26px;
}
.onlyMobileView {
  display: none;
}
.notesSec h4 {
  margin: 0;
  color: #212121;
  margin: 0 0 10px;
  padding: 0 0 8px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
}
.notesSec span {
  color: #212121;
  padding: 0 0 12px;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 22px;
}
.notesSec span:last-child {
  padding: 0;
}
.slotAvailable {
  display: flex;
  justify-content: space-between;
  border-radius: 0 0 4px 4px;
  background-color: rgb(216 216 216 / 20%);
}
#allBenefits {
  display: none;
}
.mainDiv #servicesCovered ul li:last-child {
  padding: 0;
}
#servicesCovered a {
  font-size: 14px;
  cursor: pointer;
}
.mainDiv #servicesCovered ul li img {
  height: 10px;
  width: 14px;
  margin: 4px 8px 0 0;
}
.wrapperDiv ul li input[id^='tab']:checked ~ .tabContent {
  display: inline-block;
  width: 100%;
}
.planLabel {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.planLabel div {
  width: 100%;
}
.planLabel label {
  color: #212121;
  font-size: 16px;
  padding: 0 0 4px;
}
.planLabel button {
  height: 28px;
  width: 92px;
  font-size: 12px;
  background: #0282f0;
  color: #fff;
  border: none;
  font-weight: bold;
  text-align: center;
}
.planLabel span {
  color: #212121;
  font-size: 12px;
}

.planLabel span strike,
.planLabel span font {
  color: #888f97;
}

.jsMenuContent-div .repair-div {
  height: 100px;
  border: 1px solid #e2e2e2;
  padding: 20px;
  border-radius: 4px;
}

.sub-text {
  font-size: 12px;
  color: #888f97;
}

.sub-text img {
  vertical-align: middle !important;
}

.bold-text {
  font-weight: bold;
}

.upperDivision {
  margin: 20px -20px 20px -20px;
  background: #e2e2e2;
  border: 0;
  height: 1px;
}
.pinCodeBox {
  border: 1px solid #e0e0e0;
  border-radius: 2px;
  background-color: #ffffff;
  padding: 16px 12px;
  display: flex;
  justify-content: space-between;
}
.pinCodeBox p {
  color: #212121;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
}
.pinCodeBox span {
  color: #808080;
  font-size: 14px;
  line-height: 18px;
}
.proceedBtn {
  float: right;
  width: auto;
  padding: 10px 20px;
}

.services-included-div {
  padding: 16px !important;
  position: unset !important;
}

.services-included-div span {
  word-spacing: 3px;
  font-family: Lato !important;
  font-weight: bold;
}

.services-included-div table {
  width: 98%;
}

.services-included-div ul li {
  font-size: 14px;
  margin: 26px 0px;
  line-height: 16px;
  display: flex;
}

.services-included-div ul li:before {
  content: '';
  display: inline-block;
  height: 12px;
  margin-right: 8px;
  min-width: 18px;
  background-image: url(//ws.oneassist.in/static/portal_v2/images/greenTic.png);
}

.services-excluded-div ul li:before {
  content: '';
  display: inline-block;
  height: 10px;
  margin-right: 8px;
  min-width: 10px;
  margin-top: 3px;
  background-image: url(//ws.oneassist.in/static/portal_v2/images/redCross.png);
}

.services-included-div img {
  float: right;
  padding-top: 10px;
}

.addBtn {
  height: 27px;
  width: 92px;
  font-size: 12px;
  float: right;
  background: #0282f0;
  color: white;
  border: none;
  font-weight: bold;
  padding: 0px 7px !important;
}

.counterBtn {
  width: 93px;
  float: right;
  margin-top: 0px;
  position: relative;
}

.counterBtn button {
  width: 30px;
  background-color: #f2f8fe;
  color: #0282f0;
}

.counterBtn button:active {
  background-color: #f2f8fe !important;
}

.counterBtn button:focus {
  background-color: #f2f8fe !important;
}

.counterBtn span {
  border: 1px solid #0282f0;
  display: table;
}

.counterBtn .middle {
  background-color: #fff;
}

.planlabel {
  width: 55%;
}

.exc-benefits ul {
  font-size: 12px;
}

.exc-benefits li div {
  height: 50px;
}

.plan-price {
  width: 100%;
  float: left;
  color: #212121;
}
.slotAvailable {
  display: flex;
  clear: both;
  font-size: 14px;
  color: #888f97;
  align-items: center;
  padding: 16px 16px;
  align-items: center;
}
.slotAvailable .reviewSec {
  display: flex;
  align-items: center;
}
.notify {
  color: #000000;
  font-size: 12px;
  letter-spacing: 0;
  padding: 5px 10px;
  line-height: 20px;
  text-align: center;
  border: 1.6px solid #f1a811;
  background: rgb(253 245 229);
  position: relative;
  margin: 7px 0 0px;
  display: inline-block;
  float: right;
  border-radius: 4px;
}
.mobflexDisplay {
  display: flex;
}
.mobflexDisplay .priceSec {
  width: 100%;
}
.mobflexDisplay button {
  width: 100%;
}
.mobflexDisplay span {
  color: #808080;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 14px;
}
.mobflexDisplay p {
  color: #212121;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 17px;
  margin: 0;
}
.mobflexDisplay p strike {
  color: rgb(33 33 33 / 50%);
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;
  font-weight: normal;
}
.notify img {
  position: absolute;
  right: 2px;
  top: -12px;
  width: 20px;
}
.slotAvailable .reviewSec p {
  margin: 0;
  font-size: 16px;
  color: #212121;
}
.slotAvailable .reviewSec span {
  color: #212121;
  font-size: 14px;
}
.slotAvailable .reviewSec p span {
  font-weight: normal;
  color: #7a7a7a;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 15px;
  display: inline-block;
  margin: 0 0 0 3px;
  cursor: pointer;
}
.mainDiv article {
  display: none;
}
.mainDiv ul {
  clear: both;
  display: flex;
  margin: 0;
  padding: 0 0 24px;
}
.mainDiv ul li {
  margin: 0 46px 0 0;
}
.mainDiv article.on {
  display: block;
}

.activeService {
  border: 1px solid #0282f0 !important;
}

.activeServiceLabel {
  color: #0282f0 !important;
  font-weight: bold !important;
}

.repairIssues {
  padding: 25px !important;
  height: 500px;
  overflow-y: auto;
  z-index: 999999 !important;
}

.repairIssues td,
th {
  border: 1px solid #d0d0d0 !important;
  padding: 10px;
  font-size: 12px;
}

.repairIssues thead {
  background-color: #f6f6f6;
}

.payment-success-page {
  max-width: 500px;
  background: #fff;
  margin: auto;
  padding: 55px;
  height: 100vh;
  width: 55%;
  position: relative;
  box-shadow: 0px 1px 8px 0px rgb(179, 179, 179);
}

.payment-success-page h5 {
  text-align: center;
  color: #45b448;
  font-weight: bold;
  font-size: 20px;
}

.payment-failure-page {
  height: 80vh !important;
}

.payment-failure-page h5 {
  color: #ffab00;
}

.issue-msg {
  color: #ffab00;
  font-size: 14px;
}

.payment-failure-page > div > img {
  width: 48px;
  height: 48px;
}

.payment-success-content .leftPart {
  float: left;
}

.payment-success-content hr {
  border: 0.5px solid #e2e2e2;
}

.payment-success-content .rightPart {
  float: right;
}

.payment-success-content div {
  margin: 20px 0px;
}

.payment-success-content h6 {
  color: #404040;
  font-size: 16px;
  font-weight: bold;
}

.payment-success-content p {
  font-size: 14px;
  color: #808080;
}

.download-app {
  width: 50%;
  padding: 10px;
  background-color: #0282f0;
  color: #fff;
  border: none;
}

.note-section {
  padding: 10px;
  margin: 15px -20px -20px -20px;
  background-color: rgba(255, 171, 0, 0.2);
  font-size: 14px;
}
.sodCaseBox .note-section {
  padding: 16px;
  margin: 0px -16px -16px -16px;
  background-color: rgba(255, 171, 0, 0.2);
  font-size: 14px;
}
.sodCaseBox .dis-block {
  padding: 0;
}
.mainDiv ul.dis-block li {
  margin: 0 0 0 16px;
  padding: 0;
  list-style-type: disc;
}
.disBlock {
  padding: 0 0 12px;
  display: block;
}
.labourCost {
  width: 400px !important;
  height: auto;
}

.labourCost div {
  font-size: 14px;
  /* margin: 20px 0px; */
}

.issue-div {
  margin-bottom: 20px;
}

.service-header {
  margin: 10px 0px 0px 0px !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

.payment-image {
  margin: auto;
  width: 64px;
  height: 64px;
}

.payment-failure-image {
  position: relative;
  top: 66px;
  width: 64px;
  height: 64px;
  left: 47%;
}

.centerAlignText {
  text-align: center !important;
}

.payLaterText {
  width: 100%;
  float: right !important;
  font-weight: normal !important;
  font-size: 12px !important;
  margin-top: 10px !important;
  text-align: center !important;
}

.payLaterSbtText {
  width: 100%;
  display: inline-block;
  font-weight: normal !important;
  font-size: 12px !important;
  margin-top: 0px !important;
  text-align: center !important;
  color: #212121;
}
.error-text {
  color: #cf021b;
  display: inline-block;
  font-size: 14px;
  padding-top: 10px;
}

.mob-Sticky-Content {
  padding-top: 20px;
  float: right;
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .mainDiv .service {
    font-size: 12px !important;
  }
  .mainDiv ul.tabRepair li:first-child {
    margin: 0 40px 0 0;
  }

  .userDetailsBox p.mobPos {
    margin: 0 0 8px 0;
    position: relative;
    top: -4px;
  }
  .mainDiv ul.tabRepair li {
    margin: 0;
  }
  .onlyMobileView {
    display: block;
  }
  .pinCodeBox {
    margin: 0px 0 8px;
  }
  .disclaimerVochure {
    padding: 16px 0 0;
    clear: both;
    font-size: 14px;
  }
  .disclaimerVochure ul {
    margin: 0;
  }
  .userDetailsBox .submitBtn {
    max-width: 100%;
    margin-top: 0;
  }

  .totalCost .planValidityAdd {
    font-size: 12px;
    color: #808080;
    font-weight: normal !important;
    display: block;
    line-height: 18px;
    float: initial;
    margin: 2px 0 0;
    min-width: 77px;
  }
  .mobDisplaynone {
    display: none !important;
  }
  .service-description {
    display: inline-block;
    margin-top: 8px;
    line-height: 16px;
    padding-bottom: 20px;
  }
  .copyNoptDiv {
    margin: 0 0 80px 0 !important;
  }
  .mob-Sticky {
    padding: 0px !important;
    position: fixed;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    left: 0;
    display: block;
    max-width: 100%;
    background: #fcfcfc;
    box-shadow: 0px -2px 14px 0 rgba(0, 0, 0, 0.15);
  }

  .mob-Sticky button {
    text-transform: none;
    max-width: calc(100% - 40px);
    margin: auto;
    margin: 20px 20px 10px 20px;
    height: 48px;
  }
  .mob-Sticky .mobflexDisplay .submitBtn {
    margin: 0;
  }
  .mobflexDisplay {
    padding: 16px;
  }
  .grrenBgBox {
    justify-content: center;
    border-radius: 0;
  }
  .mob-Sticky-Content {
    margin: 0 0px 0px -7px;
  }
  .payLaterText {
    width: 100% !important;
    text-align: center !important;
    margin: unset !important;
    padding-bottom: 10px !important;
  }
  .dateEdit {
    margin: 3px -10px 0 10px;
  }
  .payment-success-page {
    width: 100% !important;
    padding: 15px !important;
  }
  .payment-success-content .rightPart {
    float: right;
  }
  .exc-benefits {
    padding: 0px 20px !important;
  }
  .labourCost {
    width: 80% !important;
    height: auto !important;
    max-height: 80%;
    overflow-x: hidden !important;
  }
  .centerAlignText {
    text-align: left;
  }
  .serviceBox {
    max-width: 100%;
  }
}

.autoHeightText {
  height: auto !important;
}

.chatDiv img {
  vertical-align: middle;
}

.chatDiv {
  margin: 30px 0px !important;
}

.serviceDetailsBenefit img {
  width: 42px;
}

.upper-section {
  display: inline-block !important;
}

.payment-header {
  margin: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}

.glance-only-content {
  display: none;
}

/* =========glance css=========== */

.glance .boxDiv h3 {
  width: 70%;
  line-height: 25px;
}

.glance .jsApplianceDetails {
  display: none;
}

.glance .aplDetails {
  width: 30%;
  float: right;
  margin-top: 10px;
  font-weight: 600;
  font-size: 16px;
}

.glance .totalCost span {
  float: left;
  width: auto;
  margin: 0 5px 0 0;
  color: #f74a5c;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.8px;
}

.glance .checkoutBox .rightSec i {
  font-size: 16px;
  color: #f74a5c;
  margin-top: -10px;
}
.glance .userDetailsBox p {
  display: none;
}
.glance h3.glance-only-content {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}
.glance .userDetailsBox {
  width: auto;
  padding: 0 !important;
  position: relative;
  margin: 0 !important;
  float: left;
  box-shadow: none !important;
  background: #fff;
}
.glance .havePromoCodeMob {
  display: none !important;
}
.glance .copyNoptDiv {
  display: none;
}

.glance .glance-only-content {
  display: block !important;
}
.glance .submitBtn {
  background-color: #f1c639;
  padding: 10px 0;
  height: auto;
  object-fit: contain;
  font-size: 17px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  color: #fff;
  box-shadow: none;
  width: 100%;
  max-width: 328px;
  border-radius: 61px;
  letter-spacing: 0.5px;
  border: none;
  text-transform: capitalize;
}

.glance #userForm {
  width: auto;
  padding: 16px;
  position: relative;
  margin: 10px;
  float: left;
  box-shadow: 0 1px 8px 0 rgba(113, 111, 111, 0.4);
  background: #fff;
  border-radius: 8px;
}

.glance .mWebAction {
  float: left;
  width: calc(100% - 0px);
  margin: 20px 0;
  text-align: center;
}

.glance .promoCodeOA {
  display: none;
}

.glance .jsMenuHeading {
  display: none;
}

.glance nav {
  border: none;
  background: #fafafa !important;
}

.glance .nav-wrapper.container {
  padding-top: 10px;
}

.glance nav .brand-logo {
  position: absolute;
  color: #fff;
  font-size: 2.1rem;
  float: right;
  padding: 0;
  margin-right: 10px;
  right: 0;
}

.glance img#campaign-icon {
  max-height: 90%;
  float: left;
}
.niyoPriceBox {
  display: none;
}

.glance nav .brand-logo.campaign-icon {
  width: 170px;
  height: 43.25px;
  position: absolute !important;
  left: 17px !important;
  /* left: unset !important; */
  /* float: left!important; */
}

.glance .jsUserDetailsDiv {
  display: none !important;
}

.glance .jsNote {
  display: none;
}

.glance-only-content.gst-glance {
  font-size: 10px;
}

.glance .ageTnC {
  display: none;
}

/* glance related css end */
.niyo-name-label {
  display: none;
}
/* niyo related css start */
.niyo #breakUp.breakUpPopup .boxDiv {
  box-shadow: none !important;
}
.niyo .copyNoptDiv {
  display: none;
}
.niyo #breakUp.breakUpPopup .taxBand {
  margin: 0;
  padding: 0 16px;
}
.niyo .totalAmountSec {
  padding: 20px;
}
.niyo .strikeNiyo {
  position: relative;
  margin: 0 0 0 6px;
}
.niyo .strikeNiyo em {
  position: absolute;
  width: 28.54px;
  height: 1.4px;
  background: #ec2727;
  top: 8px;
}

.niyo .strikeNiyo em:first-child {
  transform: rotate(22deg);
}
.niyo .strikeNiyo em:nth-child(2) {
  transform: rotate(-22deg);
}
.niyo .jsTotalPriceNiyoAnchor {
  position: relative;
}
.niyo .jsTotalPriceNiyoAnchor em {
  position: absolute;
  width: 38.54px;
  height: 1.01px;
  background: #f05a6c;
  top: 8px;
}
.niyo .jsTotalPriceNiyoAnchor em:first-child {
  transform: rotate(22deg);
}
.niyo .jsTotalPriceNiyoAnchor em:nth-child(2) {
  transform: rotate(-22deg);
}
.niyo .jsTotalPriceNiyoAnchor {
  position: relative;
}
.niyo .havePromoCodeMob {
  display: none !important;
}
.niyo .niyo-only-content > span {
  padding: 12px 16px;
  background: #f9f9f9;
  display: block;
  clear: both;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #646464;
  margin: 0 0 30px;
}
.niyo-only-content {
  display: none;
}
.niyo .jsTotalPrice {
  display: none;
}
.niyo .jsPlanPrice {
  display: none;
}

.niyo #userForm {
  background: #fff;
  float: left;
  box-shadow: -3px 2px 8px rgba(0, 0, 0, 0.18526);
  border-radius: 4px;
  padding: 24px;
  margin: 0 0 36px;
}
.niyo .userDetailsBox {
  padding: 0;
}

.niyo .mWebAction {
  margin: 20px 0 0;
}
.niyo .userDetailsBox {
  width: auto;
  position: relative;
  margin: 0 !important;
  float: left;
  box-shadow: none !important;
  background: #fff;
}
.niyo .jsApplianceDetails {
  display: none;
}
.niyo ul.planbenefitspoints > ul li {
  list-style-type: disc;
  display: list-item;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #646464;
}
.niyo ul.planbenefitspoints > ul {
  padding: 0 0 0 32px;
}
.niyo #scrollEvent h3 span {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #212121;
  mix-blend-mode: normal;
  opacity: 0.9;
}
.niyo .niyoPriceBox {
  display: flex;
  align-items: flex-start;
}
.niyo .niyoCaseNone {
  display: none;
}
.niyo .checkoutBox .rightSec i {
  color: #646464;
  top: 0px;
}
.niyo .totalCost span.jsTotalPriceNiyoAnchor {
  margin: 0 8px 0 0;
  color: #646464;
}
.niyo .totalCost span.jsTotalPriceNiyoPrice {
  margin: 0 4px 0 0;
}
.niyo .niyoPriceBox p {
  border: none;
  margin: 0;
  position: relative;
}
.niyo .niyoPriceBox p small {
  position: absolute;
  left: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 10px;
  line-height: 16px;
}
.niyo .niyoPriceBox p em {
  position: absolute;
  width: 38.54px;
  height: 1.5px;
  background: #ec2727;
  top: 8px;
}
.niyo .cyanBg {
  display: none;
}
.niyo .niyoPriceBox p em:first-child {
  transform: rotate(22deg);
}
.niyo .niyoPriceBox p em:nth-child(2) {
  transform: rotate(-22deg);
}
.niyo .planbenefitspoints {
  margin: 0;
}
.niyo .niyoHeadOnly {
  font-weight: 700;
  font-size: 16px;
  margin: 0 0 16px;
  line-height: 24px;
  color: #212121;
  mix-blend-mode: normal;
  opacity: 0.9;
}
.niyo .planbenefitspoints li:last-child {
  padding: 0 0 8px;
}

.niyo .userDetailsBox p {
  display: none;
}
.niyo {
  background-image: url(//ws.oneassist.in/static/portal_v2/images/niyo-left.png),
    url(//ws.oneassist.in/static/portal_v2/images/niyo-right.png);
  background-position:
    right top,
    left top;
  background-repeat: no-repeat, no-repeat;
  background-color: #ecf6fd;
}
.niyo .yourEncrypted .container {
  padding: 0;
  align-items: center;
  justify-content: flex-start;
}
.niyo .yourEncrypted span {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #646464;
}
.niyo .yourEncrypted i {
  margin: 0 8px 0 0;
}
.niyo .yourEncrypted .niyo-only-content {
}
.niyo .niyo-name-label {
  display: block;
}

.niyo .niyo-only-content {
  display: block !important;
}
.niyo h3.niyo-only-content {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 5px;
}
.niyo p.niyo-only-content {
  color: #777;
  margin: 10px 0 20px 0;
  font-size: 15px;
}
.niyo .promoCodeOA {
  display: none;
}

.niyo .jsMenuHeading {
  display: none;
}

.niyo .jsNote {
  display: none;
}

.niyo-only-content.gst-glance {
  font-size: 10px;
}
.niyo .benefitPoint {
  margin: 1px 8px 0 0;
}
.niyo .ageTnC {
  display: none;
}
.niyo .planbenefitspoints li {
  display: flex;
  padding: 0 0 12px;
  align-items: self-start;
}
.niyo .planbenefitspoints li .benefitPoint img {
  min-width: 12px;
}
/* niyo related css end */
.glance .hidden-glance {
  display: none;
}
.niyo .hidden-niyo {
  display: none;
}

.glance-checkout .actYourMember {
  background: #fff !important;
}

.oa-generateOTP {
  width: 392px !important;
  border-radius: 4px !important;
  background-color: #ffffff;
  box-shadow: 0 1px 8px 0 rgba(179, 179, 179, 0.4) !important;
}
.oa-generateOTP .topTabSec {
  border-bottom: solid 1px #e2e2e2;
  height: 88px;
  width: 100%;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #f6f6f6;
  float: left;
  position: relative;
}
.oa-generateOTP .otpContainer {
  padding: 24px 32px 28px 32px;
  float: left;
  width: 100%;
}
.oa-generateOTP .otpContainer h3 {
  float: left;
  width: 100%;
  color: #212121;
  font-size: 20px;
  margin: 0;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
}
.oa-generateOTP .otpContainer p {
  float: left;
  width: 100%;
  color: #454545;
  margin: 4px 0 0 0;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: left;
}
.oa-generateOTP .otpContainer .oa-row {
  float: left;
  width: 100%;
  margin: 32px 0 0 0;
}
.oa-generateOTP .otpContainer .oa-row label {
  float: left;
  width: 100%;
  color: #212121;
  font-size: 14px !important;
  letter-spacing: 0;
  line-height: 20px;
}
.oa-generateOTP .otpContainer .bottomLink {
  margin: 24px 0 0 0;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 20px;
  float: left;
  width: 100%;
}
.oa-generateOTP .otpContainer .submitBtn {
  margin: 48px 0 0 0;
}
.captchaNew {
  height: 13px !important;
  width: 120px !important;
  float: left !important;
  clear: none !important;
}
.oa-generateOTP .otpContainer .oa-row .capText {
  color: #454545;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 18px;
  width: auto;
  float: right;
  margin: 9px 0 0 0;
}

.oa-generateOTP .otpContainer .oa-row aside {
  float: left;
  width: 115px;
  text-align: center;
  position: relative;
}
.oa-generateOTP .otpContainer .oa-row section {
  color: #212121;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 14px;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 18px;
}

.oa-generateOTP .otpContainer .oa-row aside img {
  width: 98%;
  margin: 2px 0 0 0;
}
.headerSpan {
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 20px;
  left: 20px;
  width: 75%;
}
.otp {
  border: solid 1px #888f97 !important;
  border-radius: 2px !important;
  width: calc(100% - 24px) !important;
  height: auto !important;
  background-color: #fff;
  letter-spacing: normal;
  color: #212121 !important;
  padding: 11px !important;
  line-height: 1.43 !important;
  -webkit-appearance: none;
  margin-top: 2px !important;
}
.submitBtn {
  background-color: #0282f0;
  padding: 10px 0;
  height: auto;
  object-fit: contain;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #fff;
  box-shadow: none;
  width: 100%;
  max-width: 328px;
  border-radius: 2px;
  border: none;
  text-transform: capitalize;
}
.closeIcon {
  position: absolute;
  right: 21px;
  top: 21px;
  color: #7a7a7a;
  cursor: pointer;
}
#otpPopup {
  margin: auto !important;
  z-index: 99;
}
.parent-popup {
  display: none;
  height: 100vh;
  width: 100%;
  top: 0;
  overflow: hidden;
  background-color: rgb(0, 0, 0, 0.7);
  left: 0;
  position: absolute;
}
.otp-edit-label {
  margin-left: 3px;
}

.loader-quickRepair {
  width: 100%;
  text-align: center;
  padding: 200px 0;
  position: absolute;
  z-index: 9999999;
  opacity: 0.4;
}

@media only screen and (min-width: 601px) {
  .flexBox .greenClr,
  .flexBox strike,
  .payMode {
    display: none;
  }
  .felxOne {
    width: 100%;
  }
  .flexBox .aplDetails {
    width: auto;
  }
  .flexBox {
    display: block;
    padding: 0 24px;
  }
  .priceDesktopView,
  .promoCodeOA {
    padding: 0 24px;
  }
}
/* for only galaxy fold media Query */
@media only screen and (max-width: 360px) {
  .upiImg {
    width: 100%;
  }
  /* .tab_content{width: calc(100% - 40px);margin: 16px 16px 0;} */
  .walletRadioBtn label img {
    width: 68px;
    height: auto;
  }
  .bankLogoDiv img {
    width: 70px;
  }
  .eql {
    padding-right: 5px !important;
  }
  body .capChaSec input[type='tel'] {
    width: 22px !important;
    clear: none;
  }
  .walletRadioBtn {
    max-width: 100%;
  }
  .planList ul li .smlTxt {
    font-size: 12px !important;
    padding-left: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 50%;
  }
  .planList ul li .emiOpt span {
    right: 8px;
    top: 13px;
    font-size: 12px;
  }
  .planList ul li {
    padding: 8px;
  }
}
.oneStep {
  float: left;
  width: 100%;
  color: #757575;
  margin: 24px 0 16px 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}

.oaInfoBox {
  padding: 12px;
  float: left;
  width: 100%;
  color: #212121;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  border-radius: 4px;
  display: flex;
  background-color: #fff2de;
}

.oaInfoBox img {
  float: left;
  margin: 2px 8px 0 0;
  height: 14px;
  width: 14px;
}

.planValidDate {
  border-radius: 0 0 4px 4px;
  background-color: #fafafa;
  width: calc(100% + 48px);
  float: left;
  padding: 8px 0;
  color: #404040;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 16px;
  margin: 0 0 0 -24px;
}

.paymentMobileHeader {
  padding: 16px;
  width: 100%;
  display: none;
  border: 1px solid #dcdcdc;
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgb(0 0 0 / 12%);
  clear: both;
  flex-direction: row;
  justify-content: flex-start;
}
.paymentMobileHeader i {
  cursor: pointer;
}
.paymentMobileHeader h4 {
  color: #212121;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 24px;
  margin: 0 0 0 8px;
}

.mobileViewHeading {
  display: none;
}
@media only screen and (max-width: 600px) {
  /* ********Niyo mobile css start******** */
  #breakUp .boxDiv {
    box-shadow: none;
  }
  #breakUp .taxBand {
    padding: 0 16px;
  }
  #breakUp .totalAmountSec {
    padding: 20px 16px;
  }
  .niyo .niyoPriceBox span {
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    color: #212121;
  }
  .niyo .yourEncrypted {
    flex-direction: column;
    padding: 18px 0 0;
  }
  .niyo .newFormField label {
    font-weight: 400;
    font-size: 12px !important;
    line-height: 18px;
    color: #212121;
  }
  .niyo .input-field > label {
    font-weight: 400;
    font-size: 14px !important;
    line-height: 22px;
    color: #646464 !important;
  }

  .niyo .jsMenuP {
    padding: 0 16px;
  }
  .niyo #scrollEvent .felxOne {
    width: 100%;
  }

  .niyo #scrollEvent .flexBox .aplDetails {
    width: 0%;
  }
  .niyo .checkoutBox {
    background: transparent;
  }

  .niyo .checkoutBox .rightSec .boxDiv {
    background: transparent;
    box-shadow: none;
  }
  .niyo .checkoutBox .leftSec {
    background: transparent;
  }
  .niyo #userForm {
    background: #fff;
    float: left;
    box-shadow: -3px 2px 8px rgba(0, 0, 0, 0.18526);
    border-radius: 4px;
    padding: 16px;
    margin: 0 0 36px;
  }
  .niyo .userDetailsBox {
    padding: 0;
  }
  .niyoPaymentBg {
    background: #f9f9f9;
  }
  .niyoPaymentBg .planbenefitspoints,
  .niyoPaymentBg .planValidityAdd {
    display: none;
  }
  .niyoPaymentBg .checkoutBox .rightSec .boxDiv {
    background: #fff;
    margin: 0;
  }
  .niyoPaymentBg header nav {
    border: none;
  }
  .niyoPaymentBg .jsMenuP {
    padding: 0 8px;
  }
  .niyoPaymentBg .checkoutBox .leftSec {
    margin: 0 0 40px;
  }

  #wallettab6 em span:nth-last-child(-n + 2) {
    display: inline-block;
  }
  /* ********Niyo mobile css end here******** */
  .orderSummary {
    display: none;
  }
  .mobileViewHeading {
    display: block;
  }
}
@media only screen and (max-width: 380px) {
  .tab_drawer_heading em {
    color: #959595;
    font-style: normal;
    font-size: 10px;
    width: 90%;
  }
}
.borderselected {
  border: 1px solid rgb(1 130 240) !important;
}

.disabledState {
  opacity: 0.5;
  border: 1px solid rgb(226, 226, 226) !important;
}

.download-app:disabled {
  cursor: default;
  background: #b3b3b3 !important;
}
.newFormField.heightAuto.jsValidate.codForm {
  display: none;
}

.extraOff {
  display: none;
}

.d_active .extraOff {
  display: inline;
}

.oneStep {
  float: left;
  width: 100%;
  color: #757575;
  margin: 24px 0 16px 0;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}

.dis-block {
  display: block !important;
}

@media only screen and (max-width: 456px) {
  .payOtpSi {
    position: relative;
    /* top: -12px; */
    margin-top: -56px;
  }
}