@font-face { font-family: "dinrg"; src: url("fonts/dinrg.woff2") format("woff2"), url("fonts/dinrg.woff") format("woff"), url("fonts/dinrg.ttf") format("truetype"), url("fonts/dinrg.svg#dinrg") format("svg"); }
@font-face { font-family: "dinlt"; src: url("fonts/dinlt.woff2") format("woff2"), url("fonts/dinlt.woff") format("woff"), url("fonts/dinlt.ttf") format("truetype"), url("fonts/dinlt.svg#dinlt") format("svg"); }
@font-face { font-family: "DINCond"; font-style: normal; font-weight: normal; src: url("fonts/DINCond-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DINCond-Regular.woff") format("woff"), url("fonts/DINCond-Regular.ttf") format("truetype"); }
@font-face { font-family: 'DINNextRoundedLTW01'; src: url('fonts/DINNextRoundedLTW01-Bold.eot'); src: url('fonts/DINNextRoundedLTW01-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/DINNextRoundedLTW01-Bold.woff') format('woff'),  url('fonts/DINNextRoundedLTW01-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'Open Sans'; src: url("fonts/OpenSans-Regular.eot?v=1.1.0"); src: url("fonts/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("fonts/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("fonts/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("fonts/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("fonts/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'DIN-Bold'; src: url('DIN-Bold.eot'); src: url('fonts/DIN-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/DIN-Bold.woff2') format('woff2'),  url('fonts/DIN-Bold.woff') format('woff'),  url('fonts/DIN-Bold.svg#DIN-Bold') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal;  unicode-range: U+0020-00FE;
}

body { color: #000; font-family: "dinrg", "DINCond", "DINCond", "DIN-Bold", "DINNextRoundedLTW01"; font-size: 16px; overflow-x: hidden; margin: 0; padding: 0; }
.header { height: 112px; background: #ffffff; border-bottom:1px solid #dadada; }
.banner { position: relative; }
.banner .img { margin: 0 auto; max-width: 100%; min-height: 500px; width: 100%;  position: absolute;  margin: auto; left: 0; right: 0; height: 100%;  background: url('../images/banner.jpg') center top no-repeat ;  }

.banner .img2 { margin: 0 auto; max-width: 100%; min-height: 500px; width: 100%;  position: absolute;  margin: auto; left: 0; right: 0; height: 100%;  background: url('../images/tc.png') center top no-repeat ;  }

.banner .container {  position: relative; z-index: 1; }
.banner .container .textBoxWrapper { width: 30%; float: left;  font-size: 55px; padding-top: 6%; min-height: 500px; }
.banner .container .textBoxWrapper h1 {font-size: 1em;}
.banner .container .textBoxWrapper .mainText { font-size: 1em; }
.banner .container .textBoxWrapper .subText { font-size: 0.550em; }
.banner .container .textBoxWrapper h4 { font-size: 0.333em; }


.banner .container .formWrapper {   border:1px solid #dbcbe3; margin-top: -75px; width: 48%; float: right; background: #ffffff; 
    border-top-left-radius: 15px; border-top-right-radius: 15px; padding: 15px 30px 0 30px; box-sizing: border-box; position: absolute; right: 0; }


.banner .container .formWrapper .headText { text-transform: uppercase; color: #5f2160; font-weight: bold; font-family: "dinrg"; 
    font-size: 22px;  margin-bottom: 20px; position: relative;  text-align: center;} 
.banner .container .formWrapper .headText span { display: block; font-size: 0.591em; color: #000; text-transform: none; }
.banner .container .formWrapper .form-group { position: relative;}
.banner .container .formWrapper .form-group .form-control { border:1px solid #ba9ac9; height: 37px; border-radius: 37px; font-family: "dinrg"; font-size: 14px; }
.banner .container .formWrapper .form-group .error { position: relative; font-size: 12px; color: #c0274f; }
.banner .container .formWrapper select::-ms-expand { display: none; }
.banner .container .formWrapper select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: '';
     background: url('../images/select-arrow.png') right center no-repeat; padding-right: 33px; }
.banner .container .formWrapper .QR-Wrapper { background: #faf5ff; padding: 10px 35px 5px; display: block; box-sizing: border-box;  margin-left: -30px; margin-right: -30px; display:none }
.banner .container .formWrapper .QR-Wrapper .subText { font-size: 17px; color: #5f2160; text-align: center; border-bottom:1px solid #d7c0e1; font-family: 'DIN-Bold'; 
    padding-bottom: 5px; margin-bottom: 10px; }
    .banner .container .formWrapper .QR-Wrapper .text2 { line-height: 1.2em; font-size: 15px;}

.banner .container .formWrapper .smallCheckBox {  position: relative; cursor: pointer; display: block; text-align: left;  }
.banner .container .formWrapper .smallCheckBox input { opacity: 0; position: absolute; height: 15px; width: 15px; z-index: 1; left: 0; top: 0;  }
.banner .container .formWrapper .smallCheckBox label { position: relative; line-height: 1.2em; padding-left: 30px; font-size: 12px; vertical-align: top; }
.banner .container .formWrapper .smallCheckBox label .cheIcon { border:1px solid #8D8F9F; height: 18px; width: 18px; position: absolute; left: 0px; top: 0px;  }
.banner .container .formWrapper .smallCheckBox label .cheIcon:before { content: '\2714'; line-height: 1em; text-align: center; height: 100%; width: 100%; padding-top: 2px; position: absolute; left: 0;top: 0; opacity: 0; }
.banner .container .formWrapper .smallCheckBox input:checked + label .cheIcon:before { opacity: 1; }

.banner .container .formWrapper .submitBtn { height: 50px; background: #3d2979; padding: 0 40px; font-size:22px; color: #ffffff; border:none; border-radius: 50px; cursor:pointer; } 
.banner .container .bodyText { width: 50%;}
.paymentRsBox {font-size: 1.7em; float: left; color: #5f2160; font-weight: 600;}
.paymentRs {  }

.section { padding-top: 50px; padding-bottom: 50px;}
.section p { font-size: 17px;}
.section .textPrimary { font-size: 1.176em; color: #8643a5; font-family: 'DIN-Bold'; }
.bg1 { background: #faf5ff;}
.color-red { color:#c0274f; }
.text-purple { color: #5f2160;}
.text-cemter { text-align: center;}
.sectionTitle  { font-size: 36px;  display: inline-block; font-family: 'DIN-Bold';  }
.textgradient { background: -webkit-linear-gradient(left, #773996 10%, #ec1c24 40%); -webkit-background-clip: text;
     -webkit-text-fill-color: transparent; color: rgb(123, 56, 145); font-family: "DINNextRoundedLTW01";  }

     .T_C_popupWrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #8643a5; z-index: 10; display: none;  margin-bottom: 100%; }

.T_C_popup { position: absolute; width: 85%; max-height: 90%; top: 0; background: #ffffff; display: none; left: -15px; right: 0; bottom: 0; padding: 20px; 
      z-index: 11; margin: auto;  position: fixed; box-sizing: border-box;  }
      .T_C_popup .popupText { position: relative; overflow-y: auto;  }
      .T_C_popup .headText { font-size: 30px; margin-bottom: 1.1em;}
.T_C_popup .close {  position: absolute; right: 10px; top: 10px; }
.T_C_popup ol, .T_C_popup ul { padding-left: 30px; }

 .rpolicyWrapper { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #8643a5; z-index: 10; display: none;  }
.rpolicy_popup { position: absolute; width: 85%; top: 10%; background: #ffffff; display: none; left: 50%; transform: translateX(-50%); padding-top: 30px; padding-left: 30px; padding-right: 30px; z-index: 11; }
.rpolicy_popup .close {  position: absolute; right: 10px; top: 10px; }
.clr { clear:both; display:table;}
.thankYoy.Success {  }
.thankYoy.failed {  }
.thankYoy .Btns, .thankYoy a.Btns {  background: #3d2979; color:#ffffff; border: none; line-height: normal; box-sizing: ; padding: 11px 40px; font-size: 22px; color: #ffffff;  border: none; border-radius: 50px;}
.thankYoy a.Btns  {  color: #ffffff;  }
.thankYoy { padding:70px 0px; text-align: center; font-size: 24px; display: none; box-sizing: border-box;  }
.thankYoy h2 { font-size: 70px; font-family: 'DIN-Bold'; color: #442b79; text-align: center; width: 100%; }
.thankYoy h3 { font-size: 22px; font-family: 'DIN-Bold'; color: #87499c; width: 100%; }
.thankYoy p { font-size: 18px; font-family: 'dinrg'; font-weight: regular; }
.thankYoy p .boldText { font-size: 1.1em; font-family: 'DIN-Bold'; color: #442b79; }
.section .bulletItem { position: relative; margin-bottom: 30px; padding-left: 40px; }
.TandC { text-decoration: underline; cursor: pointer; }
.section .bulletItem .no { font-size: 17px; color: #bd54b2; position: absolute; left: 0; padding: 0 10px; line-height: 26px; top: 5px;
   
    
     background: url('../images/bullet-bg.jpg') no-repeat right; font-family: 'DIN-Bold'; }
     .QR_Image { margin: 0 auto; max-width: 65%; } 
	 .form-group { margin-bottom: 0.6rem !important;}
     .form-control:disabled, .form-control[readonly] { background-color: #ffffff;}
.section .bulletItem .rpolicy {background: none; cursor: pointer;}
.calender { background: url('../images/calendar.svg') no-repeat calc(100% - 13px) center; background-size: 24px; cursor: pointer; }
     .note { padding: 10px 15px; background:#faf5ff;}
.loaderWrap { overflow: hidden !important; }
.loaderWrap .loader { content: ''; background: url('../images/loader.gif') no-repeat center center rgba(255,255,255, .8); left: 0; top: 0; z-index: 99; position: fixed; width: 100vw; height: 100vh;  }

.footer { min-height: 75px; background-color: #231745; }
.footer .text { padding: 20px 0; text-align: center; color: #ffffff;}

.ui-datepicker  {  font-family:'dinrg';}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { border: 1px solid #dadada;}
.ui-datepicker .ui-datepicker-prev { background: url('../images/left-arrow.svg') no-repeat 5px 5px; background-size: 60%; top: 3px; left: 2px; }
.ui-datepicker .ui-datepicker-next { background: url('../images/right-arrow.svg') no-repeat 5px 5px; background-size: 60%; top: 3px; right: 2px; }
.ui-datepicker .ui-datepicker-prev:hover { background: url('../images/left-arrow.svg') no-repeat 5px 5px; background-size: 60%; top: 3px; left: 2px; }
.ui-datepicker .ui-datepicker-next:hover { background: url('../images/right-arrow.svg') no-repeat 5px 5px; background-size: 60%; top: 3px; right: 2px; }

.formWrapper .underConstruction { padding: 100px 0; text-align: center;  }
.formWrapper .underConstruction .text {      color: #8643a5; font-family: 'DIN-Bold'; font-size:1.6em; }
     
     .qrWrp{position:relative;}
     .qrWrp .qrCode{position: absolute; right: -15px;}
     @media (max-width: 1199px) {
        .banner .container .textBoxWrapper { font-size: 50px;}
     }

     @media (max-width: 991px) {
        .banner .container .formWrapper { width: 100%; position: relative; right: unset;}
        .banner .img { background: url('../images/tablet.jpg') no-repeat center top ; }
		.banner .img2 { background: url('../images/tablet2.jpg') no-repeat center top ; }
        .banner .container .textBoxWrapper {  width: 45%; font-size: 43px; }
        .T_C_popup { width: 80%;  }
        .T_C_popup .headText { font-size: 25px; }
     }

     @media (max-width: 575px) {
        .banner .img { background: url('../images/mobile.jpg') no-repeat center top ; min-height: 375px;}
		 .banner .img2 { background: url('../images/mobile2.jpg') no-repeat center top ; min-height: 375px;}
        .banner .container .textBoxWrapper {     width: 60%; font-size: 40px; min-height: 375px; }
        .qrWrp .qrCode{position:relative; right:0px;text-align: center;   margin-bottom: 15px;}
        .T_C_popup { width: 90%; padding: 20px; left: -15px; }
        .T_C_popup .headText { font-size: 20px; }
        .banner .container .formWrapper .QR-Wrapper { padding: 10px 15px 5px; }
     }

      .Success { display: flex; justify-content: center; flex-flow: column; align-items: center; min-height: 350px; padding: 10%;}
 .Success h3 { text-align: center; }