@font-face {
    font-family: 'Gilroy-Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Bold'), url('../fonts/gilroy/Gilroy-Bold.woff') format('woff');
}


/*@font-face {
  font-family: 'Gilroy-SemiBold';
  font-style: normal;
  font-weight: normal;
  src: local('Gilroy-SemiBold'), url('../fonts/gilroy/Gilroy-SemiBold.woff') format('woff');
}*/

@font-face {
    font-family: 'Gilroy-SemiBold';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-SemiBold'), url('../fonts/gilroy/Gilroy-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Gilroy-Heavy';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Heavy'), url('../fonts/gilroy/Gilroy-Heavy.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Light';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Light'), url('../fonts/gilroy/Gilroy-Light.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Medium'), url('../fonts/gilroy/Gilroy-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Gilroy-Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Gilroy-Regular'), url('../fonts/gilroy/Gilroy-Regular.woff') format('woff');
}

body {
    font-family: 'Gilroy-Regular', sans-serif;
    color: #3C545D;
    font-size: 15px;
}

a {
    color: #0000B4;
}

a:hover {
    color: #0C0CDA;
}

h1 {
    font-size: 40px;
    font-family: 'Gilroy-Bold', sans-serif;
    ;
}

h1,
h2,
h3,
h4 {
    font-family: 'Gilroy-Bold', sans-serif;
    ;
}

b,
strong {
    font-weight: bolder;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

figcaption {
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
}

a,
a:hover {
    text-decoration: none;
}


/* */

#whatsapp-discus a {
    position: fixed;
    width: 60px;
    height: 60px;
    right: 40px;
    bottom: 40px;
    background: url('../img/whatsapp-symbol.svg') no-repeat center;
    background-size: cover;
    z-index: 999;
}

/***** Loader ******/

#loader {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: #fbfbfb url('../img/yux-loader.gif') no-repeat center;
    background-size: 250px 260px;
    z-index: 999;
}

.btn-primary {
    color: #fff;
    background-color: #0000B4;
    border-color: #0000B4;
}

#block-views-block-latest-projects-block-1 .more-link a:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #0C0CDA;
    border-color: #0C0CDA;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0000B4;
    border-color: #0C0CDA;
}

.webform-button--previous.btn-primary,
.btn-yellow {
    color: #fff;
    background-color: #FCC014;
    border-color: #FCC014 !important;
}

.webform-button--previous.btn-primary:hover,
.btn-yellow:hover {
    color: #fff;
    background-color: #f8b122;
    border-color: #f8b122;
}

.btn-white {
    color: #0000B4;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-white:hover {
    color: #fff;
    background-color: #FCC014;
    border-color: #FCC014;
}

.btn {
    padding: 8px 30px;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
}

.bg-primary {
    background-color: #0000B4 !important;
    color: #ffffff !important;
}

.bg-white {
    background-color: #ffffff !important;
}

button:focus,
button:active,
.btn:focus,
.btn:active {
    outline: none !important;
    box-shadow: none;
}

.btn-primary.focus,
.btn-primary:focus {
    color: #fff;
    background-color: #0C0CDA;
    border-color: #0C0CDA;
    box-shadow: 0 0 0 0.2rem rgb(44 166 181 / 0.5);
}

.form-text {
    margin-top: 0;
}

header nav.navbar {
    padding: 30px 10px;
}

#edit-cv--description::first-line {
    display: none !important;
}

form label {
    margin-bottom: 5px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 16px;
}

.webform-elements .form-group {
    margin-bottom: 10px;
}

.webform-button--previous {
    margin-right: 20px;
}

.form-select {
    height: 38px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    padding: 0 10px;
}

.messages--error,
label.error {
    color: #f75454;
}

input.js-form-file,
.form-file,
.form-control-file {
    padding: 4px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}


/******** Header *********/

.navbar-brand img {
    height: 40px;
}

.navbar-brand .site-name {
    display: none;
}

.navbar-nav .nav-link {
    color: #3C545D !important;
    font-family: 'Gilroy-SemiBold';
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 20px !important;
    transition: all 0.4s ease-in-out;
}

.navbar-nav .active .nav-link,
.navbar-nav .nav-link:hover {
    color: #0000B4 !important;
}

#hero {
    padding: 100px 0;
}

.hero-image img {
    max-width: 100%;
    max-height: 400px;
}

.hero-text h5 {
    font-size: 18px;
    margin-bottom: 30px;
}

.hero-text p {
    margin-bottom: 30px;
}

.why-important {
    margin-top: 40px;
}

.why-important .un-important {
    padding: 20px;
    color: #fff;
    border-radius: 4px;
    margin-bottom: 20px;
    min-height: 140px;
    display: flex;
}

.why-important .un-important img {
    min-width: 60px;
    margin-right: 15px;
    height: 70px;
    padding-right: 10px;
    border-right: solid 1px #ffffff;
    float: left;
    margin-right: 10px;
}

.why-important .un-important h5 {
    font-size: 16px;
    font-family: 'Gilroy-Medium', sans-serif;
    text-transform: uppercase;
    line-height: 20px;
    margin-bottom: 7px;
}

.why-important .un-important p {
    font-size: 14px;
    font-family: 'Gilroy-Light', sans-serif;
    line-height: 20px;
}

.why-important .un-important.africanculture {
    background: #ff6600;
}

.why-important .un-important.empower {
    background: #FCC014;
}

.why-important .un-important.digitaltools {
    background: #0000B4;
}

.caption-img .caption>figcaption {
    display: block;
    font-style: italic;
}

.node-body .caption>figcaption,
.node-body .caption>figcaption span {
    font-size: 12px;
    line-height: 16px !important;
    display: block;
    margin-top: 5px;
}

figure.caption.caption-img {
    width: 100%;
    text-align: center;
}


/*********** Where we work ***********/

#where-we-work .where-we-work img {
    max-width: 100%;
    max-height: 500px;
}


/*********** page works ***********/

.workshop,
.research,
.uxui {
    padding: 60px 0;
}

.main-works-page .nav-tabs {
    margin-bottom: 20px;
}

#block-digitaldesign {
    margin-top: 100px;
}

#block-digitaldesign .design-service-img,
#block-servicedesign .design-service-img {
    max-width: 100%;
    height: 100%;
    max-height: 210px;
    object-fit: cover;
    border-radius: 6px;
}

#block-digitaldesign h2,
#block-servicedesign h2 {
    margin-bottom: 20px;
}

#block-digitaldesignelements h4,
#block-designserviceelements h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

#block-digitaldesignelements ul,
#block-designserviceelements ul {
    padding-left: 20px;
}

#block-digitaldesignelements .row .content,
#block-designserviceelements .row .content {
    background: #fff;
    padding: 25px 20px;
    border-radius: 8px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
    height: 100%;
}

#block-digitaldesignelements .row,
#block-designserviceelements .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

#block-digitaldesignelements .row>[class*='col-'],
#block-designserviceelements .row>[class*='col-'] {
    display: flex;
    flex-direction: column;
}


/*********** Project products ***********/

#page-hero {
    padding: 80px 0;
}

.main-project-page #page-hero p {
    max-width: 450px;
}

.page-noe-22 .main-project-page #page-hero p {
    max-width: initial;
}


/*********** Project page ***********/

#block-views-block-latest-projects-block-1 .more-link {
    text-align: center;
    font-size: 16px;
}

#block-views-block-latest-projects-block-1 .more-link a {
    color: #fff;
    padding: 10px 30px;
    border-radius: 30px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    background-color: #0000B4;
    border-color: #0000B4;
    line-height: 1.5;
    border: 1px solid transparent;
}

#block-views-block-latest-projects-block-1 .more-link::after {
    /*position: absolute;
  content: "";
  width: 25px;
  height: 20px;
  background: url('../img/arrow-right.svg') no-repeat center center;
  top: 4px;
  background-size: contain;
  right: -5px;
  overflow: hidden;*/
}

#project-hero {
    max-height: 500px;
    position: relative;
    height: 450px;
}

#project-hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60%;
    background: -moz-linear-gradient(top, rgba(16, 113, 122, 0) 0%, rgba(16, 134, 145, 0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(16, 113, 122, 0) 0%, rgba(16, 134, 145, 0.7) 100%);
    background: linear-gradient(to bottom, rgba(16, 113, 122, 0) 0%, rgba(16, 134, 145, 0.7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0010717a', endColorstr='#a610717a', GradientType=0);
}

.project-hero {
    position: relative;
    z-index: 3;
    color: #fff;
    margin-bottom: 40px;
}

.project-hero .project-logo img {
    height: 70px;
    width: auto;
    margin-bottom: 15px;
    border-radius: 4px;
}

.project-hero h2 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 36px;
    margin-bottom: 2px;
}

.project-hero .project-subtitle {
    font-size: 20px;
    font-family: 'Gilroy-Light', sans-serif;
}

#challenge {
    padding: 80px 0;
}

#design-process h3,
#outcomes .outcomes-items h3,
#challenge .challenge-text h3 {
    font-size: 36px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 25px;
}

#challenge .challenge-image img {
    height: 280px;
    display: block;
    margin: auto;
}

#outcomes {
    padding: 80px 0;
    background-color: #F9F9F9;
}

#outcomes .outcomes-image img {
    height: 280px;
    width: auto;
    display: block;
    margin: auto;
}

#outcomes .outcomes-items .outcomes-items-list div div {
    margin-bottom: 20px;
    padding-left: 20px;
    position: relative;
}

#outcomes .outcomes-items .outcomes-items-list div div::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    background-color: #3C545D;
    left: 0;
    top: 8px;
}

#design-process h3 {
    margin-bottom: 50px;
}

#design-process {
    padding: 80px 0 40px;
}

#design-process .un-process {
    background: #fff;
    padding: 15px 25px;
    border: solid 1px #EFEFEF;
    border-radius: 8px;
    box-shadow: 6px 6px 0px #F5F5F5;
    color: #555555;
    position: relative;
    z-index: 3;
    transition: all 0.4s ease-in-out;
}

#design-process .un-process:hover {
    box-shadow: 6px 6px 0px #0000B4;
}

#design-process .un-process span {
    position: absolute;
    color: #DEDEDE;
    border-radius: 8px;
    left: 5px;
    top: -25px;
    font-size: 36px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    z-index: 2;
    transition: all 0.4s ease-in-out;
}

#design-process .un-process:hover span {
    color: #0000B4;
}

#the-outputs {
    padding: 40px 0 0;
}

#tools-tech h3,
#the-outputs h3 {
    font-size: 36px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 30px;
}

#tools-tech {
    padding: 80px 0;
    background: #f9f9f9;
}

#tools-tech .un-tool>div {
    background: #fff;
    display: flex;
    padding: 20px;
    border-radius: 8px;
    flex-direction: column-reverse;
    text-align: center;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    min-height: 140px;
}

#tools-tech .un-tool>div img {
    max-height: 60px;
    width: auto;
    margin-bottom: 10px;
}

#tools-tech .un-tool h2 {
    display: none;
}

#tools-tech .un-tool {
    font-size: 18px;
    color: #3C545D;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 30px;
}

#chat-with {
    padding: 60px 0;
    background: #0000B4;
    color: #fff;
    position: relative;
}

#chat-with::after {
    content: "";
    position: absolute;
    width: 15%;
    height: 60px;
    background: url('../img/pattern-5.svg') no-repeat center center;
    bottom: -34px;
}

#chat-with::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 90px;
    background: url('../img/pattern-6.svg') no-repeat center center;
    top: -25px;
    background-size: contain;
    right: 0;
}

#chat-with h2 {
    font-size: 36px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 30px;
    color: #fff;
    text-align: center;
}

#chat-with .photo-designer {
    float: left;
    margin-right: 20px;
}

#chat-with .photo-designer img {
    height: 120px;
    width: auto;
    background: #fff;
    border-radius: 8px;
}

#chat-with .prenom-nom-designer {
    font-size: 32px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
}

#chat-with .poste-designer,
#chat-with .email-designer {
    font-size: 18px;
    margin-bottom: 3px;
    letter-spacing: 0.5px;
}

#where-we-work {
    padding: 100px 0 50px 0;
}

#latest-projects {
    padding: 100px 0;
    background: #F9F9F9;
}

.row.masonary-layout {
    margin-left: -30px;
    margin-right: -30px;
}

.un-latest-project {
    border-radius: 12px;
    margin-bottom: 30px;
    background-repeat: no-repeat;
    background-position: center center !important;
    background-size: cover !important;
}

.project-1 .un-latest-project,
.project-4 .un-latest-project {
    height: 380px;
}

.project-2 .un-latest-project,
.project-3 .un-latest-project {
    height: 300px;
}

.project-4 .un-latest-project {
    height: 380px;
    margin-top: -80px;
}

.project-2 .un-latest-project {
    margin-top: -80px;
}

.main-project-page .nav-tabs .nav-item.show .nav-link,
.main-project-page .nav-tabs .nav-link.active {
    border-top: solid 3px #0000B4;
    border-radius: 0 !important;
}

.un-latest-project .overlay {
    padding: 20px;
    border-radius: 12px;
    background: rgb(0 0 180 / 70%);
    position: relative;
    min-height: 100%;
    opacity: 0;
    transition: all .5s ease-in-out;
}

.main-project-page a.file-download {
    color: #0000B4;
    border-color: #0000B4;
    text-decoration: underline;
    font-family: 'Gilroy-SemiBold'
}

.main-project-page .un-latest-project {
    height: 320px;
}

.main-project-page header {
    padding: 30px 0;
}

#block-views-block-our-story-block-ourstory header {
    padding: 30px 0;
}

#block-views-block-our-story-block-ourstory header h3 {
    font-size: 40px;
}

#block-views-block-our-story-block-ourstory footer {
    background-color: transparent !important;
    display: none;
}

#block-views-block-our-story-block-ourstory footer h4 {
    font-size: 20px;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

#block-views-block-our-story-block-ourstory footer ul {
    list-style: none;
    display: flex;
    padding-left: 0;
}

#block-views-block-our-story-block-ourstory footer ul li {
    margin: 5px;
}

#block-views-block-our-story-block-ourstory footer ul li a {}

#block-views-block-our-story-block-ourstory footer ul li a img {
    -webkit-filter: brightness(0) invert(1);
    /* Safari 6.0 - 9.0 */
    filter: brightness(0) invert(1);
    height: 32px;
}

.main-project-page #page-hero {
    background: #f9f9f9 url('../img/gray-yux-pattern.svg') no-repeat right bottom;
    background-size: auto 90%;
    margin-bottom: 60px;
}

body.path-academy .main-project-page #page-hero {
    background: #f9f9f9;
    padding: 60px 0 40px 0;
}

body.page-node-98 {
    background: #ffffff;
}

.want-to-know {
    background: #F7FCFD;
    padding: 80px 0 60px;
}

.un-latest-project:hover .overlay {
    opacity: 1;
}

#ambition-doing {
    padding: 120px 0;
    background: url('../img/bg-ambition-doing.jpg') no-repeat center center;
    background-size: cover;
}

#block-ambitionwhatwearedoing .ambition,
#block-ambitionwhatwearedoing .we-are-doing {
    padding: 30px 30px 10px;
    background: rgb(255 255 255 / 80%);
    border-radius: 6px;
    height: 100%;
}

#block-ambitionwhatwearedoing .chiffre {
    color: #fff;
}

#block-ambitionwhatwearedoing .chiffre h3 {
    font-size: 24px;
}

.un-latest-project .overlay .box {}

.un-latest-project .overlay img {
    height: 65px;
    width: auto;
}

.un-latest-project .overlay h3,
.un-latest-project .overlay h3 a {
    color: #fff;
    font-family: 'Gilroy-Bold', sans-serif;
    text-decoration: none;
    text-align: left !important;
    display: block;
}

.un-latest-project .overlay h3 {
    position: relative;
    margin-top: 30px;
}

.un-latest-project .overlay h3::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 3px;
    background: #FCC014;
    top: -15px;
    left: 0;
}

.page-node-type-page {
    background-color: #F9F9F9;
}

.page-node-type-page-yux #page-hero {
    background-color: #f9f9f9;
}

.page-node-type-page-yux .un-produit {
    display: flex;
    align-items: center;
}

.page-node-type-page-yux .un-produit .content {
    padding: 40px;
}

.page-node-type-page-yux .un-produit .content p {
    display: flex;
}

.page-node-type-page-yux .un-produit .content p.number {
    font-size: 120px;
    display: inline-block;
    float: left;
    line-height: 1;
    font-family: 'Gilroy-Bold', sans-serif;
    color: #E2E3E3;
    margin-right: 30px;
}

.page-node-type-page-yux .un-produit .content h3 {
    font-size: 36px;
}

.page-node-type-page-yux p.subtitle {
    max-width: 550px;
    margin: auto;
}

.we-are {
    padding: 100px 0;
}

.we-are .content {
    padding: 40px 30px;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow: 0 3px 15px rgb(0 0 0 / 4%);
    height: 100%;
    transition: all 0.5s ease-in-out;
}

.we-are .content:hover {
    background-color: #0000B4;
    color: #ffffff;
}

.we-are .content h3 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 24px;
}

.we-are .content p {
    font-size: 14px;
    margin-bottom: 5px;
}

#block-views-block-our-story-block-ourstory {
    padding: 20px;
}

#block-our-story {
    padding: 60px 0;
    background: #fff;
}

.un-story {
    padding: 10px;
    margin-bottom: 15px !important;
}

.un-story .desc {
    position: relative;
    padding-left: 20px;
}

.un-story .desc span.color {
    position: absolute;
    width: 5px;
    height: 100%;
    left: 0;
}

.un-story .date span {
    height: 30px;
    width: 5px;
    position: absolute;
    left: 0;
}

.un-story .date h3 {
    font-size: 22px;
}

.un-story .story-img {}

.un-story .story-img img {
    margin-bottom: 20px;
    border-radius: 6px;
}

.un-story .date {
    display: inline-block;
    border-radius: 4px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    letter-spacing: .5px;
}

.story-logo img {
    max-height: 40px;
    width: auto;
    margin-bottom: 10px;
    margin-left: 20px;
}

.un-story .story-body {
    font-size: 14px;
}

#block-views-block-our-story-block-1 {
    background: #0000B4;
    padding: 60px 0;
}

#block-views-block-our-story-block-1 header {
    text-align: center;
}

#block-views-block-our-story-block-1 header h3 {
    font-size: 40px;
    font-family: 'Gilroy-Bold', sans-serif;
    color: #fff;
    margin-bottom: 3px;
}

#block-views-block-our-story-block-1 header p {
    margin-bottom: 35px;
    color: #fff;
}


/***** Page job offer ******/

#job-hero {
    height: 250px;
    max-height: 250px;
    padding: 20px 0;
    position: relative;
}

#job-hero h2 {
    font-size: 40px;
}

#job-offer-form {
    padding: 60px 0;
}

#job-hero::before {
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    background: url('../img/pattern-yux-white-top-left.svg') no-repeat top left;
    left: 0;
    top: 0;
}

#job-hero::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 100%;
    background: url('../img/pattern-yux-white-bottom-right.svg') no-repeat;
    right: 0;
    bottom: -30px;
}

#job-hero .job-localisation,
#job-hero .job-experience {
    position: relative;
    padding-left: 25px;
    font-size: 18px;
}

#job-hero .job-localisation::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/job-localisation.svg') no-repeat center center;
    background-size: contain;
    left: 0;
    top: 3px;
}

#job-hero .job-experience::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/job-experience.svg') no-repeat center center;
    background-size: contain;
    left: 0;
    top: 3px;
}

form #edit-actions {
    margin-top: 30px;
}

.un-job {
    margin-bottom: 30px;
}

.un-job .views-field-title {}

.un-job .views-field-title a {
    color: #0000B4;
    display: inline-block;
    padding: 8px 25px;
    border: solid 1px #0000B4;
    border-radius: 4px;
    margin-bottom: 7px;
    text-transform: uppercase;
    font-family: 'Gilroy-Medium', sans-serif;
    text-decoration: none;
}

.un-job .views-field-field-localisation-du-poste {
    padding-left: 22px;
    position: relative;
}

.un-job .views-field-field-localisation-du-poste::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 16px;
    background: url('../img/localisation-green.svg') no-repeat center center;
    background-size: auto 100%;
    left: 0;
    top: 2px;
}

#block-joinourteam img {
    border-radius: 6px;
    margin-bottom: 5px;
}

#block-joinourteam .bs_grid .col-md-4 .content {
    display: flex;
    flex-direction: column;
    text-align: center;
}

#join-team-hiring {
    padding: 30px 0 60px 0;
}

#latest-projects h2,
#join-team-hiring h2,
#shared-our-story h2 {
    font-size: 36px;
    font-family: 'Gilroy-Bold', sans-serif;
    margin-bottom: 30px;
}

#shared-our-story {
    padding: 60px 0;
}

.shared-our-story .content img {
    max-height: 60px;
    width: auto;
    filter: grayscale(100%);
    opacity: 50%;
}

.shared-our-story .content a {
    color: #3C545D;
    font-family: 'Gilroy-SemiBold', sans-serif !important;
    font-size: 13px;
}

.shared-our-story .content p:first-child {
    border-bottom: solid 2px #3C545D;
    display: flex;
    align-items: center;
    height: 80px;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.masonary-layout .views-row-project {
    text-align: center;
    max-width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.masonary-layout .views-row-project {
    width: calc(50% - 20px);
    box-sizing: border-box;
    display: inline;
}

#team-member {
    padding: 80px 0;
}

#block-ourteamintro {
    text-align: center;
    margin: auto;
    margin-top: 80px;
}

#block-ourteamintro h3 {
    margin-bottom: 10px;
}

.masonary-layout .views-row-team-member {
    max-width: 100%;
    margin: auto;
    width: calc(16% - 10px);
    box-sizing: border-box;
    display: inline;
    height: 220px;
    margin-bottom: 30px;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    position: relative;
    background: #fff url('../img/pattern-member.svg') no-repeat left center;
    background-size: 75px auto;
}

.masonary-layout .team-member-odd {
    margin-top: -60px;
}

.masonary-layout .team-member-odd.team-member-26,
.masonary-layout .team-member-odd.team-member-28 {
    margin-top: 0 !important;
}

.masonary-layout .team-member-even {
    height: 220px;
}

.masonary-layout .views-row-team-member .un-member {
    height: 100%;
    padding: 15px;
    background-position: right -15px bottom -5px !important;
    background-size: 70% auto !important;
    border-radius: 8px;
}

.member-name {
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 5px;
    line-height: 1;
    font-size: 18px;
}

.member-poste {
    font-family: 'Gilroy-Regular', sans-serif;
    margin-bottom: 3px;
    color: #0000B4;
    font-size: 14px;
    line-height: 1.2;
}

.member-pays {
    font-style: italic;
}

#hiring-about-us {
    padding: 80px 0;
    background: #0000B4;
    color: #fff;
}

#hiring-about-us .enveloppe {
    margin-bottom: 30px;
}

#block-wearehiring-2 {}

#block-wearehiring-2 h2 {
    font-size: 40px;
    font-family: 'Gilroy-Bold';
    color: #fff;
    margin-bottom: 3px;
}

#block-wearehiring-2 p {
    margin-bottom: 40px;
    max-width: 550px;
}

#views-bootstrap-job-offer-block-job-offer-about-us .views-field-title {}

#views-bootstrap-job-offer-block-job-offer-about-us .views-field-title a {
    color: #0000B4;
    display: block;
    border-radius: 50px;
    border: solid 1px #0000B4;
    padding: 10px 15px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 10px;
    background: #fff;
}

#views-bootstrap-job-offer-block-job-offer-about-us .views-field-field-localisation-du-poste {
    position: relative;
    padding-left: 20px;
}

#views-bootstrap-job-offer-block-job-offer-about-us .views-field-field-localisation-du-poste .field-content {}

#views-bootstrap-job-offer-block-job-offer-about-us .views-field-field-localisation-du-poste .field-content::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 16px;
    background: url('../img/localisation-white.svg') no-repeat center center;
    background-size: auto 100%;
    left: 0;
    top: 2px;
}

#views-bootstrap-academy-faq-page-academy-faq .card {
    margin-bottom: 15px;
}

#views-bootstrap-academy-faq-page-academy-faq button,
#views-bootstrap-academy-faq-page-academy-faq button[aria-expanded="false"] {
    box-shadow: none;
    width: 100%;
    text-align: left;
    color: #000;
    font-family: 'Gilroy-SemiBold';
    font-size: 20px;
    background: #fafafa;
    border-radius: 4px;
    border-color: transparent;
    padding: 15px 20px;
}

#views-bootstrap-academy-faq-page-academy-faq button[aria-expanded="true"] {
    background: #fafafa;
}

#views-bootstrap-academy-faq-page-academy-faq button[aria-expanded="false"]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/arrow-down.svg') no-repeat center center;
    background-size: 17px 11px;
    right: 15px;
    top: 22px;
}

#views-bootstrap-academy-faq-page-academy-faq button[aria-expanded="true"]::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: url('../img/arrow-up.svg') no-repeat center center;
    background-size: 17px 11px;
    right: 15px;
    top: 22px;
}

#views-bootstrap-academy-faq-page-academy-faq .card-body {
    padding-top: 2px;
}

#block-base-bootstrap-4-content .content ul {
    padding: 0;
    margin-top: 20px;
}

#block-base-bootstrap-4-content .content ul li {
    position: relative;
    background: #fff;
    border: solid 1px #E7F7F8;
    padding: 10px;
    border-radius: 40px;
    list-style: none;
    font-size: 16px;
    font-family: 'Gilroy-Medium', sans-serif;
    margin-bottom: 10px;
    box-shadow: 0 0 12px rgb(100 153 156 / 9%);
}

#block-base-bootstrap-4-content .content ul li img {
    margin-right: 10px;
}

#training-session {
    padding: 60px 0;
}

#training-session .col-md-4 {
    display: flex;
    flex-direction: column;
}

#training-session .enveloppe {
    height: 100%;
    margin-bottom: 30px;
}

#training-session .un-latest-formation {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    box-shadow: 0px 2px 16px 2px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    padding: 20px 25px;
    position: relative;
    height: 100%;
}

#training-session .un-latest-formation .formation-color {
    background: #FCC014;
    width: 100%;
    height: 5px;
    display: block;
    border-radius: 6px 6px 0 0;
    position: absolute;
    top: -1px;
    left: 0;
}

#training-session .un-latest-formation .formation-icone {
    background: #E8F7F8;
    border-radius: 4px;
    margin-bottom: 15px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#training-session .un-latest-formation .formation-icone a {
    width: 100%;
    height: 100%;
}

#training-session .un-latest-formation .formation-icone a img {
    margin: 10px;
}

#training-session .un-latest-formation .start-class,
#training-session .un-latest-formation .langues,
#training-session .un-latest-formation .location,
#training-session .un-latest-formation .niveau {
    padding-left: 20px;
    display: flex;
    align-items: center;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 5px;
    font-size: 14px;
}

#training-session .un-latest-formation .langues {
    margin-right: 30px;
}

#training-session .un-latest-formation .niveau.beginner {
    margin-right: 30px;
}

#training-session .un-latest-formation .niveau.intermediate {}

#training-session .un-latest-formation .langues::before,
#training-session .un-latest-formation .niveau::before,
#training-session .un-latest-formation .location::before,
#training-session .un-latest-formation .start-class::before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    margin-left: -25px;
    margin-top: 0px;
}

#training-session .un-latest-formation .start-class::before {
    background: url('../img/start-class.svg') no-repeat;
    background-size: 14px 14px;
}

#training-session .un-latest-formation .niveau::before {
    background: url('../img/niveau.svg') no-repeat;
    background-size: 14px 14px;
}

#training-session .un-latest-formation .langues::before {
    background: url('../img/avalaible.svg') no-repeat;
    background-size: 14px 16px;
}

#training-session .un-latest-formation .location::before {
    background: url('../img/location-dark.svg') no-repeat;
    background-size: 14px 16px;
}

#block-views-block-tutors-block-tutors {}

#block-views-block-tutors-block-tutors .un-tutor {
    margin-bottom: 30px;
}

#block-views-block-tutors-block-tutors .un-tutor .enveloppe {
    padding: 15px;
    background: #FAFAFA;
    border: solid 1px whitesmoke;
    border-radius: 8px;
    height: 100%;
}

#block-views-block-tutors-block-tutors .un-tutor .views-field-title {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 20px;
}

#block-views-block-tutors-block-tutors .un-tutor .views-field-title .nom-tutor {}

#block-views-block-tutors-block-tutors .un-tutor .views-field-field-photo {
    display: flex;
    float: left;
    margin-right: 15px;
}

#block-views-block-tutors-block-tutors .un-tutor .views-field-field-photo img {
    width: 80px;
    height: 80px;
    border-radius: 50px;
}

#block-views-block-tutors-block-tutors .un-tutor .views-field-field-poste {}

#block-views-block-tutors-block-tutors .un-tutor .views-field-title .poste-tutor {}

#block-meetourtutors,
#block-blockourtrainingintro {
    margin-bottom: 35px;
}

#tutors-session {
    padding: 60px 0;
}

#testimonial-session {
    background: #0000B4 url('../img/bg-testi-videos.svg') repeat center center;
    padding: 60px 0;
    color: #ffffff;
}

.tempignages-videos {
    background: #ffffff;
    border-radius: 8px;
    padding: 40px 30px;
    color: #353535;
}

.tempignages-videos .temoignage-video figure {
    border-radius: 8px;
    overflow: hidden;
}

.tempignages-videos .temoignage-texte {
    font-family: 'Gilroy-Medium', sans-serif;
}

.tempignages-videos .nom {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 24px;
    margin-bottom: 5px;
}

.tempignages-videos .poste {
    font-family: 'Gilroy-Light', sans-serif;
    font-size: 18px;
}

.tempignages-videos ul.nav-pills {
    display: block;
}

.tempignages-videos ul.nav-pills li {
    display: block;
}

.tempignages-videos ul.nav-pills li a {}

.tempignages-videos ul.nav-pills li a {
    display: block;
    padding: 10px 15px;
    border: solid 1px #ccc;
    border-radius: 4px;
    margin-bottom: 10px;
    font-size: 18px;
    font-family: 'Gilroy-SemiBold', sans-sherif;
    color: #3C545D;
}

.tempignages-videos ul.nav-pills li.active a:hover,
.tempignages-videos ul.nav-pills li.active a,
.tempignages-videos ul.nav-pills li a:hover,
.tempignages-videos ul.nav-pills li a.active {
    background: #182225;
    color: #fff;
    border-color: #182225;
}


/******* Page formation ********/

.formation-hero {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 120px 0 80px;
    color: #fff;
}

.formation-hero::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.formation .formation-card {
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    border-radius: 8px;
    margin-bottom: 30px;
}

.formation h5 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-top: 30px;
    font-size: 22px;
}

.formation .formation-body h5 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 17px;
    margin-bottom: 5px;
    margin-top: initial !important;
}

.detail-formation-body {
    border-top: none;
    border-radius: 0 0 8px 8px;
    box-shadow: 0 5px 12px rgb(191 191 191 / 42%);
}

.modules,
.tutors,
.requirements,
.what-you-will-learn {
    padding: 60px 0 30px;
}

.what-you-will-learn .col-md-4 {
    margin-bottom: 30px;
}

.tutors .card,
.what-you-will-learn .card {
    padding: 20px;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    box-sizing: border-box;
    box-shadow: 0px 2px 16px 2px rgb(0 0 0 / 6%);
    border-radius: 8px;
    height: 100%;
}

.what-you-will-learn .card .title,
.tutors .card .prenom {
    font-size: 22px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    width: fit-content;
    display: inline-block;
    line-height: 1;
    padding-left: 15px;
}

.tutors .card h2 {
    display: none;
}

.tutors .card img {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    margin-right: 10px;
    object-fit: cover;
}

.tutors .card .poste {
    padding-left: 15px;
}

.un-tutor .d-flex>.quickedit-field {
    flex: 0 0 60px;
}

.what-you-will-learn .card a {
    display: none;
}

.what-you-will-learn .card h2 {
    color: #3C545D;
}

.what-you-will-learn .card img {
    padding: 0;
    background: #fff;
    border-radius: 4px;
    height: 48px;
}

.modules .card {
    margin-bottom: 30px;
}

.modules .nav-pills .nav-link {
    margin-bottom: 5px;
    transition: all 0.3s ease-in-out;
    font-family: 'Gilroy-SemiBold', sans-serif;
    padding: 12px 20px;
}

.modules .nav-link:focus,
.modules .nav-link:hover,
.modules .nav-pills .nav-link.active,
.modules .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #182225;
}

.modules .tab-content>.active {
    display: block;
    background: #F9F9F9;
    padding: 20px;
    height: 100%;
    border-radius: 8px;
}

.modules .tab-pane h2 {
    display: none;
}

.modules .tab-pane .nom-module {
    font-family: 'Gilroy-SemiBold', sans-serif;
    color: #3C545D;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 15px;
}

.requirements ul {}

.requirements ul li {}

.requirements ul li::before {
    position: absolute;
    content: "";
    background: url('../img/triangle.svg') no-repeat;
}

.formation .duration h5::before {
    position: absolute;
    content: "";
    background: url('../img/prog-duration-black.svg') no-repeat;
    background-size: 18px 20px;
    height: 20px;
    width: 20px;
    margin-left: -25px;
    margin-top: 0px;
}

.formation .start-of-class h5::before {
    position: absolute;
    content: "";
    background: url('../img/clock-circular-outline-black.svg') no-repeat;
    background-size: 18px 20px;
    height: 20px;
    width: 20px;
    margin-left: -25px;
    margin-top: 0px;
}

.formation-header .duration-start .duration .prog-duration::before,
.formation-header .formation .duration div:first-of-type:before {
    position: absolute;
    content: "";
    background: url('../img/prog-duration.svg') no-repeat;
    background-size: 25px 30px;
    height: 40px;
    width: 30px;
    margin-left: -35px;
    margin-top: 2px;
}

.formation-header .duration-start .start-of-class .start-class::before,
.formation-header .formation .start-of-class:first-child::before {
    position: absolute;
    content: "";
    background: url('../img/clock-circular-outline.svg') no-repeat;
    background-size: 25px 30px;
    height: 40px;
    width: 30px;
    margin-left: -35px;
    margin-top: 2px;
}

.fee-class {
    padding: 40px 0;
    background: #E6F2F2 url('../img/bg-fee.svg') no-repeat;
    background-size: cover;
}

.langue,
.level {
    margin: 0 5px;
}

.langue h6,
.level h6 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 3px;
}

.langue img,
.level img {
    height: 32px;
    margin-right: 10px;
}

.formation-hero .un-info {
    width: fit-content;
    margin: auto;
    margin-bottom: 20px;
}

.formation-hero .un-info img {
    height: 36px;
    margin-right: 10px;
}

.formation-hero h5.avalaibility {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 24px;
    margin: 20px 20px 30px;
}

.formation-title {
    padding: 15px 20px;
    border-radius: 8px 8px 0 0;
}

.formation-title h3 a {
    color: #ffff;
}

.formation .formation-body {
    padding: 20px 30px;
}

.formation .titre-body .formation-body {
    padding: 0;
}

.formation-header {
    color: #fff;
    padding: 25px;
    border-radius: 8px 8px 0 0;
}

.formation-body .titre-body {
    margin-bottom: 35px;
}

.formation-header .titre-body h3 a {
    color: #fff;
}

.formation-header .duration-start {
    height: 100%;
    margin-left: 40px;
}

.duration-start .duration {
    margin-right: 20px;
    border-right: solid 1px rgba(255, 255, 255, 0.3);
    padding-right: 20px;
    margin-left: 25px;
}

.formation-body .duration-start .duration {
    border-right: solid 1px rgb(103 103 103 / 30%);
}

.formation-body .read-more {
    margin-top: 40px;
}

.duration-start .start-of-class {
    margin-left: 30px;
}

.start-of-class .start-class div,
.un-info .prog-duration div,
.un-info .location div,
.un-info .field_internship_opportunity div div {
    font-family: 'Gilroy-Regular', sans-serif;
    font-size: 15px;
}

.start-of-class .start-class div:first-of-type,
.un-info .prog-duration div:first-of-type,
.un-info .location div:first-of-type,
.un-info .field_internship_opportunity div div:first-of-type {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 18px;
}

.formation ul {
    padding: 0px;
    padding-left: 10px;
    list-style: none;
}

.formation ul li {
    margin-bottom: 10px;
    position: relative;
}

.formation ul li::before {
    position: absolute;
    /* content: ""; */
    /* background-size: 18px 20px; */
    /* height: 8px; */
    /* width: 8px; */
    /* border-radius: 5px; */
    /* border: solid 2px #3C545D; */
    /* margin-right: 3px; */
    /* left: -15px; */
    /* top: 7px; */
}

.formation ul li span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 5px;
    border: solid 1px;
    margin-right: 3px;
}

.formation .formation-icone img {
    max-height: 250px;
}

.formation .programme-timeline h5 {}

.formation .programme-timeline h6 {
    margin-top: 20px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    margin-bottom: 3px;
    font-size: 17px;
}

.formation .programme-timeline p {
    margin-bottom: 20px;
    line-height: initial !important;
    margin-top: 5px !important;
}

.formation .programme-icone img {
    max-height: 200px;
    margin: 20px;
}

.formation .formation-details {
    padding: 20px;
}

#article-header {
    min-height: 550px;
    background-size: cover;
}

#blog-details .auteur img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: solid 2px #CCCCCC;
    margin-right: 10px;
}

#blog-details .auteur {
    /*margin-top: 30px;*/
    margin-right: 25px;
    padding-right: 25px;
    border-right: solid 1px #C4C4C4;
}

#blog-details .auteur .auteur-avatar {
    min-width: 70px;
}

#blog-details .auteur .auteur-name {
    margin: 0;
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 20px;
    color: #3c545d;
}

#blog-details .auteur .date-publication {
    font-size: 14px;
    margin-bottom: 0;
    min-width: 100px;
    margin-top: 1px;
}

#blog-details .article-tags {
    display: flex;
    flex-flow: wrap;
    margin-bottom: 50px;
    justify-content: center;
}

#blog-details .article-tags div {
    background: #e6e6e6;
    color: #888;
    border-radius: 3px;
    padding: 3px 5px 3px 14px;
    position: relative;
    font-family: 'Gilroy-Light', sans-serif;
    font-size: 14px;
    margin: 0 5px 10px;
}

#blog-details .article-tags div::before {
    content: "#";
    position: absolute;
    left: 5px;
}

.node-body {
    line-height: 1.8;
    padding-bottom: 30px;
    border-bottom: solid 1px #e8e8e8;
    margin-bottom: 60px;
}

.page-node-type-page main {
    padding: 60px 0 0;
}

.page-node-type-page footer {
    background-color: #ffffff !important;
}

#views-bootstrap-related-articles-block-related-posts {
    margin-bottom: 40px;
}

#block-views-block-related-articles-block-related-posts h2 {
    margin-bottom: 20px;
}

#views-bootstrap-related-articles-page-blog .views-field-field-image img,
#views-bootstrap-related-articles-block-related-posts .views-field-field-image img {
    border-radius: 8px;
}

#views-bootstrap-related-articles-page-blog .views-field-title,
#views-bootstrap-related-articles-block-related-posts .views-field-title {
    margin-top: 10px;
    margin-bottom: 10px;
}

#views-bootstrap-related-articles-page-blog .views-field-title a,
#views-bootstrap-related-articles-block-related-posts .views-field-title a {
    font-family: 'Gilroy-SemiBold', sans-serif;
    color: #3c545d;
    font-size: 18px;
    line-height: 22px;
}

#views-bootstrap-related-articles-page-blog .views-field-created,
#views-bootstrap-related-articles-block-related-posts .views-field-created {
    display: inline-block;
    float: left;
    margin-right: 5px;
    font-size: 14px;
    color: #777777;
}

#views-bootstrap-related-articles-page-blog .views-field-uid,
#views-bootstrap-related-articles-block-related-posts .views-field-uid {
    display: inline-block;
    margin-bottom: 30px;
    font-size: 14px;
    color: #777777;
}

#views-exposed-form-related-articles-page-blog {}

#views-exposed-form-related-articles-page-blog .form-select {
    padding: 0;
    border: none;
}

#views-exposed-form-related-articles-page-blog .form-select ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

#views-exposed-form-related-articles-page-blog .form-select ul li {
    display: inline-block;
}

#views-exposed-form-related-articles-page-blog .form-select ul li a {
    padding: 8px 20px;
    margin-right: 15px;
    background: #d8d8d8;
    border-radius: 4px;
    color: #555;
}

#views-exposed-form-related-articles-page-blog .form-select ul li a:hover,
#views-exposed-form-related-articles-page-blog .form-select ul li a.bef-link--selected {
    background: #0000B4;
    color: #fff;
}

#block-views-block-videos-block-1 .more-link,
#block-views-block-podcast-block-podcast .more-link {
    position: absolute;
    right: 0;
    top: 20px;
}

#block-views-block-videos-block-1 .more-link a,
#block-views-block-podcast-block-podcast .more-link a {
    color: #3c545d;
    font-size: 16px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    text-transform: capitalize;
}

.main-project-page {
    padding-bottom: 40px;
}

#block-base-bootstrap-4-content p {
    line-height: 24px;
    margin-top: 15px;
    max-width: 600px;
}

.page-node-type-web-cohort #block-base-bootstrap-4-content p {
    margin: auto;
    margin-top: 15px;
}

.node-body p {
    max-width: initial !important;
}

.page-node-type-page #page-bottom .views-element-container h2 {
    font-size: 36px;
    margin-bottom: 20px;
}

.page-node-type-page #page-bottom {
    background: #fff;
    padding: 80px 0 10px;
}

.page-node-type-page #page-bottom .views-element-container {
    margin-bottom: 60px;
    position: relative;
}

.page-node-type-page #page-bottom .enveloppe {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.08);
    height: 100%;
}

#views-bootstrap-podcast-block-podcast .enveloppe .views-field-body .field-content div {
    padding: 0 15px;
}

#views-bootstrap-podcast-block-podcast .un-podcast {
    margin-bottom: 30px;
}

#views-bootstrap-podcast-block-podcast .enveloppe .views-field-title {
    padding: 8px 15px 20px;
    font-size: 16px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    display: flex;
}

.page-node-type-page .un-tool .enveloppe img {
    border-radius: 8px 8px 0 0;
}

.page-node-type-page .un-tool .views-field-field-annee {
    background: #0000B4;
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    border-radius: 4px;
    position: absolute;
    left: 30px;
    top: 15px;
}

.page-node-type-page .un-tool .views-field-title {
    /*padding: 10px 15px;*/
}

#views-bootstrap-videos-block-1 .une-video {
    margin-bottom: 30px;
}

#views-bootstrap-videos-block-1 .une-video .views-field-title {
    /*padding: 15px;*/
}

#views-bootstrap-videos-block-1 .une-video .views-field-title a,
.page-node-type-page .un-tool .views-field-title a {
    color: #3c545d;
    font-size: 16px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    display: flex;
    padding: 10px 15px;
}

#process .process .bs_grid {
    text-align: center;
}

#process .process .bs_grid .col-lg-4 {
    margin-bottom: 30px;
}

#pricing {
    background: #fcc014;
    color: #000;
}

#pricing .pricing {}

#pricing .pricing h3 {
    margin-bottom: 30px;
}

#pricing .pricing table {
    max-width: 600px;
}

#pricing .pricing table tr {}

#pricing .pricing table tr td {
    border-color: #000;
}

#pricing .pricing table tr td:first-child {
    font-family: 'Gilroy-SemiBold', sans-serif;
}

#fee-class a.file-download {
    color: #ffffff;
    border-color: #0000B4;
    text-decoration: none;
    font-family: 'Gilroy-Medium';
}

#block-base-bootstrap-4-content #process-phases .content h5,
#block-base-bootstrap-4-content #activites .content h5 {
    font-family: 'Gilroy-SemiBold', sans-serif;
}

#block-base-bootstrap-4-content #process-phases .content ul li,
#block-base-bootstrap-4-content #activites .content ul li {
    position: relative;
    list-style: none;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Gilroy-Medium', sans-serif;
    margin-bottom: 12px;
    box-shadow: none;
    border: none;
    padding: 0;
    border-radius: 0;
}

#block-base-bootstrap-4-content #process-phases .content ul li em,
#block-base-bootstrap-4-content #activites .content ul li em {
    font-style: italic;
    font-size: 10px;
    text-transform: initial;
    line-height: 12px;
    display: inline-block;
    margin-top: 3px;
}

#block-base-bootstrap-4-content #process-phases h5,
#activites .activites .bs_grid h5 {
    text-align: center;
    font-family: 'Gilroy-Medium', sans-serif;
    font-size: 18px;
    position: relative;
    padding-top: 15px;
}

#activites .activites .bs_grid h5::before {
    content: "";
    position: absolute;
    font-family: 'Gilroy-SemiBold', sans-serif;
    height: 0;
    border: dashed 1px #3c545d;
    left: 10px;
    right: 10px;
    top: 5px;
}

#activites .activites .bs_grid h5::after {
    content: "";
    position: absolute;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

.activites .col-lg-5 img,
.activites .col-lg-7 img {
    height: 110px;
    margin: auto;
    display: block;
}

#banniere .annonce {
    background: #0000B4;
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 6px;
}

#banniere .annonce p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

#banniere .annonce p a.btn {
    margin-left: auto;
}


/*********** Carousel temoignage ***********/

#block-views-block-temoignages-block-temoignages-etudiant {
    margin-top: 40px;
    background: #0000B4;
    padding: 60px 20px;
    color: #fff;
}

#letsdiscuss-temoignages {
    position: relative;
    padding: 0 0 40px 0;
}

#letsdiscuss-temoignages::before {
    content: "";
    position: absolute;
    background: #f9f9f9;
    height: 40px;
    width: 100%;
    top: 0;
}

#letsdiscuss {
    background: #f9f9f9;
    padding: 0 0 60px 0;
}

#letsdiscuss h2,
#letsdiscuss-temoignages h2 {
    font-size: 36px;
    font-family: 'Gilroy-Bold', sans-serif;
    ;
    margin-top: 60px;
}

#carousel-temoignages .item .photo,
.temoignages .item .photo {
    width: 50%;
    max-width: 90px;
    margin-right: 15px;
}

#block-views-block-temoignages-block-temoignages-etudiant #carousel-temoignages .item {
    max-width: 600px;
    margin: auto;
}

#carousel-temoignages .item .photo img,
.temoignages .item .photo img {
    border-radius: 8px;
    box-shadow: 0 0 5px rgb(0 0 0 / 0.3);
    margin: 5px;
}

#carousel-temoignages .temoignage-texte {
    max-width: 500px;
}

#block-views-block-temoignages-block-temoignages-etudiant #carousel-temoignages .temoignage-texte p,
#letsdiscuss-temoignages .temoignage-texte p {
    font-family: 'Gilroy-SemiBold', sans-serif;
    ;
    font-size: 16px;
    letter-spacing: .3px;
}

#carousel-temoignages .temoignage-texte .nom-poste,
#letsdiscuss-temoignages .temoignage-texte .nom-poste {
    font-family: 'Gilroy-Light', sans-serif;
    ;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #FCC014;
}

.owl-theme .owl-dots .owl-dot span {
    background: #ffffff;
}


/********* Page panel ux *********/

#panel-hero {
    position: relative;
    display: flex;
    align-items: center;
    background: #0000B4 url('../img/header-panel-ux.jpg') no-repeat top right;
    background-size: cover;
    min-height: 550px;
}

#panel-hero h1 {
    max-width: 650px;
    color: #fff;
}

#panel-hero p {
    max-width: 600px;
    color: #fff;
}

#panel-hero::before {
    position: absolute;
    content: "";
    background: linear-gradient(282.39deg, rgba(53, 184, 200, 0) 34.63%, #0000B4 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#panel-intro {
    background: #fff;
    padding: 40px 0;
}

#panel-intro .container .row {
    align-items: center;
}

#panel-intro .col-md-6 img {
    padding: 40px;
}

#panel-objectives {
    padding: 80px 0;
}

#panel-objectives h3 {
    margin-bottom: 30px;
}

#panel-objectives .bs_grid .row {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

#panel-objectives .un-panel-objectif {
    padding: 20px;
    text-align: center;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px #ececec;
    height: 100%;
}

#process-recrutement-panel {
    padding: 80px 0;
    background: #fff;
}

#process-recrutement-panel h3 {
    margin-bottom: 40px;
}

#process-recrutement-panel .row {
    align-items: center;
}

#process-recrutement-panel .un-process-recrutement {
    padding: 20px;
    box-shadow: 0 .25rem 1.75rem rgba(30, 34, 40, .07) !important;
    margin-bottom: 30px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}

#process-recrutement-panel .un-process-recrutement p {
    margin: 0;
}

#process-recrutement-panel .un-process-recrutement p.numero-process {
    display: inline-block;
    font-size: 30px;
    font-family: 'Gilroy-Bold', sans-serif;
    margin-right: 20px;
    color: #0000B4;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: flex;
    background: #e6f9fb;
    align-items: center;
    justify-content: center;
    flex: 0 0 60px;
}

#interets-participants {
    padding: 80px 0 0 0;
    background: #FCC014;
}

#interets-participants img {
    padding: 0 60px;
}

#interets-participants p {
    margin-bottom: 0;
}

#interets-participants ul.liste-interets li {
    position: relative;
    background: transparent;
    border: none;
    padding: 10px;
    border-radius: 0;
    list-style: none;
    font-size: 16px;
    font-family: 'Gilroy-Medium', sans-serif;
    margin-bottom: 0;
    box-shadow: none;
    padding-left: 35px;
}

#interets-participants ul.liste-interets li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 18px;
    height: 16px;
    background: url('../img/check.svg') no-repeat center center;
    background-size: cover;
}

#panel-faq {
    padding: 80px 0 60px;
}

#panel-faq h3 {
    margin-bottom: 30px;
}

#panel-faq .card {
    border: none;
    margin-bottom: 15px;
}

#panel-faq .card .card-header {
    border: none;
    padding: 0;
    background: transparent;
    margin-bottom: 0;
}

#panel-faq .card .card-header button {
    padding: 12px 30px;
    border-radius: 4px 4px 0 0;
    color: #3C545D;
    font-family: 'Gilroy-SemiBold';
}

#panel-faq .card .card-header button:hover {
    text-decoration: none;
}

#panel-faq .card .card-header button[aria-expanded="false"] {
    background: #ffffff;
    border: solid 1px gainsboro;
    border-radius: 4px;
}

#panel-faq .card .card-header button[aria-expanded="true"] {
    color: #fff;
    background: #0000B4;
}

#panel-faq .card .collapse {}

#panel-faq .card .collapsing,
#panel-faq .card .collapse.show {
    border: solid 1px #0000B4;
    border-radius: 0 0 4px 4px;
    background: #f9f9f9;
}

#panel-faq .card ul li {
    list-style: initial !important;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: inherit;
    font-family: inherit;
}

#panel-faq .card .card-body ul {
    padding-left: 30px;
}

#panel-faq .card .card-body ul ul {
    margin-top: 0;
}

#panel-faq .card .card-body ul ul li {
    list-style-type: circle !important;
    padding: 0;
    margin-top: 7px;
    margin-bottom: 0;
}


/********* Page tools *********/

#tools-header {
    height: 450px;
    margin-bottom: 40px;
}

#tools-header {
    background-size: 100% auto;
}

#form-download {
    padding: 60px 0;
}

#form-download .tool-image img {
    max-height: 320px;
    width: auto;
    margin: auto;
    display: block;
}

#form-download select,
#form-download label {
    display: block;
    width: 100%;
}

#terms_of_service-error {
    position: absolute;
    top: 20px;
    margin-bottom: 20px;
}

.select2-selection__rendered {
    color: #444;
    line-height: 38px !important;
    height: 38px !important;
}

.select2-selection--single,
.select2-selection__arrow {
    height: 38px !important;
}

.form-check-label.option a {
    color: #FCC014;
    font-family: 'Gilroy-SemiBold', sans-serif;
}

footer {
    background: #F9F9F9;
}

footer .footer-get-intouch ul {
    list-style: none;
    padding: 40px 0 10px;
    border-bottom: solid 1px #ebebeb;
}

footer .footer-get-intouch ul li {
    font-size: 18px;
    font-family: 'Gilroy-Medium', sans-serif;
    ;
    margin-bottom: 30px;
}

footer .footer-get-intouch ul li img {
    height: 40px;
    display: block;
    margin: auto;
    margin-bottom: 15px;
}

footer .footer-get-intouch ul li a {
    color: #3c545d;
}

footer .footer-widgets {
    padding: 60px 0 30px;
    font-size: 14px !important;
}

footer .footer_widget_1 img {
    height: 45px;
}

footer .footer_widget_1 ul {
    list-style: none;
    padding: 0;
}

footer .footer_widget_1 ul li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

footer .footer_widget_1 ul li a img {
    height: 36px;
}

footer .footer_widget_1 h4 {
    font-family: 'Gilroy-Medium', sans-serif;
    font-size: 18px;
}

footer .un-widget h2 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

footer .footer_widget_4 h4 {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 17px;
}

footer .footer_widget_4 p {
    position: relative;
    padding-left: 40px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}

footer .footer_widget_4 p::before {
    content: "";
    position: absolute;
    width: 32px;
    height: 22px;
    top: 3px;
    background-size: 100% auto;
    left: 0;
}

footer .footer_widget_4 p.cote-ivoire::before {
    background: url('../img/cote-ivoire.svg') no-repeat center center;
    background-size: 100% auto;
}

footer .footer_widget_4 p.senegal::before {
    background: url('../img/senegal_map.svg') no-repeat center center;
    background-size: 100% auto;
}

footer .footer_widget_4 p.rwanda::before {
    background: url('../img/rwanda.png') no-repeat center center;
    background-size: 100% auto;
}

footer .footer_widget_4 p.nigeria::before {
    background: url('../img/nigeria.png') no-repeat center center;
    background-size: 100% auto;
}

footer .footer_widget_2 a,
footer .footer_widget_3 a {
    font-family: 'Gilroy-Medium', sans-serif;
    font-size: 15px;
    color: #3C545D;
}

footer .footer_widget_4 ul {
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

footer .footer_widget_4 ul li {
    margin-bottom: 5px;
}

footer .footer_widget_4 ul li img {
    max-height: 16px;
    margin-right: 5px;
}

footer .footer_widget_4 p img {
    margin-right: 5px;
}

footer .footer_widget_4 a.subscribe {
    color: #3C545D;
    display: inline-block;
    padding: 5px 10px;
    border: solid 1px #3C545D;
    border-radius: 3px;
    margin-top: 10px;
    font-size: 13px;
}

footer .footer_widget_4 a.subscribe img {
    margin-right: 4px;
}

footer .copiright {
    border-top: solid 1px #EBEBEB;
}

footer .copiright p {
    padding: 12px 0;
    margin-bottom: 0;
    font-size: 13px;
}

.page-noe-57 footer {
    background: #fff;
}


/****** Responsive design ******/

@media (max-width: 768px) {
    .masonary-layout .views-row-project {
        width: 100%;
    }

    .un-latest-project {
        height: 300px !important;
        margin-top: 0px !important;
    }

    .row.masonary-layout {
        margin-left: -15px;
        margin-right: -15px;
    }

    .masonary-layout .views-row-team-member {
        width: calc(33.33% - 25px) !important;
    }

    .masonary-layout .team-member-odd {
        margin-top: 0;
    }

    #tools-header {
        background-size: auto 100% !important;
        background-position: center !important;
    }

    #latest-projects {
        padding: 40px 0;
        background: #F9F9F9;
    }

    #hero {
        padding: 60px 0;
    }

    #where-we-work {
        padding: 40px 0 20px 0;
    }

    #block-joinourteam .col-md-4 {
        margin-bottom: 30px;
    }

    #block-joinourteam .col-md-4 .content p {
        font-size: 18px;
        font-family: 'Gilroy-Medium', sans-serif;
    }

    h1.article-title {
        font-size: 26px;
    }

    .interesting_insights .green-card,
    .interesting_insights .yellow-card,
    .interesting_insights .orange-card {
        background-image: none !important;
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 30px !important;
    }
}

@media (max-width: 992px) {
    .masonary-layout .views-row-team-member {
        width: calc(25% - 25px);
    }

    .masonary-layout .team-member-odd {
        margin-top: 0;
    }
}

@media (max-width: 480px) {
    .masonary-layout .views-row-team-member {
        width: calc(50% - 25px) !important;
    }

    .masonary-layout .team-member-odd {
        margin-top: 0;
    }

    .row {
        overflow-x: hidden;
    }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
    footer .footer-get-intouch ul li img {
        height: 32px;
    }

    footer .footer-get-intouch ul li {
        font-size: 14px;
    }
}

@media screen and (max-width: 576px) {
    #views-bootstrap-tools-block-tools .un-tool {
        margin-bottom: 30px;
    }

    #block-views-block-latest-projects-block-1 .more-link {
        position: absolute;
        right: 0px;
        overflow: hidden;
        width: 40px;
        height: 30px;
        background: url('../img/arrow-right.svg') no-repeat center center;
        background-size: 40px 30px;
        text-indent: -9999px;
    }

    #block-views-block-latest-projects-block-1 .more-link a {
        color: transparent;
        z-index: 999;
        width: 40px;
        height: 30px;
        position: absolute;
        right: 0;
    }

    #block-views-block-latest-projects-block-1 .more-link::after {
        display: none;
    }

    #latest-projects {
        padding-top: 60px;
    }

    .un-latest-project .overlay {
        opacity: 1 !important;
    }

    h1.article-title {
        font-size: 26px;
        margin-top: 20px;
    }

    #blog-details .auteur {
        border-right: none;
    }
}

.main-studies-page .report-details,
.main-studies-page .study-hero {
    padding: 60px 0;
    position: relative;
}

.main-studies-page .report-details .row,
.main-studies-page .study-hero .row {
    align-items: center;
}

#cases-studies-hero {
    width: 100%;
    object-fit: cover;
    height: 500px;
    display: block;
    background-repeat: no-repeat;
}

.main-studies-page .report-details .report-image img,
.main-studies-page .study-image img {
    max-height: 400px;
    width: auto;
    display: block;
    margin: auto;
}

.main-studies-page .study-hero h3 {
    margin-bottom: 30px;
    font-size: 40px;
}

.main-studies-page .study-hero .tags {
    display: flex;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.main-studies-page .study-hero .tags .un-tag {
    position: relative;
    background: #F7F7F7;
    border-radius: 8px;
    padding: 5px 15px 5px 30px;
    margin-bottom: 10px;
    margin-right: 15px;
    color: #3C545D;
}

.main-studies-page .study-hero .tags .un-tag::before {
    position: absolute;
    content: "# ";
    left: 15px;
    top: 3px;
    font-size: 18px;
}

.main-studies-page .Key-findings {
    padding: 60px 0;
    background: #F8FCFC;
}

.main-studies-page .Key-findings .un-key-finding {
    background: #FFFFFF;
    box-shadow: 0px 5px 40px rgb(0 0 0 / 8%);
    border-radius: 8px;
    padding: 15px 25px;
    margin-bottom: 30px;
    height: 100%;
}

.main-studies-page .key-findings .un-key-finding h4 {
    font-size: 22px !important;
}

.page-node-246 .main-studies-page .Key-findings .un-key-finding.key-finding-1,
.page-node-241 .main-studies-page .Key-findings .un-key-finding.key-finding-1 {
    background: #FDC714;
    color: #0000B5;
}

.page-node-246 .main-studies-page .Key-findings .un-key-finding.key-finding-2,
.page-node-241 .main-studies-page .Key-findings .un-key-finding.key-finding-2 {
    background: #0000B5;
    color: #fff;
}

.page-node-246 .main-studies-page .Key-findings .un-key-finding.key-finding-3,
.page-node-241 .main-studies-page .Key-findings .un-key-finding.key-finding-3 {
    background: #36b7c8;
    color: #182225;
}

.page-node-246 .main-studies-page .Key-findings .un-key-finding.key-finding-4,
.page-node-241 .main-studies-page .Key-findings .un-key-finding.key-finding-4 {
    background: #C34F28;
    color: #fff;
}

.main-studies-page .key-findings h1 {
    font-size: 40px !important;
    margin-bottom: 30px;
}

.main-studies-page .key-findings .file-download {
    margin-top: 40px;
}

.main-studies-page .report-body .file-download {
    margin-top: 10px;
}

.main-studies-page .our-partners ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

.main-studies-page .our-partners ul li {
    box-shadow: 0 0 20px #0000001f;
    min-width: 120px;
    background: #fff;
    text-align: center;
}
.main-studies-page .our-partners ul li img,
.main-studies-page .our-partners ul li a img {
    height: 80px;
    width: auto;
}

.main-studies-page .our-partners {
    padding: 60px 0;
    background: #F8FCFC;
}

.page-node-227 .main-studies-page .Key-findings,
.page-node-227 .main-studies-page .our-partners {
    padding: 60px 0;
    background: #F2F2FB;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    -ms-border-radius: 60px;
    -o-border-radius: 60px;
}

.page-node-type-cases-studies #cases-studies-hero {
    margin-bottom: 80px;
    position: relative;
}

.page-node-type-cases-studies #cases-studies-hero::before {
    content: '';
    position: absolute;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

figure.youtube-container iframe {
    border-radius: 12px;
}

.page-node-type-cases-studies #cases-studies-hero .study-title {
    position: absolute;
    z-index: 2;
    bottom: 40px;
    color: #fff;
    max-width: 600px;
}

.page-node-type-cases-studies #cases-studies-hero .study-title h3 {
    font-size: 32px;
}

.cases-studies-values {
    padding: 60px 0;
}

.cases-studies-values .une-value {
    padding: 20px;
}

.cases-studies-values .une-value h5 {
    font-family: 'Gilroy-SemiBold', sans-serif;
}

.case-study-methodo {
    position: relative;
    padding: 20px 0 60px;
}

.case-study-methodo .une-methodo {
    min-width: 150px;
    max-width: 300px;
    margin-bottom: 30px;
}

.case-study-methodo .une-methodo h3 {
    font-size: 20px;
}

.case-study-methodo .une-methodo h1 {
    display: flex;
    background: #0000B4;
    color: #fff;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    justify-content: center;
    align-items: center;
    margin: auto;
    margin-bottom: 10px;
    font-size: 32px;
}

.planification img,
.exploration img,
.definition img {
    margin: auto;
    max-height: 280px;
    width: 100%;
    max-width: 460px;
}

#cases-studies-hero .logos-client>div {
    display: flex;
    align-items: center;
}

#cases-studies-hero .logos-client>div>div {
    margin-right: 20px;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
}

#cases-studies-hero .logos-client>div>div img {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

#block-views-block-academy-block-bokk-design-particulier,
#block-views-block-academy-block-bokk-design-entreprise {
    margin-bottom: 60px;
}

#block-views-block-academy-block-bokk-design-particulier h2,
#block-views-block-academy-block-bokk-design-entreprise h2 {
    margin-bottom: 20px;
}

.webform-flex legend {
    font-size: 15px;
    margin-bottom: 5px;
}

.webform-flex .fieldset-wrapper .js-form-type-select select {
    width: 100%;
}

.field_internship_opportunity strong {
    text-transform: capitalize;
}

.key_findings_intro {
    text-align: center;
}

.key_findings_intro h3 {
    margin-bottom: 30px;
}

.key_findings_intro img {
    max-width: 450px;
    position: relative;
}

.key_findings_intro p {
    max-width: 750px;
    margin: auto;
}

.key_findings_intro p.with-separator {
    padding-top: 100px;
    padding-bottom: 100px;
    position: relative;
}

.key_findings_intro p.with-separator::before,
.key_findings_intro p.with-separator::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 70px;
    background: #0000B4;
}

.key_findings_intro p.with-separator::before {
    top: 0;
    left: 50%;
    margin-left: -1px;
}

.key_findings_intro p.with-separator::after {
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

.bloc_additionnel_1 {
    padding: 60px 0;
}

.bloc_additionnel_1 img {
    padding: 0 20px 10px 20px;
}

ul.community-partners,
ul.media-partners {
    max-width: 800px;
    margin: auto;
}

ul.community-partners li,
ul.media-partners li {
    max-width: 25%
}

ul.community-partners li,
ul.media-partners li {
    padding: 8px;
}

.our-partners p {
    margin: auto;
    margin-bottom: 20px;
}

#study-report {
    background: #F1F5F9;
    padding: 70px 0;
}

.page-node-227 #study-report {
    background: #ffffff;
}

.bloc-repport-form {
    background: #F2F2FB;
    padding: 60px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.page-node-227 .bloc_additionnel_1 {
    margin-top: 80px;
    background: #F2F2FB;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.page-node-227 .bloc_additionnel_1 blockquote {
    text-align: center;
    margin-bottom: 30px;
}

.page-node-227 .bloc_additionnel_1 p {
    line-height: 26px;
}

.page-node-227 .bloc_additionnel_1 blockquote p {
    border-radius: 60px;
    padding: 10px 30px;
    background: rgba(0, 0, 183, 0.10);
    margin-bottom: 0;
    margin: auto;
    line-height: normal;
    display: inline-block;
    margin-top: 5px !important;
}

.page-node-227 .bloc_additionnel_1 .bs_grid .row {
    align-items: center;
}

.page-node-227 .key_findings_intro h6 {
    display: flex;
    padding: 30px 40px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 40px;
    background: #0000B7;
    max-width: 600px;
    margin: auto;
    font-style: italic;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    font-size: 18px;
}

span.hand {
    display: inline-block;
    width: 65px;
    height: 50px;
    background: url('../img/hand.png') no-repeat center;
    background-size: 45px auto;
}

.study-hero h1 {
    margin-bottom: -15px;
}

.interesting_insights {
    padding: 80px 0;
}

.interesting_insights p {
    max-width: 100% !important;
}

.interesting_insights p img {
    width: 90%;
}

.interesting_insights p:nth-child(2n+1) {
    text-align: right;
}

.study-image {
    margin: 30px 0;
}

.interesting_insights .green-card,
.interesting_insights .yellow-card,
.interesting_insights .orange-card {
    padding: 30px;
    border-radius: 20px;
    width: 90%;
}

.interesting_insights .green-card {
    background: #176163 url('../img/black-man-2-min.png') no-repeat right bottom;
    background-size: 25%;
}

.page-node-246 .interesting_insights .green-card,
.page-node-241 .interesting_insights .green-card {
    background: #0c0a2b url('../img/insights-1-min.png') no-repeat right bottom;
    background-size: 25%;
}

.page-node-227 .study-hero::before,
.page-node-227 .study-hero::after {
    position: absolute;
    content: '';
    width: 30%;
    min-width: 200px;
    height: 250px;
    bottom: -50px;
    z-index: -1;
}

.page-node-227 .study-hero::before {
    background: url('../img/users-left.png') no-repeat left bottom;
    background-size: auto 100%;
    left: 0;
}

.page-node-227 .study-hero::after {
    background: url('../img/users-right.png') no-repeat right bottom;
    background-size: auto 100%;
    right: 0;
}

.page-node-227 .interesting_insights .green-card {
    background: #ffffff00;
}

.page-node-227 .interesting_insights {
    background: #0000B7;
    color: #fff;
    position: relative;
}

.page-node-227 .interesting_insights::before,
.page-node-227 .interesting_insights::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 60px;
    background: #0000B7;
    z-index: -1;
}

.page-node-227 .interesting_insights::before {
    top: -60px;
}

.page-node-227 .interesting_insights::after {
    bottom: -60px;
}

.page-node-227 .main-studies-page .our-partners ul li a img {
    height: auto;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.page-node-227 ul.media-partners {
    max-width: 700px;
    margin: auto;
}

.page-node-227 ul.media-partners li {
    padding: 15px;
}

.interesting_insights .green-card h5 {
    color: #FCBD40;
    font-family: 'Gilroy-SemiBold';
    max-width: 470px;
}

.interesting_insights .green-card p {
    color: #ffffff;
    max-width: 470px !important;
}

.page-node-227 .interesting_insights .green-card .col-sm-9 p {
    color: #ffffff;
    max-width: initial !important;
    display: flex;
    align-items: center;
    gap: 30px;
    text-align: left;
    border-radius: 25px;
    background: rgba(255, 255, 255, 0.10);
    padding: 20px 30px;
}

.page-node-227 .interesting_insights .green-card p:nth-child(even) {
    display: flex;
    text-align: right;
    flex-direction: row-reverse;
}

.page-node-227 .interesting_insights p img {
    max-width: 200px;
    min-width: 150px;
    margin-bottom: 30px;
}

.page-node-227 .main-studies-page .our-partners ul {
    max-width: 700px !important;
}

.page-node-227 ul.community-partners li {
    padding: 10px 20px;
}

.page-node-227 .key_findings_intro h1 img {
    position: relative;
}

.page-node-227 .key_findings_intro h1 {
    position: relative;
    padding: 120px 0;
    display: flex;
    justify-content: center;
}

.page-node-227 .key_findings_intro h1::before,
.page-node-227 .key_findings_intro h1::after {
    position: absolute;
    content: '';
    width: 2px;
    height: 100px;
    background: #0b00b8;
}

.page-node-227 .key_findings_intro h1::before {
    top: 20px;
}

.page-node-227 .key_findings_intro h1::after {
    bottom: 20px;
}

.bloc-map-africa {
    text-align: center;
    background: #0b00b8;
    padding: 40px;
    border-radius: 40px;
}

.interesting_insights .yellow-card {
    background: #FCBD40 url('../img/black-woman-min.png') no-repeat right bottom;
    background-size: 30%;
    margin-left: 9%;
}

.interesting_insights .orange-card {
    background: #F95B15 url('../img/black-man-1-min.png') no-repeat right bottom;
    background-size: 30%;
}

.page-node-246 .interesting_insights .yellow-card,
.page-node-241 .interesting_insights .yellow-card {
    background: #0000B5 url('../img/insights-2-min.png') no-repeat right bottom;
    background-size: auto 100%;
    margin-left: 9%;
}

.page-node-246 .interesting_insights .orange-card,
.page-node-241 .interesting_insights .orange-card {
    background: #FDC714 url('../img/insights-3-min.png') no-repeat right bottom;
    background-size: auto 100%;
}

.interesting_insights .yellow-card h5,
.interesting_insights .orange-card h5 {
    color: #ffffff;
    font-family: 'Gilroy-SemiBold';
    max-width: 470px;
}

.interesting_insights .yellow-card p,
.interesting_insights .orange-card p {
    color: #32454D;
    max-width: 470px !important;
}

.page-node-246 .interesting_insights .yellow-card p,
.page-node-241 .interesting_insights .yellow-card p {
    color: #fff !important;
}

.ui-widget.ui-widget-content,
.webform-confirmation-modal {
    height: auto;
    width: calc(100% - 40px) !important;
    max-width: 600px !important;
    margin: auto !important;
    border-radius: 20px !important;
    border: none !important;
    box-shadow: 0 0 20px #00000045 !important;
    padding: 0 !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
    background: #36b7c8;
    border-radius: 15px 15px 0 0;
    font-size: 20px;
    border: none;
}

.ui-widget-overlay {
    background: #1a1a1a;
    opacity: .4;
    filter: Alpha(Opacity=30);
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: -7px;
    top: 0;
    width: 24px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 24px;
    border: none;
    background: #fff;
    border-radius: 12px;
}

.ui-dialog .ui-dialog-titlebar-close::before {
    position: absolute;
    right: 6px;
    top: -4px;
    content: 'x';
    color: #414141;
    font-family: 'Gilroy';
}

#edit-jobdescription p {
    max-width: initial !important;
}

.page-node-227 #blocs-supp {
    position: relative;
    padding: 60px 0;
    background-color: #0000B4 !important;
    color: #ffffff !important;
    margin-bottom: 120px;
}

.page-node-227 #carousel-temoignages {
    max-width: 650px;
    margin: auto;
}

.page-node-227 .temoignage-texte p {
    font-family: 'Gilroy-SemiBold', sans-serif;
    font-size: 16px;
    letter-spacing: .3px;
}


.interesting_insights .accordion {}

.interesting_insights .accordion .card {}

.interesting_insights .accordion .card .card-header {
    padding: 0;
}

.interesting_insights .accordion .card .card-header button {
    font-size: 20px;
    font-family: 'Gilroy-SemiBold', sans-serif;
    padding: 15px 20px;
    background: #ffffff;
    text-decoration: none;
    box-shadow: none;
    border-radius: 0;
    color: #00001f;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.interesting_insights .accordion .card .card-header button::after {
    content: '\002B';
    font-size: 24px;
    transition: transform 0.3s ease;
}

.interesting_insights .accordion .card .card-header button[aria-expanded="true"]::after {
    content: '\2212';
}

.interesting_insights .accordion .card .card-body .alert {
    gap: 5px;
}

.interesting_insights .accordion .card .card-body .alert h5 {
    margin-bottom: 0;
}
.interesting_insights .accordion .card .card-body {
    position: relative;
}
.interesting_insights .accordion .card .card-body::before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   background: url('../img/pattern-2.png');
   background-size: 100%;
   z-index: 1;
}

.interesting_insights .accordion .card-1 .card-body {
    background: #0bbac2
}
.interesting_insights .accordion .card-1 .card-body::after {
    background: url('../img/blue-woman.png') no-repeat;
    background-size: auto 100%;
    background-position: right bottom -20px;
    z-index: 2;
}

.interesting_insights .accordion .card-2 .card-body {
    background: #0b00b7;
}

.interesting_insights .accordion .card-3 .card-body {
    background: #fdc700;
}

.interesting_insights .accordion .card .card-body .card-text {
    max-width: 450px;
}

.interesting_insights .accordion .card .card-body .card-text h3 {
    max-width: 400px;
    padding: 20px 25px;
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 48px;
    margin-top: 60px;
}

.interesting_insights .accordion .card .card-body .card-text h6 {
    line-height: 24px;
    font-size: 18px;
    font-family: 'Gilroy-Medium', sans-serif;
}

.interesting_insights .accordion .card-1 {
    border-color: #000 !important;
}

.interesting_insights .accordion .card-1 .card-text h3 {
    background: #86ffb2;
    color: #00001f;
}

.interesting_insights .accordion .card-1 .card-text h6 {
    color: #00001f;
}

.interesting_insights .accordion .card-2 {
    border-color: #000 !important;
}

.interesting_insights .accordion .card-2 .card-text h3 {
    background: #fff;
    color: #00001f;
}

.interesting_insights .accordion .card-2 .card-text h6 {
    color: #ffffff;
}

.interesting_insights .accordion .card-3 {
    border-color: #000 !important;
}

.interesting_insights .accordion .card-3 .card-text h3 {
    background: #fff;
    color: #0bbac2;
}

.interesting_insights .accordion .card-3 .card-text h6 {
    color: #00001f;
}