/*!
 * 2Aie
 * Page de service style.css
 * Version - 1.0.1
 *
 * Copyright (c) 2023
 */

/*  =============================================
*   ================== GENERAL ==================
*/

/* Section home */
#home span {
   font-size: 16px !important;
   font-weight: 300 !important;
}

#home h1,
#home h1 * {
   font-size: 52px !important;
   font-weight: 600 !important;
   color: var(--secondary);
   line-height: 1;
}

#home p {
   font-size: 18px !important;
}

/* Section details */
#details {
   border-bottom: 1px solid #808080;
}

#details span {
   font-size: 26px !important;
   font-weight: 500 !important;
}

#details h2,
#details h2 * {
   font-size: 30px !important;
   font-weight: 500 !important;
   color: var(--primary-dark) !important;
}

#details #features h3 {
   font-size: 23px;
   color: var(--secondary) !important;
}

#details .bonus {
   font-size: 14px !important;
   font-weight: 400 !important;
   background-color: rgba(255, 255, 255, .5) !important;
   padding: 10px 20px;
}

/* Section Comment ça marche */
#how-it-work .surtitle {
   font-size: 26px !important;
   font-weight: 500 !important;
}

#how-it-work h2,
#how-it-work h2 * {
   font-size: 30px !important;
   font-weight: 500 !important;
   color: var(--primary-dark) !important;
}

#how-it-work .title {
   font-size: 23px !important;
   font-weight: 600 !important;
}

#how-it-work ul li {
   font-size: 15px !important;
   font-weight: 400 !important;
   margin: 5px 0px;
}

#how-it-work .bg-bonus {
   background-color: #FBF0D4 !important;
}

/* Section service */

#service h2 {
   font-size: 32px !important;
}

#service .service-description {
   font-size: 20px !important;
   font-weight: 500 !important;
   color: var(--primary-dark) !important;
}

#service h3 {
   font-size: 18px !important;
   color: var(--secondary) !important;
}

#service a:hover h3 {
   color: var(--primary-dark) !important;
}

#service p {
   font-size: 14px !important;
   color: var(--dark) !important;
   font-weight: 300 !important;
}

#service .icon-link {
   background-color: var(--light) !important;
   color: var(--primary-light) !important;
   font-size: 11px;
   padding: 3px 10px;
}

#items .number {
   color: var(--secondary);
   font-size: 30px;
   font-weight: 700;
   text-align: start;
   max-width: 75px !important;
}

#items .number::after {
   display: block;
   content: "";
   background: var(--primary);
   width: 100%;
   height: 2px;
}