.elementor-4940 .elementor-element.elementor-element-4ceee9b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-10a94b3 );--border-color:var( --e-global-color-10a94b3 );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;--z-index:99;}.elementor-4940 .elementor-element.elementor-element-4ceee9b:not(.elementor-motion-effects-element-type-background), .elementor-4940 .elementor-element.elementor-element-4ceee9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-10a94b3 );}.elementor-4940 .elementor-element.elementor-element-fcb78f9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.1;--border-radius:40px 40px 40px 40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4940 .elementor-element.elementor-element-fcb78f9:not(.elementor-motion-effects-element-type-background), .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-a0fe96f );}.elementor-4940 .elementor-element.elementor-element-fcb78f9::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.afprome.sn/wp-content/uploads/2025/07/clear-04.png");--background-overlay:'';background-position:0px -472px;background-repeat:no-repeat;background-size:100% auto;}.elementor-4940 .elementor-element.elementor-element-d05b891{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-9e2aab6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 20px;padding:0px 0px 0px 0px;text-align:start;}.elementor-4940 .elementor-element.elementor-element-9e2aab6 img{width:160px;}.elementor-4940 .elementor-element.elementor-element-3b71fb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4940 .elementor-element.elementor-element-3b71fb1.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-95b880c{width:var( --container-widget-width, 101.02% );max-width:101.02%;--container-widget-width:101.02%;--container-widget-flex-grow:0;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-width:1px;--e-nav-menu-divider-color:var( --e-global-color-a0fe96f );}.elementor-4940 .elementor-element.elementor-element-95b880c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-41118bc );}.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu .elementor-item{font-family:"Gabarito", Sans-serif;font-size:1em;font-weight:500;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;}.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu--dropdown a:hover,
					.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu--dropdown a:focus,
					.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-4940 .elementor-element.elementor-element-95b880c .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-4940 .elementor-element.elementor-element-bbd0887{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4940 .elementor-element.elementor-element-bbd0887.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(3px/2);}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(3px/2);}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(3px/2);}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-3px/2);}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-3px/2);}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-icon i{color:var( --e-global-color-7a61029 );transition:color 0.3s;}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-icon svg{fill:var( --e-global-color-7a61029 );transition:fill 0.3s;}.elementor-4940 .elementor-element.elementor-element-9b64536{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > a{font-family:var( --e-global-typography-c14f5c3-font-family ), Sans-serif;font-size:var( --e-global-typography-c14f5c3-font-size );font-weight:var( --e-global-typography-c14f5c3-font-weight );text-transform:var( --e-global-typography-c14f5c3-text-transform );font-style:var( --e-global-typography-c14f5c3-font-style );text-decoration:var( --e-global-typography-c14f5c3-text-decoration );line-height:var( --e-global-typography-c14f5c3-line-height );letter-spacing:var( --e-global-typography-c14f5c3-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-text{color:var( --e-global-color-d7d2315 );transition:color 0.3s;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4940 .elementor-element.elementor-element-178ffdd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-4940 .elementor-element.elementor-element-178ffdd .elementor-icon-wrapper{text-align:end;}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-10a94b3 );color:var( --e-global-color-d7d2315 );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-framed .elementor-icon, .elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-default .elementor-icon{color:var( --e-global-color-10a94b3 );border-color:var( --e-global-color-10a94b3 );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-framed .elementor-icon, .elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-10a94b3 );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-d7d2315 );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-stacked .elementor-icon svg{fill:var( --e-global-color-d7d2315 );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-a0fe96f );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-framed .elementor-icon:hover, .elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-a0fe96f );border-color:var( --e-global-color-a0fe96f );}.elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-framed .elementor-icon:hover, .elementor-4940 .elementor-element.elementor-element-178ffdd.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-a0fe96f );}.elementor-4940 .elementor-element.elementor-element-178ffdd .elementor-icon{font-size:15px;padding:0px;border-radius:0% 0% 0% 0%;}.elementor-4940 .elementor-element.elementor-element-178ffdd .elementor-icon svg{height:15px;}.elementor-4940 .elementor-element.elementor-element-a6f4eba{--display:flex;--min-height:0px;--margin-top:-35px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4940 .elementor-element.elementor-element-d05b891{--width:20%;}.elementor-4940 .elementor-element.elementor-element-3b71fb1{--width:60.766%;}.elementor-4940 .elementor-element.elementor-element-bbd0887{--width:19.21%;}}@media(max-width:1024px){.elementor-4940 .elementor-element.elementor-element-fcb78f9::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > a{font-size:var( --e-global-typography-c14f5c3-font-size );line-height:var( --e-global-typography-c14f5c3-line-height );letter-spacing:var( --e-global-typography-c14f5c3-letter-spacing );}}@media(max-width:767px){.elementor-4940 .elementor-element.elementor-element-fcb78f9::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-video-container::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4940 .elementor-element.elementor-element-fcb78f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-4940 .elementor-element.elementor-element-d05b891{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-9e2aab6{text-align:center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:var( --e-global-typography-accent-font-size );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4940 .elementor-element.elementor-element-9b64536 .elementor-icon-list-item > a{font-size:var( --e-global-typography-c14f5c3-font-size );line-height:var( --e-global-typography-c14f5c3-line-height );letter-spacing:var( --e-global-typography-c14f5c3-letter-spacing );}}/* Start custom CSS for html, class: .elementor-element-83b921e *//* =========================================
   CENTRE DE FORMATION
   ========================================= */

.formation-card {
    position: relative;

    width: 100%;
    height: 450px;

    overflow: hidden;

    border-radius: 18px;

    background-image: url("https://www.afprome.sn/wp-content/uploads/2026/10/Formation-professionnelle-AFPROME-en-salle.png");
    background-size: cover;
    background-position: center;
}


/* =========================================
   DEGRADE
   ========================================= */

.formation-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 75%;

    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(0, 52, 90, 0.98) 0%,
        rgba(0, 65, 110, 0.92) 30%,
        rgba(0, 78, 130, 0.72) 52%,
        rgba(0, 100, 165, 0.35) 72%,
        rgba(0, 100, 165, 0) 100%
    );
}


/* =========================================
   CONTENU
   ========================================= */

.formation-content {
    position: absolute;

    top: 0;
    left: 0;

    width: 60%;
    height: 100%;

    z-index: 2;

    padding: 50px 55px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;

    color: #ffffff;
}


/* =========================================
   ICONE
   ========================================= */

.formation-icon {
    width: 75px;
    height: 75px;

    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #168cff;
}

.formation-icon svg {
    width: 38px;
    height: 38px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   LABEL
   ========================================= */

.formation-label {
    margin-bottom: 12px;

    font-size: 16px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    color: #ffffff;
}


/* =========================================
   TITRE
   ========================================= */

.formation-content h1 {
    margin: 0 0 16px;

    font-size: 36px;
    line-height: 1.08;
    font-weight: 800;

    color: #ffffff;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.formation-content p {
    max-width: 500px;

    margin: 0 0 25px;

    font-size: 17px;
    line-height: 1.45;

    color: #ffffff;
}


/* =========================================
   BOUTON
   ========================================= */

.formation-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: fit-content;

    gap: 25px;

    padding: 15px 28px;

    background-color: #168cff;
    color: #ffffff;

    border: none;
    border-radius: 30px;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* TEXTE DU BOUTON */

.formation-button,
.formation-button:link,
.formation-button:visited {
    color: #ffffff;
    text-decoration: none;
}


/* FLECHE */

.formation-button span {
    color: #ffffff;

    font-size: 20px;
    line-height: 1;
}


/* SURVOL */

.formation-button:hover,
.formation-button:hover span {
    background-color: #ffffff;
    color: #003f69;
    text-decoration: none;

    transform: translateY(-2px);
}


/* CLIC */

.formation-button:active,
.formation-button:active span {
    background-color: #002f4f;
    color: #ffffff;
}


/* FOCUS */

.formation-button:focus,
.formation-button:focus-visible,
.formation-button:focus span,
.formation-button:focus-visible span {
    background-color: #168cff;
    color: #ffffff;
    outline: none;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .formation-card {
        height: 430px;

        border-radius: 14px;
    }

    .formation-card::before {
        width: 90%;

        background: linear-gradient(
            90deg,
            rgba(0, 52, 90, 0.98) 0%,
            rgba(0, 65, 110, 0.92) 35%,
            rgba(0, 78, 130, 0.65) 65%,
            rgba(0, 100, 165, 0) 100%
        );
    }

    .formation-content {
        width: 90%;

        padding: 35px 28px;
    }

    .formation-icon {
        width: 65px;
        height: 65px;

        margin-bottom: 16px;
    }

    .formation-icon svg {
        width: 32px;
        height: 32px;
    }

    .formation-label {
        font-size: 14px;
    }

    .formation-content h2 {
        font-size: 29px;
    }

    .formation-content p {
        font-size: 15px;
    }

    .formation-button {
        padding: 13px 21px;
        font-size: 14px;

        color: #ffffff;
    }

    .formation-button span {
        color: #ffffff;
    }


}

/* =========================================
   ANIMATION DU CONTENEUR
   ========================================= */

.formation-card {
    animation: zoomFormationCard 4s ease-in-out infinite;
}

@keyframes zoomFormationCard {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.02);
    }

    100% {
        transform: scale(1);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-552410e *//* =========================================
   BUREAU D'ÉTUDE
   ========================================= */

.etude-card {
    position: relative;

    width: 100%;
    height: 450px;

    overflow: hidden;

    border-radius: 18px;

    background-image: url("https://www.afprome.sn/wp-content/uploads/2026/10/Bureau-detude-en-pleine-conception.png");
    background-size: cover;
    background-position: center;
}


/* =========================================
   DEGRADE
   ========================================= */

.etude-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;
    bottom: 0;

    width: 75%;

    z-index: 1;

    background: linear-gradient(
        90deg,
        rgba(0, 52, 90, 0.98) 0%,
        rgba(0, 65, 110, 0.92) 30%,
        rgba(0, 78, 130, 0.72) 52%,
        rgba(0, 100, 165, 0.35) 72%,
        rgba(0, 100, 165, 0) 100%
    );
}


/* =========================================
   CONTENU
   ========================================= */

.etude-content {
    position: absolute;

    top: 0;
    left: 0;

    width: 60%;
    height: 100%;

    z-index: 2;

    padding: 50px 55px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    box-sizing: border-box;

    color: #ffffff;
}


/* =========================================
   ICONE
   ========================================= */

.etude-icon {
    width: 75px;
    height: 75px;

    margin-bottom: 20px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #168cff;
}

.etude-icon svg {
    width: 38px;
    height: 38px;

    fill: none;
    stroke: #ffffff;
    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =========================================
   LABEL
   ========================================= */

.etude-label {
    margin-bottom: 12px;

    font-size: 16px;
    font-weight: 800;

    text-transform: uppercase;
    letter-spacing: 0.5px;

    color: #ffffff;
}


/* =========================================
   TITRE
   ========================================= */

.etude-content h2 {
    margin: 0 0 16px;

    font-size: 36px;
    line-height: 1.08;
    font-weight: 800;

    color: #ffffff;
}


/* =========================================
   DESCRIPTION
   ========================================= */

.etude-content p {
    max-width: 500px;

    margin: 0 0 25px;

    font-size: 17px;
    line-height: 1.45;

    color: #ffffff;
}


/* =========================================
   BOUTON
   ========================================= */

.etude-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;

    width: fit-content;

    gap: 25px;

    padding: 15px 28px;

    background-color: #168cff;
    color: #ffffff;

    border: none;
    border-radius: 30px;

    font-size: 15px;
    font-weight: 700;

    text-decoration: none;

    cursor: pointer;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        transform 0.25s ease;
}


/* TEXTE DU BOUTON */

.etude-button,
.etude-button:link,
.etude-button:visited {
    color: #ffffff;
    text-decoration: none;
}


/* FLECHE */

.etude-button span {
    color: #ffffff;

    font-size: 20px;
    line-height: 1;
}


/* =========================================
   SURVOL
   ========================================= */

.etude-button:hover,
.etude-button:hover span {
    background-color: #ffffff;
    color: #003f69;
    text-decoration: none;

    transform: translateY(-2px);
}


/* =========================================
   CLIC
   ========================================= */

.etude-button:active,
.etude-button:active span {
    background-color: #002f4f;
    color: #ffffff;
}


/* =========================================
   FOCUS
   ========================================= */

.etude-button:focus,
.etude-button:focus-visible,
.etude-button:focus span,
.etude-button:focus-visible span {
    background-color: #168cff;
    color: #ffffff;
    outline: none;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .etude-card {
        height: 430px;

        border-radius: 14px;
    }

    .etude-card::before {
        width: 90%;

        background: linear-gradient(
            90deg,
            rgba(0, 52, 90, 0.98) 0%,
            rgba(0, 65, 110, 0.92) 35%,
            rgba(0, 78, 130, 0.65) 65%,
            rgba(0, 100, 165, 0) 100%
        );
    }

    .etude-content {
        width: 90%;

        padding: 35px 28px;
    }

    .etude-icon {
        width: 65px;
        height: 65px;

        margin-bottom: 16px;
    }

    .etude-icon svg {
        width: 32px;
        height: 32px;
    }

    .etude-label {
        font-size: 14px;
    }

    .etude-content h2 {
        font-size: 29px;
    }

    .etude-content p {
        font-size: 15px;
    }

    .etude-button {
        padding: 13px 21px;
        font-size: 14px;

        color: #ffffff;
    }

    .etude-button span {
        color: #ffffff;
    }

}

/* =========================================
   ANIMATION DU CONTENEUR
   ========================================= */

.etude-card {
    animation: zoomEtudeCard 5s ease-in-out infinite;
}

@keyframes zoomEtudeCard {

    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.015);
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b814420 *//* =====================================================
   VALEURS AFPROME
   ===================================================== */

.afprome-values {
    display: grid;

    grid-template-columns: repeat(4, 1fr);

    width: 100%;

    margin-top: 35px;
    padding: 22px 0;

    background-color: #003f69;

    border-radius: 0;

    box-sizing: border-box;
}


/* =====================================================
   ÉLÉMENTS
   ===================================================== */

.afprome-value {
    min-height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 14px;

    padding: 8px 20px;

    background: transparent;

    color: #ffffff;

    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;

    box-sizing: border-box;

    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

.afprome-value:last-child {
    border-right: none;
}


/* =====================================================
   ICONES
   ===================================================== */

.value-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

.value-icon svg {
    width: 32px;
    height: 32px;
    fill: none;

    stroke: #168cff;

    stroke-width: 1.8;

    stroke-linecap: round;
    stroke-linejoin: round;
}


/* =====================================================
   TEXTE
   ===================================================== */

.afprome-value span {
    color: #ffffff;
}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 767px) {

    .afprome-values {
        display: block;

        width: 100%;

        margin-top: 30px;
        padding: 10px 20px;

        background-color: #003f69;

        border-radius: 0;
    }

    .afprome-value {
        justify-content: flex-start;

        padding: 16px 0;

        border-right: none;

        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }

    .afprome-value:last-child {
        border-bottom: none;
    }

}


.afprome-values .value-icon svg {
    stroke: #ffffff;
    fill: none;
}/* End custom CSS */