.four-skills{background-color:var(--color-bg-base);padding-bottom:100px;position:relative;overflow:hidden}.fs-dark-bg{background-color:var(--color-text-primary);color:#fff;background-image:url(/imgs/Others/imgi_33_alex-litvin-MAYsdoYpGuk-unsplash-scaled.webp);background-position:0;background-size:cover;padding:100px 0 140px;position:relative}.fs-dark-overlay{z-index:1;background:linear-gradient(90deg,#0f1012b3 0%,#0f1012f2 40%,#0f1012 100%);width:100%;height:100%;position:absolute;top:0;left:0}.fs-text-container{z-index:2;text-align:center;max-width:800px;margin:0 auto;position:relative}.fs-text-container h2{color:#fff;margin-bottom:30px;font-size:2.2rem}.fs-text-container h2 span{color:var(--color-primary)}.fs-text-container p{color:#ccc;margin-bottom:24px;font-size:1rem;line-height:1.6}.fs-text-container p strong{color:#fff;font-weight:600}.fs-arrow-down{color:var(--color-primary);width:24px;height:24px;margin:40px auto 0;animation:2s infinite bounce}.fs-arrow-down svg{width:100%;height:100%}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fs-cards-area{z-index:3;margin-top:-60px;position:relative}.fs-cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.fs-card{border-radius:var(--radius-sm);background:#fff;flex-direction:row;justify-content:center;align-items:center;gap:12px;padding:30px 20px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 10px 40px #00000014}.fs-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #0000001f}.fs-card-icon{color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.fs-card-icon svg{width:100%;height:100%}.fs-card-title{color:var(--color-primary);font-size:1.05rem;font-weight:600;line-height:1.2}@media (max-width:1024px){.fs-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.fs-cards-grid{grid-template-columns:1fr}.fs-card{justify-content:flex-start;padding-left:30px}}