.PageComponentClass.ConseilComponentClass{min-height:100vh;display:flex;flex-direction:column}.PageComponentClass.ConseilComponentClass .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.PageComponentClass.ConseilComponentClass .not-found-section{text-align:center;padding:60px 0}.PageComponentClass.ConseilComponentClass .not-found-section h1{font-size:2.5em;color:#333;margin-bottom:20px}.PageComponentClass.ConseilComponentClass .not-found-section p{font-size:1.2em;color:#666}.PageComponentClass.ConseilComponentClass .section{padding:60px 0}.PageComponentClass.ConseilComponentClass .main-content{flex:1}.PageComponentClass.ConseilComponentClass .content-wrapper{display:flex;flex-direction:column;gap:40px}.PageComponentClass.ConseilComponentClass .content-section{width:100%}.PageComponentClass.ConseilComponentClass .paragraphs-container{display:flex;flex-direction:column;gap:20px}.PageComponentClass.ConseilComponentClass .paragraph{font-size:1.1em;line-height:1.6;color:#666}.PageComponentClass.ConseilComponentClass .list-section{width:100%}.PageComponentClass.ConseilComponentClass .list-container{display:flex;flex-direction:column;gap:30px}.PageComponentClass.ConseilComponentClass .list-item{display:flex;gap:20px;align-items:flex-start}.PageComponentClass.ConseilComponentClass .list-item-icon{width:40px;height:40px;background-color:#007bff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.PageComponentClass.ConseilComponentClass .icon-number{color:white;font-weight:700;font-size:1.2em}.PageComponentClass.ConseilComponentClass .list-item-content{flex:1}.PageComponentClass.ConseilComponentClass .list-item-content h3{font-size:1.3em;color:#333;margin-bottom:10px}.PageComponentClass.ConseilComponentClass .list-item-content p{font-size:1.1em;line-height:1.6;color:#666}.PageComponentClass.ConseilComponentClass .benefits-section{width:100%;margin-top:20px}.PageComponentClass.ConseilComponentClass .benefits-title{font-size:1.8em;color:#333;margin-bottom:30px;text-align:center}.PageComponentClass.ConseilComponentClass .benefits-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.PageComponentClass.ConseilComponentClass .benefit-item{display:flex;align-items:flex-start;gap:15px;padding:20px;background-color:#f8f9fa;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease}.PageComponentClass.ConseilComponentClass .benefit-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.PageComponentClass.ConseilComponentClass .benefit-icon{width:30px;height:30px;background-color:#28a745;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.PageComponentClass.ConseilComponentClass .icon-check{color:white;font-weight:700;font-size:1.2em}.PageComponentClass.ConseilComponentClass .benefit-item p{font-size:1.1em;line-height:1.5;color:#333;margin:0}.animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width:768px){.PageComponentClass.ConseilComponentClass .section{padding:40px 0}.PageComponentClass.ConseilComponentClass .not-found-section h1{font-size:2em}.PageComponentClass.ConseilComponentClass .not-found-section p{font-size:1.1em}.PageComponentClass.ConseilComponentClass .paragraph{font-size:1em}.PageComponentClass.ConseilComponentClass .list-item-content h3{font-size:1.2em}.PageComponentClass.ConseilComponentClass .list-item-content p{font-size:1em}.PageComponentClass.ConseilComponentClass .benefits-title{font-size:1.5em}.PageComponentClass.ConseilComponentClass .benefits-container{grid-template-columns:1fr}.PageComponentClass.ConseilComponentClass .benefit-item{padding:15px}.PageComponentClass.ConseilComponentClass .benefit-item p{font-size:1em}}