*{ font-family: "Poppin",sans-serif;}
.tech-media-banner{background-image: url(../images/tech-banner.png);background-position: center;background-repeat: no-repeat; background-size: cover;height: 100vh;position: relative; display: flex;text-align: center;justify-content: center;width: 100%;}
.tech-media-banner-heading2 {position: fixed;z-index: 0;top: 160px;top: 30%;left: 50%;transform: translate(-50%,-50%);}
.tech-media-banner-heading2 h1{opacity: 1;font-size: 150px;line-height: 95px;font-weight: 900;letter-spacing: -19px;color: #fff;padding: 160px 0 15px;animation: fade-in linear forwards;animation-timeline: view(250px 550px);}
@keyframes fade-in {to{opacity: 0;}}
.tech-media-banner-heading2 h1 span{font-size: 175px;}
.tech-media-banner-image{width: 65%;height: 650px;margin: 0 auto;background-image: url(../images/tech-banner-img-2.png);background-position: top center;background-size: cover;background-repeat: no-repeat;position: absolute;bottom:0;left: 0;right: 0;z-index: 5;}
.movie-production-left-img{ position: absolute;left: 20%;top: 80px; opacity: 1;}
.movie-production-left-img img{animation:fade-out-in linear forwards;animation-timeline: view(0px 850px); width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 1;}
.movie-production-right-img{position: absolute;right: 10%;top: 50%;width: 320px;height: 236px;}
.movie-production-right-img img{animation:fade-out linear forwards;animation-timeline: view(250px 550px);width: 100%;height: 100%;object-fit: cover;object-position: center;opacity: 1;}
@keyframes fade-out {to{opacity: 0;}}
@keyframes fade-out-in {to{opacity: 0;}}

    /* unleash vission */
    .unleash-vission{padding: 50px 0 0;background-color: #fff;width: 100%;margin-bottom: -100px; }
    .vission-container{display: flex;width: 100%;padding: 0 0px; }
    .vission-camera{width: 35%;transform: translateY(-130px);}
    .vission-camera img{width: 100%;}
    .vission-content-right{width: 50%;padding: 40px 40px 0 50px;box-sizing: border-box;}
    .vission-top p{font-size: 24px;font-weight: 400;color: #000;padding-bottom: 20px;letter-spacing: -1px;}
    .vission-top{border-bottom: 1px solid black;}
    .unleash-heading h3{padding: 20px 0 15px;font-size: 48px;font-weight: 800;color: #000;letter-spacing: -2px;font-family: "inter"}
    .unleash-heading p{width: 662px;}

    /* service */
     .service{padding: 35px 0 50px;background: rgb(255, 255, 255);color: #000;width: 100%;}
     .ser-text-h{text-align: center;}
     .ser-text-h h2{font-size: 80px; font-weight: 800;color: #000;letter-spacing: -1px;line-height: 58px;padding: 10px 0;font-family:"Poppins"; }
     .ser-text-h h5{font-size: 26px;font-weight: 500;color: #464646;letter-spacing: 5px;padding: 7px 0;font-family: "inter";}
     .ser-text-h p{color: #000;letter-spacing: 1px;}
     .movie-service-box .service-content h3{font-size: 55px;padding-top: 85px;font-weight: 800;padding-bottom: 10px;line-height: 60px;color: rgb(38 38 38);font-family:"Poppins"; }
     .header_text-move{display: flex; width: 600px;}
     .header_text-move span{display: block;padding-right: 30px; font-size: 36px;font-weight: 600;}
     .movie-service-box{display: flex;justify-content: space-between;border-bottom: 1px solid rgb(54, 54, 54); height: 280px;}
     .header_text-move.is--last {padding-bottom: 2.4em;}
     .movie-service-box {position: relative;overflow: hidden;}
     .is--alt-text {font-family: 'Monotype helvetica now display lt it', sans-serif;font-weight: 400;}
     .service-img{width: 600px;display: flex;justify-content: center;align-items: center;}
     .service-img .service-img-item{height: 200px;min-width: 200px;margin-right: 15px;}
     .service-img .service-img-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
     .service-img{opacity: 0;transition:  all ease-in-out .5s;}
     .movie-service-box:hover .service-img{opacity: 1;}



    /* concept-cube-production */
.concept-cube-production{width: 100%; height: 100vh;position: relative;z-index: 5;color: #fff;text-align: center;background-color: rgb(0, 0, 0);}
.bg-imges{ background: url(../images/media-projects-bg.webp) no-repeat #000 top center;background-size: cover;height: 100vh;width: 100vw; position: absolute;top: 0;left: 0;right: 0;}
.concept-cube-production .company-heading h5{color: #ffffff8c;font-size: 30px;text-align: center;padding-top: 45px;letter-spacing: 5px;position: relative; }
.concept-cube-production .company-heading h5 span{display: block;-webkit-text-stroke: 1px rgba(255, 255, 255, 0.76);color: transparent;font-size: 142px;font-weight: 800;text-align: center;transform: translateY(-30px);opacity: 1;animation: glow 1s ease-in-out infinite alternate;}
@keyframes glow {
    from {text-shadow: 0 0 5px #fff, 0 0 30px #fff, 0 0 10px #0092e6, 0 0 5px #0036e6;}
    to {text-shadow: 0 0 20px #fff, 0 0 20px #4dafff, 0 0 20px #246edd, 0 0 10px #4de4ff;}
}
.middle-img{ position: absolute;top: 23.3vw;left: 50vw;transform: translate(-50%, -50%);width: 34.8vw;height: 30.6vw;background-color: #d1d1d1;z-index: 2;border: solid 30px #0d0c0f;}
.middle-img ul{position: relative; overflow: hidden; width: 100%; height: 100%;}
.middle-img ul li{position: absolute; width: 100%; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.slide-img-1{ background-image: url(../images/desh-joro.webp);}
.slide-img-2{background-image: url(../images/mediatech-banner-left.webp);}
.slide-img-3{background-image: url(../images/mediatech-banner-right.webp);}
.middle-img img{width: 100%;height: 100%;}