Sr. Experte Learning & Development

.h1,
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}

body {
margin: 0;
}

main {
display: block;
}

h1 {
font-size: 2em;
margin: 0.67em 0;
}

h3 {
color: #000
}

hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}

pre {
font-family: monospace, monospace;
font-size: 1em;
}

a {
/*background-color: transparent;*/
}

a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
color: #fff;
}

b, strong {
font-weight: bolder;
color: #000000;
}

code, kbd, samp {
font-family: monospace, monospace;
font-size: 1em;
}

small {
font-size: 80%;
}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

img {
border-style: none;
}

button, input, optgroup, select, textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}

button, input {
overflow: visible;
}

button, select {
text-transform: none;
}

button, [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
}

fieldset {
padding: 0.35em 0.75em 0.625em;
}

legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}

progress {
vertical-align: baseline;
}

textarea {
overflow: auto;
}

[type=checkbox], [type=radio] {
box-sizing: border-box;
padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}

[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

details {
display: block;
}

summary {
display: list-item;
}

template {
display: none;
}

[hidden] {
display: none;
}

*, :after, :before {
box-sizing: border-box;
}

#page-wrapper .h1,
#page-wrapper .h2,
#page-wrapper .h3 {
font-weight: 700 !important;
}

#page-wrapper .h1 {
font-size: 34px !important;
line-height: 44px !important;
}

@media (max-width: 450px) {
#page-wrapper .h1 {
font-size: 19px !important;
line-height: 38px !important;
}
}


#page-wrapper h2 {
margin: 0 0 5px !important;
}

#page-wrapper .h2 {
font-size: 30px;
line-height: 42px;
}

#page-wrapper .h3 {
font-size: 22px !important;
line-height: 26px !important;
margin-bottom: 20px !important;
}

#page-wrapper {
max-width: 940px;
margin: 30px auto 0;
text-align: left;
box-sizing: border-box;
background-color: #fff;
box-shadow: 0 2px 50px 0 rgba(0, 0, 0, 0.08);
font-family: "DKBEuclid", Arial, sans-serif;
color: #000;
font-size: 17px;
line-height: 28px;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 450px) {
#page-wrapper {
font-size: 15px;
line-height: 1.3;
}
}

#page-wrapper ul {
padding: 0;
margin: 0;
}

#page-wrapper .text-center {
text-align: center;
}

#page-wrapper p {
margin: 18px 0 !important;
}

@media (max-width: 450px) {
#page-wrapper p {
margin: 12px 0 !important;
}
}

#page-wrapper .page-main {
margin-top: 50px;
}

@media (max-width: 600px) {
#page-wrapper .page-main {
margin-top: 30px;
}
}

@media (max-width: 450px) {
#page-wrapper .page-main {
margin-top: 20px;
}
}

#page-wrapper .page-container {
max-width: 775px;
margin: 0 auto;
position: relative;
}

@media (max-width: 775px) {
#page-wrapper .page-container {
padding-left: 10px;
padding-right: 10px;
}
}

#page-wrapper .shapes {
position: absolute;
width: 0;
height: 0;
z-index: -1;
}

#page-header {
overflow: hidden;
box-sizing: border-box;
position: relative;
line-height: 0;
}

#page-header .page-banner {
width: 100%;
}

#page-header .page-banner.is--mobile {
display: none;
}

@media (max-width: 600px) {
#page-header .page-banner.is--desktop {
display: none;
}

#page-header .page-banner.is--mobile {
display: block;
}
}

@media (max-width: 450px) {
#page-header::before {
content: "";
display: block;
padding-top: 75%;
}

#page-header .page-banner.is--mobile {
position: absolute;
top: 0;
height: 100%;
object-fit: cover;
}
}

#page-wrapper .page-description {
padding-bottom: 0px;
position: relative;
overflow: hidden;
}

#page-wrapper .page-description h3 {
margin-top: 50px !important;
font-weight: bold;
color: #000000;

}

#page-wrapper .page-description ul {
padding-left: 20px !important;
}

#page-wrapper .page-description__svg {
position: absolute;
height: auto;
}

#page-wrapper .page-description__svg img {
width: 100%;
height: 100%;
}

#page-wrapper .page-description__svg--left {
width: calc(100% - 298px);
left: 0;
top: 190px;
}

@media (max-width: 600px) {
#page-wrapper .page-description__svg--left {
width: 90%;
}
}

#page-wrapper .page-description__svg--right {
width: calc(100% - 440px);
right: 0;
transform: translate(25.6%, 28.6%);
bottom: 0;
}

@media (max-width: 600px) {
#page-wrapper .page-description__svg--right {
width: 90%;
}
}

#page-wrapper .page-description__text {
z-index: 1;
position: relative;
color: #000000;
}

.labels {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}

@media (max-width: 600px) {
.labels {
margin-top: 20px;
}
}

.labels__item {
font-size: 16px;
font-weight: 600;
line-height: 24px;
border-radius: 8px;
background-color: #d0e8fb;
margin-right: 11px;
padding: 6px 10px;
margin-bottom: 10px;
}

@media (max-width: 450px) {
.labels__item {
margin-right: 5px;
margin-bottom: 5px;
font-size: 14px;
line-height: 1.3;
}
}

#page-wrapper .page-contact a.page-btn {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 17px;
letter-spacing: 0;
border-radius: 8px;
padding: 10px 14px;
background-color: #0A83E0;
color: #fff !important;
display: inline-block;
text-decoration: none;
transition: all 0.3s ease-in;
}

#page-wrapper .page-contact a.page-btn__icon {
margin-left: 13px;
}

#page-wrapper .page-contact a.page-btn__icon img {
vertical-align: middle;
position: relative;
top: -2px;
}

#page-wrapper .page-contact a.page-btn:hover {
background-color: #1178c7;
}

#page-wrapper .page-benefits {
background-color: #d0e8fb;
padding: 55px 0;
margin-bottom: 30px;
position: relative;
}

@media (max-width: 600px) {
#page-wrapper .page-benefits {
padding: 30px 0 0;
}
}

#page-wrapper .page-benefits::after {
content: "";
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
clip-path: polygon(0 0, 0% 100%, 100% 0);
background-color: inherit;
height: 45px;
width: 100%;
position: absolute;
left: 0;
bottom: 1px;
transform: translateY(100%);
}

#page-wrapper .page-benefits__list, #page-wrapper .page-benefits__item {
display: flex;
flex-wrap: wrap;
}

#page-wrapper ul.page-benefits__list {
margin-left: -5px;
margin-right: -5px;
padding-left: 0!important;
list-style: none;
}

#page-wrapper .page-benefits__item {
flex-flow: column;
flex: 0 0 auto;
width: 33.333333%;
padding: 0 5px;
margin-bottom: 50px;
}

@media (max-width: 600px) {
#page-wrapper .page-benefits__item {
width: 50%;
margin-bottom: 20px;
}
}

#page-wrapper .page-benefits_title {
font-size: 14px;
font-weight: 400;
line-height: 20px;
}

@media (max-width: 450px) {
#page-wrapper .page-benefits_title {
text-align: left;
font-size: 14px;
}
}

#page-wrapper .page-benefits__icon-wrap {
line-height: 0;
}

#page-wrapper .page-benefits__icon-wrap img {
width: 67px;
height: 67px;
margin-bottom: 10px;
}

@media (max-width: 450px) {
#page-wrapper .page-benefits__icon-wrap img {
margin-bottom: 5px;
}
}

#page-wrapper .page-contact {
padding: 40px 0;
}

@media only screen and (max-width: 600px) {
#page-wrapper .page-contact > .page-container {
overflow: hidden;
}
}

#page-wrapper .page-contact__img-wrap {
overflow: hidden;
position: relative;
z-index: 1;
}

@media (min-width: 700px) {
#page-wrapper .page-contact__img-wrap {
align-self: center;
}
}

@media (max-width: 699px) {
#page-wrapper .page-contact__img-wrap {
}
}

@media (max-width: 450px) {
#page-wrapper .page-contact__img-wrap {
left: 0;
}
}

#page-wrapper .page-contact__img-wrap img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
left: 0px;

}

#page-wrapper .page-contact__img.is--mobile {
display: none;
}

@media (max-width: 600px) {
#page-wrapper .page-contact__img.is--desktop {
display: none;
}

#page-wrapper .page-contact__img.is--mobile {
display: block;
position: relative;
top: 0;
height: 100%;
left: 00px;
}
}

#page-wrapper .page-contact__wrap {
display: flex;
align-items: flex-start;
}

@media only screen and (max-width: 700px) {
#page-wrapper .page-contact__wrap {
flex-flow: column;
}
}

#page-wrapper .page-contact__infos {
display: flex;
flex-flow: column;
position: relative;
justify-content: center;
align-items: center;
left: 0px;
}

@media (max-width: 700px) {
#page-wrapper .page-contact__infos {
width: 100%;
margin-top: -60px;
align-items: flex-start;
}
}

#page-wrapper .page-contact__infos-bg {
width: 100%;
}

#page-wrapper .page-contact__infos-bg img {
width: 100%;
height: auto;
}

@media (max-width: 700px) {
#page-wrapper .page-contact__infos-bg img {
width: auto;
transform: translateX(-100px);
}
}

@media (max-width: 600px) {
#page-wrapper .page-contact__infos-bg img {
width: auto;
transform: translateX(-200px);
}
}

#page-wrapper .page-contact__text {
position: relative;
padding: 70px 0;
text-align: left;
left: 50px;
}

@media (max-width: 700px) {
#page-wrapper .page-contact__text {
left: 0px;
}
}

#page-wrapper .page-contact_title {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-left: 0 !important;
margin-bottom: 8px;
padding: 0 !important;
}

@media (max-width: 600px) {
#page-wrapper .page-contact_title {
font-size: 14px;
line-height: 22px;
}
}

#page-wrapper .page-contact__name {
margin-top: 0 !important;
margin-bottom: 8px;
}

@media (max-width: 600px) {
#page-wrapper .page-contact__name {
font-size: 28px !important;
line-height: 32px !important;
}
}

@media (max-width: 400px) {
#page-wrapper .page-contact__name {
font-size: 22px !important;
line-height: 32px !important;
}
}


#page-wrapper .page-contacttitle {
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-bottom: 28px;
}

@media (max-width: 600px) {
#page-wrapper .page-contacttitle {
font-size: 14px;
line-height: 22px;
}
}

#page-wrapper .page-contacttitle {
white-space: unset;
color: #000000;
font-size: 16px;
font-weight: 600;
line-height: 24px;
margin-left: 0 !important;
margin-bottom: 8px;
padding: 0 !important;
}

@media (max-width: 600px) {
#page-wrapper .page-contacttitle {
font-size: 14px;
line-height: 22px;
}
}

#page-wrapper .page-footer {
background-color: #148DEA;
padding: 54px 0;
color: #fff;
position: relative;
}

#page-wrapper .page-footer::before {
content: "";
-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
clip-path: polygon(100% 0, 0 100%, 100% 100%);
background-color: inherit;
height: 45px;
width: 100%;
position: absolute;
left: 0;
top: 1px;
transform: translateY(-100%);
}

#page-wrapper .page-footer__inner {
display: flex;
justify-content: space-between;
align-items: center;
}

@media only screen and (max-width: 400px) {
#page-wrapper .page-footer__inner {
align-items: flex-start;
flex-flow: column;
}
}

#page-wrapper .page-footer__nav-list {
display: flex;
list-style: none;
}

#page-wrapper .page-footer__nav-item {
color: #ffffff;
display: inline-block;
font-size: 20px;
font-weight: 400;
line-height: 30px;
}

#page-wrapper .page-footer__nav-item:not(:first-child) {
margin-left: 25px;
}

#page-wrapper .page-footer__nav-link {
color: #ffffff !important;
text-decoration: none !important;
}

#page-wrapper .page-footer__nav-link:hover {
color: #ffffff !important;
text-decoration: underline !important;
}