body .section-video{margin:40px 0;border-radius:8px;position:relative}@media screen and (max-width:768px){body .section-video{margin:20px 0}}body .section-video .video__title{color:#121212}body .section-video .video__player{position:relative}body .section-video .video__player .player__controls{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;max-width:calc(100% - 50px);text-align:center;position:absolute;bottom:20px;padding:0 0 3px;margin:0 25px;gap:10px}body .section-video .video__player .player__controls button{width:24px;height:24px;border:none;cursor:pointer;background:0 0}body .section-video .video__player .player__controls button i{color:#fff}body .section-video .video__player .player__controls .play{background:url('data:image/svg+xml,<svg fill="%23fff" height="24px" width="24px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g id="play"><path d="M500.235,236.946L30.901,2.28C16.717-4.813,0.028,5.502,0.028,21.361v469.333c0,15.859,16.689,26.173,30.874,19.081l469.333-234.667C515.958,267.247,515.958,244.808,500.235,236.946z M42.694,456.176V55.879l400.297,200.149L42.694,456.176z"/></g></svg>')}body .section-video .video__player .player__controls .pause{background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="pause"><path id="Vector" d="M10 4H6V20H10V4Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M18 4H14V20H18V4Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>')}body .section-video .video__player .player__controls .mute{background:url('data:image/svg+xml,<svg width="24px" height="24px" viewBox="0 0 512 512" fill="none" stroke="%23fff" xmlns="http://www.w3.org/2000/svg"><path d="M157.65,192H88a8,8,0,0,0-8,8V312a8,8,0,0,0,8,8h69.65a16,16,0,0,1,10.14,3.63l91.47,75A8,8,0,0,0,272,392.17V119.83a8,8,0,0,0-12.74-6.44l-91.47,75A16,16,0,0,1,157.65,192Z" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M352,320c9.74-19.41,16-40.81,16-64,0-23.51-6-44.4-16-64" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/><path d="M400,368c19.48-34,32-64,32-112s-12-77.7-32-112" style="stroke-linecap:round;stroke-linejoin:round;stroke-width:32px"/></svg>')}body .section-video .video__player .player__controls .unmute{background:url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fff" xmlns="http://www.w3.org/2000/svg"><g id="volume-x"><path id="Vector" d="M11 5L6 9H2V15H6L11 19V5Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_2" d="M22 9L16 15" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path id="Vector_3" d="M16 9L22 15" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></g></svg>')}body .section-video .video__player .player__controls .controls__progress-bar-container{flex:1}body .section-video .video__player .player__controls .controls__progress-bar-container .progress-bar{width:100%;color:#d9d9d9;font-size:12px;height:2px;border:none;margin-right:10px;background:#ffffff33;border-radius:9px;vertical-align:middle}body .section-video .video__player .player__controls .controls__progress-bar-container .progress-bar::-moz-progress-bar{color:#d9d9d9;background:#ffffff33}body .section-video .video__player .player__controls .controls__progress-bar-container .progress-bar[value]::-webkit-progress-bar{background-color:#ffffff33;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0,.25) inset}body .section-video .video__player .player__controls .controls__progress-bar-container .progress-bar[value]::-webkit-progress-value{background-color:#d9d9d9}