[bg-white]{
 	border-radius: 40px;
    background: var(--white, #FFF);
 	box-shadow: 0 0 24px 0 rgba(97, 72, 197, 0.10);
   	padding: 40px;
}
[bg-white] .main_from{
  	display:flex;
  	flex-direction: column;
  	align-items: start;
 	 gap:0;
}
[bg-white] .main_from .order{
	margin-block:40px  15px;
}
[bg-white] .main_from .order input{
	width: 100%;
}



.order-form.opened [data-state="default"]{
	display: flex;
    gap: 12px;
    flex-direction: column;
}
.order-form.opened [data-state="default"] .span-h2{
	margin-bottom: 8px;
}
.order-form.opened [data-state="default"] form{
	display: flex;
    gap: 8px;
    flex-direction: column;
}
.order-form.opened [data-state="default"] .btn.gray{
	width:fit-content;
}


@media(max-width: 768px){
    .form_container[bg-white]{
        padding:0px;
  		box-shadow: none;
    }
	[bg-white] .main_from .order{
        margin-block:24px 15px;
  		width:100%;
    }
    .order-form.opened [data-state="default"] .btn.gray{
        width:100%;
    }

}