@media (prefers-reduced-motion: no-preference)
:root {scroll-behavior: smooth;}
body {margin: 0;font-family: var(--bs-body-font-family); font-size: var(--bs-body-font-size);font-weight: var(--bs-body-font-weight);line-height: var(--bs-body-line-height);color: var(--bs-body-color);text-align: var(--bs-body-text-align);background-color:#f1f1f1;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: 'Open Sans', sans-serif;}
*, ::before, ::after {box-sizing: border-box;}
.row {--bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));}
.row > * {flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-top: var(--bs-gutter-y);}
.container, .container-fluid{ --bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;}
.col-lg-12 {flex: 0 0 auto;width: 100%;}
.wrapper{ width:100%; position:relative;  overflow:hidden;}

.logo{ height:80px; }
.saveimg{ width:220px;}
.rgreymd{ height:25px}


.topTitleSec{ text-align:center; width:100%;}
.topTitleSec img{ display:block; margin:0 auto;}
.topTitleSec h2{ color:#575757; font-size:22px; font-weight:600; text-align:center; margin:5px 0 15px; padding:0;}

.boxSec {width: 100%;position: relative;justify-content: space-between;display: flex;}
.boxRow {border: 1px solid #efefef;padding: 0px 0;box-shadow: 0 0 6px rgb(0 0 0 / 10%);transition: all 0.3s ease;position: relative; border-radius:10px; overflow:hidden; margin:0 0 26px; width:238px; min-height:287px;}
@media only screen and (min-width: 768px) {
  .boxRow {
    width: 266px; /* 12% increase */
    min-height: 322px; /* 12% increase */
  }
}
.boxTop {text-align: center;position: relative;width: 100%;overflow: hidden;}
.boxTop h2{ margin:45px 0 30px; padding:0; font-size:15px; color:#575757;}
.boxTop span{  position:absolute; top:0; right:0;}

.boxDetails{ width:100%; clear:both; overflow:hidden; position:relative;}
.boxDetails ul{ margin:0; padding:0 22px; width:100%;}
.boxDetails ul li{ display:block; list-style:none; position:relative; margin:0 0 30px;}
.boxDetails ul li:last-child{ margin-bottom:15px;}
.boxDetails ul li p{ margin:0; padding:0; font-size:11px; font-weight:700; color:#707070;}
.boxDetails ul li h3{ margin:0; padding:0; font-size:24px; font-weight:700; color:#575757;}
.boxDetails ul li h3 span{ font-size:10px; color:#575757; display: inline-block; line-height:9px; font-weight:400; text-align:right;}
.boxFoot{ width:100%; clear:both; overflow:hidden;}
.boxFoot a{ color:#246FD6; font-size:11px; font-weight:600; text-decoration:none; padding:0 22px;}

.textCol{ width:100%; overflow:hidden; padding:0 }
.center-btn{ width:66%; overflow:hidden; padding:0; margin: auto;text-align: center;align-items: center}
.signup-btn{  ;text-align: center;}
.textCol h3{ font-weight:600; color:#DA281C; font-size:15px; margin:0 0 15px; padding:0;}
.textCol p{ color:#575757; font-size:15px; margin:0 0 25px; padding:0; line-height:22px;}

.logo-center{ padding:0;text-align: center;align-items: center; margin:25px 0;}

.popupbtn{ display:block; font-size:15px; text-decoration:none; color:#FFF; padding:12px; font-weight:600; border-radius:3px; background: #da281c url(../img/arrow.png) no-repeat 98% 50%; margin:0 0 35px; background-size: 17px !important;}
.faqbtn .popupbtn, .ccbtn .popupbtn{ width:55%; background: #da281c url(../img/arrow.png) no-repeat 96% 50%;}

.next-btn{ display:block; font-size:15px; text-decoration:none; color:#FFF; padding:12px; font-weight:600; border-radius:3px; background: #da281c url(../img/arrow.png) no-repeat 98% 50%; margin:0 0 10px; background-size: 17px !important;}

.prev-btn {
    cursor: pointer;
    background: #da281c url(../img/back.png) no-repeat 2% 50%;
    background-size: 17px !important;
    padding: 12px 12px 12px 30px;
    font-size: 15px;
    text-decoration: none;
    color: #FFF;
    font-weight: 600;
    border-radius: 3px;
    margin: 0 0 10px;
    display: flex;
    align-items: center; /*add this line*/
}



.popupbtn:hover{ color:#FFF}
footer{ width:100%; clear:both; overflow:hidden; padding:0 0 15px;}
.foottext p{ font-size:11px; color:#575757; line-height:18px; margin:0 0 10px; padding:0;}

.modal-content{ border-radius:10px;}
.modal-header{ border:0; padding:30px 45px 20px 45px; margin:0; position:relative;}
.modal-header h2{ margin:0 0 0; padding:0; font-size:15px; color:#575757; font-weight:700;}
.btn-close {position: absolute;top: 18px;right: 15px;}
.modal-body{ padding:0 45px 25px;}
.modal-body p{ font-size:13px; color:#575757; line-height:18px; margin:0 0 10px; padding:0;}
.modal-body h3{ font-size:15px; color:#707070; line-height:18px; margin:0 0 8px; padding:0; font-weight:700;}
.modal-body ul{ margin:0 0 0 10px; padding:0; display:block;}
.modal-body ul li{font-size:13px; color:#575757; line-height:18px; margin:0 0 7px; padding:0;}


.signupSec{ width:100%; clear:both; overflow:hidden; position:relative;}
.siginuphead{ width:100%; clear:both; overflow:hidden; position:relative; border-bottom:1px solid #ccc; padding:15px 0; margin:0 0 20px; }
.siginuphead h3{  font-size:24px; margin:0; padding:0; color:#DA281C}

.formRow{ width:100%; clear:both; overflow:hidden; margin:0 0 15px;}
.formRow input{ display:block; clear:both; width:90%; height:44px; border:1px solid #53ABBE; border-radius:3px; padding:0 15px;}
.formRow select{ display:block; clear:both; width:90%; height:44px; border:1px solid #53ABBE; border-radius:3px; padding:0 15px;}
.formRow label{ color:#000000; margin:0 0 10px; padding:0; font-size:14px; font-weight:700; display:block; clear:both;}
.formRow a {color: #246FD6;font-size: 15px;font-weight: 600;text-decoration: none;padding: 0 0 0 30px;}

.formRow textarea{ display:block; clear:both; width:90%; min-height:200px; border:1px solid #53ABBE; border-radius:3px; padding:  15px;}
.comments textarea{ min-height:250px}
.rogers label{ background:url(../img/icon1.png) no-repeat 0 0; background-size:22px; padding:0 0 5px 30px}

.formsec .textCol{ width:90%;}

.copybtn{ display:block; font-size:15px; text-decoration:none; color:#000; padding:12px; font-weight:600; border-radius:3px;  margin:25px 0 0 0 ; border:1px solid #707070; width:80px; text-align:center;}
.copybtn:hover{ background:#da281c; color:#fff;}

.formRow p{ font-size:18px; color:##575757; margin:0 0 15px; padding:0; display:block; clear:both;}
.formRow p small{ font-size:13px; display:block;}

.additionaline .popupbtn{ background: #7B7B7B url(../img/arrow.png) no-repeat 98% 50%;}

.addressinput input{ margin-bottom:12px;}

.formRow ul{ margin:0 0 0 10px; padding:0; display:block;}
.formRow ul li{font-size:13px; color:#575757; line-height:18px; margin:0 0 7px; padding:0;}


.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  display: table;
  transition: opacity .3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}