.video-section{overflow:hidden}.marquee-wrap{width:100%;margin-top:1.5rem;overflow:hidden}.video-track{gap:16px;width:max-content;display:flex;transform:translate(0,0)}.video-card{width:160px}@media (min-width:480px){.video-card{width:190px}}@media (min-width:640px){.video-card{width:220px}}@media (min-width:768px){.video-card{width:250px}}@media (min-width:1024px){.video-card{width:280px}}@media (min-width:1280px){.video-card{width:300px}}.video-frame{aspect-ratio:9/16;width:100%;position:relative;overflow:hidden}.video-el{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block;position:absolute;inset:0}.play-btn{color:#1f1f1f;cursor:pointer;background:#ffffffe6;border:0;border-radius:9999px;justify-content:center;align-items:center;width:56px;height:56px;margin:auto;transition:transform .2s,background-color .2s;display:flex;position:absolute;inset:0}.play-btn:hover{background:#fff;transform:scale(1.06)}.btn-primary{border-radius:12px}
.pill{white-space:nowrap;color:#605a56;font-size:12px;line-height:1.2;font-weight:5 0;border:1px solid #605a56;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:10px 16px;transition:background-color .3s,color .3s,border-color .3s;display:flex}.case-study-heading{font-family:PP Neue Montreal;font-size:20px;font-weight:500;line-height:1.3}.brandname{font-family:PP Neue Montreal;font-size:24px;font-weight:500;line-height:1.3}.client-pera-text{color:#1d1913cc;font-size:14px;line-height:1.3}@media (min-width:480px){.pill{padding:12px 20px;font-size:13px}}@media (min-width:1024px){.pill{padding:14px 28px;font-size:14px}}.render-row{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 6% 94%,#0000 100%)}.marquee{width:max-content;animation:18s linear infinite marquee}.marquee-reverse{width:max-content;animation:18s linear infinite marqueeReverse}@media (min-width:768px){.marquee,.marquee-reverse{animation-duration:24s}}@media (min-width:1024px){.marquee,.marquee-reverse{animation-duration:30s}}@media (prefers-reduced-motion:reduce){.marquee,.marquee-reverse{animation:none}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marqueeReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}
.word{color:#b7b7b7;font-family:PP Neue Montreal,sans-serif;font-weight:400;transition:color .25s}.cards{padding-bottom:100px;position:relative}.service-card{transform-origin:top;will-change:transform, opacity;background:#f9fafb;border:1px solid #d0d5dd;border-radius:20px;min-height:220px;margin-bottom:30px;padding:40px;position:sticky;top:100px;box-shadow:0 5px 25px #00000008}.service-card:first-child{z-index:1}.service-card:nth-child(2){z-index:2}.service-card:nth-child(3){z-index:3}.service-card:nth-child(4){z-index:4}.service-card:nth-child(5){z-index:5}.ServicesScrollHeading{font-size:24px;font-weight:500!important}@media (max-width:1023px){.service-card{padding:28px;top:20px}}@media (max-width:768px){.ServicesScrollHeading{font-size:18px}.cards{padding-bottom:0}}
.marquee-up,.marquee-down{flex-direction:column;width:100%;display:flex}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scrollDown{0%{transform:translateY(-50%)}to{transform:translateY(0)}}video,img{object-fit:cover;width:100%;display:block}img{height:auto}video{height:260px}@media (max-width:1023px){video{height:200px}.marquee-up,.marquee-down{animation-duration:22s}}@media (max-width:639px){video{height:150px}.marquee-up,.marquee-down{animation-duration:18s}}@media (hover:none){.marquee-up:hover,.marquee-down:hover{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.marquee-up,.marquee-down{animation:none}}.max-w-xl img[alt=Garvit\ Sharma]{flex-shrink:0;object-fit:cover!important;border-radius:9999px!important;width:56px!important;max-width:56px!important;height:56px!important}.creative-marquee-wrap{overflow:hidden}.marquee-up,.marquee-down{will-change:transform;flex-direction:column;gap:16px;display:flex}.marquee-up{animation:25s linear infinite scrollUp}.marquee-down{animation:25s linear infinite scrollDown}.marquee-up:hover,.marquee-down:hover{animation-play-state:paused}.render-row{align-items:center;padding-top:4px;padding-bottom:4px;display:flex}.pill{white-space:nowrap;align-items:center;line-height:1.2;display:inline-flex}