.main_form_body { display: flex; flex-wrap: wrap; gap: 20px; background: var(--bg); padding: 40px 10px; .ValidationField{ label{ font-weight: 600; font-size: 16px !important; color: var(--secondary) !important; } } > * { // max-width: 30%; flex-basis: 31%; } } .AttachmentForm { .main_form_body { padding: 30px 50px; gap: 40px; > * { // max-width: 30%; flex-basis: 10%; } } } .resellerButton,.file_setting_buttons { display: flex; align-items: center; justify-content: flex-end; gap: 20px; padding: 20px; button { all: unset; cursor: pointer; padding: 8px 26px; font-size: 15px; border-radius: 5px; background: var(--primary); color: var(--white); &:first-child { background: #f2f4f8; color: #515b73; box-shadow: 0px 0px 4px rgb(0, 0, 0, 0.08); } } } .Form_details_container{ display: flex; flex-direction: column; gap: 30px; } .PersonalDetailsForm, .TitleDetailsForm, .AttachmentForm, .PasswordDetailsForm{ box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.1); margin-bottom: 10px; border-radius: 10px; .header_form{ background: #F2F4F8; border-radius: 10px; svg{ border-radius: 5px; color: var(--secondary); } } .main_form_body{ border-radius: 10px; } } .MapField{ display: flex; flex-wrap: wrap; flex-direction: column; min-height: 400px; } .AttachmentFormBody{ display: flex; margin-top: 20px; padding-left: 50px; .ImageBoxField{ min-width: 200px; } >*{ min-width: 50%; } }