.workflow-section{background:url(/Images/brand-bg.jpg) 50%/cover;padding:100px 0;position:relative;overflow:hidden}.workflow-section .maincommon-header{padding-bottom:20px}.maincommon-header p{text-align:center;padding:0}.workflow-section:before{content:"";z-index:0;background:radial-gradient(circle,#eb002914 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.workflow-section:after{content:"";z-index:0;background:radial-gradient(circle,#667eea0f 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-30%;left:-10%}.workflow-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;display:grid;position:relative}.workflow-grid:before{content:"";z-index:0;border-bottom:2px dashed #232434;height:3px;position:absolute;top:100px;left:20%;right:20%}.workflow-card{text-align:center;z-index:2;background:#fff;border:2px solid #0000;border-radius:24px;flex-direction:column;align-items:center;padding:50px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000000f}.workflow-card:before{content:"";opacity:1;z-index:-1;background:#fdd234;width:100%;height:0;transition:all .4s;position:absolute;bottom:0;left:0}.workflow-card:hover:before{opacity:1;height:100%}.workflow-card .icon-wrapper{z-index:1;background:#fdd234;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:30px;display:flex;position:relative}.workflow-card .icon-wrapper svg{color:#fff;filter:drop-shadow(0 2px 4px #0000001a);transition:all .3s;width:40px!important;height:40px!important}.workflow-card:hover .icon-wrapper{background:#fff}.workflow-card:hover .icon-wrapper svg{color:#fdd234;transform:scale(1.1)}.workflow-card .step-number{color:#fff;z-index:10;background:#fdd234;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-family:Signika,sans-serif;font-size:1.5rem;font-weight:800;transition:all .3s;display:flex;position:absolute;top:25px;left:50%;transform:translate(-50%);box-shadow:0 2px 5px #0000001a}.workflow-card:hover .step-number{transform:rotate(10deg)}.workflow-card h3{color:#121212;letter-spacing:-.5px;margin-bottom:18px;font-family:Signika,sans-serif;font-size:1.75rem;font-weight:700;transition:color .3s}.workflow-card:hover h3{color:#fff}.workflow-card p{color:#666;text-align:center;margin:0;font-family:Inter,sans-serif;font-size:1rem;line-height:1.7;transition:color .3s}.workflow-card:hover p{color:#444}@media screen and (max-width:991px){.workflow-section{padding:80px 0}.workflow-grid{grid-template-columns:1fr;gap:40px;max-width:500px;margin-left:auto;margin-right:auto}.workflow-grid:before{display:none}.workflow-card{padding:40px 30px}.workflow-card .icon-wrapper{width:90px;height:90px}.workflow-card .step-number{width:45px;height:45px;font-size:1.3rem;top:20px;right:20px}.workflow-card h3{font-size:1.5rem}}@media screen and (max-width:479px){.workflow-section{padding:60px 0}.workflow-card{padding:35px 25px}.workflow-card .icon-wrapper{width:80px;height:80px}.workflow-card .icon-wrapper svg{width:35px!important;height:35px!important}.workflow-card h3{font-size:1.35rem}.workflow-card p{font-size:.95rem}}