section.video-showcase .container{overflow:hidden}section.video-showcase .bg{background-image:url(/wp-content/themes/searchspring-2024/assets/svg/video_showcase_bg.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;height:28%;position:absolute;right:0;top:-14%;width:18%}section.video-showcase h2{color:#c5bfff}section.video-showcase h2:first-line{color:#382f5a}section.video-showcase .showcase{margin-bottom:4rem;position:relative}@media (max-width:900px){section.video-showcase .showcase{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:2.5rem}}section.video-showcase .ui{height:100%;left:0;position:absolute;top:4rem;width:100%}@media (max-width:900px){section.video-showcase .ui{-webkit-box-ordinal-group:3;-ms-flex-order:2;-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:1.5rem;order:2;position:static}}section.video-showcase .entry{left:0;position:absolute;top:0;width:180px}@media (max-width:900px){section.video-showcase .entry{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;position:static;text-align:left;width:100%}}section.video-showcase .entry .icon{-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background:rgba(0,206,225,.04);border:1px solid #c5bfff;border-radius:8px;display:inline-block;margin-bottom:1rem;padding:12px;-webkit-transition:all .2s;transition:all .2s}section.video-showcase .entry .icon img{background:#fff;border:.6px solid #c5bfff;border-radius:6px;height:24px;padding:7px;width:auto}section.video-showcase .entry p{margin-bottom:0}section.video-showcase .entry.active,section.video-showcase .entry:not(.disabled){cursor:pointer}section.video-showcase .entry.active:hover .icon,section.video-showcase .entry:not(.disabled):hover .icon{background:rgba(0,206,225,.04);border:1px solid #3a23ad;border-radius:8px;-webkit-box-shadow:0 12px 18px rgba(56,47,90,.19);box-shadow:0 12px 18px rgba(56,47,90,.19)}section.video-showcase .entry.entry-1{left:auto;right:0;text-align:right}@media (max-width:900px){section.video-showcase .entry.entry-1{text-align:left}}section.video-showcase .entry.entry-2{bottom:0;top:auto}section.video-showcase .entry.entry-3{bottom:0;left:auto;right:0;text-align:right;top:auto}@media (max-width:900px){section.video-showcase .entry.entry-3{text-align:left}}section.video-showcase .macbook{margin:0 auto;position:relative;width:calc(100% - 400px)}@media (max-width:900px){section.video-showcase .macbook{width:100%}}section.video-showcase .macbook svg{height:auto;width:100%}section.video-showcase .macbook video{border-top-left-radius:2%;border-top-right-radius:2%;height:83.5%;left:10.5%;position:absolute;top:2.5%;width:79%;z-index:2}section.video-showcase .macbook img{display:block}section.video-showcase .macbook .imgwrap{-webkit-backdrop-filter:blur(3.5px);backdrop-filter:blur(3.5px);background:rgba(0,206,225,.04);border:1px solid #c5bfff;border-radius:8px;display:inline-block;opacity:0;padding:12px;-webkit-transform:translateX(5%);-ms-transform:translateX(5%);transform:translateX(5%);-webkit-transition:all .2s;transition:all .2s}@media (max-width:900px){section.video-showcase .macbook .imgwrap{padding:6px}}section.video-showcase .macbook .imgwrap img{background-color:#fff;border-radius:6px;height:121px;overflow:hidden;width:auto}@media (max-width:900px){section.video-showcase .macbook .imgwrap img{height:80px}}section.video-showcase .macbook .image{bottom:23%;left:-3%;position:absolute;z-index:3}section.video-showcase .macbook .mini-images{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;bottom:23%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:15px;position:absolute;right:-10%;z-index:3}section.video-showcase .macbook .mini-images img{height:76px}@media (max-width:900px){section.video-showcase .macbook .mini-images img{height:40px}}section.video-showcase .macbook .mini_image_1{-webkit-transition-delay:.1s;transition-delay:.1s}section.video-showcase .macbook .mini_image_2{-webkit-transition-delay:.2s;transition-delay:.2s}section.video-showcase .macbook .mini_image_3{-webkit-transition-delay:.3s;transition-delay:.3s}section.video-showcase .macbook .active{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}