/**************************************************************************************************************************|
                                                         Bloc apropos                                                        **|
***************************************************************************************************************************/


.wrapper-bloc-bas-apropos {
    padding: 65px 0 50px;
}

.wrap-apropos {/* justify-content: center; */}

.wrap-apropos + .wrap-apropos {padding-top: 40px;}

.wrap-apropos:nth-child(2n) {flex-direction: row-reverse;}

.left-bas-apropos {
    width: 50%;
    padding: 0 15px;
}

.wrap-left-bas-apropos {
    display: block;
}

.right-bas-apropos {
    width: 50%;
    padding: 0 15px;
}

.image-right {
    padding: 30px;
}

.image-right img {}

h4.subtitle.style1 {
    display: inline-flex;
    align-items: center;
    color: #01b88e;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
}

span.title-bar1 {
    width: 15px;
    height: 4px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 12px;
    border-radius: 10px;
}

span.title-bar2 {
    width: 34px;
    height: 4px;
    display: inline-block;
    border-radius: 10px;
}

.title-bloc {
    margin-bottom: 10px;
    color: #1c2654;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3em;
}

.section-content {
    font-weight: 400;
    color: #515a83;
    font-size: 17px;
    /* line-height: 1.4em; */
    line-height: 1.5;
}



/**************************************************************************************************************************|
                                                      Partenaires                                                        **|
***************************************************************************************************************************/


.conteneur-partenaire {
    padding: 30px 0 30px;
    position: relative;
    display: block;
    background: #f6f9fb;
    background-image: url(../images/bg/bg-partner.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.partenaire {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    max-width: 100%;
}

.wrap-partenaire {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:  15px;
    margin: 15px auto;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.15);
    background-color: #ffffff;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    box-sizing: border-box;
    max-width: 100%;
    width: 85%;
}

.wrap-partenaire img {
    filter: grayscale(1);
    max-width: 100%;
    margin: 0;
    padding: 0;
    display: inline-block;
    max-height: 65px;
}

.partenaire .nav-btn {
    background: #01b88e;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    position: absolute;
top: 50%;transform: translateY(-50%);}

.partenaire .nav-btn:hover {
    background: #303d72;
}

.partenaire .nav-btn.next-slide {
    right: -55px;
    /* top: -79px; */
}

.partenaire .nav-btn.prev-slide {
    left: -55px;
    /* top: -79px; */
}


/**************************************************************************************************************************|
                                                         Process                                                         **|
***************************************************************************************************************************/


section.wrapper-process {
    padding: 75px 0;
    /* font-family: 'Quicksand', sans-serif; */
    background-color: #F6F9FB;
    position: relative;
}

.process.container {}

.wrap-process.row-container {
    background-image: url(../images/bg/bg-line-process.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 70% auto;
    position: relative;
    align-content: flex-start;
}

.content-item-process {
    width: 20%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}



.item-process {
    /* width: 25%; */
    padding: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.content-item-process:nth-child(2n) .item-process {
    margin-top: 0px;
    transform: translateY(40px);
}

.wrap-item-process {
    margin: 0 auto;
    position: relative;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 #dfe7f7;
    padding: 36px 20px 21px;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    max-width: 200px;
    z-index: 2;
    width: 100%;
min-height: 200px;min-width: 200px;}

.process-number {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    background-color: #2667ff;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: -10px;
}

img.image-style {
    display: none;
}

.process-icon {
    transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    margin-bottom: 20px;
}

.process-icon img {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
}

.wrap-item-process:hover .process-icon img {
    transform: rotateY(360deg);
}

.process--meta {}

h4.process--title {
    margin-top: 10px;
    font-size: 17px;
    line-height: 1.17;
    color: #0b1460;
    margin: 0 0 15px;
    font-weight: 700;
}

.wrap-item-process:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    /* background-color: #fff; */
    box-shadow: 0 10px 30px 0 #e3e9f7;
    border-radius: 50% 0 50% 50%;
    z-index: -1;
    -webkit-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    -khtml-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    -moz-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    -ms-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    -o-transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    transition: 0.4s cubic-bezier(0.24, 0.74, 0.58, 1);
    opacity: 0;
box-sizing: border-box;}

.wrap-item-process:hover::after {
    opacity: 1;
    right: -10px;
    bottom: -10px;
}


/**************************************************************************************************************************|
                                                         Team                                                         **|
***************************************************************************************************************************/

.wrapper-team {
    padding: 50px 0 50px;
position: relative;}

.figure-holder {}

.left-holder {position: absolute;
    left: 0;
    top: 0px;
    z-index: -1;}

.right-holder {position: absolute;
    right: 0;
    top: 0px;
    z-index: -1;}
    
.wrap-team {}

.item-team {
    flex: 0 0 auto;
    /* width: 33.33333333%; */
    padding: 30px 15px 0;
}

.wrap-item-team {
    padding: 30px;
    background-color: #fff;
    box-shadow: 0 0 38px 0 rgb(0 0 0 / 10%);
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.wrap-item-team:before {
    content: "";
    width: 70px;
    height: 70px;
    background-color: #e1e1e1;
    border: none;
    border-radius: 6px;
    position: absolute;
    bottom: 22px;
    right: -40px;
    z-index: 11;
    transform: rotate(50deg);
    transition: all 0.3s ease-in-out;
}

.wrap-item-team:after {
    content: "";
    width: 70px;
    height: 70px;
    border: 2px solid #e1e1e1;
    border-radius: 6px;
    position: absolute;
    right: -45px;
    bottom: -12px;
    z-index: 10;
    transform: rotate(50deg);
    transition: all 0.3s ease-in-out;
}

.content-team {}

.top-team {
    margin-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.top-team a {transition: all 0.3s ease-in-out;}

ul.social-team {z-index: 5;
    position: absolute;
    /* bottom: -20%; */
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    transition: all 0.3s ease-in-out;
    background-color: #01b88e;}

ul.social-team li {
    display: inline-block;
    margin-right: 9px;
    text-align: center;
}

.top-team a img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;transform: scale(1);
    transition: all 0.3s ease-in-out;
    filter: grayscale(100%);
height: 296px;object-fit: cover;}

ul.social-team li a {
    color: #fff;
    font-size: 20px;
    z-index: 5;
    display: block;
    transition: all 0.3s ease-in-out;
}

ul.social-team li a i {
    transition: all 0.3s ease-in-out;
}

.bottom-team {}

h3.team-author {
    color: #111;
    transition: all 0.3s ease-in-out;font-size: 24px;
    margin-bottom: 0;
    font-weight: 600;line-height: 1.8;}

.team-post {color: #646464;
    font-size: 16px;
    font-weight: 400;
}

.wrap-team .owl-dots {
    display: flex;
    justify-content: center;
}

.wrap-team .owl-dot{
    margin: 10px 5px;
    width: 6px;
    height: 6px;
    opacity: 0.5;
    border-radius: 6px;
    background: #01b88e;
}


.wrap-team .owl-dot.active {
    width: 27px;
    opacity: 1;
}


.wrap-item-team:hover:before {
    background: #01b88e;
}

.wrap-item-team:hover:after {
    border-color: #01b88e;
}

.wrap-item-team:hover .top-team a img {
    transform: scale(1.1);
    filter: grayscale(0);
}

.wrap-item-team:hover .social-team {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}