:root{
	--svg-shape: url("data:image/svg+xml,%3Csvg width='974' height='298' viewBox='0 0 974 298' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.86979 284.249C-4.29292 248.279 -3.20178 211.658 13.0674 176.933C29.3366 142.208 60.3932 110.212 104.078 83.1693C147.763 56.1271 203.027 34.6874 266.028 20.3414C329.03 5.99523 398.257 -0.913091 468.894 0.0966968C539.533 1.10657 609.886 10.0102 675.065 26.1888C740.245 42.3674 798.682 65.4324 846.317 93.7802C893.953 122.128 929.641 155.079 950.902 190.34C972.163 225.601 978.485 262.328 969.429 297.966L749.365 276.113C754.294 256.722 750.853 236.739 739.285 217.553C727.717 198.367 708.299 180.438 682.38 165.014C656.46 149.59 624.665 137.039 589.2 128.237C553.736 119.434 515.456 114.589 477.021 114.04C438.586 113.49 400.92 117.249 366.639 125.055C332.361 132.861 302.29 144.527 278.522 159.24C254.752 173.954 237.853 191.363 229.001 210.258C220.15 229.152 219.555 249.078 227.262 268.649L9.86979 284.249Z' fill='white'/%3E%3C/svg%3E");
}

.black_gradient_text{ background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37.53%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 62.47%, rgba(255, 255, 255, 0) 100%), #202020;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; }
.header_hero{ background: linear-gradient(178.82deg, #FDFEFF -6.25%, #FFC7E3 33.61%, #ADDBFE 61.34%, #FFFFFF 96.58%); position: relative}
.header_hero:before{ height: 100%; height: 100vh; background: #fff; position: absolute; top: 0; left: 0; right: 0; content: ''; border-radius: 100%;filter: blur(153.95px);}

header{position: relative;  }
header:before{background: var(--svg-shape); position: absolute; width: 974px; height: 100%; background-size: 100%; content: ''; right: 0; top: 0;; filter: blur(2rem); left: 0; margin: auto}

.hero_section{padding-top: 2rem; position: relative; background: #ffffff02; overflow: hidden; padding-bottom: 2rem}
.new_gradient_text{background: linear-gradient(90deg, #2A64F6 2.5%, #A935FF 53.71%, #E72578 97.69%), #212121;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; display:block}
.heading_title{font-family:var(--font-mont); font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: -0.1px}

.hero_section .hero_left_col h1{font-size: 45px; font-weight: 700; letter-spacing: -1.5px; margin-top: 1rem; background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 37.53%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 62.47%, rgba(255, 255, 255, 0) 100%), #202020;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; line-height: 52px}
/*.hero_section .hero_left_col h1.h1{font-size: 45px;  letter-spacing: -1.5px;}*/
.hero_section .hero_left_col h2  { font-size: 24px;  margin-top: 1.4rem; line-height: 1.4; font-weight: 400; color: #444444; max-width: 535px;}
.following_steps{ margin-top: 2rem}
.following_steps .steps_title{ font-size: 20px; display: inline-block; font-weight: 600; color: #4C4C4C; font-style: italic; position: relative}
.following_steps .steps_title:before{ width: 100%; height: 1px; content: ''; left: 0; position: absolute; bottom: 0; background:linear-gradient(90deg, #2A64F6 0%, #E72578 50%, #ffffff00 90%); bottom: -.3rem}
.following_steps .following_items{margin-top: 2rem; list-style: none; padding-left: 0; display: flex; flex-direction: column; row-gap:25px; position: relative}
.following_steps .following_items li{ display: flex; column-gap: 20px; align-items: flex-start; position: relative}
.following_steps .following_items li .icon_container{width: 49px;height: 49px; border-radius: 100%; background: #fff;  border: solid .5px #535353;  display: flex; justify-content: center; align-items: center}
.following_steps .following_items li .icon_container img{max-width: 100%; height: auto}
.following_steps .following_items li .following_content .tag_step{ background: var( --gradient-new); font-size: 12px;font-family:var(--font-mont); text-transform: uppercase; color: #fff; font-weight: 700; width: 55px; height: 20px; border-radius: 17px  0   0 17px; display: flex; justify-content: center; align-items: center}
.following_steps .following_items li .following_content p{ font-size: 18px; letter-spacing: -0.5px; color: #161616; padding-top:5px; margin-bottom: 0; font-weight: 600; letter-spacing: -0.5px}
.following_steps .following_items:before{ width: 1px; height: 90%; position: absolute; content: ''; left:25px;  top: 0; bottom: 0; margin: auto; z-index: 0; border-left: dashed 1px #B3B3B3}

.following_content .flow_heading{ display: flex; column-gap: .5rem; align-items: center; font-weight: 600; font-size: 16px}
.following_steps .following_items li .following_content p{font-size: 14px; color: #333; font-weight: 400; letter-spacing: 0}
.flow_heading strong{ font-weight: 600 !important}

.hero_right_col{ max-width: 589px; margin-left: auto;  background: #fff; border-radius: 24px;box-shadow: 0px 4px 65.5px rgba(255, 0, 0, 0.1);}
.hero_right_col .reg_header{background: linear-gradient(90deg, #FFF8FB 5% , #E9EFFF 100%); display: flex; justify-content: center; align-items: center; font-size: 24px;font-family:var(--font-mont); font-weight: 700; padding: 1rem 0; border-radius:  24px 24px 0 0 }

.form_body{ max-width: 450px; margin: auto; width: 100%; padding: 4rem 0; padding-top: 2.5rem}
.form_body form{ display: flex; flex-direction: column; row-gap: 1.5rem}
.form_body form .input-group{  display: flex;align-items: center; border-radius: 5px;padding: 0 15px;transition: all 0.3s ease;cursor: text;width: 100%; flex-wrap: nowrap ; background: linear-gradient(163deg, #ffffff 6%, #FFFFFF 63%, #ffffff 93%) padding-box, linear-gradient(90deg, #6D6D6D 0%, #6D6D6D 100%) border-box; border: solid 1.5px transparent; height: 48px; position: relative}
.form_body form label input{width: 100%; border: none; outline: none;  background: none}
 .form_body form label  .input_icon {display: flex;align-items: center;justify-content: center;margin-right: 10px;opacity: 0.5;transition: opacity 0.3s ease; }
 .input_icon img {width: 20px;height: 20px;}
 .form_body form  .input-group:focus-within {   background: linear-gradient(163deg, #ffffff 6%, #FFFFFF 63%, #ffffff 93%) padding-box, linear-gradient(90deg, #E72578 0%, #2A64F6 100%) border-box; border: solid 1.5px transparent; box-shadow:-3px 1px 6px #e725782e, 0 0 9px #2a64f64a}
.form_body form label input::placeholder{font-size: 14px}
.form_body .send_btn{ background: var(--gradient-new); display: flex; height: 61px; justify-content: center; align-items: center; border-radius: 4px; font-size: 19px; font-weight: 700;font-family:var(--font-mont); color: #fff; text-transform: uppercase; position: relative; margin-top: 2rem}
.form_body .send_btn font{ position: relative; z-index: 2; color: #fff; display: block}
.form_body .send_btn:before{ width: 100%; height: 100%;background: var(--gradient-new); content: ''; position: absolute; left: 0; top: 0; filter: blur(10px); border-radius: 10px;; opacity: 0; transition: ease-in-out .3s}
.form_body .send_btn:hover:before{opacity: .7}
.trem{ font-size: 12px; color: #555555; text-align: center}
.trem a{color: #e11f26}
.hero_section:before{ width: 100%; height: 1px; position: absolute; left: 0; right: 0;  bottom: 0; content: ''; background: linear-gradient(90deg, #ffffff 0%,  #E72578 50%, #2A64F6 75%, #ffffff 100%)}

.counter_text{list-style:none;display:flex;justify-content:space-around;margin-bottom:0;width:100%; padding-left: 0}
.counter_text li{text-align:center;margin:1rem auto}
.counter_text li .gtext{background: linear-gradient(90deg, #e72578, 50%, #2a64f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}
.counter_text .counter_h span{font-size:42px;font-weight:600;font-family:'Montserrat'}
.counter_text .counter_h span sup{font-size:60%;font-weight:600;position:static;vertical-align:revert}.counter_sh{font-size:14px;font-weight:700;text-transform:uppercase}
.counter_text p{margin-bottom:0}
.gtext1{color: #3e5ee9; text-fill-color: #3e5ee9; -webkit-text-fill-color: #3e5ee9;}
.counter_text .counter_h {min-width: 130px}

.successfully_modal{min-width: 600px;background: linear-gradient(163deg, #F2F5FF 6%, #FFFFFF 63%, #FFF6FA 93%) padding-box, linear-gradient(90deg, #E72578 0%, #2A64F6 100%) border-box;    border: solid 1px transparent; border-radius: 15px; overflow: hidden}

.modal_content{ display: flex; align-items: flex-start; justify-content: center; padding: 3rem; column-gap: 1rem; padding-bottom: 1.5rem}
.modal_content h4{ font-size: 24px; font-weight: 700; }
.modal_content  p{ color: #3B3B3B; font-size: 16px;}

.close_btn{background: linear-gradient(163deg, #F2F5FF 6%, #FFFFFF 63%, #FFF6FA 93%) padding-box, linear-gradient(90deg, #E72578 0%, #2A64F6 100%) border-box;    border: solid 1px transparent; border-radius: 55px; width: 130px; height: 45px; display: flex; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; margin: auto; cursor: pointer}
button.btn-close{ right: 1rem; top: 1rem; position: absolute; z-index: 5}
#exampleModal.show{ display: flex!important; align-items: center;    backdrop-filter: blur(10px);}
@media screen and (max-width:1366px){
	.heading_title{ font-size: 20px}
	.hero_section .hero_left_col h1{font-size: 37px}
	.hero_section .hero_left_col h2{font-size: 20px}
	.following_steps .following_items li .following_content p{font-size: 16px}
	.form_body{padding: 3rem 0}
	
}

@media screen and (max-width:1280px){
	.heading_title{ font-size: 18px}
	.hero_section .hero_left_col h1{font-size: 37px}
	.hero_section .hero_left_col h2{font-size: 18px}
	.following_steps .following_items li .following_content p{font-size: 15px}
	.form_body{padding: 3rem 0}
	.hero_right_col .reg_header{font-size: 22px}
	.hero_section .hero_left_col h1{letter-spacing: -1.5px}
	
}


@media screen and (max-width:1190px){
	.reg_header{padding: 0 1rem}
	.hero_right_col .reg_header{font-size: 18px}
	.form_body{padding: 2rem}
	.trem{ display: flex; flex-direction: column; align-items: center}
	.trem a{width: max-content}
	.form_body .send_btn{font-size: 16px;; margin-top: 1rem}
	footer .social_app {white-space: nowrap}
	.new_gradient_text{ display:inline}
}
	
@media screen and (max-width:1032px){
	.heading_title{font-size: 16px; letter-spacing: -0.2px}
	.hero_section .hero_left_col h1{font-size: 42px; letter-spacing: -1px;}
	.hero_section .hero_left_col h2{font-size: 18px;max-width: 430px}
	.hero_section .col-lg-7{ width: 53.333333%;}
	.hero_section .col-lg-5{ width: 46.666667%;}
	.counter_text .counter_h span{font-size: 32px;}
	.counter_sh{font-size: 12px}
	.hero_right_col .reg_header{font-size: 16px}
	
	
	
}

@media screen and (max-width:991px){
	.hero_section .hero_left_col h1{font-size: 36px}
	.hero_section .col-lg-7 { width: 50%}
	.hero_section .col-lg-5{ width: 50%;}
	.form_body .send_btn { height: 50px}
	.counter_text {flex-wrap: wrap; padding-left: 0; justify-content: center}
	.counter_text li{ width: 33%}
	.header_hero{overflow-x: hidden}
	.following_steps .following_items li .icon_container{min-width: 45px; min-height: 45px}
	.footer_title{border-bottom: solid 1px #d1d1d1; position: relative}
	.footer_mobile_collaps { padding-top: 	1rem}
	footer .social_app  span{ display: block!important; margin-bottom: 0}
	
	
	
}
@media screen and (max-width:880px){
	.hero_section .hero_left_col h1{ font-size: 32px}
	.heading_title{font-size: 14px}
	.following_steps .following_items{align-items: flex-start}
	.following_content{flex: 1}
	.trem {font-size: 11px}
	.hero_section .hero_left_col h1{letter-spacing: -.05px}
	.hero_section .hero_left_col h2{width: 100%; font-size: 16px}
	footer{margin-top: 1rem}
	
	.modal_content{padding: 1rem}
	.modal_content h4{font-size: 16px}
	.modal_content img{max-width: 24px}
	.modal_content p{font-size: 14px}
	button.btn-close{font-size: 12px}
	.close_btn{font-size: 14px}
	
	
}

@media screen and (max-width:767px){
	.heading_title{font-size: 12px; letter-spacing: 0}
	.hero_section .hero_left_col h1 { font-size: 26px;letter-spacing: -.05px}
	.hero_right_col .reg_header {padding: .5rem 3rem; text-align: center; line-height: 1.2}
	.form_body{padding: 2rem 1rem}
	.form_body form{row-gap:.8rem}
	.following_steps .following_items li .following_content p{font-size: 14px}
	.following_steps .following_items li .icon_container{ width: 30px; height: 30px}
	.form_body .send_btn{font-size: 14px}
	.stellar_logo a img{max-width: 120px}
	.stellar_logo .exp_text{white-space: nowrap}
	
	
}

@media screen and (max-width:620px){
	.hero_right_col .reg_header {padding: .5rem 1rem; font-size: 15px }
	.form_body form .input-group{height: 40px}
	.form_body .send_btn{height: 40px}
	.heading_title{ display: block}
	.following_steps .steps_title{font-size: 18px}
	.successfully_modal{max-width: 500px; margin: auto; min-width: auto;}
	
}

@media screen and (max-width:571px){
	.hero_section .row{ flex-direction: column-reverse; row-gap:2rem}
	.hero_section .col-lg-7{ width: 100%}
	.hero_section .col-lg-5{ width: 100%}
	.hero_right_col .reg_header{font-size: 18px; padding: 1rem}
	.hero_right_col{max-width: 100%; margin: auto}
	.form_body{max-width: 400px}
	.form_body form .input-group{height: 50px}
	.form_body .send_btn{height: 50px}
	.suport_lg{margin-right: .6rem}
	.header_hero:before{ width: 100%; height: 100%;  border-radius: 0; filter: blur(1rem); opacity: .85  }
	.hamburger_menu{ width: 35px; height: 35px;}
	 
	.exp_text{padding-left: 10px}
	.stellar_logo a{padding-right: 10px}
	.exp_text{font-size: 11px}
	.exp_text span{font-size: 13px}
	.hero_section .hero_left_col h1{font-size: 20px; line-height:29px}
	.hero_section .hero_left_col h2{margin-top: 1rem; max-width: 100%}
	.following_steps{margin-top: 1rem}
	.counter_text .counter_h span{font-size: 28px}
	.counter_text p{font-size: 11px}
	footer .social_app{justify-content: flex-start!important}
	.suport_lg{ display: none}
	header{position: fixed; top: 0;}
	.hero_section{padding-top: 6rem}
	.hero_right_col .reg_header{font-size: 14px}
	.successfully_modal{min-width: auto; max-width: calc(100% - 20px)}
	.following_content .flow_heading{flex-direction: column; align-items: flex-start}
	
	
	 
}
@media screen and (max-width:390px){
	.heading_title{letter-spacing: .5px}
	.hero_section .hero_left_col h1{font-size: 18px}
	.following_steps .steps_title{font-size: 16px}
	.counter_text .counter_h span{font-size: 26px}
	
	
 
}