.phone-frame{position:relative;width:280px;height:560px;margin:0 auto;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border-radius:35px;padding:8px 6px;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 2px 4px rgba(255,255,255,.1),inset 0 -2px 4px rgba(0,0,0,.3);border:1px solid #333}.phone-frame:before{content:'';position:absolute;top:4px;left:50%;transform:translateX(-50%);width:60px;height:12px;background:#000;border-radius:8px;z-index:2}.phone-frame:after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:4px;background:#333;border-radius:50%;z-index:3}.phone-screen{position:relative;width:100%;height:100%;background:#000;border-radius:25px;overflow:hidden;border:1px solid #444}.phone-content{position:relative;width:100%;height:100%;background:#f8f9fa;overflow:hidden}.feed-image-container{position:absolute;top:0;left:0;right:0;bottom:0;background:#fff}.feed-image{width:100%;height:100%;object-position:center}.feed-video-container{position:absolute;top:0;left:0;right:0;bottom:0;background:#000}.feed-video-container .video-embed-responsive{position:relative;width:100%;height:100%;overflow:hidden}.feed-video-container iframe,.feed-video-container video{position:absolute;top:0;left:0;width:100%;height:100%;border:none;object-fit:cover}@media (max-width:768px){.phone-frame{width:220px;height:440px;padding:6px 4px;border-radius:28px}.phone-frame:before{width:50px;height:10px;top:3px}.phone-frame:after{width:3px;height:3px;top:5px}.phone-screen{border-radius:20px}}@media (max-width:480px){.phone-frame{width:180px;height:360px;padding:5px 4px;border-radius:22px}.phone-frame:before{width:40px;height:8px;top:2px}.phone-frame:after{width:2px;height:2px;top:4px}.phone-screen{border-radius:16px}}.demo-frame{opacity:.8}.feed-image{opacity:1;transition:opacity .5s ease}.feed-image.loaded{opacity:1}.portfolio-section .phone-frame{margin-bottom:2rem}@media (max-width:768px){.portfolio-section .row .col-md-4{margin-bottom:2rem}}[data-aos=fade-up] .phone-frame{transform:translate3d(0,40px,0);opacity:0;transition:all .6s ease-out}[data-aos=fade-up].aos-animate .phone-frame{transform:translate3d(0,0,0);opacity:1}.portfolio-slider-frame{width:224px;height:448px;margin:0 auto}.case-study-phone-frame{width:280px;height:560px;margin:0 auto}@media (max-width:992px){.portfolio-slider-frame{width:196px;height:392px}}@media (max-width:768px){.portfolio-slider-frame{width:168px;height:336px}.case-study-phone-frame{width:220px;height:440px}}@media (max-width:480px){.portfolio-slider-frame{width:140px;height:280px}.case-study-phone-frame{width:180px;height:360px}.testimonial-phone-frame{width:160px;height:320px}}.testimonial-phone-frame{width:200px;height:400px;margin:0 auto}.testimonial-phone-frame-container{display:flex;justify-content:center;align-items:center;min-height:250px}@media (max-width:992px){.testimonial-phone-frame{width:180px;height:360px}}@media (max-width:768px){.testimonial-phone-frame{width:160px;height:320px}.testimonial-phone-frame-container{min-height:200px}}