.onepercent-about{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);padding:235px 0 100px;position:relative}.onepercent-about:before{background-image:radial-gradient(circle at 25px 25px,hsla(0,0%,100%,.02) 2%,transparent 0),radial-gradient(circle at 75px 75px,hsla(0,0%,100%,.02) 2%,transparent 0);background-size:100px 100px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media(max-width:768px){.onepercent-about{padding:160px 0 60px}}@media(max-width:480px){.onepercent-about{padding:140px 0 60px}}.onepercent-about .about-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:2}.onepercent-about .about-inner{align-items:center;display:grid;gap:80px;grid-template-columns:45% 55%}@media(max-width:992px){.onepercent-about .about-inner{gap:40px;grid-template-columns:1fr}}.onepercent-about.image-right .about-inner{grid-template-columns:55% 45%}.onepercent-about.image-right .about-inner .about-image{order:2}.onepercent-about.image-right .about-inner .about-content{order:1}@media(max-width:992px){.onepercent-about.image-right .about-inner{grid-template-columns:1fr}.onepercent-about.image-right .about-inner .about-image{order:1}.onepercent-about.image-right .about-inner .about-content{order:2}}.onepercent-about .about-image-wrapper{position:relative}.onepercent-about .about-image{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.3);overflow:hidden;position:relative}.onepercent-about .about-image img{border-radius:20px;display:block;height:auto;width:100%}.onepercent-about .about-stats-badge{backdrop-filter:blur(10px);background:rgba(15,23,42,.95);border:2px solid rgba(6,182,212,.3);border-radius:16px;bottom:30px;box-shadow:0 10px 30px rgba(0,0,0,.4);left:30px;padding:25px 35px;position:absolute}@media(max-width:768px){.onepercent-about .about-stats-badge{bottom:20px;left:20px;padding:20px 25px}}.onepercent-about .about-stats-badge .badge-number{color:#06b6d4;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:8px}@media(max-width:768px){.onepercent-about .about-stats-badge .badge-number{font-size:2rem}}.onepercent-about .about-stats-badge .badge-label{color:hsla(0,0%,100%,.8);font-size:.875rem;font-weight:600;letter-spacing:.5px}.onepercent-about .about-content .section-label{align-items:center;color:#06b6d4;display:inline-flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.onepercent-about .about-content .section-label i{font-size:18px}.onepercent-about .about-content .section-heading{color:#fff;font-size:2.75rem;font-weight:800;line-height:1.2;margin-bottom:25px}.onepercent-about .about-content .section-heading .highlight{background:linear-gradient(135deg,#06b6d4,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){.onepercent-about .about-content .section-heading{font-size:2rem}}.onepercent-about .about-content .section-content{color:hsla(0,0%,100%,.7);font-size:1.125rem;line-height:1.8;margin-bottom:35px}.onepercent-about .about-content .about-feature-box{backdrop-filter:blur(10px);background:rgba(30,41,59,.6);border:1px solid rgba(6,182,212,.1);border-radius:16px;margin-bottom:35px;padding:30px}.onepercent-about .about-content .about-feature-box .feature-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:12px;margin-bottom:12px}.onepercent-about .about-content .about-feature-box .feature-title i{color:#06b6d4;font-size:24px}.onepercent-about .about-content .about-feature-box .feature-description{color:hsla(0,0%,100%,.7);font-size:1rem;line-height:1.7;margin:0}.onepercent-about .about-content .about-buttons{display:flex;flex-wrap:wrap;gap:20px}.onepercent-about .about-content .about-buttons .btn{align-items:center;border-radius:50px;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:14px 32px;transition:all .3s ease}.onepercent-about .about-content .about-buttons .btn.btn-primary{background:linear-gradient(135deg,#06b6d4,#8b5cf6);border:none;box-shadow:0 4px 15px rgba(6,182,212,.3);color:#fff}.onepercent-about .about-content .about-buttons .btn.btn-primary:hover{box-shadow:0 6px 20px rgba(6,182,212,.4);transform:translateY(-2px)}.onepercent-about .about-content .about-buttons .btn.btn-secondary{background:transparent;border:2px solid rgba(6,182,212,.3);color:#fff}.onepercent-about .about-content .about-buttons .btn.btn-secondary:hover{background:rgba(6,182,212,.1);border-color:rgba(6,182,212,.5)}
