.ban-hp{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:600px;height:70dvh;width:100%;overflow-x:hidden}.ban-hp sup{font-size:60%}@media all and (min-width: 768px){.ban-hp{height:610px}.ban-hp::before{content:"";background:linear-gradient(90deg, rgba(0, 0, 0, 0.74) 0%, rgba(0, 0, 0, 0.5) 28.17%, rgba(0, 0, 0, 0) 59.72%),rgba(211,211,211,0) 0px -519.188px/100% 218.655% no-repeat}}.ban-hp .ban-hp-visuel{position:absolute;height:100%;width:100%;overflow-y:hidden}.ban-hp .ban-hp-visuel img.character{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}.ban-hp .ban-hp-content{position:relative;height:100%;display:flex;flex-direction:column;z-index:1}.ban-hp .ban-hp-content .text{display:flex;flex-direction:column;width:100%;padding:24px 28px;position:absolute;top:0;transform:translateY(-100%);-webkit-animation:slideIn 1s ease-in-out .5s forwards;animation:slideIn 1s ease-in-out .5s forwards}@media all and (min-width: 768px){.ban-hp .ban-hp-content .text{position:relative;right:unset;padding-left:4%;top:50%;transform:translateY(-50%);align-items:flex-start;gap:48px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-animation:none;animation:none}}@-webkit-keyframes slideIn{to{transform:translateY(0)}}@keyframes slideIn{to{transform:translateY(0)}}.ban-hp .ban-hp-content .text .title{top:22%;left:0;width:100%;text-align:center;font-style:normal;font-weight:700;line-height:110%;letter-spacing:-0.84px;font-size:42px;font-size:clamp(42px, 1.9642857143vw + 35.7142857143px, 64px);background:linear-gradient(119deg, #bad606 7.34%, #fff 42.75%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}@media all and (min-width: 768px){.ban-hp .ban-hp-content .text .title{position:static;text-align:left;margin:0}}.ban-hp .ban-hp-content .text .wrapper{display:flex;flex-direction:column;gap:22px;bottom:18%;width:100%}@media all and (min-width: 768px){.ban-hp .ban-hp-content .text .wrapper{position:static;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}.ban-hp .ban-hp-content .text .wrapper .card{border-radius:24px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px);padding:16px;color:#fff;display:flex;flex-direction:column;gap:12px}.ban-hp .ban-hp-content .text .wrapper .card h2{display:flex;flex-direction:column;gap:8px;margin:0;color:#fff;font-size:18px;font-style:normal;font-weight:700;line-height:110%;letter-spacing:-0.36px}.ban-hp .ban-hp-content .text .wrapper .card h2 .offer{font-size:32px;display:inline-flex;align-items:baseline;gap:8px}.ban-hp .ban-hp-content .text .wrapper .card h2 .offer span.amount{display:flex;padding:14px 18px;align-items:center;gap:8px;color:#000;border-radius:36px;background:#bad606;font-size:48px;letter-spacing:-0.96px}.ban-hp .ban-hp-content .text .wrapper .card .cta-container{display:flex;flex-direction:column;gap:10px}.ban-hp .ban-hp-content .text .wrapper .card .cta-container>a{margin:0;width:100%;text-align:center}.ban-hp .ban-hp-content .text .wrapper .card .cta-container>a img{filter:grayscale(0) brightness(6.5) contrast(0)}.ban-hp .ban-hp-content .text .wrapper .card-epargne{border-radius:12px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:row;padding:12px;gap:10px;align-items:center}.ban-hp .ban-hp-content .text .wrapper .card-epargne .percent{color:#bad606;font-family:Arial;font-size:40px;font-style:normal;font-weight:400;line-height:20px}.ban-hp .ban-hp-content .text .wrapper .card-epargne p{margin:0;color:#fff;font-size:16px;font-style:normal;font-weight:700;line-height:20px;width:60%;display:flex;align-items:center;gap:6px}@media all and (min-width: 768px){.ban-hp .ban-hp-content .text .wrapper .card-epargne p{width:auto}}.ban-hp .chevrons-container{display:none;position:absolute;top:66%;left:0;right:0;display:flex;flex-direction:column;align-items:center;opacity:0;z-index:999;-webkit-animation:chevron 4.7s cubic-bezier(0.68, -0.15, 0.27, 1.55) infinite;animation:chevron 4.7s cubic-bezier(0.68, -0.15, 0.27, 1.55) infinite}@media all and (min-width: 768px){.ban-hp .chevrons-container{display:none}}@-webkit-keyframes chevron{0%{opacity:0}5%{opacity:1;transform:translateY(24px)}10%{opacity:1;transform:translateY(0)}15%{opacity:1;transform:translateY(24px)}20%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes chevron{0%{opacity:0}5%{opacity:1;transform:translateY(24px)}10%{opacity:1;transform:translateY(0)}15%{opacity:1;transform:translateY(24px)}20%{opacity:0;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}section{position:relative}.offre-wrapper-desk{display:none;flex-direction:column;position:absolute;bottom:-94px;left:0;right:0;z-index:9}@media all and (min-width: 768px){.offre-wrapper-desk{display:flex}}.offre-wrapper-desk .offre-container{margin-left:42px}.offre-wrapper-desk .offre-container .offre{width:240px;padding:16px;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:8px;border-radius:24px;background:rgba(0,0,0,.38);-webkit-backdrop-filter:blur(36px);backdrop-filter:blur(36px);color:#fff}.offre-wrapper-desk .offre-container .offre .offre-content{display:flex;flex-direction:column}.offre-wrapper-desk .offre-container .offre .offre-content .top{display:flex;flex-direction:row;justify-content:space-between}.offre-wrapper-desk .offre-container .offre .offre-content .top .and{display:flex;width:30px;height:30px;justify-content:center;align-items:center;border-radius:165px;background:#fff;color:#000;font-weight:bold;font-size:20px}.offre-wrapper-desk .offre-container .offre .offre-content .top .epargne{color:rgba(255,255,255,.75);font-size:18px;font-style:normal;font-weight:700;line-height:20px}.offre-wrapper-desk .offre-container .offre .offre-content .montant{color:#bad606;font-size:106px;font-style:normal;font-weight:700;line-height:102px}.offre-wrapper-desk .offre-container .offre .offre-content .montant .light{font-weight:300}.offre-wrapper-desk .offre-container .offre .offre-content .btn-link{margin:0;padding:0;font-weight:normal;color:#fff}@media(prefers-color-scheme: light)and (max-width: 768px){.offre-wrapper-desk .offre-container .offre .offre-content .btn-link{color:#000}}