.st-portfolio{display:block;position:relative;margin-bottom:30px}.st-portfolio:hover{cursor:pointer}.st-portfolio:before{width:100%;height:100%;top:0;left:0;background-color:#3f4551;transition:all .4s ease}.st-portfolio:after,.st-portfolio:before{content:"";position:absolute;opacity:0;z-index:1}.st-portfolio:after{border:1px solid #fdfeff;width:90%;height:90%;top:50%;left:50%;transform:translate(-50%,-50%)}.st-portfolio:hover:after,.st-portfolio:hover:before{opacity:.85}.st-portfolio:hover .st-portfolio-item-hover{opacity:1;visibility:visible}.st-portfolio .st-portfolio-img img{width:100%}.st-portfolio-item-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:5;text-align:center;opacity:0;visibility:hidden}.st-portfolio-item-hover svg{border:.5px solid #3f4551;width:50px;height:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#fec544;color:#151b29;opacity:.8}.st-portfolio-item-hover h5{top:87px;font-size:20px;color:#fdfeff}.st-portfolio-item-hover h5,.st-portfolio-item-hover p{position:absolute;width:250px;left:50%;transform:translateX(-50%);margin:0}.st-portfolio-item-hover p{top:114px}.st-portfolio-btn{margin-top:20px}.modal-subtitle,.modal-title{color:#232935}.modal-content-wrapper{display:flex;flex-direction:column;gap:24px}.modal-image-section{width:100%}.modal-image-section img{width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.modal-description-section{display:flex;flex-direction:column;gap:20px}.modal-description p{color:#232935;line-height:1.6;font-size:15px;margin:0}.modal-features h5,.modal-stack h5{color:#232935;font-size:16px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.modal-features ul,.modal-stack ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.modal-features ul li,.modal-stack ul li{color:#232935;font-size:14px;line-height:1.5}.modal-stack ul li{background-color:#232935;color:#fdfeff;padding:6px 12px;border-radius:20px;font-weight:500}.modal-features ul{flex-direction:column;gap:8px}.modal-features ul li{padding-left:20px;position:relative}.modal-features ul li:before{content:"✓";position:absolute;left:0;color:#fec544;font-weight:700}.modal-actions{margin-top:12px}.modal-actions button{padding:12px 32px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.modal-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(254,197,68,.3)}@media(min-width:768px){.modal-content-wrapper{flex-direction:row;gap:32px}.modal-description-section,.modal-image-section{flex:1 1;min-width:0}}