.background_color_green {
   background-color: rgb(33 82 102);
 }

 .text-white {
   color: "white";
 }

 .text-yellow {
   color: #FBE15C;
 }

 .text-small {
   font-size: 30px;
 }

 .text-medium {
   font-size: 40px;
 }

 .text-large {
   font-size: 50px;
 }

 .text-title {
   font-size: 60px;
 }

 .text-underline {
   text-decoration: underline;
   /* active le soulignement */
   text-decoration-thickness: 3px;
   /* épaisseur du trait */
 }

 @font-face {
   font-family: 'SimplementeSuati';
   src: url('fonts/SimplementeSuati-Regular.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
 }

 body {
   font-family: 'SimplementeSuati', sans-serif;
 }

 .btn-custom {
   display: inline-block;
   padding: 12px 30px;
   font-size: 2rem;
   color: #ffffff;
   font-family: 'SimplementeSuati', sans-serif;
   background: linear-gradient(45deg, #FFD700, #FFA500);
   /* jaune/orange */
   border-radius: 25px;
   text-decoration: none;
   transition: transform 0.2s, box-shadow 0.2s;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
 }

 .btn-custom:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
   background: linear-gradient(45deg, #FFE135, #FFB732);
 }

 .step-img {
   flex: 1 1 30%;
   max-width: 32%;
   height: auto;
   object-fit: cover;
 }