.video{padding:48px 0}.video__head{margin-bottom:36px}.video__title{text-align:center;margin:0;font-size:32px;font-weight:700}.video__text{text-align:center;margin-top:12px;font-size:18px}.video__element{aspect-ratio:16/9;background-color:var(--background-light-gray);cursor:pointer;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;max-width:800px;margin:0 auto;position:relative;overflow:hidden}.video__element:before{z-index:1;content:"";pointer-events:none;background-color:#3333334d;width:100%;height:100%;transition-property:background-color;transition-duration:.3s;display:block;position:absolute;top:0;left:0}.video__play{z-index:2;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video__play i{color:var(--primary-white);margin-left:4px;font-size:60px;line-height:1}@media screen and (width<=1023px){.video{padding:24px 0}.video__head{margin-bottom:24px}.video__title{text-align:left;font-size:24px}.video__text{font-size:16px;line-height:1.4}}@media screen and (width<=799px){.video__play{width:50px;height:50px}.video__play i{font-size:30px}}@media screen and (width<=599px){.video__text{text-align:left}}@media (hover:hover){.video__element:hover:before{background-color:#33333380}}
