
	#web_Whatsappp {position: fixed;width: 60px;height: 60px;bottom: 5%;left: 15px;background-color: #25d366;color: #FFF;border-radius: 50px;text-align: center;font-size: 30px;/* box-shadow: 2px 2px 3px #999; */z-index: 100;}
	#web_Whatsappp .my-float {margin-top: 10px;font-size:40px;}
	#contact_us_gif {position: fixed;width: 65px;height: 65px;bottom: 5%;right: 15px;background-color: #ffffff;/*#2f2e67;f8e71c*/ color: #FFF; border:3px solid #ff1d4d;border-radius: 50px; text-align: center; font-size: 30px; /* box-shadow: 2px 2px 3px #999; */ z-index: 100;}
	#contact_us_gif .my-float {margin-top: 5px;font-size:40px;}
	.waves-block {position: fixed;bottom: 50%; right: 15px;}
	.waves {position: absolute;width: 100px;height: 100px;background: rgba(0, 0, 0, 0.3);opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; border-radius: 100%;right: -20px;bottom: -20px;z-index: -1;-webkit-animation: waves 3s ease-in-out infinite;animation: waves 3s ease-in-out infinite;}
    .wave-1 {-webkit-animation-delay: 0s;animation-delay: 0s;}
	.wave-2 {-webkit-animation-delay: 1s;animation-delay: 1s;}
	.wave-3 {-webkit-animation-delay: 2s;animation-delay: 2s;}
    @media(max-width:900px){.hero{grid-template-columns:1fr;padding:100px 6% 60px}.hero-form-card{max-width:480px}.why-grid{grid-template-columns:1fr;gap:2.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}nav ul{display:none}}
    @media(max-width:600px){section{padding:30px 5%}.hero-stats{gap:1.5rem}.trust-bar{gap:1.5rem}.nmc-steps{grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));}#web_Whatsappp{width:45px;height:45px;}#web_Whatsappp>img{width:45px;}#contact_us_gif{width:45px;height:45px;}#contact_us_gif>img{width:35px;height:35px;}}
  .modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}
  .modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
  .modal_popup_form_header h4 {text-align:center;color:#fff;}
.modal_popup_form_header p {text-align:center;color:#fff;}
.floating-label>input{width:100%;margin-bottom:15px;border-radius:20px;border:1px solid #fff;background:#fff;color:#000;height: 40px;padding:0 15px;}

@media(max-width:767px){
	#counsel>.modal-dialog{
		width:95% !important;
	}
	.multi_step_form #msform{
	max-width: 100% !important;
	}
	.multi_step_form #msform fieldset h3{
		text-align:center !important;
		padding:0 !important;
	}
	#edu-div{
		border: 1px dashed #424ea4;
	}
	#group-div{
		border: 1px dashed #424ea4;
    margin-top: 20px;
	}
}
.formobile{display:none;padding:0 !important;}.forweb{display:block;}
.faq>.col-md-12>p{margin-bottom:5px;}
.faq>.col-md-12>p:last-child{margin-bottom:20px;}
.modal_popup_form_header h4 {text-align:center;color:#fff;}
.modal_popup_form_header p {text-align:center;color:#fff;}
button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}
.floating-label>input{width:100%;margin-bottom:15px;border-radius:20px;border:1px solid #fff;background:#fff;color:#000;height: 40px;padding:0 15px;}
#counsel>.modal-dialog{width:85%;max-width:85%;}
#counsel>.modal-body>.close{color:#fff}
#counselConversion>.modal-body>.close{color:#000}
#counsel>.modal-body{background-color: #424ea4;}
.fade.in {opacity: 1;}
.form-wrapper>.row>.col-md-12>.form-group{text-align:right;}
.loader{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background: #000;opacity: .75;}.loader>img{margin-left:43%;}
.loader1>img{margin-left:25%}.loader1{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background: #000;opacity: .75;}.loader1>img{margin-left:43%;}
#modalsubmit{border-radius: 20px;height: 40px;padding: 0px 25px;font-size: 16px;}
@-webkit-keyframes new_icon {0% { -webkit-transform: translate(0px, 5px) ; }
    100% { -webkit-transform: translate(0px, -15px);  }
  }
  @-moz-keyframes new_icon {
        0% { background-position: 0 0; }
      100% { background-position: 0 600%; }
  }

  
    #lp-pom-image-34{
     animation: new_icon 1s linear 0s infinite alternate;
    -webkit-animation: new_icon 2s linear 0s infinite alternate;
  }
/* Step form css start */
/*font Variables*/
/*Color Variables #f6f9fb*/
 .multi_step_form {
	 background: #ffffff;
	 display: block;
	 /*overflow: hidden;*/
}
 .multi_step_form #msform {
	 text-align: center;
	 position: relative;
	 padding-top: 0px;
	 min-height: 600px;
	 max-width: 95%;
	 margin: 0 auto;
	 background: #fff;
	 z-index: 1;
}
 .multi_step_form #msform .tittle {
	 text-align: center;
	 padding-bottom: 0px;
}
 .multi_step_form #msform .tittle h2 {
	 font: 500 24px/35px arial,sans-serif !important;
	 color: #3f4553;
	 padding-bottom: 5px;
	 margin: 5px 0;
}
 .multi_step_form #msform .tittle p {
	 font: 400 16px/28px arial,sans-serif !important;
	 color: #5f6771;
}
 .multi_step_form #msform fieldset {
	 border: 0;
	 padding: 0px 20px 20px 20px;
	 position: relative;
	 width: 100%;
	 left: 0;
	 right: 0;
}
 .multi_step_form #msform fieldset:not(:first-of-type) {
	 display: none;
}
 .multi_step_form #msform fieldset h3 {
	 font: 600 18px/35px arial,sans-serif !important;
	 color: #3f4553;
}
 .multi_step_form #msform fieldset h6 {
	 font: 400 15px/28px arial,sans-serif !important;
	 color: #5f6771;
	 padding-bottom: 10px;
}
 .multi_step_form #msform fieldset .intl-tel-input {
	 display: block;
	 background: transparent;
	 border: 0;
	 box-shadow: none;
	 outline: none;
}
 .multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag {
	 padding: 0 20px;
	 background: transparent;
	 border: 0;
	 box-shadow: none;
	 outline: none;
	 width: 65px;
}
 .multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow {
	 border: 0;
}
 .multi_step_form #msform fieldset .intl-tel-input .flag-container .selected-flag .iti-arrow:after {
	 content: "\f35f";
	 position: absolute;
	 top: 0;
	 right: 0;
	 font: normal normal normal 24px/7px Ionicons;
	 color: #5f6771;
}
 .multi_step_form #msform fieldset #phone {
	 padding-left: 80px;
}
 .multi_step_form #msform fieldset .form-group {
	 padding: 0 10px;
}
.form-row .col-md-12 .form-group {
	margin-bottom: 0px;
}
 .multi_step_form #msform fieldset .fg_2, .multi_step_form #msform fieldset .fg_3 {
	 display: block;
	 overflow: hidden;
}
 .multi_step_form #msform fieldset .fg_3 {
	 padding-bottom: 20px;
}
 .multi_step_form #msform fieldset .form-control, .multi_step_form #msform fieldset .product_select {
	 border-radius: 3px;
	 border: 1px solid #d8e1e7;
	 padding: 0 20px;
	 height: auto;
	 font: 400 15px/48px arial,sans-serif !important;
	 color: #5f6771;
	 box-shadow: none;
	 outline: none;
	 width: 100%;
}
 .multi_step_form #msform fieldset .form-control.placeholder, .multi_step_form #msform fieldset .product_select.placeholder {
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .form-control:-moz-placeholder, .multi_step_form #msform fieldset .product_select:-moz-placeholder {
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .form-control::-moz-placeholder, .multi_step_form #msform fieldset .product_select::-moz-placeholder {
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .form-control::-webkit-input-placeholder, .multi_step_form #msform fieldset .product_select::-webkit-input-placeholder {
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .form-control:hover, .multi_step_form #msform fieldset .product_select:hover, .multi_step_form #msform fieldset .form-control:focus, .multi_step_form #msform fieldset .product_select:focus {
	 border-color: #424ea4;
}
 .multi_step_form #msform fieldset .form-control:focus.placeholder, .multi_step_form #msform fieldset .product_select:focus.placeholder {
	 color: transparent;
}
 .multi_step_form #msform fieldset .form-control:focus:-moz-placeholder, .multi_step_form #msform fieldset .product_select:focus:-moz-placeholder {
	 color: transparent;
}
 .multi_step_form #msform fieldset .form-control:focus::-moz-placeholder, .multi_step_form #msform fieldset .product_select:focus::-moz-placeholder {
	 color: transparent;
}
 .multi_step_form #msform fieldset .form-control:focus::-webkit-input-placeholder, .multi_step_form #msform fieldset .product_select:focus::-webkit-input-placeholder {
	 color: transparent;
}
 .multi_step_form #msform fieldset .product_select:after {
	 display: none;
}
 .multi_step_form #msform fieldset .product_select:before {
	 content: "\f35f";
	 position: absolute;
	 top: 0;
	 right: 20px;
	 font: normal normal normal 24px/48px Ionicons;
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .product_select .list {
	 width: 100%;
}
 .multi_step_form #msform fieldset .done_text {
	 padding-top: 40px;
}
 .multi_step_form #msform fieldset .done_text .don_icon {
	 height: 36px;
	 width: 36px;
	 line-height: 36px;
	 font-size: 22px;
	 margin-bottom: 10px;
	 background: #424ea4;
	 display: inline-block;
	 border-radius: 50%;
	 color: #fff;
	 text-align: center;
}
 .multi_step_form #msform fieldset .done_text h6 {
	 line-height: 23px;
}
 .multi_step_form #msform fieldset .code_group {
	 margin-bottom: 60px;
}
 .multi_step_form #msform fieldset .code_group .form-control {
	 border: 0;
	 border-bottom: 1px solid #a1a7ac;
	 border-radius: 0;
	 display: inline-block;
	 width: 30px;
	 font-size: 30px;
	 color: #5f6771;
	 padding: 0;
	 margin-right: 7px;
	 text-align: center;
	 line-height: 1;
}
 .multi_step_form #msform fieldset .passport {
	 margin-top: -10px;
	 padding-bottom: 30px;
	 position: relative;
}
 .multi_step_form #msform fieldset .passport .don_icon {
	 height: 36px;
	 width: 36px;
	 line-height: 36px;
	 font-size: 22px;
	 position: absolute;
	 top: 4px;
	 right: 0;
	 background: #424ea4;
	 display: inline-block;
	 border-radius: 50%;
	 color: #fff;
	 text-align: center;
}
 .multi_step_form #msform fieldset .passport h4 {
	 font: 500 15px/23px arial,sans-serif !important;
	 color: #5f6771;
	 padding: 0;
}
 .multi_step_form #msform fieldset .input-group {
	 padding-bottom: 40px;
}
 .multi_step_form #msform fieldset .input-group .custom-file {
	 width: 100%;
	 height: auto;
}
 .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label {
	 width: 168px;
	 border-radius: 5px;
	 cursor: pointer;
	 font: 700 14px/40px arial,sans-serif !important;
	 border: 1px solid #99a2a8;
	 text-align: center;
	 transition: all 300ms linear 0s;
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label i {
	 font-size: 20px;
	 padding-right: 10px;
}
 .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:hover, .multi_step_form #msform fieldset .input-group .custom-file .custom-file-label:focus {
	 background: #424ea4;
	 border-color: #424ea4;
	 color: #fff;
}
 .multi_step_form #msform fieldset .input-group .custom-file input {
	 display: none;
}
 .multi_step_form #msform fieldset .file_added {
	 text-align: left;
	 padding-left: 190px;
	 padding-bottom: 60px;
}
 .multi_step_form #msform fieldset .file_added li {
	 font: 400 15px/28px arial,sans-serif !important;
	 color: #5f6771;
}
 .multi_step_form #msform fieldset .file_added li a {
	 color: #424ea4;
	 font-weight: 500;
	 display: inline-block;
	 position: relative;
	 padding-left: 15px;
}
 .multi_step_form #msform fieldset .file_added li a i {
	 font-size: 22px;
	 padding-right: 8px;
	 position: absolute;
	 left: 0;
	 transform: rotate(20deg);
}
 .multi_step_form #msform #progressbar {
	 margin-bottom: 0px;
	 overflow: hidden;
	 padding-left:0;
}
 .multi_step_form #msform #progressbar li {
	 list-style-type: none;
	 color: #99a2a8;
	 font-size: 9px;
	 width: calc(100%/4);
	 float: left;
	 position: relative;
	 font: 500 13px/1 arial,sans-serif !important;
}
 .multi_step_form #msform #progressbar li:nth-child(2):before {
	 /*content: '';content: "\f12f";*/
}
 .multi_step_form #msform #progressbar li:nth-child(3):before {
	 /*content: '';content: "\f457";*/
}
.multi_step_form #msform #progressbar li:nth-child(4):before {
	 /*content: '';content: "\f457";*/
	 display:none;
}
 .multi_step_form #msform #progressbar li:before {
	 /*content: '';content: "\f1fa";*/
	 font: normal normal normal 30px/50px Ionicons;
	 width: 10px;
	 height: 10px;
	 line-height: 10px;
	 display: block;
	 background: #eaf0f4;
	 border-radius: 50%;
	 margin: 0 auto 10px auto;
}
 .multi_step_form #msform #progressbar li:after {
	 content: '';
	 width: 100%;
	 height: 8px;
	 background: #eaf0f4;
	 position: absolute;
	 left: 0;
	 top: 21px;
	 z-index: -1;
}
 .multi_step_form #msform #progressbar li:last-child:after {
	 width: 150%;
}
 .multi_step_form #msform #progressbar li.active {
	 color: #424ea4;
}
 .multi_step_form #msform #progressbar li.active:before, .multi_step_form #msform #progressbar li.active:after {
	 background: #424ea4;
	 color: white;
}
/*#5cb85c*/
 .multi_step_form #msform .action-button {
	 background: #ff871c;
	 color: white;
	 border: 0 none;
	 border-radius: 5px;
	 cursor: pointer;
	 min-width: 130px;
	 font: 700 14px/40px arial,sans-serif !important;
	 border: 1px solid #ff871c;
	 margin: 0 5px;
	 text-transform: uppercase;
	 display: inline-block;
}
 .multi_step_form #msform .action-button:hover, .multi_step_form #msform .action-button:focus {
	 background: #ff973b;
	 border-color: #ff973b;
}
 .multi_step_form #msform .previous_button {
	 background: transparent;
	 color: #99a2a8;
	 border-color: #99a2a8;
}
 .multi_step_form #msform .previous_button:hover, .multi_step_form #msform .previous_button:focus {
	 background: #ff973b;
	 border-color: #ff973b;
	 color: #fff;
}
.multi_step_form #msform fieldset .form-row .form-group input[type="checkbox"] {
display: inline-block;
    width: 20%;
    height: 22px;
	margin: 15px 0;
}
.multi_step_form #msform fieldset .form-row .form-group input[type="radio"] {
display: inline-block;
    width: 20%;
    height: 22px;
	margin: 15px 0;
}
.multi_step_form #msform fieldset .form-row .form-group label {
font-weight: 500;
    vertical-align: super;
    margin-bottom: 0;
}
/* Step form css end */ 
.radio-section {
	display: block;
	align-items: center;
	justify-content: center;
}
.radio-item [type="checkbox"] {
	display: none;
}
.radio-item [type="radio"] {
	display: none;
}
.radio-item + .radio-item {
	margin-top: 15px;
}
.radio-item label {
	display: block;
    padding: 5px 25px;
    background: #fff;
    border: 1px solid #424ea4;
    border-radius: 8px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    min-width: 250px;
    white-space: nowrap;
    position: relative;
    transition: 0.4s ease-in-out 0s;
	margin-bottom: 15px;
}
.radio-item label:after,
.radio-item label:before {
	content: "";
	position: absolute;
	border-radius: 50%;
}
.radio-item label:after {
	height: 19px;
    width: 19px;
    border: 1px solid #424ea4;
    left: 19px;
    top: calc(50% - 10px);
}
.radio-item label:before {
	background: #ffffff;
    height: 19px;
    width: 19px;
    left: 19px;
    top: 9px;
    transform: scale(5);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease-in-out 0s;
}
.radio-item [type="checkbox"]:checked ~ label {
	border-color: #424ea4;
    background: #424ea4;
}
.radio-item [type="checkbox"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}
.radio-item [type="radio"]:checked ~ label {
	border-color: #424ea4;
    background: #424ea4;
}
.radio-item [type="radio"]:checked ~ label::before {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

/********************* Step form masters *****************************/

        .form-card {
            background: white;
            border-radius: 25px;
            padding: 0 50px;
            box-shadow: 0 20px 60px rgba(102, 126, 234, 0.15);
            position: relative;
            overflow: hidden;
        }

        .form-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.03) 0%, rgba(118, 75, 162, 0.03) 100%);
            pointer-events: none;
        }

        .decorative-element {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            opacity: 0.05;
            top: -100px;
            right: -100px;
            z-index: 0;
        }

        .form-content {
            position: relative;
            z-index: 1;
        }

        .form-header {
            text-align: center;
            margin-bottom: 20px;
        }

        .form-title {
            font-weight: 700;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 10px;
			margin-top: 10px;
            line-height: 1.2;
        }
		
		h3.form-title {
			background: none;
    -webkit-text-fill-color: #555;
	border-radius:10px;
		}
		
		.form-step>.form-header>h3.form-title {
	background: #c2e7ff;
	font-size:20px;
	padding:5px;
		}

        .form-subtitle {
            font-size: 17px;
            color: #555 !important;
            line-height: 1.6;
            font-weight: 600;
        }

        .progress-container {
            margin-bottom: 24px;
        }

        .progress-bar {
            height: 8px;
            background: #f1f5f9;
            border-radius: 10px;
            overflow: hidden;
            margin-bottom: 24px;
            position: relative;
        }

        .progress-bar::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(90deg, 
                transparent 0%, 
                rgba(255, 255, 255, 0.3) 50%, 
                transparent 100%);
            animation: shimmer 2s infinite;
        }

        @keyframes shimmer {
            0% { transform: translateX(-100%); }
            100% { transform: translateX(100%); }
        }

        .progress-fill {
            height: 100%;
            background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);
            border-radius: 10px;
            transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;
        }

        .progress-steps {
            display: flex;
            justify-content: space-between;
            gap: 16px;
        }

        .progress-step {
            flex: 1;
            text-align: center;
            font-size: 13px;
            font-weight: 600;
            color: #94a3b8;
            transition: all 0.3s ease;
            position: relative;
            padding-top: 32px;
        }

        .progress-step::before {
            content: attr(data-number);
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 32px;
            height: 32px;
            border-radius: 50%;
            background: #f1f5f9;
            color: #94a3b8;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
            font-weight: 700;
            transition: all 0.3s ease;
        }

        .progress-step.active {
            color: #667eea;
        }

        .progress-step.active::before {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
        }

        .progress-step.completed {
            color: #10b981;
        }

        .progress-step.completed::before {
            content: '✓';
            background: #10b981;
            color: white;
        }

        .form-step {
            display: none;
            animation: fadeSlideIn 0.5s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .form-step.active {
            display: block;
        }

        @keyframes fadeSlideIn {
            from {
                opacity: 0;
                transform: translateY(20px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .form-group {
            margin-bottom: 20px;
        }

        label {
            /*display: block;*/
            font-size: 16px;
            font-weight: 600;
            color: #1e293b;
            margin-bottom: 10px;
            letter-spacing: -0.01em;
        }

        .required {
            color: #ef4444;
        }

        input, select, textarea {
            width: 100%;
            padding: 10px 15px;
            font-size: 15px;
            font-family: 'Inter', sans-serif;
            border: 2px solid #e2e8f0;
            border-radius: 14px;
            transition: all 0.3s ease;
            background: #fafbfc;
            color: #1e293b;
        }

        input:hover, select:hover, textarea:hover {
            border-color: #cbd5e1;
            background: white;
        }

        input:focus, select:focus, textarea:focus {
            outline: none;
            border-color: #667eea;
            background: white;
            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
        }

        input::placeholder, textarea::placeholder {
            color: #94a3b8;
        }

        textarea {
            resize: vertical;
            min-height: 130px;
            line-height: 1.6;
        }

        .radio-group {
            display: block;
            gap: 14px;
        }

        .radio-option {
            position: relative;
			display: inline-block;
			width: 30%;
			margin-right: 15px;
        }

        .radio-option input[type="radio"] {
            position: absolute;
            opacity: 0;
        }
		
		.radio-option input[type="checkbox"] {
            position: absolute;
            opacity: 0;
        }

        .radio-label {
            display: flex;
            align-items: center;
            padding: 18px 22px;
            border: 2px solid #e2e8f0;
            border-radius: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 600;
            color: #475569;
            background: #fafbfc;
            position: relative;
        }

        .radio-label::before {
            content: '';
            width: 20px;
            height: 20px;
            border: 2px solid #cbd5e1;
            border-radius: 50%;
            margin-right: 14px;
            transition: all 0.3s ease;
            flex-shrink: 0;
        }

        .radio-label:hover {
            border-color: #667eea;
            background: white;
            transform: translateX(4px);
        }
		
		.checkbox-label {
            display: flex;
            align-items: center;
            padding: 18px 22px;
            border: 2px solid #e2e8f0;
            border-radius: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
            font-weight: 600;
            color: #475569;
            background: #fafbfc;
            position: relative;
        }

        .checkbox-label::before {
            content: '';
            width: 20px;
            height: 20px;
            border: 2px solid #cbd5e1;
            border-radius: 25%;
            margin-right: 14px;
            transition: all 0.3s ease;
            flex-shrink: 0;
        }

        .checkbox-label:hover {
            border-color: #667eea;
            background: white;
            transform: translateX(4px);
        }

        .radio-option input[type="radio"]:checked + .radio-label {
            border-color: #667eea;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
            color: #667eea;
            font-weight: 600;
        }

        .radio-option input[type="radio"]:checked + .radio-label::before {
            border-color: #667eea;
            background: #667eea;
            box-shadow: inset 0 0 0 4px white;
        }
		
		.radio-option input[type="checkbox"]:checked + .checkbox-label {
            border-color: #47cf73;
            background: linear-gradient(135deg, rgba(102, 126, 234, 0.08) 0%, rgba(118, 75, 162, 0.08) 100%);
            color: #47cf73;
            font-weight: 600;
        }

        .radio-option input[type="checkbox"]:checked + .checkbox-label::before {
            border-color: #47cf73;
            background: #47cf73;
            /*box-shadow: inset 0 0 0 4px white;*/
        }
		
		.radio-option input[type="checkbox"]:checked + .checkbox-label::after {
            content: "✓";
			position: absolute;
    margin-left: 1%;
    color: white;
        }

        .button-group {
            display: flex;
            gap: 14px;
            margin-top: 25px;
			margin-bottom: 25px;
        }

        button {
            flex: 1;
            padding: 10px 20px;
            font-size: 16px;
            font-weight: 600;
            border: none;
            border-radius: 14px;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .btn-secondary {
            background: #f1f5f9;
            color: #475569;
            border: 2px solid #e2e8f0;
        }

        .btn-secondary:hover {
            background: #e2e8f0;
            transform: translateY(-2px);
        }

        .btn-primary {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
            position: relative;
            overflow: hidden;
        }

        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .btn-primary:hover::before {
            left: 100%;
        }

        .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(102, 126, 234, 0.45);
        }

        .btn-primary:active {
            transform: translateY(-1px);
        }

        .success-message {
            display: none;
            text-align: center;
            animation: fadeSlideIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
            padding: 20px 0;
        }

        .success-message.active {
            display: block;
        }

        .success-icon {
            width: 100px;
            height: 100px;
            background: linear-gradient(135deg, #10b981 0%, #059669 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 28px;
            animation: scaleIn 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 12px 32px rgba(16, 185, 129, 0.3);
            position: relative;
        }

        .success-icon::before {
            content: '';
            position: absolute;
            width: 120px;
            height: 120px;
            border-radius: 50%;
            background: rgba(16, 185, 129, 0.1);
            animation: pulse 2s ease-in-out infinite;
        }

        @keyframes pulse {
            0%, 100% {
                transform: scale(1);
                opacity: 0.5;
            }
            50% {
                transform: scale(1.15);
                opacity: 0;
            }
        }

        @keyframes scaleIn {
            0% {
                transform: scale(0) rotate(-180deg);
                opacity: 0;
            }
            100% {
                transform: scale(1) rotate(0);
                opacity: 1;
            }
        }

        .success-icon::after {
            content: '✓';
            font-size: 56px;
            color: white;
            font-weight: bold;
            position: relative;
            z-index: 1;
        }

        .success-message h3 {
            font-family: 'Space Grotesk', sans-serif;
            font-size: 32px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 14px;
        }

        .success-message p {
            font-size: 17px;
            color: #64748b;
            line-height: 1.7;
        }

        .error-message {
            background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
            border: 2px solid #fecaca;
            color: #dc2626;
            padding: 14px 20px;
            border-radius: 12px;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 24px;
            display: none;
            animation: shake 0.4s ease;
        }

        @keyframes shake {
            0%, 100% { transform: translateX(0); }
            25% { transform: translateX(-8px); }
            75% { transform: translateX(8px); }
        }

        .error-message.active {
            display: block;
        }

        @media (max-width: 640px) {
            body::before {
                height: 300px;
            }

            .form-card {
                padding: 40px 28px;
            }

            .form-title {
                font-size: 16px;
				padding:5px;
            }

            .form-subtitle {
                font-size: 15px;
            }

            .progress-steps {
                gap: 8px;
            }

            .progress-step {
                font-size: 11px;
                padding-top: 28px;
            }

            .progress-step::before {
                width: 28px;
                height: 28px;
                font-size: 12px;
            }

            .button-group {
                flex-direction: column-reverse;
            }

            button {
                width: 100%;
            }
        }
		
/****************** Radio Buttons **********************/
.radio-buttons 
{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.custom-radio input 
{
  display: none;
}

.radio-btn 
{
  margin: 0px 5px;
  width: 110px;
  height: 130px;
  border: 3px solid transparent;
  display: inline-block;
  border-radius: 10px;
  position: relative;
  text-align: center;
  box-shadow: 0 0 20px #c3c3c367;
  cursor: pointer;
  background: aliceblue;
}

.radio-btn > i {
  color: #ffffff;
  background-color: #FFDAE9;
  font-size: 15px;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) scale(2);
  border-radius: 50px;
  padding: 3px;
  transition: 0.5s;
  pointer-events: none;
  opacity: 0;
}

.radio-btn .hobbies-icon 
{
  width: 85px;
  height: 85px;
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.radio-btn .hobbies-icon img
{
  display:block;
  width:100%;
  margin-bottom:10px;
  
}
.radio-btn .hobbies-icon i 
{
  color: #FFDAE9;
  line-height: 80px;
  font-size: 60px;
}

.radio-btn .hobbies-icon h3 
{
  color: #555;
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  /*letter-spacing:1px;*/
}

.custom-radio input:checked + .radio-btn 
{
 /* border: 2px solid #FFDAE9;*/
 background: linear-gradient(white, white) padding-box, linear-gradient(to right, #667eea, #764ba2) border-box;
    border-radius: 10px;
    border: 2px solid transparent;
}

.custom-radio input:checked + .radio-btn > i 
{
  opacity: 1;
  transform: translateX(-50%) scale(1);
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/********* Search ***************/
.search-area {
  display: inline-block;
  padding: 10px;
}

.search-area .pincode-dropdown {
  display: inline-block;
  position: relative;
  margin-bottom: 15px;
}

.search-area .pincode-dropdown button {
  padding: 18px 22px;
  border: 2px solid #e2e8f0;
  border-radius: 14px;
  font-weight: 600;
  text-transform: capitalize;
  width: 370px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  font-size: 14px;
  color: #475569;
  font-weight: 500;
  position: relative;
  background: #fafbfc;
}
/*
.search-area .pincode-dropdown button {
  padding: 20px 25px;
  border: 1px solid #797979;
  border-radius: 4px;
  font-weight: bold;
  text-transform: capitalize;
  width: 370px;
  cursor: pointer;
  text-align: left;
  background-color: transparent;
  font-size: 14px;
  color: #797979;
  font-weight: 500;
  position: relative;
}
*/
.search-area .pincode-dropdown ul {
  display: none;
  position: absolute;
  background: #ffffff;
  list-style: none;
  border: 1px solid #f0f0f0;
  line-height: 1em;
  top: 0px;
  left: 0px;
  -webkit-box-shadow: 0px 0px 3px 1px #ccc;
          box-shadow: 0px 0px 3px 1px #ccc;
  padding: 0;
  width: 370px;
  margin: 0;
  z-index: 1;
  max-height: 270px;
  overflow-y: auto;
}

.search-area .pincode-dropdown ul li {
  padding: 0.8em;
  cursor: pointer;
  -webkit-transition: all ease 250ms;
  transition: all ease 250ms;
  text-align:left;
}

.search-area .pincode-dropdown ul li:hover {
  background: #f0f0f0;
}

.search-area .pincode-dropdown ul li.searchInput {
  padding: 0;
  position: -webkit-sticky;
  position: sticky;
  width: 100%;
  top: 0;
  background-color: #ffffff;
}

.search-area .pincode-dropdown ul li.searchInput input {
  width: 95%;
    border: 0px;
    border: 1px solid #000000;
    padding: 15px 30px;
    margin-top: 10px;
}

.search-area .pincode-dropdown ul li.searchInput::before {
  content: "";
  position: absolute;
  background: url(../images/search-icon.svg) no-repeat center;
  left: 10px;
    top: 23px;
    width: 20px;
    height: 20px;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.sidebyside-1 {	
    display: inline-block;
    width: 48%;
    margin-right: 30px;
}
.sidebyside-2 {	
    display: inline-block;
    width: 48%;
}
@media (max-width: 640px) {
    .radio-option {
        width: 100%;
    }
	.search-area .pincode-dropdown button {
		width:100%;
	}
	.search-area .pincode-dropdown ul {
		width:100%;
	}
	.sidebyside-1 {
		width:100%;
	}
	.sidebyside-2 {
		width:100%;
	}
}

.otp-input {
              display: flex;
              justify-content: center;
              margin-bottom: 1rem;
          }
          .otp-input input {
              width: 40px;
              height: 40px;
              margin: 0 5px;
              text-align: center;
              font-size: 1.2rem;
              border: 1px solid #444;
              border-radius: 4px;
              background-color: #ffffff;
              color: #000000;
          }
          .otp-input input::-webkit-outer-spin-button,
          .otp-input input::-webkit-inner-spin-button {
              -webkit-appearance: none;
              margin: 0;
          }
          .otp-input input[type=number] {
              -moz-appearance: textfield;
          }
          #timer {
              font-size: 1.2rem;
              margin-bottom: 1rem;
              color: #ff9800;
			  text-align: center;
          }
.btn-primary1{background-color:#23306b;border:solid 1px #23306b;line-height:1.8;-webkit-box-shadow:0 3px 0 #182457;box-shadow:0 3px 0 #182457}.btn-primary1:hover,.btn-primary1:focus,.btn-primary1:active{background-color:#2d3978;border:solid 1px #23306b;-webkit-box-shadow:0 3px 0 #182457;box-shadow:0 3px 0 #182457}
.btn-primary1 {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            box-shadow: 0 8px 24px rgba(102, 126, 234, 0.35);
            position: relative;
            overflow: hidden;
        }

        .btn-primary1::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: left 0.5s ease;
        }

        .btn-primary1:hover::before {
            left: 100%;
        }

        .btn-primary1:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(102, 126, 234, 0.45);
        }

        .btn-primary1:active {
            transform: translateY(-1px);
        }