.videos-page{width:100%;overflow:hidden;background:#ffffff}.videos-page .container{width:min(1180px,calc(100% - 40px));margin:0 auto}.videos-page-hero{position:relative;overflow:hidden;padding:75px 0 85px;background:radial-gradient(circle at 85% 25%,rgba(46,130,181,.1),transparent 32%),linear-gradient(180deg,#f8fcfd,#ffffff)}.videos-page-hero:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-130px;bottom:-160px;background:rgba(46,130,181,.035)}.videos-breadcrumb{position:relative;z-index:2;display:flex;align-items:center;gap:9px;margin-bottom:45px;font-size:.88rem}.videos-breadcrumb a{color:var(--omkar-primary);font-weight:600;text-decoration:none}.videos-breadcrumb span{color:var(--omkar-text)}.videos-breadcrumb i{color:#a5bbc5;font-size:.72rem}.videos-hero-content{position:relative;z-index:2;max-width:850px}.videos-hero-content h1{color:var(--omkar-dark);font-family:Montserrat,sans-serif;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:25px}.videos-hero-content h1 span{color:var(--omkar-primary)}.videos-hero-content p{max-width:700px;margin:0;color:var(--omkar-text);font-size:1.15rem;line-height:1.75}.videos-section{padding:20px 0 60px;background:#ffffff}.videos-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:28px;gap:28px}.video-card{overflow:hidden;border:1px solid #e6eef1;border-radius:18px;background:#ffffff;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.video-card:hover{transform:translateY(-6px);border-color:rgba(46,130,181,.18);box-shadow:0 18px 45px rgba(34,73,88,.1)}.video-card-link{display:block;color:inherit;text-decoration:none}.video-image-wrapper{position:relative;width:100%;height:300px;overflow:hidden;background:#f3f7f8}.video-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.video-card:hover .video-image{transform:scale(1.045)}.video-image-placeholder{width:100%;height:100%;color:#9db1b8;font-size:48px;background:#f3f7f8}.video-image-overlay,.video-image-placeholder{display:flex;align-items:center;justify-content:center}.video-image-overlay{position:absolute;inset:0;flex-direction:column;gap:10px;background:rgba(20,46,58,.4);color:#ffffff;opacity:0;transition:opacity .3s ease}.video-card:hover .video-image-overlay{opacity:1}.video-play-icon{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.96);color:var(--omkar-primary);font-size:27px;padding-left:3px;transform:scale(.8);transition:transform .3s ease}.video-card:hover .video-play-icon{transform:scale(1)}.video-image-overlay span{font-size:.84rem;font-weight:600;letter-spacing:.3px}.video-category{position:absolute;top:15px;left:15px;z-index:2;padding:6px 12px;border-radius:50px;background:rgba(255,255,255,.95);color:var(--omkar-primary);font-size:.75rem;font-weight:700;letter-spacing:.2px}.video-card-content{padding:21px 22px 23px}.video-card-content h2{margin:0 0 10px;color:var(--omkar-dark);font-family:Montserrat,sans-serif;font-size:1.18rem;font-weight:700;line-height:1.4;-webkit-line-clamp:2}.video-card-content h2,.video-card-content p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.video-card-content p{margin:0;color:var(--omkar-text);font-size:.91rem;line-height:1.65;-webkit-line-clamp:3}.video-view-button{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--omkar-primary);font-size:.86rem;font-weight:700}.video-view-button i{transition:transform .25s ease}.video-card:hover .video-view-button i{transform:translateX(4px)}.videos-result-info{margin-top:30px;color:#84959b;font-size:.82rem;text-align:center}.videos-grid-loading{min-height:300px}.video-skeleton{overflow:hidden;border:1px solid #e8eff1;border-radius:18px;background:#ffffff}.video-skeleton-image{position:relative;width:100%;height:300px;background:linear-gradient(90deg,#f2f5f6 25%,#e8edef 50%,#f2f5f6 75%);background-size:200% 100%;animation:videoSkeleton 1.5s infinite}.video-skeleton-play{position:absolute;top:50%;left:50%;width:58px;height:58px;border-radius:50%;background:#e8edef;transform:translate(-50%,-50%)}.video-skeleton-content{padding:22px}.skeleton-line{width:75%;height:14px;margin-bottom:14px;border-radius:6px;background:linear-gradient(90deg,#f2f5f6 25%,#e8edef 50%,#f2f5f6 75%);background-size:200% 100%;animation:videoSkeleton 1.5s infinite}.skeleton-line.short{width:55%}.skeleton-line.small{width:40%}@keyframes videoSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.videos-message{flex-direction:column;min-height:300px;padding:45px 25px;border:1px dashed #d9e5e8;border-radius:18px;text-align:center}.videos-message,.videos-message-icon{display:flex;align-items:center;justify-content:center}.videos-message-icon{width:58px;height:58px;margin-bottom:18px;border-radius:50%;background:#f0f7f9;color:var(--omkar-primary);font-size:22px}.videos-message h3{margin:0 0 8px;color:var(--omkar-dark);font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700}.videos-message p{max-width:500px;margin:0;color:var(--omkar-text);line-height:1.7}.error-message .videos-message-icon{background:#fff4f3;color:#d9534f}.videos-retry-btn{margin-top:20px;padding:11px 22px;border:0;border-radius:7px;background:var(--omkar-primary);color:#ffffff;font-family:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .25s ease}.videos-retry-btn:hover{transform:translateY(-2px)}@media (max-width:991px){.videos-page-hero{padding:70px 0 75px}.videos-section{padding:20px 0 50px}.videos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.video-image-wrapper,.video-skeleton-image{height:280px}}@media (max-width:767px){.videos-page .container{width:min(100% - 30px,1180px)}.videos-page-hero{padding:60px 0 65px}.videos-breadcrumb{margin-bottom:32px}.videos-hero-content h1{font-size:2.7rem;letter-spacing:-1px}.videos-hero-content p{margin-top:18px;font-size:.98rem;line-height:1.7}.videos-section{padding:15px 0 40px}.videos-grid{grid-template-columns:1fr;gap:18px}.video-image-wrapper,.video-skeleton-image{height:300px}.video-card-content{padding:18px 19px 20px}}@media (max-width:420px){.videos-hero-content h1{font-size:2.35rem}.video-image-wrapper,.video-skeleton-image{height:270px}}