All class changes pertaining to step progression will be done on the sds-sectionForm__container element.
The -isActive class should be present on page load on the current step
The -next class should be present on page load on all steps following the active step
The -prev class should be present on page load on all steps preceding the active step
The following classes need to be changed with each step progression:
Documentation on popovers is to be found here.
The following classes need to be present on the sds-snetFrame element for styles to be rendered correctly:
The progress bar badge positiong has to be adjusted depending on the progress element's width. sds-progress__badge should be positioned slightly more to the right when either a low or high progress percentage hs been reached, so as not to disappear offscreen on the left or be cut off by the parent element menu's overflow on the right.
<div class="sds-snetFrame -menuToggleVisible -step -menuToggleTop">
<a href="#frameMain" class="sds-skipNavLink">
Skip to content
</a>
<header class="sds-header -headroom">
<div class="sds-header__nav">
<header class="sds-navTopbar sds-snetFrame__header">
<div class="sds-navTopbar__container">
<nav class="sds-navTopbar__inner navbar navbar-expand">
<a href="#back" class="sds-navTopbar__back">
<span class="sds-iconCircle" aria-hidden="true">
<span class="sds-icon sds-icon-chevronleft"></span>
</span>
<span class="sds-textHelper sds-navTopbar__backText">Accueil</span>
</a>
<a class="sds-navTopbar__logo navbar-brand" href="#">
<img src="../../media/logos/logo-bcee.svg" class="img-fluid" alt="">
</a>
<div class="sds-navTopbar__centeredContent sds-navTopbar__dropdownWrapper dropdown sds-textHelper">
<span>Ouvrir une nouvelle entité</span>
</div>
<div class="sds-navTopbar__collapse navbar-collapse" id="sds-navTopbar__collapse">
<ul class="sds-navTopbar__content navbar-nav">
<li class="sds-navTopbar__item sds-navTopbar__dropdownWrapper dropdown">
<button type="button" class="sds-navTopbar__dropdownToggle -avatar dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<div class="sds-avatar centeredBgi sds-navTopbar__userDropdownAvatar">
<img class="img-fluid" src="../../media/snet/avatars/avatarUser.png" alt="">
</div>
<span class="sds-navTopbar__userDropdownLabel sds-textHelper">Label with Name</span>
<span class="sds-iconCircle" aria-hidden="true">
<span class="sds-icon sds-icon-chevrondown"></span>
</span>
</button>
</li>
</ul>
</div>
</nav>
</div>
</header>
</div>
<div class="sds-header__stepper">
<nav class="sds-mobileStepper">
<ul class="sds-mobileStepper__inner list-unstyled">
<li class="sds-mobileStepper__item">
<div class="sds-progress progress -stepper -small sds-mobileStepper__progressBar">
<div class="progress-bar sds-progress__bar" role="progressbar" style="width: 100%" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="sds-mobileStepper__item">
<div class="sds-progress progress -stepper -small sds-mobileStepper__progressBar">
<div class="progress-bar sds-progress__bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100" aria-current="true"></div>
</div>
</li>
<li class="sds-mobileStepper__item">
<div class="sds-progress progress -stepper -small sds-mobileStepper__progressBar">
<div class="progress-bar sds-progress__bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="sds-mobileStepper__item">
<div class="sds-progress progress -stepper -small sds-mobileStepper__progressBar">
<div class="progress-bar sds-progress__bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
<li class="sds-mobileStepper__item">
<div class="sds-progress progress -stepper -small sds-mobileStepper__progressBar">
<div class="progress-bar sds-progress__bar" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</li>
</ul>
</nav>
</div>
</header>
<div class="sds-snetFrame__inner">
<div class="sds-snetFrame__fader" aria-hidden="true"></div>
<div class="sds-snetFrame__menuContainer">
<nav class="sds-snetFrame__menu">
<div class="sds-snetFrame__menuList">
<div class="sds-snetFrame__menuListHeader">
<div class="sds-snetFrame__menuListHeaderShownOpen sds-stackMd">
<div class="sds-snetFrame__menuListHeaderContent">
<div class="h5">RTL Radio • RTL Group</div>
<div class="sds-snetFrame__menuListHeaderSubtitle sds-textHelperSmall">Référence : 0539C</div>
</div>
<div class="sds-snetFrame__menuListHeaderActions sds-btnGroup">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<span class="sds-btn__text">Afficher</span>
</a>
</div>
</div>
<div class="sds-snetFrame__menuListHeaderHiddenOpen">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
</a>
</div>
<div class="sds-snetFrame__menuListHeaderProgress">
<div class="sds-progress progress -primary -xtraSmall rounded-0 -hasBadge">
<div class="progress-bar sds-progress__bar rounded-0" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
<div class="sds-badge badge -badgeHighlight sds-progress__badge -badgeSm">
25%
</div>
</div>
</div>
</div>
<ul class="sds-snetFrame__menuListInner list-unstyled">
<li class="sds-snetFrame__menuItem -isChecked">
<a href="" data-toggle="dropdown" id="cpbShortCutMenu" data-boundary="viewport" data-reference="parent" data-display="static" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Identification" data-placement="right" data-boundary="window">
<span class="sds-checkboxDot -isActive sds-snetFrame__menuItemCheckbox" aria-hidden="true"></span>
1
</span>
<span class="sds-snetFrame__menuItemText">Identification</span>
</a>
</li>
<li class="sds-snetFrame__menuItem -isActive -isOpen">
<a href="" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Activité" data-placement="right" data-boundary="window">
<div class="sds-snetFrame__menuItemProgress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="30, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
2
</span>
<span class="sds-snetFrame__menuItemText">Activité</span>
</a>
<ul class="sds-snetFrame__submenu list-unstyled">
<li class="sds-snetFrame__submenuItem -completed">
<a href="" class="sds-snetFrame__submenuLink">
<span class="sds-snetFrame__submenuLinkIndicator" data-toggle="tooltip" data-title="Activité de la société" data-placement="right" data-boundary="window"></span>
<span class="sds-snetFrame__submenuItemText">Activité de la société</span>
</a>
</li>
<li class="sds-snetFrame__submenuItem -mandatoryFilled">
<a href="" class="sds-snetFrame__submenuLink">
<span class="sds-snetFrame__submenuLinkIndicator" data-toggle="tooltip" data-title="Financial Data" data-placement="right" data-boundary="window"></span>
<span class="sds-snetFrame__submenuItemText">Financial Data</span>
</a>
</li>
<li class="sds-snetFrame__submenuItem -inProgress">
<a href="" class="sds-snetFrame__submenuLink">
<span class="sds-snetFrame__submenuLinkIndicator" data-toggle="tooltip" data-title="Shadow Banking activity" data-placement="right" data-boundary="window"></span>
<span class="sds-snetFrame__submenuItemText">Shadow Banking activity</span>
</a>
</li>
<li class="sds-snetFrame__submenuItem -isActive">
<a href="" class="sds-snetFrame__submenuLink">
<span class="sds-snetFrame__submenuLinkIndicator" data-toggle="tooltip" data-title="Predominance of investment" data-placement="right" data-boundary="window"></span>
<span class="sds-snetFrame__submenuItemText">Predominance of investment</span>
</a>
</li>
<li class="sds-snetFrame__submenuItem">
<a href="" class="sds-snetFrame__submenuLink">
<span class="sds-snetFrame__submenuLinkIndicator" data-toggle="tooltip" data-title="Aim of the company's structure" data-placement="right" data-boundary="window"></span>
<span class="sds-snetFrame__submenuItemText">Aim of the company's structure</span>
</a>
</li>
</ul>
</li>
<li class="sds-snetFrame__menuItem -isChecked -mandatoryFilled">
<a href="" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Choix de la banque" data-placement="right" data-boundary="window">
<span class="sds-checkboxDot -isActive sds-snetFrame__menuItemCheckbox" aria-hidden="true"></span>
3
</span>
<span class="sds-snetFrame__menuItemText">Choix de la banque</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Bénéficiare effectif" data-placement="right" data-boundary="window">
<div class="sds-snetFrame__menuItemProgress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="30, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
4
</span>
<span class="sds-snetFrame__menuItemText">Bénéficiare effectif</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" disabled="true" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Représentants" data-placement="right" data-boundary="window">
5
</span>
<span class="sds-snetFrame__menuItemText">Représentants</span>
</a>
</li>
<li class="sds-snetFrame__menuItem">
<a href="" disabled="true" class="sds-snetFrame__menuLink">
<span class="sds-snetFrame__menuItemStep" data-toggle="tooltip" data-title="Type de structure" data-placement="right" data-boundary="window">
6
</span>
<span class="sds-snetFrame__menuItemText">Type de structure</span>
</a>
</li>
</ul>
<ul class="sds-snetFrame__settings list-unstyled">
<li class="sds-snetFrame__settingsItem sds-snetFrame__settingsOpenMenu">
<button type="button" class="sds-snetFrame__settingsButton">
<span class="sds-snetFrame__settingsButtonIcon sds-icon sds-icon-chevronrightdouble" data-toggle="tooltip" data-title="Toggle Menu" data-placement="right" data-boundary="window"></span>
<span class="sr-only">Déployer le menu</span>
</button>
</li>
</ul>
</div>
</nav>
</div>
<main class="sds-snetFrame__main" id="frameMain">
<!-- panel header content start -->
<!-- panel header content end -->
<div class="sds-snetFrame__mainContent">
<!-- main content start -->
<div class="row justify-content-center h-100 no-bottom-gutter">
<div class="col-12 col-lg-10">
<div class="sds-sectionForm">
<!-- step 1 -->
<div class="sds-sectionForm__container -isActive">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Détails entité</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Dénomination
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Numéro et rue
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Localité
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Code postal
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Pays
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">La société est-elle domiciliée?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-1-soc-dom" class="sr-only custom-control-input " id="radio-step-1-soc-dom-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-1-soc-dom-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-1-soc-dom" class="sr-only custom-control-input " id="radio-step-1-soc-dom-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-1-soc-dom-2">
Non
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Adresse domiciliataire</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Numéro et rue
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Localité
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Code postal
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Pays
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Initier la demande</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 1 end -->
<!-- step 2 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Statut juridique</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="sds-stackLg">
<div class="h4">La société est-elle déjà constituée?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-2-const" class="sr-only custom-control-input " id="radio-step-2-soc-const-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-2-soc-const-1">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-2-const" class="sr-only custom-control-input " id="radio-step-2-soc-const-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-2-soc-const-2">
Oui
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Veuillez spécifier l’origine des fonds</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-1" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="check-step-2-soc-fonds-1">Fonds propres-réserves</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</li>
<li>
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-2" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="check-step-2-soc-fonds-2">Primes-cotisation</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</li>
<li>
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-3" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="check-step-2-soc-fonds-3">Contrat d'assurance</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</li>
<li>
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-4" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="check-step-2-soc-fonds-4">Vente immobilière</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</li>
<li>
<div class="sds-checkbox custom-control custom-checkbox">
<input value="checkbox-value" type="checkbox" name="" class="sr-only custom-control-input " id="check-step-2-soc-fonds-5" checked><span class="sds-checkboxDot sds-checkbox__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="check-step-2-soc-fonds-5">Autre</label>
<div class="sds-checkbox__error invalid-feedback">Error message</div>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Forme juridique</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Forme juridique
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Date de consitition
</label>
<div class="sds-input -hasIcon -calendar">
<input class="sds-input form-control" type="text" placeholder="Body" value="">
<div class="sds-input__iconRight">
<span class="sds-icon sds-icon-calendar"></span>
</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Pays de consitition
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">Type de société</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-2-soc-type" class="sr-only custom-control-input " id="radio-step-2-soc-type-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-2-soc-type-1">
Non applicable
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-2-soc-type" class="sr-only custom-control-input " id="radio-step-2-soc-type-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-2-soc-type-2">
Filiale
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-2-soc-type" class="sr-only custom-control-input " id="radio-step-2-soc-type-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-2-soc-type-3">
Succursale
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 2 end -->
<!-- step 3 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">CRS et statut FATCA</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="sds-stackLg">
<div class="h4">Pays de résidence fiscale</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Pays de résidence fiscale 1
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Pays de résidence fiscale 2
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">Le Titulaire de compte est-il une Personne US, telle que définie par l'Accord FATCA ?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-3-fatca" class="sr-only custom-control-input " id="radio-step-3-fatca-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-3-fatca-1">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-3-fatca" class="sr-only custom-control-input " id="radio-step-3-fatca-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-3-fatca-2">
Oui
</label>
</div>
</li>
</ul>
</div>
<div class="row row-sm align-items-stretch-immediate">
<div class="col-12 col-md-6">
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">Statut du titulaire</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-3-tit-stat-1">
Institution financière
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-3-tit-stat-2">
Entité publique ou gouvernementale
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-3-tit-stat" class="sr-only custom-control-input " id="radio-step-3-tit-stat-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-3-tit-stat-3">
Banque centrale
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 3 end -->
<!-- step 3-1 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Financial Data</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="row row-sm">
<div class="col-6">
<div class="form-group">
<label for="" class="sds-label -form">
Capital
</label>
<div class="sds-input -hasShadow">
<input id="" class="sds-input form-control" type="number" placeholder="50.000,00" value="">
<div class="sds-input__shadowInput form-control" aria-hidden="true">
<div class="sds-input__shadowValue">
</div>
<div class="sds-input__shadowCurrency">
€
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="form-group">
<label for="" class="sds-label -form">
Revenue
</label>
<div class="sds-input -hasShadow">
<input id="" class="sds-input form-control" type="number" placeholder="0" value="">
<div class="sds-input__shadowInput form-control" aria-hidden="true">
<div class="sds-input__shadowValue">
</div>
<div class="sds-input__shadowCurrency">
€
</div>
</div>
</div>
</div>
</div>
<div class="col-6">
<div class="form-group">
<label for="" class="sds-label -form">
Total balance sheet
</label>
<div class="sds-input -hasShadow">
<input id="" class="sds-input form-control" type="number" placeholder="0" value="">
<div class="sds-input__shadowInput form-control" aria-hidden="true">
<div class="sds-input__shadowValue">
</div>
<div class="sds-input__shadowCurrency">
€
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 3-1 end -->
<!-- step 4 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">CRS et statut FATCA</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez choisir une option.</p>
<div class="sds-stackLg">
<div class="h4">Installation et équipement technique enregistrés au nom de la Société ?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-1" class="sr-only custom-control-input " id="radio-step-4-1-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-1-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-1" class="sr-only custom-control-input " id="radio-step-4-1-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-1-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-1" class="sr-only custom-control-input " id="radio-step-4-1-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-1-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Régulièrement tenues suivant les obligations statuaires</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-2" class="sr-only custom-control-input " id="radio-step-4-2-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-2-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-2" class="sr-only custom-control-input " id="radio-step-4-2-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-2-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-2" class="sr-only custom-control-input " id="radio-step-4-2-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-2-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Présence physique des associés lors de l'AG</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-3" class="sr-only custom-control-input " id="radio-step-4-3-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-3-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-3" class="sr-only custom-control-input " id="radio-step-4-3-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-3-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-3" class="sr-only custom-control-input " id="radio-step-4-3-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-3-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Réunions du Conseil d'administration (CA):</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-4" class="sr-only custom-control-input " id="radio-step-4-4-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-4-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-4" class="sr-only custom-control-input " id="radio-step-4-4-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-4-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-4" class="sr-only custom-control-input " id="radio-step-4-4-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-4-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Fréquence</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-5" class="sr-only custom-control-input " id="radio-step-4-5-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-5-1">
Mesnuelle
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-5" class="sr-only custom-control-input " id="radio-step-4-5-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-5-2">
Trimestrielle
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-5" class="sr-only custom-control-input " id="radio-step-4-5-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-5-3">
Semestrielle
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-5" class="sr-only custom-control-input " id="radio-step-4-5-4"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-5-4">
Semi anuelle
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-5" class="sr-only custom-control-input " id="radio-step-4-5-5"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-5-5">
Anuelle
</label>
</div>
</li>
</ul>
<div class="row no-bottom-gutter">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Lieu des CA
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">Présence physique des administrateurs lors des réunions du CA ?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-6" class="sr-only custom-control-input " id="radio-step-4-6-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-6-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-6" class="sr-only custom-control-input " id="radio-step-4-6-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-6-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-6" class="sr-only custom-control-input " id="radio-step-4-6-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-6-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Adresse légale d'un administrateur/gérant dans le pays du siège social de la Société</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-7" class="sr-only custom-control-input " id="radio-step-4-7-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-7-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-7" class="sr-only custom-control-input " id="radio-step-4-7-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-7-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-7" class="sr-only custom-control-input " id="radio-step-4-7-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-7-3">
Non applicable
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Présence d'employé(s) qualifié(s), de clients, de fournisseurs, dans le pays du siége social de la Société</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-8" class="sr-only custom-control-input " id="radio-step-4-8-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-8-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-8" class="sr-only custom-control-input " id="radio-step-4-8-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-8-2">
Non
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-4-8" class="sr-only custom-control-input " id="radio-step-4-8-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-4-8-3">
Non applicable
</label>
</div>
</li>
</ul>
<div class="row no-bottom-gutter">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Nombre de salariés dans le pays du siège social de la Société
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 4 end -->
<!-- step 5 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Activité de la société</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="sds-stackLg">
<div class="h4">Does the company have acquisition/holding of interest?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-1" class="sr-only custom-control-input " id="radio-step-5-1-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-1-1">
Yes
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-1" class="sr-only custom-control-input " id="radio-step-5-1-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-1-2">
No
</label>
</div>
</li>
</ul>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form -error">
Name
</label>
<div class="sds-input">
<input id="" class="sds-input form-control is-invalid" type="text" placeholder="Body" value="">
<div class="invalid-feedback">Error in entered value</div>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form -success">
Nationality
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Entrez une communication" value="Luxembourgeois">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Business
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Percentage held
</label>
<div class="sds-range -alignToInput">
<div class="sds-range__body">
<input type="range" class="custom-range" id="range-input-1" value="12" min="0" max="100">
<div class="sds-range__indicator">
<span>12</span>%
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">
<span>Is the company active in a regulated activity in the financial sector?</span>
<a href="#!" tabindex="0" class="sds-infoDot -small" data-trigger="focus" data-container="body" data-placement="right" data-toggle="popover" data-content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
<span class="sds-icon sds-icon-infocirclefill"></span>
</a>
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-2" class="sr-only custom-control-input " id="radio-step-5-2-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-2-1">
Yes
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-2" class="sr-only custom-control-input " id="radio-step-5-2-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-2-2">
No
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">
<span>Is the company active in the management of third-party funds?</span>
<a href="#!" tabindex="0" class="sds-infoDot -small" data-trigger="focus" data-container="body" data-placement="right" data-toggle="popover" data-content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.">
<span class="sds-icon sds-icon-infocirclefill"></span>
</a>
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-3" class="sr-only custom-control-input " id="radio-step-5-3-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-3-1">
Yes
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-3" class="sr-only custom-control-input " id="radio-step-5-3-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-3-2">
No
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">
Is the company active in the Fintech sector?
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-4" class="sr-only custom-control-input " id="radio-step-5-4-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-4-1">
Yes
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-4" class="sr-only custom-control-input " id="radio-step-5-4-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-4-2">
No
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">
Business permit Click on one of the choices below (if applicable)
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-5" class="sr-only custom-control-input " id="radio-step-5-5-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-5-1">
In the process of establishment
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-5-5" class="sr-only custom-control-input " id="radio-step-5-5-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-5-5-2">
Authorization established
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 5 end -->
<!-- step 6 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Choix de la banque</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez répondre aux questions</p>
<div class="sds-stackLg">
<div class="h4">Is the SPUERKEESS the company's main bank?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-1" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-2">
Non
</label>
</div>
</li>
</ul>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Please specify
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackLg">
<div class="h4">
Reasons that motivated you to choose SPUERKEESS as a bank:
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-1">
Rating/security
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-2">
Reference of an acquaintance
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-3">
Commercial attractiveness
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-4"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-4">
Third party/intermediary
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-5"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-5">
Client prospecting
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-6"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-6">
Associate/Manager/benefecial owner of a SPUERKEESS client
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-2-7"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-2-7">
Other
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">
What activities constitute the main transactions on the SPUERKEESS accounts(s)?
</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-1">
Salary/pension management
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-2">
Treasury management for an international commercial activity
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-3">
Building up company savings
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-4"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-4">
Transferring company savings from another establishment to the SPUERKEESS
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-5"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-5">
Wealth management and operations on financial instruments
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-6"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-6">
Taking out loans/commercial credits
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-8"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-8">
Paying dividends
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-9"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-9">
Capital Calls
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-3" class="sr-only custom-control-input " id="radio-step-6-3-10" checked><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-3-10">
Other
</label>
</div>
</li>
</ul>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Please specify the type
</label>
<div class="sds-input">
<input id="" class="sds-input form-control" type="text" placeholder="Body" value="">
</div>
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Main countries of transactions?
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
<div class="col-12 col-md-6">
<div class="form-group">
<label for="" class="sds-label -form">
Estimated average annual volume of transactions
</label>
<div class="sds-select">
<select id="" class="sds-select form-control">
<option value="opt-0">Option 1</option>
<option value="opt-1">Option 2</option>
<option value="opt-2">Option 3</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 6 end -->
<!-- step 6-1 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Representative management</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez répondre aux questions</p>
<div class="h4">Representative(s)</div>
<div class="sds-exceptionStackLg sds-stackMd">
<div class="sds-repetitiveFormFields">
<div class="sds-outOfBounds">
<div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-1" aria-expanded="false">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Show input elements</div>
</button>
<div class="h5">Representative 1</div>
<div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">
<span class="sds-icon sds-icon-trash"></span>
</button>
</div>
</div>
</div>
<div class="collapse" id="repetitiveForms-1">
<div class="sds-repetitiveFormFields__collapseInner">
<div class="row row-sm">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsName1" class="sds-label -form">
Nom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsName1" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsSurname1" class="sds-label -form">
Prénom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsSurname1" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-lg-6">
<label for="repetitiveFormFieldsDate1" class="sds-label -form">
Date de naissance
</label>
<div class="sds-input -hasIcon -calendar">
<input class="sds-input form-control" type="text" placeholder="Choisir date" value="">
<div class="sds-input__iconRight">
<span class="sds-icon sds-icon-calendar"></span>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsNationality1" class="sds-label -form">
Nationalité
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsNationality1" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm sds-repetitiveFormFields__lastRow">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsOccupation1" class="sds-label -form">
Occupation
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsOccupation1" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsCompany1" class="sds-label -form">
Employeur
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsCompany1" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-repetitiveFormFields">
<div class="sds-outOfBounds">
<div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-2" aria-expanded="false">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Show input elements</div>
</button>
<div class="h5">Representative 2</div>
<div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">
<span class="sds-icon sds-icon-trash"></span>
</button>
</div>
</div>
</div>
<div class="collapse" id="repetitiveForms-2">
<div class="sds-repetitiveFormFields__collapseInner">
<div class="row row-sm">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsName2" class="sds-label -form">
Nom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsName2" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsSurname2" class="sds-label -form">
Prénom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsSurname2" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-lg-6">
<label for="repetitiveFormFieldsDate2" class="sds-label -form">
Date de naissance
</label>
<div class="sds-input -hasIcon -calendar">
<input class="sds-input form-control" type="text" placeholder="Choisir date" value="">
<div class="sds-input__iconRight">
<span class="sds-icon sds-icon-calendar"></span>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsNationality2" class="sds-label -form">
Nationalité
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsNationality2" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm sds-repetitiveFormFields__lastRow">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsOccupation2" class="sds-label -form">
Occupation
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsOccupation2" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsCompany2" class="sds-label -form">
Employeur
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsCompany2" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sds-repetitiveFormFields">
<div class="sds-outOfBounds">
<div class="sds-hoverContentSecondary sds-repetitiveFormFields__header">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall sds-repetitiveFormFields__collapseToggle -collapseTrigger stretched-link" data-toggle="collapse" data-target="#repetitiveForms-3" aria-expanded="true">
<span class="sds-icon sds-icon-plus"></span>
<div class="sr-only">Show input elements</div>
</button>
<div class="h5">Representative 3</div>
<div class="sds-repetitiveFormFields__delete sds-aboveClickArea">
<button type="button" class="sds-btn -iconBtn -btnSecondary -btnSmall" data-toggle="modal" data-target="#repetitiveFormsDeletionConfirmationModal">
<span class="sds-icon sds-icon-trash"></span>
</button>
</div>
</div>
</div>
<div class="collapse show" id="repetitiveForms-3">
<div class="sds-repetitiveFormFields__collapseInner">
<div class="row row-sm">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsName3" class="sds-label -form">
Nom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsName3" class="sds-input form-control" type="text" placeholder="Insérez nom" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsSurname3" class="sds-label -form">
Prénom
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsSurname3" class="sds-input form-control" type="text" placeholder="Insérez prénom" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm">
<div class="col-12 col-lg-6">
<label for="repetitiveFormFieldsDate3" class="sds-label -form">
Date de naissance
</label>
<div class="sds-input -hasIcon -calendar">
<input class="sds-input form-control" type="text" placeholder="Choisir date" value="">
<div class="sds-input__iconRight">
<span class="sds-icon sds-icon-calendar"></span>
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsNationality3" class="sds-label -form">
Nationalité
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsNationality3" class="sds-input form-control" type="text" placeholder="Insérez nationalité" value="">
</div>
</div>
</div>
</div>
<div class="row row-sm sds-repetitiveFormFields__lastRow">
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsOccupation3" class="sds-label -form">
Occupation
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsOccupation3" class="sds-input form-control" type="text" placeholder="Insérez occupation" value="">
</div>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<label for="repetitiveFormFieldsCompany3" class="sds-label -form">
Employeur
</label>
<div class="sds-input">
<input id="repetitiveFormFieldsCompany3" class="sds-input form-control" type="text" placeholder="Insérez nom société" value="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<button type="button" class="sds-btn -btnSecondary -btnSmall">
<span class="sds-icon sds-icon-plus"></span>
<span class="sds-btn__text">Ajouter représentant</span>
</button>
</div>
<div class="sds-stackLg">
<div class="h4">The representative(s), signatory(ies) (named by the articles of incorporation/company register) is/are authorized to open/manage the account(s) to be granted</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-1"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-1">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-1" class="sr-only custom-control-input " id="radio-step-6-1-2"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-2">
Non
</label>
</div>
</li>
</ul>
</div>
<div class="sds-stackLg">
<div class="h4">Are the powers of the various signatories in accordance with those established by the articles of incorporation/company register?</div>
<ul class="list-unstyled sds-stackMd">
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-1-3"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-3">
Oui
</label>
</div>
</li>
<li>
<div class="sds-radio custom-control custom-radio">
<input value="radio-value" type="radio" name="step-6-2" class="sr-only custom-control-input " id="radio-step-6-1-4"><span class="sds-radioDot sds-radio__shape" aria-hidden="true"></span>
<label class="custom-control-label" for="radio-step-6-1-4">
Non
</label>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 6-1 end -->
<!-- step 7 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Financial data of the last 3 years</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Veuillez insérer les informations demandées.</p>
<div class="sds-stackLg">
<div class="sds-tableInputs">
<table>
<thead>
<th></th>
<th>
<div class="sds-label -form">
Currency
</div>
</th>
<th>
<div class="sds-label -form">
Capital
</div>
</th>
<th>
<div class="sds-label -form">
Revenue
</div>
</th>
<th>
<div class="sds-label -form">
Total Balance Sheet
</div>
</th>
</thead>
<tbody>
<tr>
<th>
<h4 class="sds-tableInputs__rowTitle h4">N-1</h4>
<div class="sds-label sds-tableInputs__rowTitleLabel">
N-1
</div>
</th>
<td>
<div class="sds-tableInputs__select">
<div class="form-group">
<label for="currency-row-1" class="sds-label -form sds-tableInputs__cellLabel">
Currency
</label>
<div class="sds-select">
<select id="currency-row-1" class="sds-select form-control">
<option value="opt-0">EUR</option>
<option value="opt-1">YEN</option>
<option value="opt-2">KRN</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="capital-row-1" class="sds-label -form sds-tableInputs__cellLabel">
Capital
</label>
<div class="sds-input">
<input id="capital-row-1" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="revenue-row-1" class="sds-label -form sds-tableInputs__cellLabel">
Revenue
</label>
<div class="sds-input">
<input id="revenue-row-1" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="tbs-row-1" class="sds-label -form sds-tableInputs__cellLabel">
Total Balance Sheet
</label>
<div class="sds-input">
<input id="tbs-row-1" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
</tr>
<tr>
<th>
<h4 class="sds-tableInputs__rowTitle h4">N-2</h4>
<div class="sds-label sds-tableInputs__rowTitleLabel">
N-2
</div>
</th>
<td>
<div class="sds-tableInputs__select">
<div class="form-group">
<label for="currency-row-2" class="sds-label -form sds-tableInputs__cellLabel">
Currency
</label>
<div class="sds-select">
<select id="currency-row-2" class="sds-select form-control">
<option value="opt-0">EUR</option>
<option value="opt-1">YEN</option>
<option value="opt-2">KRN</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="capital-row-2" class="sds-label -form sds-tableInputs__cellLabel">
Capital
</label>
<div class="sds-input">
<input id="capital-row-2" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="revenue-row-2" class="sds-label -form sds-tableInputs__cellLabel">
Revenue
</label>
<div class="sds-input">
<input id="revenue-row-2" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="tbs-row-2" class="sds-label -form sds-tableInputs__cellLabel">
Total Balance Sheet
</label>
<div class="sds-input">
<input id="tbs-row-2" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
</tr>
<tr>
<th>
<h4 class="sds-tableInputs__rowTitle h4">N-3</h4>
<div class="sds-label sds-tableInputs__rowTitleLabel">
N-3
</div>
</th>
<td>
<div class="sds-tableInputs__select">
<div class="form-group">
<label for="currency-row-3" class="sds-label -form sds-tableInputs__cellLabel">
Currency
</label>
<div class="sds-select">
<select id="currency-row-3" class="sds-select form-control">
<option value="opt-0">EUR</option>
<option value="opt-1">YEN</option>
<option value="opt-2">KRN</option>
</select>
<span class="sds-select__arrow sds-icon sds-icon-chevrondown" aria-hidden="true"></span>
</div>
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="capital-row-3" class="sds-label -form sds-tableInputs__cellLabel">
Capital
</label>
<div class="sds-input">
<input id="capital-row-3" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="revenue-row-3" class="sds-label -form sds-tableInputs__cellLabel">
Revenue
</label>
<div class="sds-input">
<input id="revenue-row-3" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
<td>
<div class="form-group">
<label for="tbs-row-3" class="sds-label -form sds-tableInputs__cellLabel">
Total Balance Sheet
</label>
<div class="sds-input">
<input id="tbs-row-3" class="sds-input form-control" type="text" placeholder="{placeholder}" value="">
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Suivant</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 7 end -->
<!-- step 8 -->
<div class="sds-sectionForm__container -next">
<div class="sds-sectionForm__item sds-box -insetLg sds-stackMd">
<div class="sds-sectionForm__itemHeading">
<div class="h3">Documents list</div>
</div>
<div class="sds-sectionForm__itemBody">
<div class="sds-stackXl">
<p>Please provide the following documents completed.</p>
<div class="sds-message sds-stackMd">
<div class="sds-message__header">
<span class="sds-icon sds-icon-infocirclefill"></span>
<div class="sds-message__iconAlign">
<p>Note that once uploaded file will need to be approved by the bank. You will be notified once the file have been approved by the Bank.</p>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Incorporation documents</h4>
<p>Description</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
<div class="sds-stackSm">
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Extract from the trade register</h4>
<p>The file must be dated less than 6 month</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small -loading">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
<div class="sds-stackSm">
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Extract of the Register of Beneficial Owners (RBO)</h4>
<p>The file must be recent and up-to-date</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Upload file(s)
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Shareholder register</h4>
<p>Description</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">List of board members</h4>
<p>Description</p>
</div>
<div class="sds-exceptionStackLg sds-btnGroup -medium -hasVerticalSpacing flex-wrap">
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Formulaire A</span>
</a>
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Formulaire B</span>
</a>
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Formulaire C</span>
</a>
<a href="" class="sds-btn -btnSecondary">
<span class="sds-icon sds-icon-download"></span>
<span class="sds-btn__text">Formulaire D</span>
</a>
</div>
<div class="sds-exceptionStackLg sds-stackMd">
<div class="sds-imgUpload -box -small -loading">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
<div class="sds-stackSm">
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Formulaire-a.pdf
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Formulaire-b.pdf
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Formulaire-c.pdf
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
<div class="sds-imgUpload -box -small -uploadComplete">
<div class="sds-imgUpload__content">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-document"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
Formulaire-d.pdf
</div>
<div class="sds-imgUpload__meta sds-textHelper">{Weight}</div>
</div>
</div>
<div class="sds-btnGroup -aboveClickArea">
<a href="" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-visible"></span>
<div class="sr-only">View document</div>
</a>
<button type="button" class="sds-btn -iconBtn -btnSecondary">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">A group chart up to the UBO(s), if any.</h4>
<p>Description</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Copies of the Board Minutes</h4>
<p>The indicating the powers of attorney as well as the possible transaction limitations of each signatory</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
<div class="sds-stackMd">
<div class="sds-stackXxs">
<h4 class="h4">Readable copies of the empowered person(s) and UBO's identity card or passport, details about their legal address and their civil and professional status </h4>
<p>Please note that all administrators and UBO's are required to sign our legal documents</p>
</div>
<div class="sds-stackMd">
<div class="sds-imgUpload -box -small">
<div class="sds-imgUpload__content">
<input type="file" id="imgUpload" class="sr-only">
<div class="sds-imgUpload__iconWrapper">
<span class="sds-iconCircle -secondary10 sds-imgUpload__icon" aria-hidden="true">
<span class="sds-icon sds-icon-documentupload"></span>
</span>
<div class="sds-imgUpload__progress">
<div class="sds-circularProgress">
<svg viewBox="0 0 36 36" class="">
<path class="sds-circularProgress__shape" stroke-dasharray="50, 100" d="M18 2.0845
a 15.9155 15.9155 0 0 1 0 31.831
a 15.9155 15.9155 0 0 1 0 -31.831" />
</svg>
</div>
</div>
</div>
<div class="sds-stackXxs">
<div class="sds-imgUpload__title">
<label for="imgUpload" class="sds-imgUpload__label stretched-link">Upload file(s)</label>
</div>
<div class="sds-imgUpload__meta sds-textHelper">{file_name.format (Weight)}</div>
</div>
</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary sds-imgUpload__reset">
<span class="sds-icon sds-icon-trash"></span>
<div class="sr-only">Delete uploaded image</div>
</button>
</div>
</div>
</div>
</div>
</div>
<div class="sds-sectionForm__itemFooter">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse">
<span class="sds-btn__text">Retour</span>
</button>
</div>
</div>
</div>
</div>
<!-- step 8 end -->
</div>
</div>
</div>
<!-- main content end -->
</div>
</main>
</div>
</div>
<!-- content such as modals, tooltips, popovers etc should be included here -->
<div class="sds-modal modal fade" id="repetitiveFormsDeletionConfirmationModal" aria-hidden="true" tabindex="-1">
<div class="sds-modal__dialog modal-dialog modal-sm-loading modal-dialog-centered">
<div class="sds-modal__content modal-content">
<div class="sds-modal__header modal-header">
<div class="sds-modal__title modal-title">Êtes-vous sûr de vouloir éliminer ce représentant ?</div>
<button type="button" class="sds-btn -iconBtn -btnSecondary -ghost sds-modal__close" data-dismiss="modal" aria-label="Close">
<span class="sds-icon sds-icon-close"></span>
</button>
</div>
<div class="sds-modal__body modal-body">
<p>Si vous décidez d’éliminer ce représentant, toutes les données seront perdues. Êtes-vous sur de vouloir continuer ?</p>
</div>
<div class="sds-modal__footer modal-footer">
<div class="sds-btnGroup">
<button type="button" class="sds-btn -btnSecondary -btnInverse" data-dismiss="modal">
<span class="sds-btn__text">Annuler</span>
</button>
<button type="button" class="sds-btn -btnPrimary">
<span class="sds-btn__text">Oui, éliminer</span>
</button>
</div>
</div>
</div>
</div>
</div>
{% extends "@cpb-frame--step" %}
{% block panelMainContent %}
<div class="row justify-content-center h-100 no-bottom-gutter">
<div class="col-12 col-lg-10">
<div class="{{ namespace }}sectionForm">
<!-- step 1 -->
<div class="{{ namespace }}sectionForm__container -isActive">
{% render "@cpb-section-form-step-1" %}
</div>
<!-- step 1 end -->
<!-- step 2 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-2" %}
</div>
<!-- step 2 end -->
<!-- step 3 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-3" %}
</div>
<!-- step 3 end -->
<!-- step 3-1 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-3-1" %}
</div>
<!-- step 3-1 end -->
<!-- step 4 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-4" %}
</div>
<!-- step 4 end -->
<!-- step 5 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-5" %}
</div>
<!-- step 5 end -->
<!-- step 6 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-6" %}
</div>
<!-- step 6 end -->
<!-- step 6-1 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-6-1" %}
</div>
<!-- step 6-1 end -->
<!-- step 7 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-7" %}
</div>
<!-- step 7 end -->
<!-- step 8 -->
<div class="{{ namespace }}sectionForm__container -next">
{% render "@cpb-section-form-step-8" %}
</div>
<!-- step 8 end -->
</div>
</div>
</div>
{% endblock %}
{% block misc %}
{% render "@cpb-modal--repetitive-form-fields" %}
{% endblock %}