body
{
   font-family: "Inter";
}

.logo
{
   color: #333;
   font-weight: bold;
}

.email
{
   background-color: #78ad95;
   padding: 10px 25px;
   border-radius: 20px;
   color: white;
   font-weight: bold;
}

.section-1
{
   /* background-image: linear-gradient(0deg, rgba(120, 173, 149, 0.35), rgba(120, 173, 149, 0.35)), url('https://assets.nicepagecdn.com/d2cc3eaa/6392834/images/business-meeting-office6-min.jpg'); */
   background-image: linear-gradient(0deg, rgba(120, 173, 149, 0.35), rgba(120, 173, 149, 0.35)), url('../img/business-meeting-office.jpg');
   background-size: cover, cover;
   background-repeat: no-repeat, no-repeat;
   background-position: center, center; /* Centre bien l'image */
   min-height: 100vh; /* Hauteur plein écran */
   display: flex;
   align-items: center;
   justify-content: center;
}


.section-1 .agency, .section-1 .slogan
{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   color: white;
   text-shadow: 2px 3px 8px black;
}

.section-1 .agency
{
   font-size: 3.5rem;
   font-weight: bold;
   border-right: 10px solid #78ad95;
   padding-right: 10px;
   margin-right: 10px;
}

.section-1 .slogan
{
   font-size: 2rem;
   text-align: center;
}

.section-2
{
   background-color: #f1ffeb;
   padding-top: 60px;
   padding-bottom: 60px;
}

.section-2 h2
{
   margin-bottom: 50px;
   font-size: 2.75rem;
   font-weight: bold;
}

.section-2 h3
{
   font-weight: bold;
}

.section-2 .smiley-woman
{
   width: 100%;
   height: auto;
   border-radius: 25px;
}

.section-3 h3
{
   font-size: 3.5rem;
   font-weight: bold;
   margin-top: 60px;
   margin-bottom: 45px;
}

.section-3 .team
{
   margin-bottom: 50px;
   text-align: left;
}

.section-3 .portrait {
   width: 100%;
   max-width: 300px;
   /* height: 300px; */
   object-fit: cover; /* remplira le cadre en coupant si nécessaire */
   border-radius: 7px;
   margin-bottom: 20px;
   box-shadow: 10px 10px aliceblue;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.section-3 .col-md-4
{
   margin-bottom: 20px;
}

.section-3 .col-md-4:last-of-type
{
   margin-bottom: 60px;
}

.portrait + p
{
   text-align:left;
}

.section-4
{
   background-color: #78ad95;
   padding-top: 60px;
   padding-bottom: 60px;
}

.section-4 h3
{
   margin-bottom: 50px;
   text-align: center;
   font-weight: bold;
}

.section-4 p
{
   line-height: 1.75rem;
}

.section-4 > .container-fluid, .section-4 > .container
{
   background-color: white;
   padding: 50px;
}

.section-5
{
   margin-top: 60px;
   margin-bottom: 60px;
   text-align: center;
}

.section-5 .row:first-of-type
{
   margin-bottom: 50px;
}

.section-5 h3, .section-5 p
{
   text-align: center;
}

.section-5 p:nth-of-type(2)
{
   font-size: 2rem;
}

.section-5 .col-md-4
{
   margin-bottom: 25px;
}

@media (max-width: 767.98px) {
   .section-1 .agency {
      font-size: 2rem;
      border-right: none;
      padding-bottom: 10px;
      margin-bottom: 10px;
   }

   .section-1 .slogan
   {
      font-size: 1.5rem;
   }

   .email
   {
      font-size: .9rem;
   }

   .section-4
   {
      background-color: #ffffff;
      font-size: .9rem;
   }
}