:root{--origin:25% center}.section.calendar{background-position:50%;background-repeat:no-repeat;background-size:auto 100%;overflow:hidden;padding:120px 0 90px;position:relative}.section.calendar:after{background-image:inherit;background-position:50%;background-size:100% auto;content:"";filter:blur(2px);inset:-10px;position:absolute;z-index:-1}.calendar-cards{display:flex;flex-flow:row wrap;gap:20px;margin:0 auto;max-width:100%}.calendar .box{background-color:rgba(245,245,247,.5);border:5px dashed #ff3a46;border-radius:4px;cursor:pointer;height:calc(33.33333vh - 44px);max-height:420px;min-height:140px;position:relative;transition:all .25s ease;width:calc(25% - 15px)}.calendar .box:hover{background-color:rgba(245,245,247,.8)}.calendar .box .number{align-items:flex-end;background:none;color:#ff3a46;font-family:Roobert;font-size:10vh;font-weight:600;height:100%;justify-content:flex-start;line-height:normal;padding:32px;transform:rotateY(0deg);transform-origin:var(--origin)}.calendar .panel .left-panel{line-height:0}@media (orientation:portrait) and (width <=767px){.calendar .box{height:calc(25vh - 38px);width:calc(33.33333% - 15px)}}@media (orientation:portrait) and (width <=599px){.calendar .box{height:calc(16.66667vh - 32px);min-height:80px;width:calc(50% - 10px)}.calendar .box .number{align-items:center;display:flex;font-size:6vh;justify-content:center;padding:0}}.calendar .popup{align-items:center;background:rgba(0,0,0,.6);display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.calendar .popup.show{display:flex;z-index:9999}.calendar .popup-content{animation:fade .3s ease;background:#fff;border-radius:10px;padding:0;position:relative;width:650px}@keyframes fade{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.calendar .close{align-items:center;background:#000;border:0;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;line-height:1;position:absolute;right:-20px;top:-20px;width:40px}.calendar .cta{background:#000;border-radius:6px;color:#fff;display:inline-block;margin-top:15px;padding:10px 20px;text-decoration:none}.calendar .left-panel img{border-bottom-left-radius:10px;border-top-left-radius:10px;height:auto;max-width:250px;object-fit:contain;width:100%}.calendar .panel{align-items:center;display:flex;gap:0;justify-content:space-between}.calendar .card-content{padding:20px 50px 20px 0;width:calc(100% - 290px)}.calendar .card-content p{font-size:20px;margin:0 0 15px}.calendar a.card-intro{align-items:center;background:#121017;border:1px solid transparent;border-radius:4px;color:#fff;display:inline-flex;flex-flow:row;font-size:16px;font-weight:600;gap:6px;line-height:24px;margin-top:24px;padding:12px 12px 12px 20px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.calendar a.card-intro:after{background-image:url(https://info.yugabyte.com/hubfs/19913802/themes/yugabytedb/images/button-arrow-white.svg),url(https://info.yugabyte.com/hubfs/19913802/themes/yugabytedb/images/button-arrow-orange.svg);background-size:auto,0;content:"";height:32px;margin-left:6px;width:32px}.calendar a.card-intro:hover:after{background-size:0,auto}@media(width <=767px){.calendar .card-content{padding:50px 32px;width:100%}.calendar .left-panel{display:none}.calendar .popup-content{width:400px}}@media(width <=480px){.calendar .card-content{max-height:90vh;overflow:auto;padding:40px 24px}.calendar .popup-content{width:calc(100vw - 15px)}.calendar a.card-intro{font-size:15px}.calendar .close{position:absolute;right:5px;top:5px}}