/*
 Theme Name:   Project
 Author:       Digitom Web
 Template:     Divi
 Text Domain:  digitom
*/

.et_pb_circle_counter canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: auto!important;
}

.et_pb_circle_counter .percent p {
    /*background-color: #ffcc00;*/
    /*border-radius: 150px;*/
    font-weight: 700;
    font-size: 40px;
    position: relative;
    line-height: .1em;
    padding: 49% 0;
}

.home-projet-cout-total {
    font-size: 32px;
    padding-bottom: 0px!important;
    margin-bottom: -19px!important;
    text-align: center;
    color: #364581!important;
}

.home-projet-cout-europe {
    font-weight: 700;
    font-size: 42px;
    padding-top: 0px!important;
    margin-top: 0px!important;
    text-align: center;
    color: #ffcc00!important;
    margin-bottom: 0!important;
}

.home-projet-discover-btn:hover {
    color: #65B6AA!important;
    border-color: #65B6AA!important;
    background-image: initial;
    background-color: #FFFFFF;
}
.home-projet-discover-btn {
    color: #FFFFFF!important;
    border-width: 1px!important;
    border-color: #FFFFFF;
    border-radius: 1px;
    letter-spacing: 1px;
    font-size: 24px;
    text-transform: uppercase!important;
    padding-right: 2em;
    padding-left: 0.7em;
    background-color: #65B6AA;
}

.home-projet-discover-btn:after {
    color: #FFFFFF;
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: 0.3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
}

.home-projet-discover-btn[data-icon]:not([data-icon=""]):after {
    content: attr(data-icon);
}

.projet-home-column-cout {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%!important;
    margin-right: 0!important;
}

.projet-home-module-header {
    font-family: 'Proxima Nova',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 36px!important;
    color: #364581!important;
}

.projet-home-info:hover .projet-home-plus {
    animation-name: projet-bouton;
    animation-timing-function: ease-in-out;
    transform-origin: bottom left;
    animation-duration: 0.7s;
}
.projet-home-plus {
    display: inline-block;
    text-transform: uppercase;
    color: #364581;
    font-size: 22px;
    font-weight: 700;
    animation-duration: 1s;
}

.projet-home-info:hover .projet-home-plus span {
    animation-name: projet-plus;
    animation-timing-function: ease-in-out;
    animation-duration: 0.7s;
    background-color: #0C3265;
    color: white;
}
.projet-home-plus span {
    display: inline-block;
    border: 1px solid #364581;
    border-radius: 20px;
    line-height: 24px;
    width: 30px;
    text-align: center;
    padding: 4px 3px 1px 3px;
    transform: scale(0.9);
}

.projet-home-column-1 {
    width: 20%!important;
    margin-right: 0!important;
}

.projet-home-column-2 {
    width: 30%!important;
    margin-right: 0!important;
}

.projet-home-circle-counter {
    border-radius: 200px 200px 200px 200px;
    overflow-x: visible;
    overflow-y: visible;
    margin-top: 0px!important;
    margin-right: auto!important;
    margin-bottom: 30px!important;
    margin-left: auto!important;
    height: 150px;
}

.projet-home-image {
    -webkit-mask-image: url('/wp-content/plugins/digiplate/web/img/projet-home-mask.svg');
    mask-image: url('/wp-content/plugins/digiplate/web/img/projet-home-mask.svg');
    -webkit-mask-position: 0 50%;
    mask-position: 0 50%;
    -webkit-mask-size: auto 100%;
    mask-size: auto 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-mode: alpha;
}

.projet-home-description {
    text-align: justify;
}