.tarifs-page-container h1{max-width:700px;color:var(--color-brand-secondary);text-align:center;margin:30px auto auto;font-family:Outfit;font-size:4rem;font-weight:500}.tarifs-subtitle{text-align:center;max-width:700px;color:var(--color-brand-secondary);margin:15px auto 30px;font-weight:300}.tarifs-container{flex-direction:column;gap:50px;width:100%;transition:box-shadow .5s;display:flex}.tarifs-top-container,.tarifs-offers{gap:20px;width:100%;display:flex}.tarifs-content{border:var(--default-border);background-color:var(--color-white);border-radius:4px;height:-webkit-fit-content;height:fit-content;padding:30px}.tarifs-content ul{flex-direction:column;gap:24px;width:-webkit-max-content;width:max-content;display:flex}.tarifs-content li{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:50px;font-weight:300;display:flex}.tarifs-content li div{background-color:var(--color-brand-highlight);border-radius:50%;justify-content:center;align-items:center;min-width:20px;min-height:20px;padding:2px;display:flex}.tarifs-offers{flex-direction:column}.tarif-container{border:var(--default-border);border-radius:4px;overflow:hidden}.tarif-box{background-color:var(--color-white);justify-content:space-between;align-items:center;gap:30px;padding:40px 30px;transition:box-shadow .5s;display:flex;position:relative}.tarif-box:before{content:"";background:linear-gradient(to bottom,var(--color-brand-primary),var(--color-brand-secondary));opacity:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.tarif-box *{z-index:2;position:relative}.tarif-checkbox{border:var(--default-border);background-color:var(--color-white);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:25px;height:25px;transition:border-color .5s;display:flex}.tarif-checkbox *{cursor:pointer!important}.tarif-checkbox svg{transition:fill .5s}.tarif-mid{flex-direction:column;gap:10px;width:100%;display:flex}.tarif-name-container{gap:20px;font-family:Outfit;font-size:1.5rem;display:flex}.tarif-mentions{align-items:flex-end;gap:8px;margin-top:-1px;margin-bottom:1px;font-family:Outfit;font-size:1.5rem;display:flex}.tarif-mention{color:#897fff;background-color:var(--color-background-light);border-radius:15px;height:-webkit-fit-content;height:fit-content;margin-bottom:2px;padding:3px 9px;font-family:Outfit;font-size:.7rem;font-weight:300;transition:color .5s,background-color .5s}.tarif-mention.network{background-color:var(--color-light-blue);color:var(--color-brand-secondary)}.tarif-commitment{color:var(--color-text-secondary);font-weight:300}.tarif-bottom-mention{background-color:var(--color-light-blue);color:var(--color-text-secondary);border-top:1px solid var(--color-light-grey);align-items:center;gap:8px;padding:15px 40px;font-size:.8rem;font-weight:300;display:flex}.tarif-price-container{flex-direction:column;gap:10px;display:flex}.tarif-final-price{color:var(--color-brand-secondary);align-items:baseline;gap:3px;font-family:Outfit;font-size:1.5rem;transition:color .5s;display:flex}.tarif-final-price div{color:var(--color-brand-secondary);font-family:Outfit;font-size:1.2rem;transition:color .5s}.tarif-default-price{text-align:right;opacity:.8;font-family:Outfit;text-decoration:line-through;transition:color .5s}.tarif-container.active *,.tarif-container.active .tarif-final-price div{color:var(--color-white)}.active.tarif-container{box-shadow:0 8px 13px #4a3aff3b}.tarif-container.active .tarif-box:before{opacity:1}.tarif-container.active .tarif-mention{background-color:var(--color-white);color:#897fff}.tarif-container.active .tarif-mention.network{color:var(--color-white);background-color:var(--color-brand-secondary)}.tarif-container.active .tarif-bottom-mention{color:var(--color-text-secondary)}.tarifs-offers .button{background:linear-gradient(to left,var(--color-brand-primary),var(--color-brand-secondary),var(--color-brand-secondary));font-size:1.1rem;transition:box-shadow .3s;box-shadow:0 2px 5px #4a3aff40}.tarifs-offers .button:hover{box-shadow:none;background:0 0}.tarifs-global-mention{text-align:center;color:var(--color-text-secondary);font-weight:300;line-height:1.2}.tarifs-bottom{border:var(--default-border);background-color:var(--color-brand-primary);border-radius:4px;justify-content:space-between;align-items:center;gap:50px;padding-right:50px;display:flex;overflow:hidden}.tarifs-bottom-content{padding:50px 0}.tarifs-bottom img{object-fit:cover;width:400px;height:190px;margin-left:-25px;display:block}.tarifs-bottom-content h2{color:var(--color-white);font-family:Outfit;font-size:1.5rem}.tarifs-bottom-content h2 span,.tarifs-bottom-content p{color:var(--color-white);font-size:.9rem;font-weight:300}.tarifs-bottom .button{min-width:-webkit-max-content;min-width:max-content}.tarifs-section{padding:50px 10px}.tarifs-section h2{text-align:center;font-family:Outfit;font-size:2.6rem}.tarifs-section:last-child{align-items:center;gap:50px;display:flex}.tarifs-left p{margin:20px 0 40px;font-weight:300}.tarifs-left h2{text-align:left}.tarifs-right{max-width:55%}@media (max-width:1400px){.tarifs-bottom img{height:206px}}@media (max-width:1200px){.tarifs-content li{gap:15px;max-width:300px;font-size:.8rem}.tarif-name-container,.tarif-final-price{font-size:1.3rem}.tarif-box{gap:20px;padding:30px 20px}.tarif-mentions{margin-top:-3px;margin-bottom:3px}}@media (max-width:992px){.tarifs-top-container{flex-direction:column}.tarifs-content ul{width:100%}.tarifs-content li{max-width:unset;width:100%;font-size:1rem}.tarifs-section:last-child{flex-direction:column;gap:30px}.tarifs-right{max-width:100%}.tarifs-bottom{gap:30px;padding-left:30px;padding-right:30px}.tarifs-bottom img{object-fit:contain;width:-webkit-fit-content;width:fit-content;max-height:150px;margin-left:0}}@media (max-width:768px){.tarifs-bottom img{display:none}.tarifs-bottom-content{padding:30px 0}.tarif-name-container{gap:10px}}@media (max-width:567px){.tarifs-content li{font-size:.8rem}.tarif-name-container,.tarif-mentions{font-size:.9rem}.tarif-checkbox{display:none}.tarif-bottom-mention svg{min-width:16px}.tarif-box{flex-direction:column}.tarif-price-container{margin-left:auto}.tarif-mention{margin-bottom:0}.tarif-mentions{margin:-1px 0 1px}.tarifs-bottom{flex-direction:column;gap:20px;padding-bottom:20px}.tarifs-bottom-content{padding-bottom:0}.tarifs-bottom .button{margin-left:auto}}
