.fanomix-demo{background-color:#f5f7f6;background-position:50%;background-size:cover;overflow:hidden;padding:100px 0;position:relative}.fanomix-demo:before{background:radial-gradient(circle,rgba(0,255,120,.25) 0,rgba(0,255,120,.1) 70%,transparent 80%);content:"";filter:blur(80px);height:470px;left:70%;position:absolute;top:145px;transform:translateX(-50%);width:800px;z-index:0}.fanomix-demo>*{position:relative;z-index:1}.fanomix-demo .top-content{align-items:center;display:flex;gap:40px;margin-bottom:50px}.fanomix-demo .top-left{max-width:595px}.fanomix-demo .top-right{max-width:250px}.fanomix-demo .tag{color:#6b7280;font-family:Nunito Sans;font-size:14px;font-weight:700;letter-spacing:3%;line-height:15px;margin-bottom:10px;text-transform:uppercase}.fanomix-demo .top-content h2{color:#1e1e1e;font-family:Lexend;font-size:40px;font-weight:700;letter-spacing:0;line-height:21px;margin-bottom:15px}.fanomix-demo svg{vertical-align:middle}.fanomix-demo .subtext p{color:#6b7280;font-family:Nunito Sans;font-size:17px;font-weight:400;letter-spacing:0;line-height:26px;margin-bottom:0}.fanomix-demo .demo-wrapper{align-items:flex-start;display:flex;gap:40px}.fanomix-demo .demo-left{max-width:595px;width:100%}.fanomix-demo .demo-right{max-width:398px;width:100%}.fanomix-demo .steps{background:#fff;border:2px solid #2ecc71;border-radius:9px;display:flex;margin-bottom:30px;overflow:hidden}.fanomix-demo .step{border-right:2px solid #2ecc71;flex:1;padding:18px}.fanomix-demo .step:last-child{border-right:none}.fanomix-demo .step-number{color:#272635;display:block;font-family:Nunito Sans;font-size:12px;font-weight:700;letter-spacing:3%;line-height:15px;margin-bottom:6px;text-transform:uppercase}.fanomix-demo .step p{color:#6b7280;font-family:Nunito Sans;font-size:14px;font-weight:400;letter-spacing:-1%;line-height:21px;margin:0}.fanomix-demo .preview-box{background:#fff;border:2px solid #2ecc71;border-radius:9px;margin-bottom:25px;padding:40px;text-align:center}.fanomix-demo .preview-box h4{color:#2ecc71;font-family:Nunito Sans;font-size:14px;font-weight:900;letter-spacing:3%;line-height:15px;margin-bottom:10px;text-align:center;text-transform:uppercase}.fanomix-demo .preview-text p{color:#6b7280;font-weight:400;line-height:21px;margin-bottom:0}.fanomix-demo .demo-btn,.fanomix-demo .preview-text p{font-family:Nunito Sans;font-size:14px;letter-spacing:0;text-align:center}.fanomix-demo .demo-btn{background:#272635;border:2px solid transparent;border-radius:50px;color:#fff;display:inline-block;font-weight:700;line-height:125%;padding:10px 28px;text-decoration:none;transition:.3s}.fanomix-demo .demo-btn:hover{background:#fff;border-color:#272635;color:#272635}.fanomix-demo .promo-card{background:#272635;border-radius:10px;color:#fff;display:flex;flex-wrap:wrap;min-height:302px;padding:30px}.fanomix-demo .promo-card .small{color:#6b7280;font-family:Red Hat Display;font-size:15px;font-weight:700;letter-spacing:3%;line-height:15px;text-transform:uppercase;width:100%}.fanomix-demo .demo-right img{display:block;margin-left:auto;max-width:80px!important;width:100%}.fanomix-demo .preview-image img{border-radius:9px}.fanomix-demo .promo-card h3{color:#fff;font-family:Lexend;font-size:19px;font-weight:700;letter-spacing:3%;line-height:15px;margin:10px 0 15px;width:100%}.fanomix-demo .card-text{width:100%}.fanomix-demo .card-text p{font-size:15px}.fanomix-demo .card-text h6,.fanomix-demo .card-text p{font-family:Nunito Sans;font-weight:400;letter-spacing:0;line-height:23px;margin-bottom:15px}.fanomix-demo .card-text h6{color:#6b7280;font-size:13px}.fanomix-demo .card-btn{background:#fff;border-radius:80px;color:#272635;display:inline-block;font-weight:500;padding:9px 25px;text-decoration:none}.fanomix-demo .card-btn img{display:block;max-width:120px}.fanomix-demo .preview-image{display:flex;margin-bottom:25px}@media (max-width:1380px){.fanomix-demo .promo-card{min-height:294px}}@media (max-width:991px){.fanomix-demo .demo-left{max-width:100%}.fanomix-demo .promo-card{min-height:unset}.fanomix-demo .demo-right{max-width:100%}.fanomix-demo .demo-wrapper{flex-wrap:wrap}.fanomix-demo .preview-box{padding:40px 25px}.fanomix-demo .top-content{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:25px}}@media (max-width:600px){.fanomix-demo .top-content h2{font-size:32px;line-height:normal}.fanomix-demo .steps{flex-direction:column}.fanomix-demo .step{border-bottom:2px solid #38c172;border-right:none}.fanomix-demo .step:last-child{border-bottom:none}.fanomix-demo .preview-box{padding:20px 15px}.fanomix-demo .demo-btn{padding:10px 15px}.fanomix-demo .promo-card h3{line-height:normal}.fanomix-demo .top-content{margin-bottom:30px}.fanomix-demo .preview-text p br{display:none}.fanomix-demo .button-wrap{text-align:center}}