body{
    background-color: #F5F5F1;
}

body p{
    font-family: Calibri;
}

/* .about {
    width: 100%;
    padding: 50px 100px;
    background-color: #fff;
    margin-top: 100px;
} */

.about h6{
    text-transform: uppercase;
    color: #921c5d;
    margin-bottom: 10px;
}

.about h1 {
    font-weight: bold;
    margin-bottom: 2.5rem;
}
.choice{
    margin-top: 2%;
}

.choice-list{
    list-style: none;
}

.choice-item:nth-child(-n+8){
    margin-bottom: 25px;
}

.choice-item{
    cursor: pointer;
    font-size: 1.7em;
}
.choice-item a{
    text-decoration: none;
    color: black;
}

.choice-item:nth-child(2){
    color: #AC196B;
}

.view-content h4{
    margin: 30px 20px ;
}

.view-details{
    background-color: #fae8f1;
    height: auto;
    padding: 50px 100px;
}

.scd-view-details{
    background-color: #e7f7fd;
    height: auto;
    padding: 50px 100px;
}

.view-content h2, .view-details h2, .scd-view-details h2{
    font-size: 40px;
    font-weight: bold;
}

.view-details p, .view-details h5, .scd-view-details p, .scd-view-details h5{
    margin-top: 25px;
}

.scd-details-container, .scd-view-details{
    display: none;
} 

.details-list{
    margin: 20px 40px;
}

.greetings{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.estimation-quote{
    margin-left: 35px;
}

.choice{
    background-color: #EFEDE4;
    padding: 2%;
    max-height: 45em;
    z-index: 2;
    max-width: 30em;
    border-radius: 5% 0 0 5%;
    opacity: .9;
}

.view-content p, .details-content {
    font-size: 2em;
}

.details-container{
    margin-right: 0;
}

.scd-details-container{
    margin-left: 0;
}

/* Test pour je cite créer des ruptures pour moins terne moins basique */
.about .view-content p, .about-p2 .view-content p, .about-p3 .view-content p{
    font-size: 1.3em;
}

.about {
    width: 100%;
    padding: 50px 100px;
    background-color: #fff;
    margin-top: 100px;
    margin-left: 10%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 50px;
}

.about-p2 {
    width: 100%;
    padding: 50px 100px;
    background-color: #FCE5F1;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(146, 146, 146, 0.5);
    position: relative;
    bottom: 40px;
    left: 20px;
    z-index: 1;
}
.about-p3 {
    width: 100%;
    padding: 50px 100px;
    background-color: #fff;
    margin-left: 10%;
    margin-top: 0;
    padding-top: 60px;
    position: relative;
    bottom: 80px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}