.projectdetail-hero-section{background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.projectdetail-hero-section:before{content:"";z-index:1;background:linear-gradient(#04030b33,#04030bf2);position:absolute;inset:0}.projectdetail-hero-section>*{z-index:2;position:relative}.hero-content-projectDetaail{flex-direction:column;gap:17px;max-width:894px;display:flex}.hero-label-row-projectDetaail{align-items:center;gap:16px;display:flex}.detail-label-row-projectDetaail{justify-content:center;align-items:center;gap:16px;display:flex}.detail-label-row-projectDetaail span,.hero-label-row-projectDetaail span{font-family:IBMPlexSans;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:.2em;text-align:center;text-transform:uppercase;color:#919098;font-size:14px;line-height:140%}.hero-title-projectDetail{font-family:Good Times;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:-.03em;text-align:center;text-transform:capitalize;margin-bottom:15px;font-size:48px;line-height:56px}.hero-description-projectdetail{max-width:675px;font-family:Poppins-Light;font-weight:300;font-style:Light;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#fff;font-size:21px;line-height:21.51px}.project-tabs-section{flex-direction:column;max-width:1370px;margin-left:auto;margin-right:auto;padding:17px 94px 132px 91px;display:flex}.tabs-container{gap:66px;display:flex}.tabs-header{z-index:4;justify-content:flex-end;gap:17px;margin-top:-176px;display:flex}.tab-btn{cursor:pointer;opacity:.5;background:0 0;border:none;flex-shrink:0;padding:0;transition:opacity .3s}.tab-btn.active{opacity:1;border:2px solid #f01e2e}.tab-thumbnail{object-fit:cover;width:169.119px;height:130.091px}.tab-content{width:588px;height:842px}.main-image{object-fit:cover;width:100%;height:100%}.project-details-content{text-align:left;max-width:535.3px;margin:0 auto}.details-header{flex-direction:column;gap:9.66px;margin-bottom:25.3px;display:flex}.details-label{align-items:center;gap:10px;margin-bottom:10px;display:flex}.details-title-projectdetail{font-family:Good Times;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#fff;font-size:48px;line-height:120%}.details-textProjectDetail p{font-family:Poppins-Regular;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;color:#fff;margin-bottom:25px;font-size:16px;line-height:150%}.project-videos-section{padding:29px 97px 130px 88px}.details-header-video{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.details-title-video{font-family:Good Times;font-weight:400;font-style:Regular;leading-trim:NONE;letter-spacing:0%;text-align:center;color:#fff;margin-bottom:60px;font-size:37.34px;line-height:120%}.videos-container{max-width:1255px;margin:0 auto}.videos-grid{grid-column-gap:50px;grid-row-gap:50px;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}.video-card{cursor:pointer;position:relative;overflow:hidden}.video-thumbnail{width:100%;height:auto;transition:transform .3s;display:block}.video-card:hover .video-thumbnail{transform:scale(1.05)}.view-website-btn{font-family:IBMPlexSans;font-weight:700;font-style:Bold;leading-trim:NONE;letter-spacing:20%;text-align:center;cursor:pointer;color:#fff;background:#f01e2e;border:2px solid #f01e2e3d;border-radius:0;justify-content:center;align-items:center;margin-top:120px;padding:9px 15px;font-size:13px;line-height:140%;text-decoration:none;transition:background .3s;display:flex}.view-website-btn:hover{background:0 0}.ViewWebsitePDcontainer{justify-content:center;align-items:center;display:flex}.placeholder-box{background-color:#ddd}.combineBg{z-index:-2;background-image:url(/Images/Project/projectDetailvideobg.png);background-position:50%;background-size:cover;margin-top:-192px;padding-top:171px}.tabheadefirsttoNotDisplay,.tabheade3rdTime{display:none}@media (min-width:1280px){.view-website-btn{margin-top:150px}}@media (min-width:1440px){.hero-description-projectdetail{max-width:675px}.view-website-btn{justify-content:center;align-items:center;width:155px;margin-top:140px;padding:16px 0;font-size:13px;display:flex}.tab-content{width:590px;height:920px}.tabs-header{margin-top:-199px}.videos-grid{grid-column-gap:73px;grid-row-gap:73px}}@media (min-width:1920px){.project-tabs-section{max-width:1673px;margin-left:auto;margin-right:auto}.view-website-btn{border-width:6px;width:207px;height:74px;margin-top:180px;font-size:17px}.videos-grid{grid-column-gap:100px;grid-row-gap:100px;margin-top:30px}.details-title-projectdetail{font-size:64px}.tab-content{width:100%;min-width:790px;height:1200px}.project-details-content{max-width:713px}.hero-description-projectdetail{max-width:880px}.tab-thumbnail{width:225px;height:173px}.tabs-header{margin-top:-259px;margin-right:-80px}.combineBg{margin-top:-99px;padding-top:232px}.details-title-video{font-size:64px}.videos-container{max-width:1673px}.video-thumbnail{max-width:720px;height:405px}.hero-title-projectDetail{font-size:64px}.hero-description-projectdetail{font-size:28px;line-height:120%}.details-textProjectDetail p{font-size:21px;line-height:150%}}@media (max-width:1350px){.tab-content{min-width:500px;height:700px}}@media (max-width:1280px){.details-textProjectDetail p{margin-bottom:0}.project-videos-section{padding:29px 50px 130px}.project-details-content{max-width:unset;margin:0}.tabs-container{gap:30px}.tab-thumbnail{object-fit:cover;width:140.119px;height:110.091px}.tabs-header{margin-top:-125px}}@media (max-width:1220px){.project-tabs-section{padding:17px 60px 132px}}@media (max-width:1143px){.details-textProjectDetail p{font-size:14px}}@media (max-width:1056px){.tab-content{min-width:458px}.details-title-projectdetail{font-size:40px}.project-videos-section{padding:29px 60px 100px}}@media (max-width:1000px){.tabs-container{justify-content:center;align-items:center}.videos-grid{grid-template-columns:repeat(2,1fr)}.tabheaderdisplayNone{display:none}.tabheadefirsttoNotDisplay{z-index:999;justify-content:center;margin-top:120px;margin-bottom:-71px;display:flex;position:relative}.details-textProjectDetail p{font-size:14px}.tab-content{min-width:420px;height:600px}.project-tabs-section{padding:17px 40px 100px}.hero-content-projectDetaail{padding-left:60px;padding-right:60px}.hero-title-projectDetail,.details-title-video{font-size:40px;line-height:normal}.hero-description-projectdetail{font-size:18px;line-height:18.51px}}@media (max-width:959px){.tabheadefirsttoNotDisplay{margin-bottom:-50px}}@media (max-width:900px){.tabheadefirsttoNotDisplay{margin-bottom:-30px}.tab-content{min-width:377px;height:650px}.video-thumbnail{object-fit:cover;height:212px}.view-website-btn{font-size:12px}}@media (max-width:810px){.tabheadefirsttoNotDisplay{margin-bottom:0}.tab-content{min-width:343px;height:600px}.video-thumbnail{height:180px}.details-title-projectdetail{font-size:36px}.details-textProjectDetail p{font-size:12px}}@media (max-width:768px){.tabs-container{flex-direction:column-reverse}.tabheadefirsttoNotDisplay{display:none}.tabheade3rdTime{margin-top:0;display:flex}.tabs-header{flex-wrap:wrap;justify-content:center;align-items:center}.tab-content{min-width:unset;width:100%;height:auto}.hero-title-projectDetail{font-size:36px}.details-title-video{margin-bottom:30px;font-size:36px}.view-website-btn{margin-top:60px}.project-videos-section{padding:29px 24px 60px}.hero-description-projectdetail{font-size:16px;line-height:16.51px}.hero-content-projectDetaail{padding-left:40px;padding-right:40px}.detail-label-row-projectDetaail,.hero-label-row-projectDetaail{gap:12px}.detail-label-row-projectDetaail span,.hero-label-row-projectDetaail span{font-size:12px}.detail-label-row-projectDetaail img,.hero-label-row-projectDetaail img{width:10px;height:auto}}@media (max-width:650px){.video-thumbnail{height:158px}.details-title-video{font-size:34px}.videos-grid{gap:15px}}@media (max-width:500px){.project-tabs-section{padding:17px 24px 100px}.videos-grid{grid-template-columns:repeat(1,1fr)}.view-website-btn{margin-top:40px}.details-title-projectdetail,.hero-title-projectDetail{font-size:28px}.details-title-video{margin-bottom:20px;font-size:28px}.hero-description-projectdetail{font-size:14px;line-height:14.51px}.view-website-btn{width:fit-content;padding:10px;font-size:10px}.hero-content-projectDetaail{padding-left:24px;padding-right:24px}.tabs-header{gap:10px}.tab-thumbnail{object-fit:cover;width:110.119px;height:90.091px}.detail-label-row-projectDetaail span,.hero-label-row-projectDetaail span{font-size:10px}.detail-label-row-projectDetaail img,.hero-label-row-projectDetaail img{width:8px;height:auto}}@media (max-width:440px){.details-title-video{margin-bottom:20px;font-size:24px}}@media (max-width:382px){.details-title-video{margin-bottom:20px;font-size:20px}.details-title-projectdetail,.hero-title-projectDetail{font-size:24px}}