.process-flow-section{position:relative}.process-flow-container{width:100%;margin-top:10px;padding-top:20px;padding-bottom:50px;display:block;position:relative;overflow:visible}@media (max-width:768px){.process-flow-container{margin-top:0;padding-top:10px}}.process-flow-container:before{content:"";background:repeating-linear-gradient(90deg, var(--border-color), var(--border-color) 10px, transparent 10px, transparent 20px);z-index:0;height:2px;position:absolute;top:70px;left:10%;right:10%}.process-node{z-index:1;text-align:center;position:relative}.node-icon-wrapper{background:var(--white-color);border:2px solid var(--border-color);width:100px;height:100px;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 30px;transition:all .5s;display:flex}.node-icon-wrapper img{color:var(--heading-color);font-size:2rem;transition:all .3s}.process-node:hover .node-icon-wrapper{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 15px 30px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-10px)rotate(10deg)}.node-content h2{font:var(--sub-heading-font);color:var(--heading-color);margin-bottom:10px;font-size:1.4rem}.node-content p{color:var(--para-color);font-size:.95rem;line-height:1.5}.process-flow-container .swiper-pagination-bullet-active{background-color:var(--primary-color)}.process-flow-container .swiper-pagination{bottom:0}@media (max-width:1200px){.process-flow-container{padding-bottom:50px}.process-flow-container:before{display:none}}@media (max-width:991px){#portfolio-project-overview{padding:0!important}#portfolio-project-overview .mode-toggle{width:50px;height:25px}#portfolio-project-overview .mode-toggle-slider{width:18px;height:18px}#portfolio-project-overview .mode-toggle.active .mode-toggle-slider{transform:translate(23px)}}@media (max-width:768px){.cards-interactive-area{cursor:auto}.custom-drag-cursor{display:none!important}.cards-slider-2026{cursor:grab;width:100%;padding:20px 0;overflow:visible}.brutalist-card{width:85%;height:350px;box-shadow:none;background:0 0;border:none}.cards-slider-2026:active{cursor:grabbing}.card-caption{box-shadow:0 5px 15px color-mix(in srgb, var(--black-color) 10%, transparent);padding:10px 15px;bottom:10px;left:10px}.step-num{font-size:1.1rem}.step-text{font-size:1.3rem}}
#pd-related-projects .project-card{background:#fff;border:1px solid #0000000d;border-radius:30px;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible;box-shadow:0 10px 30px #0000000a}#pd-related-projects .project-image-wrapper{aspect-ratio:16/10;border-radius:30px 30px 0 0;width:100%;position:relative;overflow:hidden}#pd-related-projects .project-image-wrapper img{object-fit:cover;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}#pd-related-projects .project-card:hover{border-color:#0b666a4d;transform:translateY(-12px);box-shadow:0 40px 80px #0b666a26}#pd-related-projects .project-card:hover .primary-btn{background-color:var(--theme-color);color:var(--white-color)}#pd-related-projects .project-card:hover .primary-btn .primary-btn-icon{background-color:var(--white-color)}#pd-related-projects .project-card:hover .primary-btn-svg-after{fill:var(--theme-color)}#pd-related-projects .project-card:hover .project-date-badge{background:var(--theme-color);color:var(--white-color);transform:translateY(-5px)scale(1.1);box-shadow:0 10px 25px #0b666a4d}#pd-related-projects .project-card:hover .tag{background:var(--primary-color);color:var(--white-color);transform:scale(1.05)}#pd-related-projects .project-image{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;top:0;left:0}#pd-related-projects .project-card:hover .project-image{transform:scale(1.1)}#pd-related-projects .curve-overlay{z-index:5;pointer-events:none;background-color:#fff;border-top-right-radius:100px;width:100%;height:25px;position:absolute;bottom:-1px;right:0}#pd-related-projects .curve-overlay:before{content:"";z-index:6;background-color:#0000;border-bottom-left-radius:30px;width:50px;height:50px;position:absolute;top:-50px;left:0;box-shadow:-20px 20px 0 20px #fff}#pd-related-projects .project-content{background:#fff;border-radius:0 0 30px 30px;flex-direction:column;flex:1;padding:2rem;display:flex}#pd-related-projects .project-tags{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}#pd-related-projects .tag{color:#0b666a;text-transform:uppercase;letter-spacing:.5px;background:#0b666a1a;border-radius:100px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .3s}#pd-related-projects .project-title{color:#111;margin-bottom:.75rem;font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.3}#pd-related-projects .project-description{color:#666;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}#pd-related-projects .project-date-badge{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#111;letter-spacing:1px;background:#fffffff2;border-radius:100px;padding:6px 15px;font-size:.7rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 15px #0000001a}.related-projects-container{padding-bottom:50px;overflow:visible}@media (max-width:767px){.related-projects-container .swiper-slide{height:auto;padding-bottom:20px}}
