.env-video-preview-project{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative}.env-video-preview-text-white .env-video-preview-title{-webkit-text-fill-color:unset;background:unset;-webkit-background-clip:unset;color:#fff}.env-video-preview-text-white .env-video-preview-description{color:hsla(0,0%,100%,.8)}.env-video-preview-text-white .env-video-preview-image:before{background-color:rgba(0,0,0,.6)}.env-video-preview-container{position:relative}.env-video-preview-small-pattern{height:190px;left:50px;opacity:.6;position:absolute;top:247px;width:190px}@media (max-width:1023px){.env-video-preview-small-pattern{display:none}}.env-video-preview-large-pattern{bottom:-23px;height:310px;position:absolute;right:-110px;width:310px}@media (max-width:1023px){.env-video-preview-large-pattern{display:none}}.env-video-preview-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;max-width:535px;padding-bottom:233px;padding-top:106px;position:relative;z-index:1}@media (max-width:1023px){.env-video-preview-content{max-width:100%;padding-bottom:21px;padding-top:24px}}.env-video-preview-title{-webkit-text-fill-color:transparent;background:var(--backgorund-gradient);-webkit-background-clip:text;font-family:var(--title-font);font-size:42px;font-weight:var(--title-weight);letter-spacing:0;line-height:46px;margin-bottom:15px}@media (max-width:767px){.env-video-preview-title{font-size:28px;letter-spacing:.56px;line-height:34px;margin-bottom:14px;text-align:left}}.env-video-preview-description{color:#282828;font-size:16px;letter-spacing:.4px;line-height:30px;opacity:.8}@media (max-width:767px){.env-video-preview-description{font-size:15px;font-weight:400;letter-spacing:.38px;line-height:28px;text-align:left}}.env-video-preview-video-box{border-radius:var(--component-border-radius);-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.1),0 2px 10px 0 hsla(0,0%,45%,.08);box-shadow:0 0 2px 0 rgba(0,0,0,.1),0 2px 10px 0 hsla(0,0%,45%,.08);height:491px;overflow:hidden;position:absolute;right:3px;top:-36px;width:833px;z-index:1}@media (min-width:1024px) and (max-width:1359px){.env-video-preview-video-box{height:430px;width:650px}}@media (max-width:1023px){.env-video-preview-video-box{height:204px;margin-top:-30px;position:relative;right:auto;top:auto;width:100%}}@media (max-width:767px){.env-video-preview-video-box{height:330px}}@media (min-width:768px) and (max-width:1023px){.env-video-preview-video-box{height:430px}}@media (max-width:479px){.env-video-preview-video-box{height:204px}}.env-video-preview-image{cursor:pointer;left:0;overflow:hidden;position:absolute;top:0}.env-video-preview-image,.env-video-preview-video-actions{height:100%;width:100%}.env-video-preview-video-actions{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;position:relative}.env-video-preview-video-actions:before{background-color:rgba(0,0,0,.3);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.env-video-preview-play{color:#fff;font-size:18px;margin-left:3px;margin-top:-1px;z-index:5}@media (max-width:767px){.env-video-preview-play{font-size:12px}}.env-video-preview-window{height:90vh;max-width:calc(100vw - 10px);width:153vh}@media (orientation:portrait){.env-video-preview-window{height:auto;width:98vw}}@media (min-width:1024px) and (max-width:1359px){.env-video-preview-window{width:130.5vh}}.env-video-preview-close{color:hsla(0,0%,100%,.3);font-size:24px;position:absolute;right:30px;top:30px;-webkit-transition:all .2s ease-in;transition:all .2s ease-in}.env-video-preview-close .env-action-wrapper{-webkit-box-shadow:none;box-shadow:none}@media (min-width:480px) and (max-width:767px){.env-video-preview-close{right:10px;top:10px}.env-video-preview-close .env-action-wrapper{height:30px;width:30px}}@media (min-width:1024px) and (max-width:1359px){.env-video-preview-close{right:15px;top:15px}}.env-video-preview-close:hover{color:hsla(0,0%,100%,.5)}.dir--rtl .env-video-preview-video-box{left:3px;right:auto}