.slide-butob{display:block}.slider-container{height:600px;max-width:1200px;overflow:hidden;position:relative;width:100%}.slider-wrapper{transition:transform .6s cubic-bezier(.25,.8,.25,1)}.slide,.slider-wrapper{display:flex;height:100%}.slide{align-items:center;min-width:100%;position:relative}.content-card{background:#fff;border-radius:20px;display:flex;height:500px;margin-left:50px;padding:40px;position:relative;width:90%;z-index:10}.content-card__content{display:flex;flex-direction:column;gap:20px;justify-content:space-between;width:50%}.content-card__image img{max-height:120px;max-width:100%;object-fit:contain;width:300px}.tags-container{display:flex;flex-wrap:wrap;gap:8px}.tag{border-bottom:1px solid #f66129;color:#f66129;font-size:14px;font-weight:700;margin-right:30px}.laptop-mockup{bottom:5%;max-width:50%;position:absolute;right:0;z-index:10}.laptop-mockup img{object-fit:contain;width:100%}.laptop-screen{background:#1a1a1a;border:8px solid #2a2a2a;border-bottom:none;border-radius:8px 8px 0 0;height:240px;overflow:hidden;position:relative;width:380px}.laptop-base{background:linear-gradient(135deg,#3a3a3a,#2a2a2a);border-radius:0 0 15px 15px;height:20px;margin-top:-2px;position:relative;width:420px}.laptop-base:before{background:#1a1a1a;border-radius:2px;content:"";height:4px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:60px}.screen-content{display:flex;flex-direction:column;height:100%;padding:20px}.code-editor{background:#1e1e1e;border-radius:6px;color:#d4d4d4;font-family:Courier New,monospace;font-size:11px;height:100%;overflow:hidden;padding:15px}.code-line{margin-bottom:4px;opacity:.8}.code-blue{color:#569cd6}.code-green{color:#4ec9b0}.code-yellow{color:#dcdcaa}.code-orange{color:#ce9178}.person-figure{bottom:0;height:200px;position:absolute;right:120px;width:120px;z-index:15}.person-body{background:#2c5f7c;border-radius:20px 20px 0 0;bottom:60px;height:80px;left:40px;position:absolute;width:40px}.person-head{background:#f4c2a1;border-radius:50%;height:30px;left:5px;position:absolute;top:-35px;width:30px}.person-arm{background:#2c5f7c;border-radius:10px;height:50px;position:absolute;right:-15px;top:10px;transform:rotate(-20deg);width:20px}.person-legs{background:#1a4158;border-radius:0 0 8px 8px;bottom:0;height:60px;position:absolute;width:15px}.person-legs.left{left:30px}.person-legs.right{left:50px}.slider-nav{align-items:center;bottom:0;display:flex;gap:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:20}.nav-arrow,.nav-arrow:hover{align-items:center;background:transparent;border:none;color:#fff;cursor:pointer;display:flex;font-size:16px;height:27px;justify-content:center;transition:all .3s ease;width:16px}.nav-dots{display:flex;gap:8px}.nav-dot{background:hsla(0,0%,100%,.4);border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.nav-dot.active{background:#f66129}.outside-mockup{position:relative;z-index:3}.inside-mockup{background-color:#fff;border-radius:15px;height:90%;left:2%;position:absolute;top:4%;width:81%;z-index:1}.inside-mockup img{height:100%;object-fit:cover;width:100%}@media (max-width:992px){.slide-title{font-size:24px}.slider-container{height:100%;padding-bottom:30px}.content-card{display:block;height:530px;margin-left:20px;margin-right:20px;width:100%}.content-card__content{height:100%;width:100%}.slider-nav{align-items:center;bottom:-20px;display:flex;justify-content:center;left:50%;position:relative;z-index:20}.laptop-mockup{display:none}}