html {
    width: 100%;
    overflow-x: hidden;
}

body
{
    overflow-x: hidden;
}

.text-dark-purple 
{
    color: #533c47 !important;
}


.text-grey 
{
    color: #7c7c7c !important;
}


.text-pink 
{
    color: #d1869b;
}


.text-muted-pink 
{
    color: #937a81;
}

.wrap1 
{
    background: url(../images/bg1.jpg);
    border-bottom: #fff solid 1px;
    margin: 0 auto;
}

.wrap2 
{

    background: url(../images/bg2.jpg);
}

.wrap3 
{

    background: url(../images/bg3.jpg);
}

ul li a {
    color: #533c47 !important;
    text-decoration: none !important;
}

ul li a:hover {
   
    color: #ffffff !important;
}

.navbar-toggler {
    border: none; 
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(0, 0, 0, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    width: 30px;
    height: 30px;
}

.banner 
{
    background: url(../images/Sans\ titre.jpg) no-repeat center center;
    background-size: cover;
    height: 60vh; 
}
  

.box 
 {
    background: #523141;
    border: #603d47 solid 1px;
    padding: 20px 0px 12px 20px;
    margin-bottom: 30px;
  }

  .box1 
{
    background: #d1869b;
    border: #ffffff solid 1px;
    padding: 20px 0px 12px 20px;
    margin-bottom: 30px;
    color: #ffffff;
}

.box2
 {
    background: #523141;
    border: #ffffff solid 1px;
    padding: 20px 0px 12px 20px;
    margin-bottom: 30px;  
    color: #ffffff;
 }


.btn 
{
    width: auto;
    min-width: 100px; 
    max-width: 200px; 
    padding: 10px 20px; 
    background: #d1869b !important;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;

}


.box-p
{
    background: #d1869b;
    border: #ffffff solid 1px;
    padding: 20px 0px 12px 20px;
    margin-bottom: 30px;
}


.bg-image {
    width: 100%;
    height: 21vh;
    background-size: cover;
    background-position: center;
    border: 6px solid white;

}

.img1 {
    background-image: url('../images/image1.jpg');
}

.img2 {
    background-image: url('../images/image2.jpg');
}

.img3 {
    background-image: url('../images/image3.jpg');
}


.content ul li 
{
    list-style: none;
    border-bottom: #e1e1e1 solid 1px;
    line-height: 40px;
    background: url(../images/arrow.png) no-repeat right;
}


.justify-paragraph 
{
    text-align: justify;
}
button .coll

button:not(.collapsed) {
    color: #ffffff !important;
    background-color: #523141 !important ;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button:focus 
{
    border-color: none;
    outline: 0;
    box-shadow: unset
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/arrow.svg);
}

.accordion-button::after {
    background-image:  url(../images/arrow.svg);
}
.accordion-button 
{
    color: #ffffff !important;
    background-color: #523141 !important ;
}

.is-invalid {
    border: 1px solid red;
    background-color: #ffe6e6;
}

.modal {
    backdrop-filter : blur(7px) !important;
}