.homepage_videos{margin:3rem auto}.homepage_videos .swipe_items{display:flex;gap:2px;justify-content:center;height:fit-content}.homepage_videos .swipe_items .swipe_item{flex:0 1 300px;height:600px;width:300px;position:relative}.homepage_videos .swipe_items .swipe_item::after{content:"";opacity:0;display:block;position:absolute;height:calc(100% - 20px);width:calc(100% - 20px);top:50%;left:50%;transform:translate(-50%, -50%) scale(1.15, 1);border:1px solid rgba(255,255,255,.5);z-index:2;transition:opacity .35s,transform .35s,-webkit-transform .35s;pointer-events:none}.homepage_videos .swipe_items .swipe_item:hover::after,.homepage_videos .swipe_items .swipe_item.active::after{transform:translate(-50%, -50%) scale(1, 1);opacity:1}.homepage_videos .swipe_items .swipe_item .video{height:100%;width:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;z-index:2}.homepage_videos .swipe_items .swipe_item .video_description{opacity:0;transform:translate(0, -10%);position:absolute;z-index:3;inset:auto 0 0 0;text-align:center;color:#fff;padding:2rem;min-height:200px;transition:opacity .35s,transform .35s,-webkit-transform .35s}.homepage_videos .swipe_items .swipe_item .video_description .play_icon{height:48px;width:48px;background-color:#0084bd;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(1.35);margin:0 auto 1.5rem auto;transition:background-color .25s,border .25s,color .25s}.homepage_videos .swipe_items .swipe_item .video_description p{font-size:var(--h5);font-weight:bold;line-height:1.5}.homepage_videos .swipe_items .swipe_item .video_description:hover .play_icon{background-color:#000;border:1px solid rgba(255,255,255,.5)}.homepage_videos .swipe_items .swipe_item .video_description:hover .play_icon svg.icon_play{fill:#fff}.homepage_videos .swipe_items .swipe_item:hover .video_description,.homepage_videos .swipe_items .swipe_item.active .video_description{opacity:1;transform:translate(0, 0)}@media screen and (max-width: 800px){.homepage_videos .swipe_items{flex-flow:row wrap}}@media screen and (max-width: 650px){.homepage_videos .swipe_items .swipe_item{flex:0 1 400px}}