body{margin:0;padding:0;background:#005b96}.qualco-container{max-width:1200px;margin:0 auto;width:100%;padding-inline:15px}.demo-video-template{display:grid;column-gap:30px;grid-template-columns:7fr 5fr;grid-template-rows:auto auto;margin-bottom:64px}.outer-gallery-container{background:#fff;position:relative}.video-gallery-container{display:grid;grid-template-columns:repeat(3,1fr);column-gap:32px;row-gap:48px;padding-block:80px}.video-gallery-section{position:relative}.video-gallery-section .video-background{position:absolute;top:-120px;left:0;width:100%;height:100%;pointer-events:none}.video-gallery-section .video-background svg{object-fit:cover;width:100%}.video-gallery-section .video-template--title{margin-block:3rem 10rem!important;grid-column:1/-1;grid-row:1 / 2;max-width:1000px}.video-gallery-section .video-template--title.with-video{margin-block:3rem!important}.video-gallery-section .video-template--title p{color:#fff;font-size:16px;font-weight:600;line-height:150%;text-transform:uppercase;margin-bottom:8px}.video-gallery-section .video-template--title h1{color:#fff;font-size:40px;font-weight:500;line-height:120%}.vd_container{grid-column:1/2;grid-row:2/3;display:flex;flex-direction:column;margin-top:0!important}.vd_container .video.qcr{position:relative;margin-top:0;margin-bottom:0!important;padding-bottom:0}.vd_container .video.qcr video{width:100%;height:auto;border-radius:16px}.after-video-content{margin-top:24px}.after-video-content .container-up{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid rgba(255,255,255,.5)}.after-video-content .container-up .video-title{color:#fff;font-size:24px;font-weight:600;line-height:32px;text-transform:capitalize;margin-bottom:0}.after-video-content .container-down .video-description{color:#ffffffb3;font-size:16px;font-weight:400;line-height:150%;margin-bottom:0}.video-duration{color:#fff;font-size:16px;font-weight:600;line-height:normal;letter-spacing:.32px;text-transform:uppercase;margin-bottom:0;position:relative;display:flex;align-items:center;flex-direction:row;gap:4px}.video-duration:before{content:"";position:relative;display:block;aspect-ratio:1;height:18px;background-image:url(https://content.qualco.eu/hubfs/Qualco%20Redesign%20%6025/duration-time.svg);background-repeat:no-repeat;background-size:contain;background-position:center}.related-ctas{border-radius:30px;background:#00000026;height:fit-content;padding:16px 24px!important;display:flex;flex-direction:column;gap:16px;align-items:flex-start;grid-column:2/3;grid-row:2/3;margin-top:0!important}.related-ctas .wording{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.5);width:100%}.related-ctas .wording p{color:#fff;font-size:21px;font-weight:600;line-height:22px;margin-bottom:0}.related-ctas .sidebar-related{width:100%;height:465px;overflow-y:auto}.related-ctas .sidebar-related .related-video{padding-block:16px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;flex-direction:row;gap:16px;padding-right:8px;cursor:pointer}.related-ctas .sidebar-related .related-video-content{flex:0 1 auto}.related-ctas .sidebar-related .related-video:last-child{border-bottom:none;margin-bottom:0!important}.related-ctas .sidebar-related img{width:96px}.related-ctas .sidebar-related .video-title{margin:0 0 4px;color:#fff;font-size:16px;font-weight:600;line-height:20px;text-transform:capitalize}.related-ctas .sidebar-related .video-duration{margin:0;opacity:.7}@media screen and (max-width: 1024px){.demo-video-template{grid-template-columns:7fr 5fr;grid-template-rows:auto auto}.video-gallery-container{grid-template-columns:repeat(2,1fr);column-gap:24px;row-gap:32px}}@media screen and (max-width: 640px){.qualco-container{padding-inline:24px}.demo-video-template{display:flex;flex-direction:column;gap:24px}.video-gallery-container{grid-template-columns:1fr;padding-block:64px;gap:24px}.video-gallery-section .video-template--title h1{font-size:32px}.after-video-content .container-up{flex-direction:column;align-items:flex-start}.related-ctas{margin-bottom:48px;width:100%}.related-ctas .sidebar-related{height:465px}}.dots-loading{display:flex;justify-content:center;align-items:center;height:375px;font-size:72px;font-weight:700;color:#fff;opacity:.7}.dots-loading .dot{animation:blink 1.4s infinite both;margin:0 5px}.dots-loading .dot:nth-child(2){animation-delay:.2s}.dots-loading .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%{opacity:0}20%{opacity:1}to{opacity:0}}
