.service-part{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;

    width:100%;
    gap:1rem;
    padding:2rem ;
    box-sizing: border-box;

}
.service-elem-part{
    width:20%;
    max-width:350px;
    height:500px;

    display:flex;
    flex-direction: column;
    gap:1rem;
}
.service-elem-part.service-intro-part{
    width:25% !important;
}
.half-part{
    position:relative;
    height:50%;
    width:100%;
    display:flex;

    border-radius: 10px;
    transition:all 0.3s ease;
}
.half-part:hover{
    transform: scale(1.1); 
    transform-origin: center; 
}
.half-part.first{
    background:linear-gradient(70deg,rgb(179, 181, 181),rgb(235, 238, 238),rgb(179, 181, 181));
}
.half-part.first:hover{
    background:linear-gradient(130deg,rgb(120, 124, 124),rgb(235, 238, 238),rgb(120, 124, 124));
}
.half-part.second{
    background:linear-gradient(270deg,rgb(2, 27, 28),rgb(7, 71, 72),rgb(2, 22, 22));
}
.half-part.second:hover{
    background:linear-gradient(320deg,rgb(0, 7, 7),rgb(9, 95, 96),rgb(0, 5, 5));
}
.half-part h1{
    font-family: 'Lato-blackitalic';
    align-self:center;
    width: 80%;

    color:white;
    margin: auto;
    text-shadow: 2px 2px 5px rgb(46, 45, 45), -2px -2px 5px rgb(46, 45, 45); 
}
.first-plus{
    position:absolute;
    line-height: 25px;
    padding:3px 7px 3px 7px;

    right:10px;
    top:10px;
    font-size: 30px;
    color:white;

    background: rgb(194, 6, 6);
    border-radius:200rem;
    cursor: pointer;
    transition: all 0.5s ease;

}
.first-plus:hover{
    padding:4px 7px 4px 7px;
    font-size: 35px;
    color:white;
    background: rgb(2, 48, 48);
}
.half-part-one{
    height:20%;
    width:100%;
    display:flex;
}
.half-part-two{
    height:80%;
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content:space-between ;

    border-radius: 10px;
    background:linear-gradient(45deg,#450707,#c81c1c,#5a0d0d);
    transition:all 0.3s ease;
}
.half-part-two:hover{
    background:linear-gradient(100deg,#450707,#b31818,#450707);
    transform: scale(1.05); 
    transform-origin: center;
}

.half-part-one h1{
    align-self:center;
    margin: auto;
    width: 80%;
    font-size:2.5rem;

    font-family: 'Lato-blackitalic';
    color:rgb(216, 6, 6);
    line-height:2.5rem;
}
.half-part-one a{
    width:100%;
    height:100%;
    border:5px solid rgb(6, 92, 82); 
    border-radius:1rem;

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

.half-part-one a:hover{
    border-color:red;
    border:7px solid red;

}
.half-part-one a:hover h1 {
  font-size: 2.8rem;
}
.half-part-one span{
    color:rgb(6, 81, 74);
}
.half-part-two h1{
    font-family: 'Lato-blackitalic';
    align-self:flex-start;
    margin:50px 0 0 20px;
    width: 80%;

    color:white;
    font-size:3rem;
    text-shadow: 2px 2px 5px rgb(46, 45, 45), -2px -2px 5px rgb(46, 45, 45); 
}

.service-arrow{
    width:60px;
    height:60px;
    margin: 0 0 20px 20px;

    cursor: pointer;
    transition: all 0.3s ease;
    opacity:0.8;
}
.service-arrow:hover{
    width:70px;
    height:70px;
    opacity:1;
}

.service-title{
    font-family: 'Lato-blackitalic';
    font-size: 3rem;
    width:80%;

    /* color:rgb(5, 56, 50); */
    color:rgb(196, 0, 0);
    margin:0;

}
.service-intro{
    color:rgb(32, 31, 31);
    font-family: sans-serif;
    font-size: 1.2rem;
    width:80%;
}
.service-intro span{
    font-weight: bold;
}
@media(max-width:1000px){
    .half-part-two h1{
        font-size:2.2rem;
        margin:50px 0 0 10px;
    } 
    
}

@media(max-width:800px){
    
/*PARTIE SERVICE*/
    .service-part{
        padding:2rem 0 2rem 0;
    }
    .service-elem-part.service-intro-part,.service-elem-part{
        width:80% !important;
        max-width:100% !important;
    }
    .half-part{
        width:100% !important;
        max-width:100% !important;
    }
    .half-part-one{
        width:100% !important;
        max-width:100% !important;
    }
    .half-part-two{
        width:100% !important;
        max-width:100% !important;
    }
    .half-part-two h1{
        font-size:3rem;
        margin:50px 0 0 20px;
    } 
    .half-part h1{
        font-size:2.5rem;
        margin:50px 0 0 20px;
    }

}


.service-first{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    overflow-x: hidden;

}

/* Pancarte post acceuil */
.accroche-large{
    max-width: 70%;
    text-align:center;
    color:#b10a0a;
    font-weight: none;
    font-size:1.5rem;
    position:relative;

}
.ecrito{
    font-family: 'Lato-italic';
    font-family: 'Lato-black';
    font-family: sans-serif;
    margin:2rem;
}
.accroche-large h2{
    font-family: 'Lato-blackitalic';
}
.accroche-large p{
    color:#024746;
    font-family: sans-serif;
}
.second-accroche-large{
    margin-top: 2rem;;
}
.accroche-large span{
    font-weight: bold;
    max-width: 100%;
}

.accroche-large h2::after{
    position:absolute;
    content:"";
    width:8rem !important;
    top:5px;
    left: calc(50% - 4rem);
    padding:2px;
    background-color:#165049;

}
/* Fin*/

/* Englobe le service-intro et  les service-card */
.service-parts{
    margin-top: 2rem;
    display:flex;
    align-items: center;

    flex-direction: column;
    width:100%;
    overflow-x: hidden;
}

/* Partie card */
.service-card{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap:5%;

    border: 6px dashed #165049;
    padding: 2rem;
    border-radius: 1rem;

    margin:2rem;
    margin-top:0;
    margin-bottom:2rem;
    overflow-x:hidden;
}

.second-service-card{
    flex-wrap: wrap-reverse;
}
.second-service-card-button{
    background: linear-gradient(45deg,#ffb300, #fdc951 , #ffe3a2);
    color:#165049;
    font-weight: bold;
    flex-wrap: wrap-reverse;
}

.service-card-text{
    width:45%;
    background: none;
    color:#165049;
    box-sizing: border-box;
    padding-bottom: 2rem;
}
.service-card-text-h1{
    font-size:3rem ;
    position:relative;
    margin-bottom: 5rem;
    color:#b10a0a;
    font-family: 'Lato-blackitalic';
}
.service-card-text-h1::after{
    content: "";
    padding:2px;
    width:10rem;
    background-color: #165049;

    position: absolute;
    bottom:-1rem;
    left:0rem;
}

.card-img-container{
    width:48%;
}

.service-card-img{
    width:100%;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

.service-card-content{
    font-family: sans-serif;
    text-align:left;
    color:#0c443d;

    font-weight: none;
    font-size:1.5rem;
    margin-bottom:4rem;

}
.service-card-content span{
    font-weight:bold;
}

.number{
    border-radius:20rem;
    padding:3px 10px 3px 10px;
    margin-right: 10px;
    background: rgb(5, 62, 70);
    color:white;
}




@media(min-width: 1001px){
    .service-card-img{
        object-fit: cover;
        object-position: center;
        width:100%;
        height:35rem;
    }
}

@media(max-width:1000px){
    .service-card-text{
        background-color: white;
        width:90%;
        background: none;
    }
    .card-img-container{
        width:90%
    }

    .intro-service-content{
        width :100%;
    }

    .intro-service-img{
        width:30rem;
    }


}

@media(min-width:700px){
    .ecrito-bottom-service p{
        width:60% !important;
    }
}
@media(max-width:600px){
    .service-card{
        margin:0 1rem 2rem 1rem;
        border: 3px dashed #165049;
        border-radius: 1rem;
        overflow-x:hidden;
        padding:30px 5px 10px 5px;
    }
    .service-card-text-h1{
        font-size:2rem ;
        position:relative;
        margin-bottom: 3rem;
        margin-top:0rem;
    }
    .service-card-content p{
        text-align:left;
        font-size:1.2rem;
        margin-bottom:3rem;   
    }
    .accroche-large p{
        font-size:1.4rem;
    }
}