@charset "UTF-8";

/*
Theme Name: Cocolabs
Theme URI: https://wordpress.org/themes/cocolabs/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Cocolabs is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Cocolabs elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cocolabs
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Cocolabs WordPress Theme, (C) 2020 WordPress.org
Cocolabs is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* Variables */
body {
    margin: 0;
    padding: 0;
    color: #8F929C;
    font-family: 'PF Square Sans Pro Regular';
}
ul,li{
    list-style: none;
    padding: 0;
    margin: 0;
}
p{
    font-size: 16px;
    color: #8F929C;
    padding: 0;
}
a{
    color: #57CC99;
    text-decoration: underline;
}
a:hover{
    cursor: pointer;
    text-decoration: none;
    color: #57CC99;
}
.videoWrapper iframe {
    height:calc(100vh - 4px);
    width:calc(92vw - 4px);
    box-sizing: border-box;
}

.calendy-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 45.25%;
}
.calendy-wrapper iframe {
    position: absolute;
    top: 5%;
    left: 0;
    bottom: 0;
    right: 0;
    width:calc(32vw - 4px);
    height: 100%;
    box-sizing: border-box;
}
.case_study .border-bottom{
    border-color: #e0e0e0;
}
.heading-2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.heading-2::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}
.btn-check:focus+.btn-primary, .btn-primary:focus{
    outline: none;
    box-shadow: none;
}
.btn-primary, .btn-check:focus+.btn-primary, .btn-primary:focus{
    font-size: 16px;
    color: #072C1C;
    background-color: #57CC99;
    border-radius: 0;
    border-color: #57CC99;
}
.btn-primary:hover{
    cursor: pointer;
    /* background-color: #FFF;
    color: #57CC99; */
    background-color: #3dad7c;
    color: #072C1C;
    border-color: #3dad7c;
}
.btn-outline-primary{
    border-color: #57CC99;
    color: #57CC99;
    border-radius: 0;
    background-color: transparent;
}
.btn-outline-primary:hover{
    cursor: pointer;
    background-color: #57CC99;;
    border-color: #57CC99;
    color: #FFF;
    border-radius: 0;
}
button:focus:not(:focus-visible) {
    outline: 0;
    border: none;
    box-shadow: none;
}

.tous-les button:focus:not(:focus-visible) {
    outline: 0;
    border: 1px solid #57CC99;
    box-shadow: none;
}

.cocolabs-intro span{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    color: #8F929C;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}
.cocolabs-intro h1{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.cocolabs-intro h1::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}
.cocolabs-intro-box-brd{
    border: solid 1px #DCDCDC;
    border-bottom: solid 5px #57CC99;
    max-width: 380px;
}
.cocolabs-intro-box{
    max-width: 380px;
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    border-bottom: solid 5px #57CC99;
    padding: 30px;
}
.cocolabs-intro-box h1, .cocolabs-intro-box h3{
    font-family: 'PF Square Sans Pro medium';
    color: #03003B;
    font-size: 20px;
}
.cocolabs-intro-box a{
    font-family: 'PF Square Sans Pro medium';
    color: #57CC99;
    text-decoration: underline;
}
.cocolabs-intro-box a:hover{
    cursor: pointer;
    text-decoration: none;
}
.solution-block{
    background-color: #F7F8FA;
}
.solution-block .header-block span, .sub-title-heading, .support-block span{
    font-family: 'PF Square Sans Pro bold';
    font-size: 12px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8F929C;
}
.solution-block .header-block h1, .solution-block .header-block h2, .solution-block .header-block h3{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.solution-block .header-block h1::after, .solution-block .header-block h2::after, .solution-block .header-block h3::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    left: 0;
    top: 29px;
    z-index: -1;
}
.de-projet-block .header-block h2.fun-title1{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.de-projet-block .header-block h2.fun-title1::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    left: 0;
    top: 29px;
    z-index: -1;
}
.solution-block .content-block .content-box{
    max-width: 292px;
    border: 1px solid #DCDCDC;
    background-color: #F7F8FA;
    transition: 1s all ease;
    min-height: 250px;
}
.solution-block .content-block .content-box:hover{
    cursor: pointer;
    background-color: #FFF;
    border-color: #FFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.solution-block .content-block .content-box h1, .solution-block .content-block .content-box h3, .solution-block .content-block .support-project-block h3{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    color: #03003B;
}
.solution-block .content-block .support-project-block:last-child{
    padding-right: 0 !important;
}
.solution-block .content-block .support-project-block .support-user-image {
    min-height: 280px;
}
.solution-block .content-block .content-box a{
    font-family: 'PF Square Sans Pro medium';
    color: #57CC99;
    text-decoration: underline;
}
.solution-block .content-block .content-box a:hover{
    cursor: pointer;
    text-decoration: none;
}
.solution-block .content-block .content-box span{
    font-family: 'PF Square Sans Pro medium';
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.5px;
    color: #DFDFDF;
}
.workflow-block{
    background-color: #FFF;
}
.workflow-block .content-block .content-box{
    max-width: 400px;
    background-color: #FFF;
}
.workflow-block .content-block.second-block .content-box:hover{
    cursor: pointer;
    background: none;
    box-shadow: none;
}
.latest-article h1, .latest-article h2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.latest-article h1::after, .latest-article h2::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
    left: 0;
}
.latest-article .article-block{
    max-width: 400px;
}
.latest-article .article-block span{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #8F929C;
}
.latest-article .article-block h4{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.latest-article .article-block a{
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #57CC99;
}

.latest-article .article-block .blog__related__page__link.btn {
    padding: 12px 0;
}

.latest-article .article-block a.related-article-title{
    text-decoration: none;
    color: #03003B;
}
.latest-article .article-block a:hover{
    cursor: pointer;
    text-decoration: none;
}
.market-place{
    background: #03003B url('assets/images/marketplace_bg.png') no-repeat center center;
}
.market-place-main{
    background: #03003B;
}
.market-place h2, .market-place h3{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #FFFFFF;
}
.market-place p{
    font-family: 'PF Square Sans Pro Medium';
    color: #FFF;
    max-width: 450px;
    margin: 0 auto;
}
.success-story{
    background-color: #F7F8FA;
}
.success-story h1, .success-story h2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.success-story h1::after, .success-story h2::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
    left: 0;
}
.success-story .content-block .content-box{
    max-width: 397px;
}
.success-story .content-block .content-box .sub-title{
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.success-story .content-block .content-box:last-child{
    margin-right: 0 !important;
}
.success-story .content-block .content-box .sub-content-box{
    border: 1px solid #DCDCDC;
}
.success-story .content-block .content-box.all-project{
    background: url('assets/images/all_projects.png') no-repeat center center;
    position: relative;
}
.success-story .content-block .content-box.all-project .sub-all-project{
    position: absolute;
    z-index: 9;
    top: 35%;
    padding: 0 20px;
}
.success-story .content-block .content-box.all-project .sub-all-project a{
    color: #FFF;
}
.success-story .content-block .content-box.all-project h3{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #FFFFFF;
}
.footer-main{
    background-color: #03003B;
}
.footer-nav h3{
    font-size: 20px;
    color: #FFF;
    font-family: 'PF Square Sans Pro Medium';
}
.footer-nav ul li{
    padding: 15px 40px 5px 0;
    line-height: 20px;
}
.footer-nav ul li a{
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    line-height: 20px;
    letter-spacing: 0.25px;
}
.footer-nav ul li a:hover{
    cursor: pointer;
    text-decoration: underline;
}
.go-to-top{
    font-size: 14px;
    color: #fff;
}
.footer-contact p{
    font-size: 12px;
    color: #fff;
}
.footer-contact .contact-number{
    font-size: 16px;
    color: #FFF;
    border: 1px solid rgba(255, 255, 255, 0.25);
    padding: 10px 15px;
    display: inline-block;
    max-width: 190px;
}
.footer-main .dropdown .btn.footer-language-dropdown{
    border: 1px solid rgba(255, 255, 255, 0.25);
    background-color: transparent;
    font-size: 16px;
    color: #FFF;
    padding: 10px;
}
.footer-main .dropdown-menu li{
    width: 100%;
}
.footer-border{
    border-top: solid 1px rgba(255, 255, 255, 0.25);
}
ul.footer-second-menu li{
    padding: 0 0 0 40px;
}
ul.footer-second-menu li a{
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
}
.accordion-arrow{
    visibility: hidden;
}
/* css */

.header-menu {
    background: #03003B;
}

.logo img {
    width: 214px;
}

.nav li a {
    font-size: 14px;
}

.phone span {
    font-size: 14px;
}

.btn-primary {
    background: #57CC99;
    border-radius: 0;
}

.header-white .header-menu {
    background-color: #FFF;
}
.header-white .nav li a, .header-white .phone span{
    color: #03003B !important;
}

/* navbar mobile */
.mobile li a {
    font-size: 16px;
}

.mobile-nav {
    padding: 0;
}

.sidebar {
    display: none;
}

#main {
    display: none;
}

.dropdown .btn {
    padding: 0;
    font-size: 14px !important;
    font-weight: normal;
}

.dropdown-expert {
    flex-wrap: wrap;
    min-width: 394px;
}

.dropdown-menu.dropdown-expert.show {
    display: flex;
    flex-wrap: wrap;
}

.dropdown-menu li {
    width: 50%;
}

.dropdown-expert li:first-child {
    width: 100%;
}

.mobile-nav .mobile .dropdown-toggle::after {
    position: absolute;
    right: 20px;
    top: 40px;
    color: #212529;
}

/* hero section */

@media (max-width:767px) {
    .hero {
        display: flex;
        align-items: center;
        min-height: 500px;
    }
}

.hero {
    background: #03003B url('assets/images/hero-bg.png') no-repeat center center;
    background-size: cover;
    margin-top: -1px;
}
.hero-content-block{
    min-height: 410px;
    display: flex;
    align-items: center;
}
.hero-content {
    max-width: 500px;
}

.hero-content h1 {
    font-family: 'PF Square Sans Pro bold';
    font-size: 45px;
}

.hero-content p {
    font-size: 15px;
    color: #FFF;
}

/* compagnons section */

.tab-content h4 {
    font-size: 20px;
    color: #03003B;
}

.tab-content p {
    font-size: 16px;
    color: #072C1C;
}

.compagnons .nav-tabs .nav-link.active, .compagnons .nav-tabs .nav-link:hover {
    cursor: pointer;
    border: none;
    border-bottom: 5px solid #57CC99;
    color: #03003B;
    background: none;
}

.compagnons .nav-tabs .nav-link {
    color: #8F929C;
    border: none;
    border-bottom: solid 5px transparent;
    /* padding: 0 25px; */
}
.max-height{
    max-height: 30px;
}

.compagnons-text {
    font-weight: bold;
}

.compagnons .btn .nav-link {
    padding: 0 !important;
}
.compagnons h1{
    z-index: 1;
}
.compagnons h1::after{
    top: 29px;
    z-index: -1;
}

/* expertises page css start here */
.projet-agile h2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.projet-agile h2::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
    left: 0;
}
.projet-agile img{
    max-width: 267px;
}
.solution-block .header-block .pro-agile h2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.projet-agile span{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.projet-agile .accordion-item {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.projet-agile .accordion-item .accordion-button span{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #57CC99;
    padding: 0 20px 0 0;
}
.projet-agile .accordion-item .accordion-button, .projet-agile .accordion-item .accordion-button:not(.collapsed) {
    font-family: 'PF Square Sans Pro Medium';
    background-color: transparent;
    box-shadow: none;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
    padding: 24px 0;
}
.projet-agile .accordion-item .accordion-button::after,
.accordion-button:not(.collapsed)::after{
    background-image: url('assets/images/plus.png');
    background-size: cover;
    transform: rotate(45deg);
    width: 20px;
    height: 20px;
}
.projet-agile .accordion-item:hover .accordion-button::after{
    background-image: url('assets/images/close-green.png');
    width: 15px;
    height: 15px;
}
.projet-agile .accordion-body {
    padding: 16px 0;
}
.inspiration-scrum-block{
    max-width: 403px;
    border: 1px solid #DCDCDC;
}
.projet-agile .une-gestion .une-gestion-content{
    position: relative;
    z-index: 9;
    background: #F7F8FA;
}



.projet-agile .une-gestion .une-gestion-content h2{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
}
.projet-agile .une-gestion .une-gestion-img{
    position: absolute;
    right: 0;
}
.de-projet-block .content-block .content-box{
    padding: 0;
    border: 0;
}
.de-projet-block .content-block .content-box:hover{
    cursor: pointer;
    background: none;
    box-shadow: none;
}
.de-projet-block .header-block h2{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.de-projet-block .content-block .content-box .designation{
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8F929C;
}
.de-projet-block .content-block .content-box .name{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.de-projet-block .content-block .content-box .profession{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #03003B;
}
.de-projet-block .content-block .content-box img{
    min-height: 35px;
}
.de-projet-block .content-block .content-box{
    min-height: 170px;
}
.note-process .content-block .note-detail-block{
    margin-top: -30px;
}
.note-process .content-block .note-detail{
    border-bottom: solid 1px #DCDCDC;
    padding-right: 130px;
}
.note-process .content-block .note-detail-block .note-detail:last-child{
    border-bottom: none;
}
.note-process .content-block .note-detail span{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8F929C;
}
.note-process .content-block .note-detail h3{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.note-process .content-block .note-steps{
    border: solid 1px #DCDCDC;
    padding: 15px 20px 12px;
    transition: 1s all ease;
    cursor: pointer;
}
.note-process .content-block .note-steps h3{
    font-size: 18px;
}
.note-process .content-block .note-steps:hover{
    cursor: pointer;
    background-color: #FFF;
    border-color: #FFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.note-process .content-block .process-box-sticky {
    position: sticky;
    top: 50px;
}
.process-box-sticky select {
    min-width: 345px;
    border: solid 1px #DCDCDC;
    padding: 15px 20px 15px;
    transition: 1s all ease;
    cursor: pointer;
    background-color: #FFF;
}
.bottom-line::after{
    bottom: 0 !important;
}
/* expertises page css  end  here */

/* contact page css start here*/
form {
    background: #F7F8FA;
}

.contact form .form-control {
    font-size: 16px;
    color: #C8C8C8 !important;
    border-radius: 0;
    /*opacity: 0.5;*/
    padding: 10px 16px;
}

.contact form label {
    font-size: 14px;
    color: black;
}

.contact form textarea {
    font-size: 16px;
    border-radius: 0;
}

.form-contant p {
    max-width: 553px;
    font-size: 14px !important;
}
.form-contant a {
    color: #03003B;
}

.Contact-telephone span {
    color: #57CC99;
    border: 1px solid #57CC99;
    font-size: 16px;
    padding: 0px 15px;
}

.Contact-telephone h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}

.Contact-telephone h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.Contact-telephone p {
    max-width: 475px;
    font-size: 16px;
}

.phone span {
    color: black;
    border: none;
}
.breadcrums{
    background: #F7F8FA;
}
.fonctionnalités .breadcrums{
    background-color: #FFF;
}
.features .breadcrums{
    background-color: #FFF;
}
.breadcrums span {
    font-size: 14px;
}

/* contact page css end here*/

/* Case study-mother page css start */
.case-study-intro h3, .case-study-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 638px;
    z-index: 1;
}

.case-study-intro h3::after, .case-study-intro h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.case-study-link p {
    color: #57CC99;
    font-size: 16px;
}

.grand_panel .startup h6 {
    color: #03003B;
}

.startup h6 {
    color: #03003B;
    font-size: 20px;
    font-family: 'PF Square Sans Pro Medium';
}

.startup p {
    max-width: 367px;
    font-size: 16px;
}

.startup img {
    max-height: 30px;
}



.case_study .solution-block .content-block .content-box span {
    font-family: 'PF Square Sans Pro medium';
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #03003B;
}

.breadcrums span {
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #8F929C;
}
.breadcrums span a{
    color: #8F929C;
    text-decoration: none;
}
.marketplace, .case_study .solution-block.marketplace .content-block .content-box{
    background: none;
}
.marketplace .content-block .content-box{
    width: 298px;
}
.marketplace .content-block .content-box .marketplace-tag span {
    position: absolute;
    margin: 10px 10px;
    font-size: 16px;
    color: #072C1C;
    background: linear-gradient(0deg, rgba(87, 204, 153, 0.15), rgba(87, 204, 153, 0.15)), #FFFFFF;
    border-radius: 2px;
    padding: 10px 15px;
    line-height: 19px;
}

.case_study .solution-block .content-block .content-box {
    max-width: 402px;
    border: 1px solid #DCDCDC;
    background-color: #F7F8FA;
    transition: 1s all ease;
}

.case_study .solution-block .content-block .content-box p {
    max-width: 324px;
}

.case_study .btn-primary {
    font-size: 16px;
    color: #072C1C;
    background-color: white;
    border-radius: 0;
    border-color: #03003B;
    color: #03003B;
    border-radius: 0;
    width: fit-content;
}

.accompagnement h1 {
    max-width: 457px;
}

.startup:hover {
    cursor: pointer;
    background-color: #FFF;
    border-color: #FFF !important;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.marketplace .content-block .content-box {
    max-width: 298px;
}

/* Case study-mother page css end*/

/* verticale page css start */
.simplify-block .cocolabs-intro-box{
    border: 1px solid #DCDCDC;
}
.simplify-block .content-block .content-box{
    padding: 0;
    border: 0;
    max-width: 323px;
}
.simplify-block .content-block .content-box:hover, .remove-hover:hover{
    cursor: pointer;
    cursor: pointer;
    background: none !important;
    box-shadow: none !important;
}
.simplify-block h2{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.simplify-block a{
    font-family: 'PF Square Sans Pro Medium';
    color: #57CC99;
    text-decoration: underline;
}
.simplify-block a:hover{
    cursor: pointer;
    text-decoration: none;
}
.simplify-block .sub-listing ul li, .expertise-block .list-item, .technology-list .list-item{
    width: 250px;
    background: url('assets/images/check.png') no-repeat left 15px;
    padding: 10px 0 10px 25px;
    color: #072C1C;
}
.expertise-block .list-item, .technology-list .list-item{
    width: auto;
}
.simplify-block .project-details{
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}
.title h1, .title h3, .title h2{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.title h1::after, .title h3, .title h2::after{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    left: 0;
    top: 29px;
    z-index: -1;
}
.des-fonctionnalit .inspiration-scrum-block{
    min-height: 225px;
}
.gray-bg{
    background: #F7F8FA;
}
/* verticale page css end*/

/* Case study-mother page css start */
.case-study-intro h3 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 638px;
    z-index: 1;
}

.case-study-intro h3::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.case-study-link p {
    color: #57CC99;
    font-size: 16px;
}

/* .startup h6 {
    color: black;
    font-size: 20px;
} */

.startup p {
    max-width: 367px;
    font-size: 16px;
}

.accompagnement .startup img {
    max-height: none;
}

.case_study .solution-block .content-block .content-box span {
    font-family: 'PF Square Sans Pro medium';
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #03003B;
}

.marketplace .content-block .content-box .breadcrums span {
    font-family: 'PF Square Sans Pro medium';
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #8F929C;
    background-color: transparent;
}
.marketplace .content-block .content-box .breadcrums{
    background: none;
}

.marketplace .content-block .content-box .marketplace-tag span {
    position: absolute;
    margin: 10px 10px;
    font-size: 16px;
    color: #072C1C;
    background: linear-gradient(0deg, rgba(87, 204, 153, 0.15), rgba(87, 204, 153, 0.15)), #FFFFFF;
    border-radius: 2px;
    padding: 10px 15px;
    line-height: 19px;
}

.marketplace .content-block .content-box .marketplace-circle {
    position: relative;
    margin-top: -25px;
    left: 22px;
}

.marketplace .content-block .content-box {
    position: relative;
}

.case_study .solution-block .content-block .content-box {
    max-width: 402px;
    border: 1px solid #DCDCDC;
    background-color: #F7F8FA;
    transition: 1s all ease;
}

.case_study .solution-block .content-block .content-box p {
    max-width: 324px;
}

.case_study .btn-primary {
    font-size: 16px;
    color: #072C1C;
    background-color: white;
    border-radius: 0;
    border-color: #03003B;
    color: #03003B;
    border-radius: 0;
}

.accompagnement h1 {
    max-width: 457px;
}

.startup:hover {
    cursor: pointer;
    background-color: #FFF;
    border-color: #FFF !important;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.marketplace .content-block .content-box {
    max-width: 298px;
}

/* .marketplace .content-block .content-box {
    max-width: 298px !important;
    border: 1px solid #DCDCDC;
    background-color: #F7F8FA;
    transition: 1s all ease;
} */

/* Case study-mother page css end*/

/* Case study-Girl page css start */
.experts .marketplace .content-block .content-box {
    background-color: white;
    min-width: 302px;
}
.experts .marketplace .content-block .content-box:nth-child(4n){
    margin-right: 0 !important;
}
.experts .marketplace .content-block .content-box:nth-child(4n) .marketplace-box-img{
    min-width: 302px;
}

.experts .marketplace {
    background-color: white;
}

.case-study-client {
    background: #F7F8FA;
}

.case-study-client h6 {
    font-family: 'PF Square Sans Pro Medium';
    color: #03003B;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
}

.case-study-client p {
    font-size: 16px;
    line-height: 15px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.case-study-client a {
    font-family: 'PF Square Sans Pro medium';
    color: #57CC99;
    text-decoration: underline;
}

.le-challenge-intro h1, .le-challenge-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 638px;
}

.le-challenge-intro {
    border-left: solid 5px #57CC99;
}

.le-challenge-intro p {
    font-size: 16px;
    color: #8F929C;
}

.experts .solution-block .content-block .content-box h6 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #03003B;
    max-width: 207px;
}

.marketplace .content-block .content-box:hover {
    cursor: pointer;
    background-color: #FFF;
    border-color: #FFF;
    box-shadow: none;
}

.conception .föreställ p {
    max-width: 538px;
}
.de-projet-block{
    background-color: #F7F8FA;
}
.de-projet-block.marginTop{
    margin-top: -58px;
}

.conception-img {
    background: #F7F8FA;
}

.fonctionnalités .startup p {
    max-width: 228px;
    font-size: 16px;
}

.Développement .föreställ p {
    max-width: 545px;
}

.Développement a {
    font-family: 'PF Square Sans Pro medium';
    color: #57CC99;
    text-decoration: underline;
}

.Développement .föreställ h5 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.impressions .content-block .content-box span {
    font-family: 'PF Square Sans Pro normal';
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #03003B;
}

.impressions .content-block .content-box p {
    max-width: 480px;
}

.impressions .content-block .content-box {
    max-width: 612px;
    border: 1px solid #DCDCDC;
    background-color: #F7F8FA;
    transition: 1s all ease;
}
.consultez .content-block .content-box .breadcrums {
    background: none;
}
.consultez .content-block .content-box .breadcrums span {
    font-family: 'PF Square Sans Pro bold';
    font-size: 12px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #8F929C;
}

.consultez .content-block .content-box span {
    font-family: 'PF Square Sans Pro bold';
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #03003B;
}
.consultez .content-block .content-box{
    max-width: 402px;
}

.conversion .card {
    min-height: 100%;
}

.experts .card {
    min-height: 224px;
}

.impressions .container {
    background: #F7F8FA;
}

/* Case study-Girl page css end */

/* solutions-de-paiement css start  */

.Payment h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 452px;
}

.Payment p {
    max-width: 489px;
}

.case-study-intro h5, .payment-intro h5 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
    position: relative;
    max-width: 469px;
}
.payment-blocks:hover {
    cursor: pointer;
    border-color: #FFF !important;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
}

.payment-blocks-desc p {
    max-width: 355px;
}

.payment-intro-list ul li {
    max-width: 355px;
}

.payment-blocks-desc h6 {
    font-family: 'PF Square Sans Pro Bold';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #03003B;
}

.payment-intro h1, .payment-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 469px;
    z-index: 1;
}

.payment-intro h1::after, .payment-intro h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.payment-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 469px;
    z-index: 1;
}

.payment-intro h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.payment-intro-list h6 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.payment-intro-list img {
    max-height: 21px;
}

.payment-intro-partenaire {
    background-color: #F7F8FA;
}

.payment-intro-partenaire h6 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.payment-intro-list p {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.payment-blocks a {
    font-family: 'PF Square Sans Pro medium';
    color: #57CC99;
    text-decoration: underline;
}

.payment-blocks a:hover {
    cursor: pointer;
    text-decoration: none;
}

.contactez-intro h1, .contactez-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 616px;
    z-index: 1;
}

.contactez-intro h1::after, .contactez-intro h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.contactez form label {
    font-size: 14px;
    color: black;
}

.contactez form .form-control {
    font-size: 16px;
    color: #C8C8C8 !important;
    border-radius: 0;
    padding: 10px 16px;
}

.natifs .payment-blocks .payment-intro-list ul li {
    padding: 0px 0 20px 0;
    background: none;
}
.natifs .payment-blocks .payment-intro-list ul li span{
    background-image: url('assets/images/check_circle.png');
    background-size: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 0 0 32px;
    color: #333333;
    display: flex;
}

/*.natifs .payment-blocks .payment-intro-list ul li:nth-child(1) {
    background-position: 0 0;
}*/

.contactez .bg-light {
    background: #F7F8FA !important;
}

.opening .une-gestion .une-gestion-content {
    position: absolute;
    z-index: 9;
    background: #FFFFFF;
    bottom: 0;
}

.opening .une-gestion .une-gestion-img {
    position: relative;
    right: 0;
}

.opening .une-gestion .une-gestion-content h2 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #333333;
    max-width: 408px;
}

.opening .une-gestion .une-gestion-content p {
    max-width: 479px;
}
.natifs .card {
    max-width: 402px;
}
.natifs .card:last-child{
    margin-right: 0 !important;
}

/* solutions-de-paiement css end */

/* la-technology-second css start */
.solution .payment-intro h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 530px;
    z-index: 1;
}

.solution .payment-intro h2::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
}

.payment-intro-list p {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #03003B;
    max-width: 484px;
}

.profitez .container {
    background: #F7F8FA;
}

.profitez .startup:hover {
    cursor: pointer;
    background-color: #FFF;
    border-color: rgba(0, 0, 0, .125) !important;
    box-shadow: none;
}

.acteurs .payment-intro {
    max-width: 503px;
}

.fonctionnalités {
    background: #F7F8FA;
}
.fonctionnalités .container{
    padding: 0 0 400px 0;
}

.fonctionnalités h5 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    color: #03003B;
}

.fonctionnalités p {
    max-width: 276px;
}

.fonction .startup img {
    max-height: none;
}

.fonction .startup:hover {
    cursor: pointer;
    background-color: #FFF;
    border-color: rgba(0, 0, 0, .125) !important;
    box-shadow: none;
}
.lancer .market-place h2 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #FFFFFF;
    padding: 0 96px;
}
.rendre{
    background: #F7F8FA;
}
.lancer .rendre p{
    color: #8F929C;
}
.lancer .rendre a {
    color: #57CC99;
}
.lancer .rendre h2 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.25px;
    color: #03003B;
    padding: 0 85px;
}
.solution .technology h6{
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
    font-weight: 600;
}

.lancer .lancer-background{
    background: #F7F8FA;
}

.fonction .fun-pro-image img{
    height: 30px;
}
.profitez{
    background: #F7F8FA;
    padding: 0 0 400px 0;
}
.acteurs-img{
    margin-top: -400px;
}
.profitez .profitez-width {
    max-width: 400px;
    background: none;
}
/* la-technology-second css end */

.impressions{
    background: #F7F8FA;
}
.startup-active{
    width: 270px;
    background: #03003B;
}
.startup-active h6{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #FFFFFF;
}
.startup-active p{
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #FFFFFF;
}
.solution-block.etudes{
    background: none;
}
.solution-block.etudes .content-block .content-box{
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    width: 400px;
}
.solution-block.etudes .content-block .content-box:nth-child(3n){
    margin-right: 0 !important;
}
.accompagnement .content-block .content-box{
    max-width: 402px;
}
.accompagnement .content-block .content-box img{
    max-width: 25px;
}
.marketplace-img{
    max-width: 295px;
}
.accompagnement span{
    font-size: 12px;
}

/* blog-fille  page css start */

.second-nav {
    background: #F7F8FA;
}

.second-nav li a {
    color: #828282;
}

.second-nav .active {
    color: #141414;
}

.importance .importance-ux span, .span-text {
    font-family: 'PF Square Sans Pro bold';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8F929C;
}

.importance .importance-ux p {
    max-width: 478px;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #8F929C;
}

.importance .importance-ux h1 {
    font-weight: bold;
    font-size: 45px;
    line-height: 54px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.blog {
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.25px;
    color: #03003B;
    margin: 5px 10px;
}

.cocolabs-intro a {

    text-decoration-line: underline;
    color: #57CC99;
}

.partager .container {
    max-width: 822px;
    justify-content: center;
}

.partager .cocolabs-intro p {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #072C1C;
}

.partager .cocolabs-intro h3 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #333333;
}

.partager .cocolabs-intro a {
    color: #57CC99;
    text-transform: lowercase;
    font-size: 18px;
}

.link-table .container {
    max-width: 822px;
    justify-content: center;
}

.blog-h6-text {
    max-width: 507px;
    justify-content: center;
}

.button-div-box {
    align-items: flex-start;
    padding: 10px 15px;
    background: rgba(87, 204, 153, 0.15);
    border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

.button-div-text p {
    font-family: "PF Square Sans Pro Medium";
    font-size: 16px;
    line-height: 19px;
    color: #072C1C;
}

.input-test-desc p {

    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;

}

.link-table .accordion-button::after {
    background-image: url('assets/images/accordion-arrow.png');
}

.accordion-button.accordion-button-title {

    font-size: 16px;
    line-height: 19px;
    color: #03003B;
}

.artical-input {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
}

.input-span {
    background: #57CC99;
}

.input-grup-side-button {
    margin: 0 !important;
}

.input-text .input-group {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    max-width: 400px;
    height: 49px;
    border: 0px;
}

.input-grup-side-button:hover .input-group-text {
    cursor: pointer;
    background: #FFF;
    color: #57CC99;
    border: 1px solid #57CC99;
}


.input-group-text {
    border-radius: 0;
    border-color: #57CC99;
}

.dot p {

    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #03003B;
    margin: 0px 10px;
}

.social-block {
    position: fixed;
    right: 0px;
    max-width: 193px;
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    margin-top: 116px;
}

.social .border-bottom {
    border-bottom: 5px solid #57CC99 !important;
}

.social-block h6 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.social-block p {
    max-width: 156px;
}


.user-testing .container {
    max-width: 822px;
    justify-content: center;
}

.user-testing p {
    font-size: 15px;
    line-height: 140%;
    align-items: center;
    text-align: center;
    letter-spacing: 0.4px;
    color: #8F929C;
    max-width: 601px;
    margin: 0 auto;
}

.latest-article1 h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
}

.latest-article1 .article-block1 {
    max-width: 600px;
}

.latest-article1 .article-block1 span {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #8F929C;
}

.latest-article1 .article-block1 h4 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.latest-article1 h1{
    z-index: 1;
}
.latest-article1 h1::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
    left: 0;
}

.articales-main-title h5 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.articales-main-title .card-body h5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.articles-card-desc p {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #8F929C;
}

.articles-card-padding {
    padding-left: 10px;
}

.tous-les-articales {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 787px;
    height: 49px;
    background: #57CC99;
}
.tous-les .accordion .articales-main-title .btn-primary{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 19px;
    color: #072C1C;
}
.tous-les .accordion .articales-main-title .form-control{
    max-width: 74%;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #C8C8C8 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    padding: 12px 12px !important;
}

.tous-les .all-blog-heading::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    left: 0;
    top: 29px;
    z-index: -1;
}

.tous-les .accordion-button{
    background: none;
    box-shadow: none;
}
.tous-les .accordion-item{
    border: none;
}
.latest-article .article-block.artical-links {
    position: absolute;
    right: 55px;
}

.blog-mere-image-title p {
    font-family: 'PF Square Sans Pro medium';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #090909;
}

.blog-mere-image-link a {
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #57CC99;
}

.latest-article1 .accordion-button::after {
    background-image: url('assets/images/accordion-arrow.png');
}
/* blog-fille page css end here */

/* blog-mere page css start here */

.recent h2.resent__heading {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #090909;
}

.recent .most-recent h1{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #090909;
}
.recent .most-recent a{
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #57CC99;
}
.recent .most-recent-ux span{
    font-family: 'PF Square Sans Pro medium';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8F929C;
}
.recent .most-recent-ux h1{
    font-family: 'PF Square Sans Pro Bold';
    font-size: 45px;
    line-height: 54px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.recent .most-recent-ux h1 a{
    text-decoration: none;
    color: #03003B;
}

.recent .most-recent-ux p{
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #8F929C;
}
.recent .most-recent-date p{
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #03003B;
}

/* blog-mere page css start end */

/* notre-vision css start */

.leader p {
    max-width: 480px;
}

.sommes .payment-intro h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 530px;
}

.sommes .payment-intro p {
    max-width: 480px;
}

.sommes .payment-intro li {
    color: #03003B;
}

.sommes .chiffre h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 446px;
}

.sommes .chiffre h2 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
}

.sommes .chiffre p {
    max-width: 285px;
}

.service {
    background: #F7F8FA;
}

.nous h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 637px;
}

.nous .breadcrums {
    background: none;
}

.success .breadcrums {
    background: none;
}

.nous .payment-blocks .payment-intro-list ul li:nth-child(1) {
    background-position: 0 0;
}

.nous .payment-blocks .payment-intro-list ul li {
    padding: 0px 0 20px 0;
    background: none;
}
.nous .payment-blocks .payment-intro-list ul li span{
    background-image: url('assets/images/check_circle.png');
    background-size: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 0 0 32px;
    color: #03003B;
    display: flex;
}

.nous .payment-blocks-desc h6 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #03003B;
}

.nous .payment-intro-list ul li {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.grand_panel .payment-intro h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    max-width: 624px;
}

.grand_panel .grand span {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #57CC99;
}

.grand_panel .grand h3 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #000000;
}

.grand_panel .startup {
    background: #F7F8FA;
}

.grand_panel .grand {
    max-width: 298px;
}

.grand_panel .intégration .startup {
    max-width: 298px;
}

.intégration .startup p {
    max-width: 233px;
}

.conception .startup {
    max-width: 298px;
}
.conception .startup:last-child {
    margin-right: 0 !important;
}
.grand .startup img {
    max-height: none;
}
.grand .startup {
    max-width: 345px;
}

.grand .startup:last-child{
    margin-right: 0 !important;
}

.success .grand h3 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #333333;
}

.success .startup p {
    max-width: 320px;
}

.success .startup h6 {
    max-width: 298px;
}

.augmentations-progress-one h3 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
    width: 345px;
}

@media screen and (min-width: 767px){
    .success .startup h6 {
        min-height: 80px;
    }
    p.content__align {
        min-height: 100px;
    }
    .augmentations-progress-one h3 {
        width: unset;
    }
}

.success {
    background: #F7F8FA;
}

.sommes .payment-intro ul li {
    width: 33%;
}

.augmentations-progress-one span,
.augmentations-progress-two span,
.augmentations-progress-three span {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #57CC99;
}

.augmentations-progress-one h6,
.augmentations-progress-two h6,
.augmentations-progress-three h6 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 16px;
    line-height: 23px;
    align-items: center;
    letter-spacing: 0.1px;
    color: #333333;
}

.augmentations-progress-one .progress,
.augmentations-progress-two .progress,
.augmentations-progress-three .progress {
    height: 3px;
    background: none;
}

.augmentations-progress-one .progress-bar {
    height: 3px;
    width: 51px;
    background: #DCDCDC;
}

.augment-progress-one .progress,
.augment-progress-two .progress,
.augment-progress-three .progress {
    height: 3px;
    background: none;
}

.augment-progress-one .progress-bar {
    height: 3px;
    width: 114px;
    background: #57CC99;
}

.augmentations-progress-two .progress-bar {
    width: 120px;
    height: 3px;
    background: #DCDCDC;
}

.augment-progress-two .progress-bar {
    height: 3px;
    width: 249px;
    background: #57CC99;
}

.augmentations-progress-three .progress-bar {
    width: 249px;
    height: 3px;
    background: #DCDCDC;
}

.augment-progress-three .progress-bar {
    height: 3px;
    width: 464px;
    background: #57CC99;
}

/* notre-vision css end */


/* Fonctionnalites css start */

.solution-block .header-block h5{
    font-family: 'PF Square Sans Pro Medium';
    color: #03003B;
    line-height: 24px;
    letter-spacing: 0.5px;
}
.solution-block .header-block .fun-numbers
{
    color: #57CC99;
}

.solution-block .content-block .content-box .content-img {
    min-height: 292px;
}
.content-box:last-child, .profitez .startup.profitez-width:last-child {
    margin-right: 0 !important;
}
.min-height-auto {
    min-height: auto;
}

.projet-agile.note-process h2{
    font-family: 'PF Square Sans Pro Medium';
    color: #03003B;
}
.projet-agile.note-process h5{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 20px;
    line-height: 24px;
    align-items: center;
    letter-spacing: 0.5px;
    color: #03003B;
}
.projet-agile.note-process .fun-div-title h4
{
    color: #333333;
}

.solution-block.de-projet-block .fun-div-title h4
{
    font-family: 'PF Square Sans Pro Medium';
    color: #333333;
}
.fun-background-clr
{
    background: #F7F8FA;
}
.des-link a{
    color: #57CC99;
}
.functionaties-font h2{

    line-height: 36px;
    letter-spacing: 0.25px;
}

.solution-block-fun .header-block .fun-numbers h3.remove__heading__line {
    font-family: "PF Square Sans Pro Medium";
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #57CC99;
}

.functionaties-font .functinality__text {
    max-width: 220px;
}

.projet-agile.note-process .fun-div-title h4 .div-text-title
{
    color: #03003B;
}

.solution-block-fun .fun-block h2
{
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
    z-index: 1;
}
.solution-block-fun .fun-block h2::after
{
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    left: 0;
    top: 29px;
    z-index: -1;
}
.solution-block-fun .fun-block h5 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}
.solution-block-fun .header-block .fun-numbers h3{
    color: #57CC99;
}
.projet-agile.note-process .fun-div-title .text-clr h4
{
    font-family: 'PF Square Sans Pro Medium';
    color: #333333;
}
.fun-background-clr .text-clr h4{
    color: #03003B !important;
}

.latest-article .content-block h4{
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
    max-width: 360px;
    min-height: 96px;
}

.latest-article .content-block h4 a{
    text-decoration: none;
    color: #03003B;
}

.payment-intro-list ul li {
    padding: 0px 0 20px 0;
    background: none;
}
.payment-intro-list ul li span{
    background-image: url('assets/images/check_circle.png');
    background-size: 20px;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 0 0 0 32px;
    color: #333333;
    display: flex;
}

/* Fonctionnalites css start */

/* blog page css */

.second-nav {
    background: #F7F8FA;
}

.second-nav li a {
    color: #828282;
}

.second-nav .active {
    color: #141414;
}

.importance .importance-ux span {
    font-family: 'PF Square Sans Pro medium';
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #8F929C;
}

.importance .importance-ux p {
    max-width: 478px;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #8F929C;
}
.pourquoi .content-block .content-box{
    max-width: 402px;
}

.importance .importance-ux h1 {
    font-weight: bold;
    font-size: 45px;
    line-height: 54px;
    letter-spacing: 0.25px;
    color: #03003B;
}
.pourquoi h3{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
}
.pourquoi .blog h6{
    font-size: 10px;
    line-height: 19px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #03003B;
    font-family: 'PF Square Sans Pro Medium';
}
.latest-article1 .btn-primary{
    font-size: 16px;
    line-height: 19px;
    color: #03003B;
    background: white;
    border: 1px solid #E5E5E5 !important;
}
.tous-les h2{
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
}
.tous-les .tous-les-one .form-select{
    width: auto;
}
.tous-les .tous-les-one .form-select:focus{
    border-color: #ced4da;
    box-shadow: none;
}

.cocolabs-intro a {

    text-decoration-line: underline;
    color: #57CC99;
}

.cocolabs-links {
    letter-spacing: 0.5px;
    color: #333333;
    font-family: "PF Square Sans Pro Medium";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
}

.partager .container {
    max-width: 822px;
    justify-content: center;
}

.partager .cocolabs-intro p {
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #072C1C;
}

.partager .cocolabs-intro h3 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #333333;
}

.partager .cocolabs-intro a {
    color: #57CC99;
    text-transform: lowercase;
    font-size: 18px;
}

.link-table .container {
    max-width: 822px;
    justify-content: center;
}

.blog-h6-text {
    max-width: 507px;
    justify-content: center;
}

.button-div-box {
    align-items: flex-start;
    padding: 10px 15px;
    background: rgba(87, 204, 153, 0.15);
    border-radius: 2px;
    margin-bottom: 10px;
    margin-right: 10px;
    float: left;
}

.button-div-text p {

    font-size: 16px;
    line-height: 19px;
    color: #072C1C;
}

.input-test-desc p {

    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #FFFFFF;

}

.link-table .accordion-button::after {
    background-image: url('assets/images/accordion-arrow.png');
}

.accordion-button.accordion-button-title {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 19px;
    color: #03003B;
}

.artical-input {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
}

/* .input-span {
    background: #57CC99;
} */

.input-text .input-group {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    max-width: 400px;
    height: 49px;
    border: 0px;
}

.input-grup-side-button span a {
    font-size: 16px;
    line-height: 34px;
    color: #072C1C;
    text-decoration: none;
}

.dot p {

    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 140%;
    letter-spacing: 0.5px;
    color: #03003B;
    margin: 0px 10px;
}

.social-block {
    position: fixed;
    right: 0px;
    max-width: 193px;
    background: #FFFFFF;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04);
    /* transform: matrix(1, 0, 0, -1, 0, 0); */
    margin-top: 116px;
}

.social .border-bottom {
    border-bottom: 5px solid #57CC99 !important;
}

.social-block h6 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.social-block p {
    max-width: 156px;
}


.user-testing .container {
    max-width: 822px;
    justify-content: center;
}

.user-testing p {
    font-size: 15px;
    line-height: 140%;
    align-items: center;
    text-align: center;
    letter-spacing: 0.4px;
    color: #8F929C;
    max-width: 601px;
    margin: 0 auto;
}

.latest-article1 h1 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    position: relative;
}

.latest-article1 .article-block1 {
    max-width: 600px;
}

.latest-article1 .article-block1 span {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    text-transform: uppercase;
    color: #8F929C;
}

.tous-les .article-block1 h4 {
    font-family: 'PF Square Sans Pro medium';
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.tous-les .article-block1 h4 a {
    text-decoration: none;
    color: #03003B;
}
.latest-article1 h1{
    z-index: 1;
}
.latest-article1 h1::after {
    content: '';
    position: absolute;
    width: 100px;
    height: 10px;
    background: rgba(87, 204, 153, 0.5);
    top: 29px;
    z-index: -1;
    left: 0;
}

.articales-main-title h5 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.articales-main-title .card-body h5 {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.articles-card-desc p {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    letter-spacing: 0.4px;
    color: #8F929C;
}

.articles-card-padding {
    padding-left: 10px;
}

.tous-les-articales {
    font-family: 'PF Square Sans Pro Medium';
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 787px;
    height: 49px;
    background: #57CC99;
    border: none;
    font-size: 16px;
    line-height: 19px;
    color: #072C1C;
}

.latest-article .article-block.artical-links {
    position: absolute;
    right: 55px;
}

.blog-mere-image-title p {

    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0.25px;
    color: #090909;
}

.blog-mere-image-link a {
    font-size: 16px;
    line-height: 19px;
    text-decoration: underline;
    color: #57CC99;
}

.latest-article1 .accordion-button::after {
    background-image: url('assets/images/accordion-arrow.png');
}

.market-place .form-control{
    font-family: 'PF Square Sans Pro Thin';
    max-width: 300px;
    border-radius: 0;
    padding: 12px 12px;
}
.market-place p small{
    font-family: 'PF Square Sans Pro Regular';
    font-size: 12px;
}
.market-place .btn.btn-primary{
    padding: 12px 20px !important;
}

/* page-not-found page css start here */

.oups h1 {
    font-family: 'PF Square Sans Pro Bold';
    font-size: 45px;
    line-height: 54px;
    letter-spacing: 0.25px;
    color: #03003B;
}

.oups h3 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    max-width: 516px;
}

.oups p {
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.25px;
    color: #8F929C;
    max-width: 500px;
}

.oups h6 {
    font-family: 'PF Square Sans Pro Medium';
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.5px;
    color: #000000;
}

.oups .form-control:focus {
    box-shadow: none;
}

.oups .btn {
    width: fit-content;
}

.oups .form-control {
    max-width: 65%;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #C8C8C8 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    padding: 12px 12px !important;
}


/* page-not-found page css start end */

.extra-boxes-space.solution-block .content-block .content-box{
    max-width: 298px;
}
.extra-boxes-space.solution-block .content-block .content-box:nth-child(4n){
    margin-right: 0 !important;
}
.graph-detail span {
    font-family: 'PF Square Sans Pro Bold';
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.1px;
    color: #03003B;
}
.expandSearch{
    display: inline-block;
    position: relative;
    overflow: hidden;
  }
  .expandSearch img{
    position: absolute;
    top: 0;
    left: 0;
    padding: 8px 4px 8px 8px ;
    cursor: pointer;
    user-select: none;
    transition: 0.24s;
  }
  .expandSearch input{
    border:none;
    background: none;
    font:14px/1.4 sans-serif;
    padding-left: 26px;
    transition: 0.24s;
    width: 0px;
    padding: 8px 0px 8px 34px;
}
.expandSearch input:focus{
    outline: none;
    width: 100%;
    padding: 10px 12px 10px 34px;
    border-bottom: 1px solid #828282;
  }
  .expandSearch input:focus + img{
    /*padding: 8px 4px 8px 8px ;*/
    color: #ddd;
    pointer-events: none;
  }

@media (max-width:375px){
    .latest-article .container{
        max-width: 345px;
    }
    .cocolabs-intro-box{
        max-width: 345px;
    }
}

/* dropdown menu */
.dropdown-menu li a{
    white-space: normal;
}
.header-menu .nav-item{
    position: relative;
    padding: 0 12px;
}
.header-menu .nav-item:hover .dropdown-menu{
    cursor: pointer;
    visibility: visible;
}
.header-menu .nav-item.dropdown-arrow::after{
    content: '';
    background: url('assets/images/dropdown-arrow.png') no-repeat left top;
    width: 10px;
    height: 5px;
    position: absolute;
    top: 16px;
    right: 0;
}
.header-menu .dropdown-menu{
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    width: 394px;
    padding: 0;
    visibility: hidden;
}
.header-menu .dropdown-menu li:first-child{
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
    border-radius: 3px 3px 0px 0px;
    line-height: 64px;
    background: #F7F8FA url('assets/images/technology.png') no-repeat 15px 23px;
    padding: 0 0 0 50px;
}
.single-row .dropdown-menu{
    width: 218px;
}
.single-row .dropdown-menu li{
    width: 100%;
}

.mobile-nav .dropdown-menu{
    display: none;
    flex-wrap: wrap;
    width: 100%;
    padding: 0;
    position: relative;
    border: none;
    margin: 0 0 0 10px;
}
.mobile-nav .dropdown-menu li:first-child{
    display: none;
}
.mobile-nav .nav-item{
    position: relative;
    padding: 0 25px;
}
.mobile-nav .nav-item.dropdown-arrow::after{
    content: '';
    background: url('assets/images/dropdown-arrow-blue.png') no-repeat left top;
    width: 10px;
    height: 5px;
    position: absolute;
    top: 40px;
    right: 20px;
}

/* slick slider css start here */
ul.slick-dots{
    bottom: -60px;
}
.slick-dots li{
    width: 90px;
}
.slick-dots li button:before {
    font-family: none;
    width: 80px;
    height: 10px;
    background: #DCDCDC;
    color: transparent;
}
.slick-dots li.slick-active button:before {
    background: #57CC99;
    color: transparent;
}


.project-slider ul.slick-dots{
    bottom: -60px;
    background: #F7F8FA;
    border-radius: 43px;
    width: fit-content;
    padding: 3px 64px;
}
.project-slider .slick-dots li{
    width: 20px;
    margin: 4px 0 0 0;
}

.project-slider .slick-dots .slide-prev.slick-arrow{
    margin: 0 10px;
}
.project-slider .slick-dots .slide-next.slick-arrow{
    margin: 0 10px 0 0px;
}
.project-slider .slick-dots .slick-arrow{
    cursor: pointer;
}
.project-slider .slick-dots li button:before {
    content: '';
    font-family: none;
    width: 8px;
    height: 8px;
    background: #DCDCDC;
    border-radius: 50px;
}
.project-slider .slick-dots li.slick-active button:before {
    background: #57CC99;
}

.accordion-button:not(.collapsed){
    background: none;
    box-shadow: none;
}
.technologie-block{
    max-width: 610px;
}

.accordion-item.expertise__accordion .collapse {
    max-height: 0;
    transition: max-height .2s linear, visibility .2s linear ;
    visibility: hidden;
    display: block !important;
}

.accordion-item.expertise__accordion:hover .collapse{
    cursor: pointer;
    visibility: visible;
    transition: max-height .2s linear, visibility .2s linear ;
    max-height: 1000px;
}

@media (min-width: 1025px) {
    .container {
        max-width: 1240px;
    }
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {

    .conception .föreställ p,
    .Développement .föreställ p {
        max-width: 100%;
    }
    .consultez .content-block .content-box {
        max-width: 320px;
    }
    .marketplace .content-block .content-box {
        max-width: 200px;
    }
    .accompagnement .content-block .content-box {
        max-width: 312px;
    }
    .case_study .solution-block.extra-boxes-space .content-block .content-box {
        max-width: 227px;
    }
    .content-block.expertises-owner-block .content-box,
    .content-block.expertises-accompagnents-block .content-box,
    .content-block.team-block .content-box {
        max-width: 222px;
    }

    .content-block.team-block .content-box h1 {
        min-height: 70px;
    }
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
    .header-menu .nav-item:first-child {
        padding-left: 0;
    }
    .header-menu .nav-item {
        margin-top: 12px;
    }
    .marketplace .content-block .content-box {
        max-width: 150px;
    }
    .solution-block .box-space {
        padding: 0 6px !important;
    }
    .accompagnement .content-block .content-box {
        max-width: 210px;
    }
    .case_study .solution-block.extra-boxes-space .content-block .content-box {
        max-width: 160px;
    }
    .content-block.expertises-owner-block .content-box,
    .content-block.expertises-accompagnents-block .content-box {
        max-width: 155px;
    }
    .de-projet-block .content-block .content-box .profession {
        min-height: 82px;
    }
    .note-process.processus-block .content-block .note-detail {
        padding-right: 0;
    }
    .profitez {
        background: #F7F8FA;
        padding: 0 0 230px 0;
    }
    .acteurs-img {
        margin-top: -230px;
    }
    .cocolabs-intro-box-brd {
        max-width: 325px;
    }
    .expertise-block .content-block .content-box {
        max-width: 221px;
    }

    .Payment p,
    .opening .une-gestion .une-gestion-content h2,
    .contactez-intro h1,
    .Payment h1,
    .opening .une-gestion .une-gestion-content p {
        max-width: 100%;
    }
    .Payment .case-study-intro {
        padding-bottom: 30px;
    }
    .natifs .card {
        max-width: 336px;
    }
    .payment-blocks {
        margin-bottom: 16px;
    }

    .leader p,
    .sommes .payment-intro h1,
    .sommes .payment-intro p,
    .solution .payment-intro h2,
    .nous h1,
    .payment-intro h1 {
        max-width: 100%;
    }
    .conception .startup {
        max-width: 330px;
    }
    .grand_panel .operation-block .startup {
        max-width: 200px;
    }
    .grand_panel .operation-block h6 {
        min-height: 97px;
    }
    .success .startup p {
        max-width: 280px;
    }
    .grand_panel .intégration .startup {
        max-width: 325px;
    }
}

.img-fluid.desktop__image {
    display: block;
}
.img-fluid.mobile__image {
    display: none;
}

@media (max-width:767px){
    .mobile-full-image{
        width: 100%;
    }
    .solution-block .content-block .content-box{
        max-width: 100%;
    }
    .latest-article .article-block{
        max-width: 100%;
    }
    ul.footer-second-menu li{
        padding: 0 0 0 25px;
        line-height: 2.5;
    }
    .footer-main .mobile-border{
        border-bottom: solid 1px rgba(255, 255, 255, 0.25);
    }
    .accordion-arrow {
        margin: -10px 0 8px;
        visibility: visible;
    }
    .footer-main .footer-nav-list.show .accordion-arrow {
        transform: rotate(180deg);
        transition: ease 0.2s all;
    }
    .footer-main .footer-nav-list.hide ul{
        transition: ease all 0.2s;
        visibility: hidden;
        opacity: 0;
        height: 0px;
        padding: 0;
    }
    .footer-main .footer-nav-list.show ul{
        transition: ease all 0.2s;
        visibility: visible;
        opacity: 1;
        height: auto;
        padding-top: 15px;
    }
    .header-menu {
        display: none;
    }

    .header-logo {
        height: 30px;
    }

    .header_logo_wrapper {
        padding: 20px 30px;
    }

    .sidebar {
        display: block;
        background: #03003B;
        height: 70px;
    }

    #main {
        display: block;
    }

    .sidebar .mobile {
        position: absolute;
        background: white;
        top: 0;
        text-align: left;
        width: 300px;
    }

    .sidebar.close .mobile {
        margin-left: -100%;
        transition: margin-left 1s ease !important;
    }

    .sidebar.open .mobile {
        margin-left: 0;
        transition: margin-left 1s ease !important;
        height: 100vh;
        position: fixed;
        z-index: 99;
        overflow-y: scroll;
    }

    .close-btn {
        border: 0;
        background: transparent;
    }

    .open-btn {
        padding-right: 53px;
    }

    .menu-logo-wrapper {
        padding: 19px 23px 20px 30px;
    }

    .dropdown {
        padding: 24px 0 !important;
    }

    .dropdown-menu li {
        width: 100%;
    }

    .dropdown-expert {
        flex-wrap: wrap;
        min-width: 275px;
        height: auto;
    }

    .dropdown .btn {
        font-size: 16px !important;
    }

    .dropdown-item {
        padding: 0;
    }

    .dropdown-expert li:first-child {
        display: none;
    }
    .market-place{
        max-width: 100%;
    }
    .dropdown-toggle.show {
        color: #57CC99;
    }

    /* hero image */
    .hero-img {
        display: none;
    }

    .hero-content h1 {
        font-size: 40px;
    }

    /* compagnons section */

    .compagnons-img {
        width: 344px;
    }

    .compagnons .nav-tabs {
        width: auto;
        padding-top: 25px;
        text-align: center !important;
    }
    .compagnons .nav-tabs .nav-item {
        display: none;
    }
    .compagnons .nav-tabs .nav-item:nth-child(1), .compagnons .nav-tabs .nav-item:nth-child(2){
        display: flex;
        width: 50%;
        justify-content: center;
    }
    /* expertises page css start here */
    .projet-agile .une-gestion .une-gestion-img{
        position: relative;
    }
    .note-process .content-block .note-detail{
        padding-right: 0;
    }
    /*.latest-article .container{
        max-width: 375px;
    }*/
    .success-story h1::after{
        left: 17px;
    }
    .projet-agile .accordion-item .accordion-button, .projet-agile .accordion-item .accordion-button:not(.collapsed) {
        padding: 24px 0;
    }
    .projet-agile img{
        max-width: 100%;
    }
    /* expertises page css  end  here */
    /* contact page css */
    .contact .Contact-intro {
        background: #F7F8FA;
    }

    /* la-technology-second css end */
    .lancer .rendre h2{
        padding: 0 4px;
    }
    .lancer .market-place h2 {
        padding: 0;
    }
    .mobile-img{
        display: none;
    }
    .w-230{
        width: 230px;
    }
    .mobile-width{
        max-width: 86px;
    }
    .min-height-50{
        min-height: 50px !important;
    }
    .marketplace-img{
        max-width: 100%;
    }
    .marketplace .content-block .content-box{
        width: 100%;
    }
    .sommes .payment-intro ul li {
        width: 50%;
    }
    .opening .une-gestion .une-gestion-content {
        position: relative;
    }
    .lancer .rendre h2{
        padding: 0 4px;
    }
    .lancer .market-place h2 {
        padding: 0;
    }
    .payment-intro-list img{
        max-height: inherit;
    }
    .profitez, .fonctionnalités .container{
        padding: 0 0 100px 0;
    }
    .acteurs-img{
        margin-top: -100px;
    }
    /* page-not-found.html */
    .oups .form-control {
        max-width: 100%;
    }
    .market-place-main, .lancer .lancer-background{
        background: none;
    }
    .grand_panel .grand, .conception .startup, .grand_panel .intégration .startup, .intégration .startup p {
        max-width: 100%;
    }
    .social-mobile .social-block {
        position: relative;
        max-width: 91%;
        margin-top: 0px;
    }
    .social-mobile .social-block p{
        max-width: 100%;
    }
    .social-mobile .a2a_floating_style {
        border-radius: 0px;
    }
    #gform_wrapper_1 .gfield_validation_message, #gform_wrapper_3 .gfield_validation_message {
        min-width: 300px;
    }
    #gform_wrapper_1 form, #gform_wrapper_3 form {
        flex-direction: column;
    }
    .acteurs-img .slick-dotted.slick-slider{
        max-width: 100%;
        padding-right: 0!important;
        height: 255px;
        width: 345px;
    }

    .videoWrapper iframe {
        height: calc(100vh - 422px);
    }

    .functionaties-font .functinality__text {
        border-bottom: none;
        max-width: 345px;
    }
    .functionaties-font .functinality__text:last-child {
        border-bottom: 1px solid #DCDCDC;
    }

    .payment-intro h3 {
        max-width: 300px;
    }

    .img-fluid.desktop__image {
        display: none;
    }
    .img-fluid.mobile__image {
        display: block;
    }
    .img-fluid.progress__img {
        height: 204px;
    }
    .remove-mobile-bg{
        background-color: transparent;
    }
    .calendy-wrapper iframe {
        position: absolute;
        top: 11%;
        left: 5%;
        width:calc(100vw - 4px);
        height: 100%;
        box-sizing: border-box;
    }
    .solution-block .content-block .content-box{
        min-height: 180px;
    }
    .blog_section_content img{
        width: 100%;
        height: auto;
    }
    .marketplace .marketplace-box-img {
        max-width: 86px;
        min-height: auto !important;
        min-width: initial !important;
    }
    .fonctionnalités .startup p{
        max-width: 100%;
    }

    .extra-boxes-space.solution-block .content-block .content-box{
        max-width: 100%;
    }
}

.adv-srch-tags {
    cursor: pointer;
}
.a2a_floating_style {
    border-radius: 0;
}
.blog-image-container img.blog-img{
    width: 100%;
}

/**
 * Css for newsletter form
 */
#gform_wrapper_1, #gform_wrapper_1 form, #gform_wrapper_1 .gform_validation_errors, #gform_wrapper_1 .validation_message, #gform_1
#gform_wrapper_3, #gform_wrapper_3 form, #gform_wrapper_3 .gform_validation_errors, #gform_wrapper_3 .validation_message, #gform_3
{
    background-color: transparent;
}

.articales-main-title #gform_wrapper_1 .gfield_validation_message, .articales-main-title #gform_wrapper_3 .gfield_validation_message {
    min-width: 375px;
    padding: 4px 8px 0px 8px;
}

#gform_wrapper_1 .gfield, #gform_wrapper_3 .gfield {
    width: 289px;
    background-color: transparent;
    border: 0;
    padding: 0px;
    margin: 0px;
}

#gform_wrapper_1 form, #gform_wrapper_3 form {
    display: flex;
}

.market-place #gform_wrapper_1 .btn-primary, .market-place #gform_wrapper_3 .btn-primary {
    padding: .5rem .75rem !important;
}

#gform_wrapper_1 .gform_footer, #gform_wrapper_3 .gform_footer {
    margin: 0px;
    padding: 0px;
}

.gform_confirmation_message {
    color: #01b901;
}

#gform_wrapper_1 .gform_validation_errors, #gform_wrapper_3 .gform_validation_errors {
    display: none;
}

#gform_wrapper_1 .gfield_validation_message, #gform_wrapper_3 .gfield_validation_message {
    min-width: 290px;
    color: #fff;
    font-weight: bold;
    padding: 0px;
    background-color: #b90000;
}

/**
 * Css for contact us form
 */
.my-forms .gfield,
.my-payment-forms .gfield {
    background-color: transparent;
    border: 0;
    padding: 0px !important;
    margin: 0px !important;
}

.my-forms .gform_footer,
.my-forms .gform_page_footer
.my-payment-forms .gform_footer,
.my-payment-forms .gform_page_footer {
    padding: 0px;
    margin: 0px;
}

.my-payment-forms form {
    background: transparent;
    margin: 0 !important;
    padding: 0 !important;
}

.my-forms .gform_wrapper.gravity-theme .gfield_label,
.my-payment-forms .gform_wrapper.gravity-theme .gfield_label {
    font-size:  14px !important;
    margin-bottom: .5rem;
    /* font-family: "PF Square Sans Pro Medium"; */
    color: #000;
    font-weight: 400;
}

.gform_wrapper.gravity-theme .gfield input {
    border: 1px solid #E5E5E5;
}

.my-forms form input[type=text],
.my-forms form textarea,
.my-payment-forms form input[type=text],
.my-payment-forms form textarea
{
    border: 1px solid #e5e5e5 !important;
    padding: .8rem 1rem !important;
    color:#000000 !important;
}

.gform_wrapper.gravity-theme .ginput_counter {
    text-align: right;
    color: #000!important;
}

.header-block h2.remove__heading__line::after {
    content: initial;
}

@media (max-width:767px){
    .projet-agile .une-gestion .une-gestion-content {
        width: 345px;
        margin: 0 auto;
    }
    .une-gestion-img img {
        height: 207px !important;
        width: 345px !important;
    }
    .sommes .payment-intro h3.payment_sub_heading {
        color: #333333;
    }

     .grand .startup, .grand .startup p {
        max-width: unset;
    }
    .featured-logo .container a {
        display: inline-block;
        width: 40%;
    }
    .solution-block.etudes .content-block .content-box{
        width: 345px;
    }
}

.remove__heading__line::after {
    content: initial !important;
}

.large__account_transform__section .payment-intro h2 {
    max-width: 619px;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0.25px;
    color: #03003B;
    font-weight: 400;
}

.payment-intro-small__title {
    font-family: "PF Square Sans Pro Medium";
    font-weight: 700;
    font-size: 12px;
    color: #8F929C;
}

.payment-blocks-desc__title {
    font-family: "PF Square Sans Pro Medium";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.cocolabs-value-section .sub__heading{
    max-width: 512px;
}
.max-image-height img{
    height: 40px;
}
.home-three-block{
    max-width: 397px;
}
.home-three-block:last-child{
    margin-right: 0 !important;
}
.featured-logo-technologies img{
    max-height: 60px;
}
.featured-logo img{
    max-height: 100px;
}
.fonctionnalités .mobile-full-image {
    max-width: 270px;
}

h6.align__all_title {
    min-height: 80px;
}

.marketplace .marketplace-box-img {
    min-width: 296px;
}
.phone a {
    text-decoration: none;
}

.expertise__section.success .grand h3 {
    color: #03003B;
}

.case_study .btn-primary.btn-green{
    background: #57CC99;
    color: #072C1C;
    border-color: #57CC99;
}

.case_study .btn-primary.btn-green:hover{
    cursor: pointer;
    /* background-color: #FFF;
    color: #57CC99; */
    background-color: #3dad7c;
    color: #072C1C;
    border-color: #3dad7c;
}

.expertise-accordian .accordion-body img{
    padding: .5rem !important;
}

h2.payment-intro__sub-heading {
    max-width: 620px;
}

.payment_service_wrap .payment-intro, .service_provide_section .payment-intro {
    max-width: 485px;
}

.service_provide_section .payment-intro-list ul li {
    max-width: 475px;
    padding: 0px 0 16px 0;
}

.natifs .container {
    border-top: 1px solid #E3E3E3;
    padding-top: 50px;
}

.contactez-intro h2 {
    color: #333333;
}

.natifs .container .payment-intro-list ul {
    min-height: 200px;
}

img.partner__company__logo {
    max-width: 90px;
}

h6.block_second_title {
    font-family: "PF Square Sans Pro Medium";
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0.5px;
    color: #03003B;
}

.select2-container {
    max-width: 74%;
    font-size: 16px !important;
    line-height: 19px !important;
    color: #000000 !important;
    background: #FFFFFF !important;
    border: 1px solid #E5E5E5 !important;
    box-sizing: border-box;
    border-radius: 0 !important;
    padding: 0 !important;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 30px;
    left: -1px !important;
}

.case_study_features {
    padding-bottom: 400px !important;
    background: #F7F8FA;
}

.case_study_features + section {
    margin-top: -350px;
}

@media screen and (max-width: 767px) {
    .payment_service_wrap .payment-intro h2, .service_provide_section .payment-intro h2 {
        font-size: 36px;
    }

    .service_provide_section .content__section {
        order: 2;
    }

    .natifs .container {
        border-top: 0;
        padding-top: 0;
    }


    .case_study_wrapper div:nth-child(1)  {
        order: 1;
    }
    .case_study_wrapper div:nth-child(2) {
        order: 3;
    }
    .case_study_wrapper div:nth-child(3) {
        order: 2;
    }
    .case_study_wrapper div:nth-child(4) {
        order: 4;
    }
    .case_study_wrapper div:nth-child(5) {
        order: 5;
    }

    .select2-container {
        max-width: 100%;
    }

    .select2-container--open .select2-dropdown--below {
        margin-top: 44px;
        left: -1px !important;
    }

    .latest-article .content-block h4{
        min-height: unset;
    }

    .second-nav .nav{
        flex-direction: row;
        overflow-x: scroll;
        flex-wrap: unset;
    }

    .second-nav .categories{
        width: 87%;
    }

    .second-nav .search__wrapper{
        width: 12%;
        border-left: 1px solid #ccc;
    }

    .second-nav .search__wrapper .expandSearch{
        top: 4px;
    }

    .second-nav .search__wrapper.show {
        border-left: 0;
    }

    .second-nav .search__wrapper.open .expandSearch {
        top: 103px;
        width: 100%;
        background: #fff;
        position: absolute;
        right: 0;
    }

    .second-nav li a{
        white-space: nowrap;
        padding: 13px 16px;
    }

    .tous-les .tous-les-one .form-select{
        width: 80%;
        padding: 14px;
    }

    .link-table .border-bottom {
        border: 0 !important;
    }

    .case_study_features {
        padding-bottom: 120px !important;
        background: #F7F8FA;
    }

    .success-story{
        background-color: #FFF;
    }

    .case_study_features + section {
        margin-top: -115px;
    }

    .tous-les {
        border-top: 1px solid #dee2e6!important;
    }

    .tous-les .accordion {
        position: inherit;
    }

    .tous-les .accordion:after {
        content: ' ';
        border-bottom: 1px solid #dee2e6!important;
        height: 17px;
        width: 375px;
        position: absolute;
        display: block;
        left: 0px;
    }

    .blog__page__accordion_wrapper {
        padding: 17px;
        border-top: 1px solid #dee2e6!important;
        border-bottom: 1px solid #dee2e6!important;
    }

    .blog__page__accordion_wrapper .cocolabs-links {
        font-family: "PF Square Sans Pro Medium";
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
        color: #03003B;
    }

    .blog__page__accordion_wrapper .cocolabs-links img {
        transition: all 0.2s;
    }

    .blog__page__accordion_wrapper.open .cocolabs-links img {
        transform: rotate(180deg);
        transition: all 0.2s;
    }

    /* .blog__page__accordion_wrapper:after {
        content: ' ';
        border-bottom: 1px solid #dee2e6!important;
        height: 17px;
        width: 375px;
        position: absolute;
        display: block;
        left: -12px;
    }
    .blog__page__accordion_wrapper .cocolabs-links:before {
        content: ' ';
        border-top: 1px solid #dee2e6!important;
        height: 17px;
        width: 375px;
        position: absolute;
        display: block;
        left: -12px;
        top: 0;
    } */

    .blog__page__accordion_wrapper .accordion__text {
        font-family: "PF Square Sans Pro Medium";
        font-style: normal;
        font-size: 16px;
        line-height: 19px;
        text-decoration-line: underline;
        color: #57CC99;
    }

    .blog__page__accordion_wrapper .blog__accordion {
        transition: max-height .2s linear, visibility .2s linear ;
        visibility: hidden;
        opacity: 0;
        max-height: 0px;
        padding: 0;
    }

    .blog__page__accordion_wrapper.open .blog__accordion {
        transition: max-height .2s linear, visibility .2s linear ;
        visibility: visible;
        opacity: 1;
        max-height: 1000px;
        padding-top: 35px;
    }

    .fonctionnalités .mobile-full-image {
        max-width: unset;
    }

}

.natifs .payment-blocks .payment-intro-list ul li:nth-child(2) span,
.natifs .payment-blocks .payment-intro-list ul li:nth-child(1) span {
    color: #03003B;
}

.payment-intro-list ul li:nth-child(1) span,
.payment-intro-list ul li:nth-child(2) span {
    color: #03003B;
}

.page_not_found .select2-container {
    padding: 14px !important;
}

.page_not_found .select2-container .select2-selection--single {
    height: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page_not_found .select2-container .select2-selection--single button {
    order: 2;
}

.error404 .select2-dropdown {
    border-top: 0;
    border: 1px solid #E5E5E5 !important;
}

.error404 .select2-results {
    display: block;
    height: 174px;
    overflow-y: scroll;
    padding: 24px 18px 0px;
    border-top: 0;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #C8C8C8;
}

.error404 .select2-results::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
  }

.error404 .select2-results::-webkit-scrollbar {
width: 5px;
background-color: transparent;
border-radius: 5px;
}

.error404 .select2-results::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 5px;
}

.error404 .select2-results::-webkit-scrollbar-track {
background-color: transparent;
}
.error404 .select2-results::-webkit-scrollbar {
background-color: transparent;
}

.error404 .select2-results::-webkit-scrollbar-thumb {
background-color: rgba(78, 78, 78, 0.9);
}


.footer-main .contact-number a{
    color: #fff;
    text-decoration: none;
}

.other__pages__links a {
    font-family: "PF Square Sans Pro Medium";
    font-size: 16px;
    line-height: 19px;
    text-decoration-line: underline;
    color: #57CC99;
}

.other__pages__links a:hover {
    cursor: pointer;
    text-decoration: none;
}

.partager .blog_section_content{
    color: #212529;
}

.search-result > div.border-bottom:nth-last-child(2) {
    border-bottom: 0 !important;
}

.pourquoi .content-block .content-box h4 {
    min-height: unset;
}

.pourquoi .content-block .content-box span {
    text-transform: uppercase;
}
.tous-les .form-select {
    border-radius: 0;
}

.cocolabs-intro-box-homepage:nth-child(3){
    margin-right: 0 !important;
}

.ver-slider-image{
    width: 70px;
    background: center;
}

.partager .process-box-sticky {
    position: sticky;
    top: 5px;
    background: #ffffff;
}


.partager .process-box-sticky .feature__box__select option {
    text-decoration-line: underline;
    color: #57CC99;
}

.partager .process-box-sticky .feature__box__select {
    font-family: "PF Square Sans Pro Medium";
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    color: #03003B;
}

.card{
    border-radius: 0px;
}

.contact .my-forms input[type="text"]::placeholder,
.my-forms textarea::placeholder{
    color: #c8c8c8 !important;
}

.contactez .my-payment-forms input[type="text"]::placeholder,
.my-payment-forms textarea::placeholder{
    color: #c8c8c8 !important;
}

.contact .my-forms input[type="text"]{
    color: #333;
}

.note-detail-block h4{
    font-size: 20px;
}

.payment-intro h2.payment_sub_heading{
    color: #333333;
    font-size: 36px !important;
    line-height: 40px !important;
}

.payment-intro h2.sub__heading {
    font-size: 36px;
    line-height: 40px;
}

/* body.page__overlay {
    background-color: rgba(3,0,59, 0.5);
    z-index: 9;
} */

.mobile__nav_wrapper {
    visibility: hidden;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    padding: 0;
    z-index: 9;
    transition: all .3s ease;
    right: 0;
    display: block;
    border-radius: 10px;
}

.page__overlay .mobile__nav_wrapper {
    visibility: visible;
    background-color: rgba(3,0,59, 0.5);
}

.link-right{
    font-family: "PF Square Sans Pro Medium";
    font-style: normal;
    font-size: 16px;
    /* line-height: 19px; */
    text-decoration-line: underline;
    color: #57CC99;
}

.payment-option .slick-slide img {
    display: inline-block!important;
}

.nav .dropdown-menu.dropdown-item.active, .dropdown-item:active{
    background-color: #e9ecef;
}