.project-info-box .project-media{margin-left:300px}.project-info-box .project-content{background-color:hsla(0,0%,100%,.333)!important;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(5px);background-color:hsla(0,0%,100%,.5);border:1px solid #fff;border-radius:8px}.project-info-box .project-content .client_text{font-weight:600}.project-info-box .project-content .list-details li{color:#fff;border-color:#fff}@media only screen and (max-width:1200px){.project-info-box .project-media{margin-left:100px}.project-info-box .project-media video{width:100%;height:auto}.project-info-box .project-content{top:70%}}@media only screen and (max-width:992px){.project-info-box .project-media{margin-left:0;max-width:100%;overflow:hidden}.project-info-box .project-content{top:75%}}@media only screen and (max-width:820px){.project-info-box .project-content{top:75%}}@media only screen and (max-width:540px){.project-info-box .project-content{top:75%;transform:translateY(-50%) translateX(-15px) scale(.8)!important}}@media only screen and (max-width:440px){.project-info-box .project-content{transform:translateY(-50%) translateX(-45px) scale(.6)!important}}.dz-oil-industry-zone .dz-banner-bottom .dz-banner-media .dz-media-content{background-color:hsla(0,0%,100%,.333)!important;width:80px;height:250px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.5)}.dz-oil-industry-zone .dz-banner-bottom .dz-banner-media .dz-media-content h3{height:18ch;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;padding-top:10px;padding-bottom:5px;font-size:20px;text-transform:capitalize}.dz-oil-industry-zone .dz-banner-bottom .swiper-slide .dz-media-content2{padding:0 30px 42px;opacity:0;display:block;gap:15px}.dz-oil-industry-zone .dz-banner-bottom .swiper-slide .dz-media-content2 h2{font-size:25px;font-weight:500!important;width:100px;transform:rotate(270deg);transform-origin:left;opacity:0;display:block}.dz-oil-industry-zone .dz-banner-bottom .swiper-slide.active .dz-media-content2,.dz-oil-industry-zone .dz-banner-bottom .swiper-slide:hover .dz-media-content2{animation:showContent 1s ease-in-out 0s alternate forwards;gap:15px}.dz-oil-industry-zone .dz-banner-bottom .swiper-slide.active .dz-media-content2 h2,.dz-oil-industry-zone .dz-banner-bottom .swiper-slide:hover .dz-media-content2 h2{animation:showTitle .8s ease-in-out 0s alternate forwards}@keyframes showContent{0%{opacity:0}30%{opacity:0}to{opacity:1}}@keyframes showTitle{0%{width:0;opacity:0;transform:rotate(270deg)}30%{opacity:0}to{width:max-content;opacity:1;transform:rotate(1turn)}}