/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */
  :root {
    --blue:       #AFCBFF;
    --blue-mid:   #7AAAF5;
    --blue-deep:  #3A6FD8;
    --blue-light: #E8F0FF;
    --beige:      #F5EDE4;
    --beige-mid:  #EDE0D3;
    --yellow:     #FFF3B0;
    --yellow-dk:  #E8D870;
    --anthracite: #2E2E2E;
    --grey-light: #E5E5E5;
    --grey-text:  #2E2E2E;
    --white:      #FFFFFF;
  }

.hero-badge{display:inline-flex;align-items:center;gap:10px;background:var(--yellow);border:0px solid var(--blue);color:var(--grey-text);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:8px 18px;border-radius:30px;margin-bottom:30px;animation:fadeUp .7s ease both}
.hero-badge span{width:7px;height:7px;border-radius:50%;background:var(--blue);flex-shrink:0}
#et-main-area .section-label .et_pb_text_inner p,
#et-main-area .section-label-center .et_pb_text_inner p{
	padding-bottom:0 !important;
}
.section-label {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--grey-text);
    margin-bottom: 20px;
    font-weight: 600;
}
.section-label::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: var(--grey-text);
}
.section-label-center{
    display: flex;          /* remplace inline-flex */
    align-items: center;
    justify-content: center; /* centre le contenu interne */
    gap: 10px;
    font-size: .75rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--grey-text);
    margin: 0 auto 20px;    /* auto gauche/droite = centre le bloc lui-même */
    font-weight: 600;
    width: fit-content;     /* évite qu'il prenne toute la largeur */
}
.section-label-center::before {
    content: '';
    display: block;
    width: 24px;
    height: 2px;
    background: var(--grey-text);
}
.et_pb_text_inner h3{
	color:var(--blue) !important;
}
.et_pb_text_inner h2 em {
    font-style: normal;
    color: var(--blue);
}
.et_pb_text_inner h1 em {
    font-style: normal;
    color: var(--blue);
}
.et_pb_text_inner h1{
    font-style: normal;
    color: var(--grey-text);
}
p:not(.has-background):last-of-type {
    padding-bottom: 1em !important;
}
.card {
    background: var(--white);
    border: 1px solid var(--blue);
    border-radius: 24px;
    padding: 44px 34px;
    transition: background .4s, transform .4s, border-color .4s;
}
.card:hover {
    background: var(--yellow);
    transform: translateY(-8px);
    border-color: var(--white);
}
.text-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.text-list li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 15px;
}
.text-list li::before {
    content: '';
    width: 7px;
    height: 7px;
    flex-shrink: 0;
    border-radius: 50%;
    background: var(--blue);
    margin-top: 10px;
}
@media (max-width: 768px) {
	.col-reverse{
		display:flex;
		flex-direction:column-reverse
	}
}