.skills-section{position:relative;padding:80px 0;background-size:cover;background-position:50%;background-repeat:no-repeat;background-attachment:fixed}@media(max-width:768px){.skills-section{background-attachment:scroll}}.skills-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.95);z-index:1}.skills-section .auto-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 15px}.skills-section .sec-title-five.center{text-align:center}.skills-section .sec-title-five.padb-50{padding-bottom:50px}.skills-section .sec-title-five .sub-title h3{font-size:18px;color:#7c6cf0;font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:2px;position:relative}.skills-section .sec-title-five .sub-title h3:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:50px;height:3px;background:#7c6cf0;border-radius:2px}.skills-section .sec-title-five .title h2{font-size:42px;color:#333;font-weight:700;margin-bottom:20px;line-height:1.2;font-family:var(--font-roboto),"Roboto",sans-serif}@media(max-width:768px){.skills-section .sec-title-five .title h2{font-size:32px}}@media(max-width:576px){.skills-section .sec-title-five .title h2{font-size:28px}}.skills-section .sec-title-five .title h2 .title_c{color:#7c6cf0;position:relative}.skills-section .sec-title-five .title h2 .title_c:before{content:"";position:absolute;bottom:5px;left:0;width:100%;height:3px;background:rgba(124,108,240,.3);z-index:-1}.skills-section .sec-title-five .text p{font-size:16px;color:#666;line-height:1.8;margin-bottom:0;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.skills-section .sec-title-five .text p{font-size:14px}}.skills-section .row.clearfix .skill-card{background:#fff;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;position:relative}.skills-section .row.clearfix .skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.15)}.skills-section .row.clearfix .skill-card .skill-image{position:relative;overflow:hidden;height:220px}.skills-section .row.clearfix .skill-card .skill-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.skills-section .row.clearfix .skill-card .skill-image:hover img{transform:scale(1.1)}.skills-section .row.clearfix .skill-card .skill-image .category-badge{position:absolute;top:15px;left:15px;background:#7c6cf0;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.skills-section .row.clearfix .skill-card .skill-image .difficulty-badge{position:absolute;top:15px;right:15px;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.skills-section .row.clearfix .skill-card .skill-info{padding:25px}.skills-section .row.clearfix .skill-card .skill-info .skill-title h3{font-size:22px;font-weight:700;color:#333;margin-bottom:8px;font-family:var(--font-roboto),"Roboto",sans-serif}.skills-section .row.clearfix .skill-card .skill-info .skill-title h3 a{color:#333;text-decoration:none;transition:color .3s ease;cursor:pointer}.skills-section .row.clearfix .skill-card .skill-info .skill-title h3 a:hover{color:#7c6cf0}.skills-section .row.clearfix .skill-card .skill-info .skill-meta{font-size:14px;color:#777;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.skills-section .row.clearfix .skill-card .skill-info .skill-description{font-size:14px;color:#999;margin-bottom:15px;line-height:1.5}.skills-section .row.clearfix .skill-card .skill-info .technologies{margin-bottom:15px}.skills-section .row.clearfix .skill-card .skill-info .technologies .tech-label{font-size:12px;color:#666;margin-bottom:8px;font-weight:600}.skills-section .row.clearfix .skill-card .skill-info .technologies .tech-tags{display:flex;flex-wrap:wrap;gap:5px}.skills-section .row.clearfix .skill-card .skill-info .technologies .tech-tags .tech-tag{background:#f8f9fa;color:#495057;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:500;transition:all .3s ease}.skills-section .row.clearfix .skill-card .skill-info .technologies .tech-tags .tech-tag.more-tag,.skills-section .row.clearfix .skill-card .skill-info .technologies .tech-tags .tech-tag:hover{background:#7c6cf0;color:#fff}.skills-section .row.clearfix .skill-card .skill-info .rating-projects{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .rating{display:flex;align-items:center;gap:5px}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .rating .star{font-size:14px;transition:color .3s ease}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .rating .star.active{color:orange}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .rating .star.inactive{color:#ddd}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .rating .rating-text{font-size:12px;color:#777;margin-left:8px}.skills-section .row.clearfix .skill-card .skill-info .rating-projects .projects-count{font-size:12px;color:#777}.skills-section .row.clearfix .skill-card .skill-info .market-demand{margin-bottom:20px}.skills-section .row.clearfix .skill-card .skill-info .market-demand .demand-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.skills-section .row.clearfix .skill-card .skill-info .market-demand .demand-header .demand-label{font-size:12px;color:#666}.skills-section .row.clearfix .skill-card .skill-info .market-demand .demand-header .demand-value{font-size:12px;font-weight:600}.skills-section .row.clearfix .skill-card .skill-info .market-demand .demand-bar{width:100%;height:4px;background:#e9ecef;border-radius:2px;overflow:hidden}.skills-section .row.clearfix .skill-card .skill-info .market-demand .demand-bar .demand-fill{height:100%;transition:width .3s ease;border-radius:2px}.skills-section .row.clearfix .skill-card .skill-info .social-links{display:flex;justify-content:center;gap:10px}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;font-size:14px;color:#fff}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.2)}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.linkedin{background:#0077b5}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.linkedin:hover{box-shadow:0 4px 15px rgba(0,119,181,.3)}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.github{background:#333}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.github:hover{box-shadow:0 4px 15px rgba(51,51,51,.3)}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.website{background:#7c6cf0}.skills-section .row.clearfix .skill-card .skill-info .social-links .social-link.website:hover{box-shadow:0 4px 15px rgba(124,108,240,.3)}.skills-section .skills-info-section{margin-top:60px}.skills-section .skills-info-section .info-card{text-align:center;margin-bottom:30px;padding:0 15px}.skills-section .skills-info-section .info-card .card-content{padding:30px;border-radius:15px;height:100%;transition:all .3s ease}.skills-section .skills-info-section .info-card .card-content:hover{transform:translateY(-5px)}.skills-section .skills-info-section .info-card .card-content.learning{background:rgba(124,108,240,.1)}.skills-section .skills-info-section .info-card .card-content.learning .icon{color:#7c6cf0}.skills-section .skills-info-section .info-card .card-content.collaboration{background:rgba(40,167,69,.1)}.skills-section .skills-info-section .info-card .card-content.collaboration .icon{color:#28a745}.skills-section .skills-info-section .info-card .card-content.innovation{background:rgba(23,162,184,.1)}.skills-section .skills-info-section .info-card .card-content.innovation .icon{color:#26bfc1}.skills-section .skills-info-section .info-card .card-content .icon{font-size:48px;margin-bottom:15px;transition:transform .3s ease}.skills-section .skills-info-section .info-card .card-content .icon:hover{transform:scale(1.1)}.skills-section .skills-info-section .info-card .card-content h4{color:#333;margin-bottom:15px;font-weight:600;font-size:20px}.skills-section .skills-info-section .info-card .card-content p{color:#666;font-size:14px;line-height:1.6;margin:0}.skills-section .cta-buttons{text-align:center;margin-top:40px}.skills-section .cta-buttons .theme-btn{display:inline-block;padding:15px 35px;font-size:16px;font-weight:600;text-decoration:none;border-radius:30px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin:0 7px}.skills-section .cta-buttons .theme-btn.btn-style-one{background:#7c6cf0;color:#fff;border:2px solid #7c6cf0}.skills-section .cta-buttons .theme-btn.btn-style-one:hover{background:rgba(0,0,0,0);color:#7c6cf0;transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,108,240,.3)}.skills-section .cta-buttons .theme-btn.btn-style-two{background:rgba(0,0,0,0);color:#7c6cf0;border:2px solid #7c6cf0}.skills-section .cta-buttons .theme-btn.btn-style-two:hover{background:#7c6cf0;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,108,240,.3)}.skills-section .no-skills-warning{background:rgba(255,255,0,.8);color:#000;padding:20px;text-align:center;margin:20px 0;border-radius:10px;border:2px solid #ffc107}.skills-section .no-skills-warning h3{margin-bottom:10px;color:#d63384}.skills-section .no-skills-warning p{margin:0;font-weight:500}@media(max-width:1200px){.skills-section .row.clearfix{gap:15px}}@media(max-width:992px){.skills-section .row.clearfix>div{min-width:300px;max-width:450px}.skills-section .skills-info-section .info-card{margin-bottom:20px}}@media(max-width:768px){.skills-section{padding:60px 0}.skills-section .sec-title-five.padb-50{padding-bottom:30px}.skills-section .row.clearfix>div{min-width:280px}.skills-section .cta-buttons .theme-btn{display:block;margin:10px auto;max-width:250px}}@media(max-width:576px){.skills-section .auto-container{padding:0 10px}.skills-section .row.clearfix>div{min-width:260px;margin-bottom:20px}.skills-section .skills-info-section{margin-top:40px}}