/** Shopify CDN: Minification failed

Line 67:0 Unexpected "}"

**/
/* from v3 */
.site-header .site-header__icons,
nav#AccessibleNav,
.prismCategoryBar4033V1 .vwoCategoryBar,
div#top_notice{
    display: none !important;
}
.prismCategoryBar4033V1 .site-header{
  border-top: 0;
}
.steps{
  display: none;
  align-items: center;
}
.btnswrap button, .button-general {
    background-color: #7a0001;
    border: none;
    color: #fff;
    padding: 10px 30px;
    font-size: 17px;
    cursor: pointer;
    text-transform: uppercase;
    min-width: 150px;
}
.dynamic-content h2 {
     font-size: 18px;
}
.dynamic-content .wrapperbdr {
    border: 1px solid #bfbfbf;
    -webkit-box-shadow: 0px 4px 12px #bfbfbf;
    box-shadow: 0 4px 12px #bfbfbf;
  }
@media(min-width:767px){
  div#main {
    max-width: 1200px;
    margin: 0 auto;
  }
}
/* modal messages */
.messages-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background: rgb(171 171 171);
    z-index: 2;
}
.messages-modal > div{
    display: none;
    background: #fff;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 20px;
    text-align: center;
}
}
.error-msg.show,
.success-msg.show{
    display: block !important;
}
.messages-modal.show{
    display: flex !important;
}
span.close-modal {
    position: absolute;
    top: 25px;
    right: 15px;
}
.close-modal path {
    fill: #a90000;
}
.care-subscription .ccform p.payment-error {
    text-align: left;
    padding-top: 0;
    color: red;
}
/* ajax loader css */
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}
.step3 h1{
  font-weight: 600;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading .modal {
    overflow: hidden;
    opacity: initial;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
/* =================
Login and OTP forms 
====================*/

.formwrap .remarks {
    margin-bottom: 20px;
}
.formwrap .input {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: 10px;
    position: relative;
}
.formwrap .btnswrap {
    display: flex;
    justify-content: flex-end;
}
.formwrap .btnswrap::after {
    display: none;
}
#care-otp .btnswrap {
    display: flex;
    justify-content: space-between;
}
.otp-container {
    margin-bottom: 20px;
}
div#resend_otp {
    position: absolute;
    top: 7px;
    right: 10px;
}
@media(min-width: 768px){
  .formwrap {
    padding: 50px 35px;
    margin: 100px 0;
  }
  
  .formwrap.inputform{
    max-width: 47%;
    margin: 100px auto;
    width: 100%;
  }
}
@media(min-width: 651px) and (max-width: 767px){
  .formwrap {
    padding: 50px 35px;
    margin: 100px 0;
  }
  
  .formwrap.inputform{
    max-width: 70%;
    margin: 100px auto;
    width: 100%;
  }
  .maintenance-banner .flex-wrap .flex-item{
    width: 70%;
  }
  div#care-login, div#care-otp-step {
    gap: 50px;
  }
}
@media(max-width: 650px){
  .remarks{
    background: #F1F1F1;
    padding: 30px 0;
    text-align: center;
  }
  .formwrap.inputform{
    max-width: 600px;
  }
  .formwrap.wrapperbdr {
    border: none;
    box-shadow: none;
    width: 100%;
  }
  .otp-container {
    padding: 20px;
  }
  #care-otp .btnswrap {
    padding-bottom: 50px;
  }
  .step1 .formwrap .input {
    padding-bottom: 50px;
    padding-top: 30px;
  }
}
/* end */

.alert-danger.error_tag{
  color: #7a0001;
}
.jdgm-carousel-wrapper[data-from-snippet="true"]{
  display: block !important;
}
.dark,
.care-subscription p.dark{
  color: #000;
}
.flex-wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  overflow: hidden;
}
.flex-wrap.top{
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}
.flex-wrap.justify-between{
  justify-content: space-between;
}
.flex-row {
    display: flex;
    align-items: center;
    gap: 20px;
}
.flex-50 .flex-item{
    width: 50%;
}

div#main {
    padding: 50px 0;
}
.title {
    margin: 0;
    font-weight: 600;
}
.smalltxt{
  font-size: 14px;
}
.text-left{
  text-align: left;
}
.stepwrap {
    width: 100%;
}
.stepwrap .btnswrap {
    justify-content: space-between;
    width: 100%;
    display: flex;
}
.btnswrap button.back {
    background: #fff;
    border: 1px solid #7a0001;
    color: #7a0001;
}
.btnswrap button.next{
    background: #CDCDCD;
}
.btnswrap button.next.active{
    background: #7a0001;
}
@media(max-width: 1200px){
  div#main{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media(max-width: 767px){
  .step1,
  .step2{
    flex-flow: column-reverse;
  }
  .step1 .remarks {
    background: #fff;
  }
  .step1 .formwrap .btnswrap {
    justify-content: center;
  }
}
@media(max-width: 650px){
  .mb-flex-100 .flex-item{
    width: 100%;
  }
  .mb-text-center{
    text-align: center !important;
  }
  .step1 .btnswrap button {
    width: 100%;
  }
}

/* banner */
.page-footer {
    display: none;
}
.maintenance-banner{
  background: url(//kihnhq11w86he9fs-15956213.shopifypreview.com/cdn/shop/t/135/assets/Aircon-PC-warranty2bg.png?v=5670973…);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.maintenance-banner .flex-wrap{
  /*height: 450px;*/
  padding-top: 35px;
  padding-bottom: 35px;
  max-width: 1200px;
}
.maintenance-banner .flex-wrap .flex-item {
    width: 50%;
}
.maintenance-banner .flex-wrap .image-wrap img {
    width: 100%;
    max-height: 350px;
    max-height: 280px;
    -o-object-fit: contain;
    object-fit: contain;
}
.maintenance-banner .flex-wrap.white-text > *,
.maintenance-banner .flex-wrap.white-text h2,
.maintenance-banner .flex-wrap.white-text p{
    color: #fff;
    text-align: left;
}

.maintenance-banner .subscribe{
  background: #7A0001;
  color: #fff;
  padding: 10px 15px;
}
.maintenance-banner .btnswrap p a{
  color: #D91E36;
}
.prismcarev4.sub-active .page-header,
.prismcare-manage.sub-active .page-header{
  display: none;
}
.prismcarev4.sub-active .page-footer,
.prismcare-manage.sub-active .page-footer{
  display: block;
}
@media(max-width: 650px){
  .maintenance-banner .flex-wrap .flex-item{
    width: 100%;
  }
  .maintenance-banner .flex-wrap.white-text>*, .maintenance-banner .flex-wrap.white-text h2, .maintenance-banner .flex-wrap.white-text p{
    text-align: center;
  }
}
/* maintenance icons */
.maintenance-icons {
    width: 100%;
}
.step1 .maintenance-icons,
.step2 .maintenance-icons{
    max-width: 47%;
}
.maintenance-icons .grid-wrap {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    margin: 0 auto;
    gap: 20px;
}
/*.step3 .maintenance-icons .grid-wrap,*/
.step4 .maintenance-icons .grid-wrap{
  grid-template-columns: auto auto auto auto;
}
.page-header .maintenance-icons {
    padding-top: 50px;
    width: 80%;
    margin: 0 auto;
    max-width: 1200px;
}
.maintenance-icons .grid-item {
    display: flex;
    flex-flow: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.maintenance-icons .grid-item p {
    width: 65%;
    font-weight: 600;
}
.step3 .maintenance-icons,
.step3 .image-wrap {
    width: 50%;
}
.step3 .option-prices{
  display: none;
}
.step3 .option-prices.active{
  display: flex;
}
@media(max-width: 767px){
  .maintenance-banner .flex-wrap {
    flex-flow: column-reverse;
  }
  .step3 .maintenance-icons,
  .step3 .image-wrap {
      width: 100%;
  }
  .step3 .flex-wrap.icon-wrap{
      margin-left: -22px;
      margin-right: -22px;
  }
  .step3 .flex-wrap.icon-wrap img{
    width: 100%;
  }
  .step3 .maintenance-icons{
      padding-left: 22px;
      padding-right: 22px;
      padding-bottom: 50px;
  }
}
@media(max-width: 650px){
    .step1 .maintenance-icons, .step2 .maintenance-icons {
    max-width: 100%;
  }
}
/* page content */
    /* fixes from V3 */
.steps{
  align-items: center;
  justify-content: space-around;
}
.formwrap.inputform{
    margin: 0;
    border-radius: 20px;
}
    /* end of fixes */
/* login page and otp page */
div#care-login,
div#care-otp-step{
    padding: 50px 0;
}

/* step 3 */
.step3, .step4 {
    flex-flow: column wrap;
    width: 100%;
    gap: 20px;
}
@media(max-width: 650px){
  .step3 .maintenance-icons .grid-wrap, .step4 .maintenance-icons .grid-wrap {
    grid-template-columns: auto auto;
  }
  .payment-options-selector .bts-wrap {
    width: 100%;
    justify-content: space-between;
  }
  .payment-options-selector .pay-select {
    min-width: calc(100% / 3);
  }
  .pricing-options .flex-wrap {
    flex-flow: column;
    padding: 0 15px;
  }
  .pricing-options .flex-item {
    display: grid;
    grid-template-columns: auto auto;
    width: 100%;
    border-bottom: 1px solid #c9bdbd;
    padding: 20px 0;
  }
  .pricing-options .flex-item h3 {
    grid-column: 1;
    grid-row: 1 / span 2;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .pricing-options .price-wrap,
  .pricing-options span.unit{
    justify-content: flex-end;
    display: flex;
  }
  .aircon-units .flex-wrap {
    flex-flow: column;
  }
  .aircon-units .flex-item.selection-wrap {
    width: 100%;
  }
  .aircon-units .flex-item.cost-wrap {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
}