@import url("https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap");#banner-captation-container{align-items:stretch;display:flex;font-family:Sora,sans-serif;gap:32px;margin:100px 0}#banner-left{display:flex;width:50%}.banner-img{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}#banner-right{background-color:#a6b1d340;border-radius:4px;display:flex;flex-direction:column;gap:24px;padding:37px 32px;width:50%}.title-banner-captation{color:#49efdb;font-size:32px;font-weight:700;line-height:1.1;margin:0}.banner-captation-content>p{color:#fff;font-size:20px;font-weight:400;line-height:28px;margin:0}.video-thumbnail{border-radius:8px;cursor:pointer;display:flex;flex:1;height:100%;overflow:hidden;position:relative}.video-thumbnail img{border-radius:8px;display:block;height:100%;object-fit:cover;width:100%}.play-button{align-items:center;background:hsla(0,0%,100%,.5);border-radius:100%;border-radius:50%;display:flex;height:80px;justify-content:center;left:50%;padding:12px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:80px}.play-button svg{height:30px;width:30px;fill:#000;line-height:0!important;margin-left:5px;margin-top:7px;transition:fill .5s ease,width .5s ease,height .5s ease}.video-thumbnail:hover>.play-button svg{fill:#564df7;height:50px;width:50px}.video-thumbnail:hover>.play-button{background:transparent}.play-button:hover svg{fill:#fff}.video-container{border-radius:8px;display:none;height:100%;overflow:hidden;position:relative;width:100%}@media (max-width:1023px) and (min-width:640px){#banner-captation-container{padding:24px}.title-banner-captation{font-size:24px}.banner-captation-content>p{font-size:16px}}@media screen and (max-width:639px){#banner-captation-container{flex-direction:column;gap:24px;margin:50px 0;padding:24px 24px 0}#banner-left,#banner-right{width:100%}.title-banner-captation{font-size:24px}.banner-captation-content>p{font-size:16px}}