.cta.text-center{margin-bottom:90px}.vid-section .section-head{border-bottom:1px solid #e5e4eb;margin-bottom:48px;padding-bottom:40px}.vid-items{display:flex;flex-flow:row wrap;gap:20px;margin:30px 0 90px}.nav+.vid-items,.vid-section:not(:has(.section-head)) .vid-items{margin:90px 0}.vid-item{background:#f5f5f7;border-radius:4px;cursor:pointer;display:flex;flex-flow:column;gap:20px;max-width:calc(100% - 15px);padding:32px;position:relative;transition:all .3s ease;width:calc(33.33333% - 14px)}.vid-items .vid-item:before{background-color:#ff5f3b;background-image:url(https://info.yugabyte.com/hubfs/19913802/themes/yugabytedb/images/icon-play-white.svg);background-position:50%;background-repeat:no-repeat;border-radius:3px;bottom:32px;content:"";height:48px;left:32px;position:absolute;transition:all .3s ease;width:48px;z-index:2}.vid-items .vid-item:hover:before{background-color:#735af5}.vid-item:after{content:"";inset:0;position:absolute}.video-thumb{aspect-ratio:1.9;background-color:#000;background-size:100% auto;border-radius:8px;overflow:hidden;width:100%}.video-thumb iframe{border:0;height:100%;width:100%}.vid-title{font-family:Roobert;font-size:24px;font-weight:500;line-height:28px}.vid-desc{color:#494655;font-size:16px;line-height:normal;margin:0 0 72px}.vid-item time{color:#797587;font-size:70%;margin:-10px 0 -25px!important}.sliding{margin-left:calc(50% - 50vw);overflow:hidden;position:relative;width:100vw}.vid-section:not(:has(.section-head)) .sliding{margin-top:72px}.sliding .vid-items{display:block;overflow:hidden;padding-left:calc(50% - 650px);white-space:nowrap}.sliding .vid-items .vid-item{display:inline-flex;margin-right:20px;min-height:570px;vertical-align:top;white-space:normal;width:416px}.sliding .vid-title{font-size:22px;height:78px;-webkit-line-clamp:3;line-height:26px}.sliding .vid-desc,.sliding .vid-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.sliding .vid-desc{-webkit-line-clamp:6}.sliding .nav{align-items:center;display:flex;justify-content:flex-end;position:absolute;right:calc(50% - 582px);top:0;width:130px}.sliding .nav button{background-color:#f5f5f7!important;background-image:url(/wp-content/themes/yugabyte/assets/images/rebrand/angle-left.svg)!important;background-position:50%!important;background-repeat:no-repeat!important;border:none;border-radius:3px;height:40px;margin:0 5px;transition:all .3s ease;width:40px}.sliding .nav button.disabled{opacity:.5}.sliding .nav button:not(.disabled){cursor:pointer}.sliding .nav button:not(.disabled):hover{background-color:#e5e4eb!important}.sliding .nav button.next{transform:rotate(180deg)}@media (max-width:1399px){.sliding .vid-items{padding-left:15px}}@media (max-width:1199px){.vid-item{padding:18px}.vid-item:before{bottom:18px;left:18px}}@media (max-width:991px){.vid-item{width:calc(50% - 10px)}}@media (max-width:767px){.vid-item{width:400px}.vid-items{align-items:center;flex-flow:column}}@media (pointer:coarse){.sliding .nav{display:none}.sliding .vid-items{overflow-x:auto;scroll-behavior:smooth;scroll-padding-left:15px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.sliding .vid-items .vid-item{scroll-snap-align:start}}.vid-item-first{position:relative}.vid-item-first>div{align-items:center;background:#121017;border-radius:0;cursor:pointer;display:flex;flex-flow:row-reverse;gap:40px;justify-content:space-between;min-height:600px;padding:50px 0;position:relative;transition:all .3s ease;width:100%}.vid-item-first:after,.vid-item-first:before{background:#121017;content:"";display:block;height:100%;left:calc(-50vw - -50%);position:absolute;top:0;width:calc(50vw - 50%);z-index:-1}.vid-item-first:after{background:#121017;left:auto;opacity:1!important;right:calc(-49.5vw - -50%)}.vid-item-first .video-thumb{border-radius:16px;width:600px;width:calc(50% - 40px)}.vid-item-first time{color:#ffffffb5}.vid-item-first .vid-title{color:#fff;font-family:Roobert;font-size:65px;line-height:1.2;margin-bottom:24px;margin-top:0}.vid-item-first .vid-desc{color:#ffffffba;font-size:20px;font-weight:400;line-height:1.3;margin:0}.vid-item-first .content-area{width:calc(100% - 680px);width:calc(50% - 40px)}.vid-items .vid-item-first .vid-item:before{display:none}body.show-vid{overflow:hidden!important}body.show-vid .info-topbar *{animation-play-state:paused}#vid-popup{align-items:center;display:none;inset:0;justify-content:center;position:fixed;z-index:-1}body.show-vid #vid-popup{display:flex;z-index:100}#vid-popup>.close-vid{inset:0;position:absolute;z-index:1}body.show-vid #vid-popup>.close-vid{animation:vid-overlay 2s ease forwards}@keyframes vid-overlay{0%{backdrop-filter:blur(0);background:rgba(18,16,23,0)}to{backdrop-filter:blur(4px);background:rgba(18,16,23,.5)}}body.show-vid.closing-vid #vid-popup>.close-vid{animation:vid-overlay-close 2s ease forwards}@keyframes vid-overlay-close{0%{backdrop-filter:blur(4px);background:rgba(18,16,23,.5)}to{backdrop-filter:blur(0);background:rgba(18,16,23,0)}}.vid-container{max-height:calc(100vh - 100px);max-width:calc(100vw - 100px);min-height:250px;min-width:450px;opacity:0;position:relative;z-index:2}body.show-vid .vid-container{animation:vid-cotainer .3s ease .5s forwards}@keyframes vid-cotainer{0%{opacity:0}to{opacity:1}}body.show-vid.closing-vid .vid-container{animation:vid-cotainer-close .1s ease forwards}@keyframes vid-cotainer-close{0%{opacity:1}to{opacity:0}}.vid-box{border-radius:8px;font-size:0;line-height:0;overflow:hidden}.vid-container .close-vid{cursor:pointer;height:30px;position:absolute;right:-40px;top:-30px;width:30px}.vid-container .close-vid:after,.vid-container .close-vid:before{background:#f5f5f7;border-radius:8px;content:"";height:2px;position:absolute;rotate:45deg;top:50%;transform-origin:center;width:20px}.vid-container .close-vid:after{rotate:-45deg}.vid-box iframe{aspect-ratio:1.75;height:calc(100vh - 100px);max-width:100%}@document url-prefix(){body #colophon,body #main,body #masthead{filter:blur(0);transition:filter .2s ease}body.show-vid #colophon,body.show-vid #main,body.show-vid #masthead{filter:blur(4px)}body.show-vid.closing-vid #colophon,body.show-vid.closing-vid #main,body.show-vid.closing-vid #masthead{filter:blur(0)}}@media (max-width:480px){.vid-container .close-vid{right:0;top:-40px}.vid-container{min-width:100%;width:100%}.vid-box{margin:0 auto;width:95vw}}