*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    :root{
      --blue:#002866;--blue-mid:#003a8c;--blue-light:#0047b3;--blue-deep:#001a44;
      --red:#ff1d4d;--red-dark:#cc0030;--red-light:#ff5578;
      --cream:#F5F7FB;--white:#ffffff;
      --text:#001433;--text-muted:#000000;
      --border:rgba(0,40,102,0.12);
      --radius:14px;--radius-sm:8px
    }
    html{scroll-behavior:smooth}
    body{font-family:Arial;background:var(--cream);color:var(--text);line-height:1.6;overflow-x:hidden}
    nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#002866;backdrop-filter:blur(14px);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:64px;border-bottom:1px solid rgba(255,29,77,0.3)}
    .nav-logo{font-family:Arial;color:#fff;font-size:1.5rem;text-decoration:none;letter-spacing:-0.02em}
    .nav-logo span{color:var(--red)}
    nav ul{display:flex;gap:2rem;list-style:none}
    nav ul a{color:#fff;text-decoration:none;font-size:0.9rem;font-weight:500;transition:color 0.2s}
    nav ul a:hover{color:#fff}
    .nav-cta{background:var(--red);color:var(--white)!important;padding:8px 20px;border-radius:6px;font-weight:600!important;font-size:0.88rem!important;transition:background 0.2s!important}
    .nav-cta:hover{background:var(--red-dark)!important;color:var(--white)!important}
    .hero{min-height:100vh;background:#0b4785;display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;padding:80px 8% 50px;position:relative;overflow:hidden}
    .hero::before{content:'';position:absolute;top:-180px;right:-180px;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(0,71,179,0.4) 0%,transparent 70%);pointer-events:none}
    .hero::after{content:'';position:absolute;bottom:-100px;left:30%;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,29,77,0.1) 0%,transparent 70%);pointer-events:none}
    .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgb(245 247 251 / 85%);border:1px solid rgba(255,29,77,0.4);color:#FF1E63;font-size:0.8rem;font-weight:600;padding:6px 14px;border-radius:100px;letter-spacing:0.05em;text-transform:uppercase;margin-bottom:1.5rem}
    .hero-badge::before{content:'●';font-size:0.5rem}
    .hero h1{font-family:Arial;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.15;color:var(--white);margin-bottom:1.5rem;letter-spacing:-0.02em}
    .hero h1 em{font-style:italic;color:#FF1E63}
    .hero-desc{color:#fff;font-size:1.05rem;max-width:85%;margin-bottom:2rem;line-height:1.75}
    .hero-stats{display:flex;gap:2.5rem;margin-bottom:2.5rem}
    .stat-num{font-family:Arial;font-size:2rem;color:#FF1E63;line-height:1}
    .stat-label{font-size:0.78rem;color:#fff;text-transform:uppercase;letter-spacing:0.06em;margin-top:4px}
    .hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
    .btn-primary-mbbs{background:var(--red);color:var(--white);padding:14px 28px;border-radius:var(--radius-sm);font-weight:600;font-size:0.95rem;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s;display:inline-flex;align-items:center;gap:8px}
    .btn-primary:hover{background:var(--red-dark);transform:translateY(-1px)}
    .btn-outline{background:transparent;color:var(--white);padding:14px 28px;border-radius:var(--radius-sm);font-weight:500;font-size:0.95rem;text-decoration:none;border:1px solid rgba(255,255,255,0.3);cursor:pointer;transition:border-color 0.2s,background 0.2s}
    .btn-outline:hover{border-color:rgba(255,255,255,0.7);background:rgba(255,255,255,0.08)}
    .lead-form-card{max-width:480px;width:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-radius:24px;padding:32px;box-shadow:0 30px 60px rgba(0,44,115,.18),0 8px 20px rgba(255,30,99,.08);}
	.form-ribbon{display:inline-block;padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#FF1E63,#FF4D87);color:#fff;font-weight:700;font-size:14px;margin-bottom:18px;}
	h2{color:#002C73;margin:0 0 10px;font-size:1.4em;}.sub{color:#5F6C80;margin-bottom:20px}.trust{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;font-size:13px;color:#002C73;font-weight:600;}
	input,select{width:100%;height:56px;border:2px solid #E5EBF7;border-radius:14px;padding:0 16px;background:#F7FAFF;margin-bottom:14px;}
	input:focus,select:focus{outline:none;border-color:#FF1E63;box-shadow:0 0 0 4px rgba(255,30,99,.08);}
	.button{width:100%;height:60px;border:none;border-radius:14px;background:linear-gradient(135deg,#FF1E63,#FF4D87);color:#fff;font-size:18px;font-weight:700;cursor:pointer;}
	.social{margin-top:14px;font-size:13px;color:#5F6C80;text-align:center;}
	.stats{display:flex;justify-content:space-between;margin-top:18px;gap:10px;}.stat{flex:1;background:#F7FAFF;padding:12px;border-radius:12px;text-align:center;font-size:12px;font-weight:700;color:#002C73;}
	.hero-form-card{background:var(--white);border-radius:var(--radius);padding:2rem;box-shadow:0 30px 80px rgba(0,20,51,0.45)}
    .hero-form-card h2{font-family:Arial;font-size:1.4rem;color:var(--blue);margin-bottom:0.4rem}
    .hero-form-card p{font-size:0.85rem;color:var(--text-muted);margin-bottom:1.5rem}
    /*.form-group{margin-bottom:1rem}
    .form-group label{display:block;font-size:0.8rem;font-weight:600;color:var(--blue);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em}
    .form-group input,.form-group select{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:Arial;font-size:0.92rem;color:var(--text);background:var(--cream);transition:border-color 0.2s;outline:none}
    .form-group input:focus,.form-group select:focus{border-color:var(--blue);background:var(--white)}
    .form-submit{width:100%;background:var(--red);color:var(--white);padding:13px;border:none;border-radius:var(--radius-sm);font-family:Arial;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.2s;margin-top:0.5rem}
    .form-submit:hover{background:var(--red-dark)}*/
    .form-trust{display:flex;align-items:center;gap:6px;font-size:0.75rem;color:var(--text-muted);margin-top:0.75rem}
    .trust-bar{background:var(--white);border-bottom:1px solid var(--border);padding:1rem 8%;display:flex;align-items:center;justify-content:center;gap:3rem;flex-wrap:wrap}
    .trust-item{display:flex;align-items:center;gap:8px;font-size:0.82rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em}
    .trust-item svg{color:var(--red)}
    section{padding:50px 8%}
    .section-label{font-size:0.75rem;font-weight:600;color:var(--red);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:0.75rem}
    .section-title{font-family:Arial;font-size:clamp(1.8rem,3vw,2.6rem);color:var(--blue);line-height:1.2;margin-bottom:1rem;letter-spacing:-0.02em}
    .section-title em{font-style:italic;color:var(--red)}
    .section-sub{font-size:1rem;color:#000;line-height:1.7}
    .pain-section{background:var(--white)}
    .pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:3rem}
    .pain-card{border:1.5px solid var(--border);border-radius:var(--radius);padding:1.75rem;background:var(--cream);transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s}
    .pain-card:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:0 8px 32px rgba(255,29,77,0.1)}
    .pain-icon{width:48px;height:48px;background:var(--blue);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:1rem}
    .pain-card h3{font-size:1.05rem;font-weight:600;color:var(--blue);margin-bottom:0.5rem}
    .pain-card p{font-size:0.88rem;color:var(--text-muted);line-height:1.65}
    .countries-section{background:var(--blue-deep)}
    .countries-section .section-title{color:var(--white)}
    .countries-section .section-sub{color:rgba(255,255,255,0.55)}
    .country-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:3rem}
    .country-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);padding:1.25rem 1.5rem;cursor:pointer;transition:background 0.2s,border-color 0.2s,transform 0.2s;text-decoration:none}
    .country-card:hover{background:rgba(255,29,77,0.12);border-color:rgba(255,29,77,0.5);transform:translateY(-2px)}
    .country-flag{font-size:0rem;margin-bottom:0.5rem}
    .country-card h3{font-size:0.95rem;font-weight:600;color:var(--white);margin-bottom:0.25rem}
    .country-card .country-note{font-size:0.75rem;color:#fff;line-height:1.4}
    .country-tag{display:inline-block;font-size:0.68rem;font-weight:600;padding:3px 8px;border-radius:4px;margin-top:0.5rem;text-transform:uppercase;letter-spacing:0.04em}
    .tag-popular{background:rgba(255,29,77,0.25);color:#ff7a95}
    .tag-affordable{background:rgba(0,71,179,0.3);color:#80aaff}
    .tag-english{background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8)}
    .why-section{background:var(--cream)}
    .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-top:3rem}
    .why-points{display:flex;flex-direction:column;gap:1.5rem}
    .why-point{display:flex;gap:1rem;align-items:flex-start}
    .why-num{font-family:Arial;font-size:2.5rem;color:var(--red);line-height:1;min-width:52px;opacity:0.4}
    .why-point h3{font-size:1rem;font-weight:600;color:var(--blue);margin-bottom:0.3rem}
    .why-point p{font-size:0.875rem;color:var(--text-muted);line-height:1.65}
    .why-visual{background:#0b4785;border-radius:var(--radius);padding:2.5rem;color:var(--white)}
    .checklist{list-style:none;display:flex;flex-direction:column;gap:1rem}
    .checklist li{display:flex;gap:0.75rem;align-items:flex-start;font-size:0.9rem;line-height:1.55}
    .check-icon{width:22px;height:22px;background:var(--red);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;color:var(--white);font-weight:700;flex-shrink:0;margin-top:2px}
    .nmc-section{background:var(--blue-deep)}
    .nmc-section .section-title{color:var(--white)}
    .nmc-section .section-sub{color:#fff;}
    .nmc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(25%,1fr));gap:1px;margin-top:0rem;background:rgba(255,255,255,0.06);border-radius:var(--radius);overflow:hidden}
    .nmc-step{background:rgba(0,20,51,0.6);padding:2rem 1.5rem}
    .step-num{font-family:Arial;font-size:3rem;color:#FF1E63;line-height:1;margin-bottom:0.75rem}
    .nmc-step h3{font-size:0.95rem;font-weight:600;color:#80aaff;margin-bottom:0.5rem}
    .nmc-step p{font-size:0.8rem;color:#fff;line-height:1.55}
    .compare-section{background:var(--white)}
    .compare-table{width:100%;border-collapse:collapse;margin-top:2.5rem;font-size:0.9rem}
    .compare-table th{background:var(--blue);color:var(--white);padding:14px 20px;text-align:left;font-weight:600;font-size:0.85rem}
    .compare-table th:first-child{border-radius:12px 0 0 0}
    .compare-table th:last-child{border-radius:0 12px 0 0}
    .compare-table td{padding:13px 20px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}
    .compare-table tr:last-child td{border-bottom:none}
    .compare-table tr:nth-child(even) td{background:var(--cream)}
    .compare-table .yes{color:#1D9E75;font-weight:600}
    .compare-table .no{color:var(--red);font-weight:600}
    .compare-table .maybe{color:var(--blue-mid);font-weight:600}
    .faq-section{background:var(--cream)}
    .faq-list{margin-top:2.5rem;display:flex;flex-direction:column;gap:0.75rem;max-width:800px}
    .faq-item{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}
    .faq-q{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;cursor:pointer;font-weight:600;font-size:0.92rem;color:var(--blue);gap:1rem;user-select:none}
    .faq-q:hover{color:var(--red)}
    .faq-arrow{width:20px;height:20px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform 0.25s;flex-shrink:0;margin-top:-4px}
    .faq-item.open .faq-arrow{transform:rotate(-135deg);margin-top:4px}
    .faq-item.open .faq-q{color:var(--red)}
    .faq-a{display:none;padding:0 1.5rem 1.2rem;font-size:0.875rem;color:var(--text-muted);line-height:1.7;border-top:1px solid var(--border)}
    .faq-item.open .faq-a{display:block}
    .cta-band{background:#0b4785;padding:70px 8%;text-align:center;position:relative;overflow:hidden}
    .cta-band::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(255,29,77,0.15) 0%,transparent 70%);pointer-events:none}
    .cta-band h2{font-family:Arial;font-size:clamp(1.8rem,3vw,2.4rem);color:var(--white);margin-bottom:0.75rem;position:relative}
    .cta-band p{color:rgba(255,255,255,0.65);margin-bottom:2rem;font-size:1rem;position:relative}
    footer{background:#000e24;padding:60px 8% 30px;color:#fff;}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;margin-bottom:3rem}
    .footer-brand h3{font-family:Arial;font-size:1.5rem;color:var(--white);margin-bottom:0.75rem}
    .footer-brand h3 span{color:var(--red)}
    .footer-brand p{font-size:0.85rem;line-height:1.7;max-width:300px}
    footer h4{color:var(--white);font-size:0.85rem;font-weight:600;text-transform:uppercase;letter-spacing:0.07em;margin-bottom:1rem}
    footer ul{list-style:none;display:flex;flex-direction:column;gap:0.5rem}
    footer ul a{color:#fff;text-decoration:none;font-size:0.85rem;transition:color 0.2s}
    footer ul a:hover{color:var(--red)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:0.8rem;flex-wrap:wrap;gap:0.5rem}
    .reveal{opacity:0;transform:translateY(24px);transition:opacity 0.55s ease,transform 0.55s ease}
    .reveal.visible{opacity:1;transform:none}
	.logo-display{padding:10px 25px;max-height:75px;margin-top:10px;}
	.logo-cta{padding:10px;max-height:100px;margin-bottom:10px;}
	ul.footer-social-regular {display: block;align-items: center;padding: 0;list-style: none;margin-bottom: 0;gap: 24px;}
	ul.footer-social-regular li {display: inline-block;	margin: 0 5px;}
	ul.footer-social-regular li a {	display: inline-flex;height: 40px;width: 40px;text-align: center;line-height: 40px;justify-content: center;flex-direction: column;align-items: center;border-radius: 50%;background: var(--white);border: 1px solid #cccccc;}
	.bg-dark ul.footer-social-regular li a {background: #22467b;border: none;}
	ul.footer-social-regular li a img {height: 32px;width: auto;max-width: max-content;transition: all 0.35s ease-in-out;}
	.bg-dark ul.footer-social-regular li a img {filter: brightness(1);}
	ul.footer-social-regular li a:hover img {filter: brightness(1);}
	ul.footer-social-regular li a:hover {background: var(--color-primary);color: var(--white);border: 1px solid transparent;}
	.bg-dark ul.footer-social-regular li a:hover {border: none;}
	#web_Whatsappp {position: fixed;width: 60px;height: 60px;bottom: 50%;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: 50%;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;}
.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%;}
#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);
        }