.steps-section{position:relative;width:100%;overflow:hidden;background-size:auto;background-position:center -500px}.steps-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(194deg,#cef14d1a 1.4%,#fff3 60.36%);z-index:1;pointer-events:none;opacity:0;transition:opacity .3s ease}.steps-section[style*=background-image]:before{opacity:1}.steps-section .container{position:relative;z-index:2}.steps-section .steps-header{text-align:center;margin-bottom:60px}@media (max-width: 768px){.steps-section .steps-header{margin-bottom:40px}}.steps-section .steps-title{color:var(--Primary-Dark-Blue, #032c41);text-align:center;font-family:Source Sans Pro;font-size:40px;font-style:normal;font-weight:400;line-height:normal}@media (max-width: 768px){.steps-section .steps-title{font-size:2rem;margin-bottom:12px}}@media (max-width: 480px){.steps-section .steps-title{font-size:1.75rem}}.steps-section .steps-subtitle{color:var(--Primary-Dark-Blue, #032c41);font-family:Source Sans Pro;font-size:24px;font-style:normal;font-weight:400;line-height:normal}@media (max-width: 768px){.steps-section .steps-subtitle{font-size:1rem}}.steps-section .steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:start}@media (max-width: 768px){.steps-section .steps-grid{grid-template-columns:1fr;gap:32px}}@media (max-width: 480px){.steps-section .steps-grid{gap:24px}}.steps-section .step-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative;height:100%}.steps-section .step-block:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001f}@media (max-width: 768px){.steps-section .step-block{padding:24px 20px;flex-direction:row;text-align:left;align-items:flex-start}}@media (max-width: 480px){.steps-section .step-block{flex-direction:column;text-align:center;align-items:center;padding:20px 16px}}.steps-section .step-icon{width:80px;height:80px;background:linear-gradient(135deg,#007bff,#0056b3);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;flex-shrink:0;transition:all .3s ease}.steps-section .step-icon svg{width:40px;height:40px;color:#fff;transition:transform .3s ease}@media (max-width: 768px){.steps-section .step-icon{width:60px;height:60px;margin-bottom:0;margin-right:20px}.steps-section .step-icon svg{width:30px;height:30px}}@media (max-width: 480px){.steps-section .step-icon{width:70px;height:70px;margin-right:0;margin-bottom:20px}.steps-section .step-icon svg{width:35px;height:35px}}.steps-section .step-block:hover .step-icon{transform:scale(1.1);background:linear-gradient(135deg,#0056b3,#004085)}.steps-section .step-block:hover .step-icon svg{transform:scale(1.1)}.steps-section .step-content{flex:1;width:100%}.steps-section .step-number{font-size:.875rem;font-weight:600;color:#007bff;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}@media (max-width: 768px){.steps-section .step-number{font-size:.8rem}}.steps-section .step-name{font-size:1.5rem;font-weight:600;color:#1a1a1a;margin:0 0 12px;line-height:1.3}@media (max-width: 768px){.steps-section .step-name{font-size:1.25rem;margin-bottom:10px}}@media (max-width: 480px){.steps-section .step-name{font-size:1.125rem}}.steps-section .step-description{font-size:1rem;color:#666;line-height:1.6;margin:0}@media (max-width: 768px){.steps-section .step-description{font-size:.9rem}}@media (min-width: 1200px){.steps-section .steps-grid{grid-template-columns:repeat(3,1fr);max-width:1000px;margin:0 auto}}.steps-section.steps-connected .steps-grid{position:relative}.steps-section.steps-connected .steps-grid:before{content:"";position:absolute;top:40px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#e0e0e0,#007bff,#e0e0e0);z-index:0}@media (max-width: 768px){.steps-section.steps-connected .steps-grid:before{display:none}}.steps-section.steps-connected .step-block{position:relative;z-index:1}.steps-section.steps-list .steps-list{max-width:800px;margin:0 auto}.steps-section.steps-list .steps-list .step-item{display:flex;align-items:center;gap:20px;padding:16px;margin-bottom:40px;background:#fff;transition:all .3s ease;position:relative;border-radius:16px;background:linear-gradient(90deg,#009ee314 -384.26%,#fafafabf 50%);box-shadow:0 1px 1.5px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:97px}.steps-section.steps-list .steps-list .step-item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.steps-section.steps-list .steps-list .step-item:last-child{margin-bottom:0}.steps-section.steps-list .steps-list .step-item .step-number-circle{position:relative;z-index:2;border-radius:33px;background:#f5f5f599;box-shadow:0 1px 1.5px #0003;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--Primary-Dark-Blue, #032c41);text-align:center;font-family:Source Sans Pro;font-size:24px;font-style:normal;font-weight:600;line-height:normal;display:flex;width:65px;height:65px;padding:16px;justify-content:center;align-items:center;gap:8px;flex-shrink:0}.steps-section.steps-list .steps-list .step-item .step-content{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;height:100%}.steps-section.steps-list .steps-list .step-item .step-content .step-name{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4;display:none}.steps-section.steps-list .steps-list .step-item .step-content .step-description{color:#000;font-family:Source Sans Pro;font-size:20px;font-style:normal;font-weight:400;line-height:normal}.steps-section.steps-list .steps-list .step-item .step-icon{flex-shrink:0;width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:12px;color:#6b7280;margin:0}.steps-section.steps-list .steps-list .step-item .step-icon svg{width:90px;height:90px}.steps-section.steps-list .steps-list .step-item .step-icon .step-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.steps-section.steps-list .steps-list .step-item .step-icon .step-icon-wrapper svg{max-width:100%;max-height:100%;width:auto;height:auto}@media (max-width: 768px){.steps-section.steps-list .steps-list .step-item{gap:16px;padding:20px}.steps-section.steps-list .steps-list .step-item:not(:last-child):after{left:28px}.steps-section.steps-list .steps-list .step-item .step-number-circle{width:36px;height:36px;font-size:14px}.steps-section.steps-list .steps-list .step-item .step-content .step-name{font-size:16px}.steps-section.steps-list .steps-list .step-item .step-content .step-description{font-size:13px}.steps-section.steps-list .steps-list .step-item .step-icon{width:40px;height:40px}.steps-section.steps-list .steps-list .step-item .step-icon svg{width:20px;height:20px}.steps-section.steps-list .steps-list .step-item .step-icon .step-icon-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.steps-section.steps-list .steps-list .step-item .step-icon .step-icon-wrapper svg{max-width:100%;max-height:100%;width:auto;height:auto}}@media (max-width: 480px){.steps-section.steps-list .steps-list .step-item{gap:12px;padding:16px}.steps-section.steps-list .steps-list .step-item .step-icon{display:none}}.steps-section.dark-theme .step-block{background:#2a2a2a;color:#fff}.steps-section.dark-theme .steps-title,.steps-section.dark-theme .step-name{color:#fff}.steps-section.dark-theme .step-description{color:#ccc}.steps-section.dark-theme.steps-list .steps-list .step-item{background:#2a2a2a}.steps-section.dark-theme.steps-list .steps-list .step-item .step-content .step-name{color:#fff}.steps-section.dark-theme.steps-list .steps-list .step-item .step-content .step-description{color:#ccc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.step-block,.step-item{animation:fadeInUp .6s ease forwards}.step-block:nth-child(1),.step-item:nth-child(1){animation-delay:.1s}.step-block:nth-child(2),.step-item:nth-child(2){animation-delay:.2s}.step-block:nth-child(3),.step-item:nth-child(3){animation-delay:.3s}.step-block:nth-child(4),.step-item:nth-child(4){animation-delay:.4s}.step-block:nth-child(5),.step-item:nth-child(5){animation-delay:.5s}.step-block:nth-child(6),.step-item:nth-child(6){animation-delay:.6s}.step-block:nth-child(7),.step-item:nth-child(7){animation-delay:.7s}.step-block:nth-child(8),.step-item:nth-child(8){animation-delay:.8s}.step-block:nth-child(9),.step-item:nth-child(9){animation-delay:.9s}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-steps.css.map */