.media-gallery-variation .video-image-gallery .media-list-container .media-list{display:none}
.media-gallery-variation .video-image-gallery .media-list-container .media-list.active,.feature-animation-variation .media-list-container .media-list{display:block !important}
.media-gallery-variation .video-image-gallery .content-list{padding:18px 0;list-style:none}
.video-image-gallery video.media-list-video{width:100%}
.video-image-gallery .active-line{position:absolute;width:6px;height:100%;animation:fade-in 2s .3s forwards;opacity:0}
.animation-toggle .video-image-gallery .active-line{transition:all .3s ease !important}
.animation-off .video-image-gallery .active-line{transition:none}
.video-image-gallery .feature-button{background:0;color:#0093f9;border:0;text-align:left}
.media-gallery-variation .video-image-gallery .feature-content{padding:14px 0 0}
.video-image-gallery .feature-content p{margin:0}
.video-image-gallery .feature-content .link-group{margin-top:16px}
.video-image-gallery li.content-list.active .feature-button{font-size:34px;font-weight:600;line-height:40px;padding:0;cursor:initial}
.video-image-gallery li.content-list .feature-button{font-size:20px}
.video-image-gallery button.feature-button span.feature-heading-glyph{padding-left:10px;font-size:16px}
.media-gallery-variation .video-image-gallery .vi-gallery-content{display:flex;align-items:center}
.video-image-gallery ul.media-list-container{padding:0;margin:0}
.video-image-gallery .feature-header:not(.on-focus) .feature-heading-text .feature-heading-glyph{position:absolute;margin-top:5px}
.video-image-gallery .content-body ul{padding-left:32px}
.media-gallery-variation .video-image-gallery .content-list:not(.active) .feature-content{display:none}
.feature-animation-variation .content-list:not(.active) .feature-content{display:block !important}
@keyframes onFocusContent{from{transform:translateY(25px)}
to{transform:translateY(0)}
}
@keyframes offFocusContent{from{transform:translateY(0)}
to{transform:translateY(25px)}
}
.animation-toggle .video-image-gallery .on-focus{animation:onFocusContent 1s forwards !important}
.animation-off .video-image-gallery .on-focus{animation:none}
.video-image-gallery .off-focus{animation:offFocusContent 1s forwards}
@keyframes fade-in{from{opacity:0}
to{opacity:1}
}
.video-image-gallery .slow-animation{transition-duration:.5s;transition-timing-function:ease-in-out}
@media screen and (max-width:1082.98px){.video-image-gallery li.content-list .feature-button{font-size:18px;font-weight:600}
.video-image-gallery li.content-list.active .feature-button{font-size:24px}
.feature-animation-variation .vi-gallery-content{display:flex !important;flex-direction:column-reverse !important}
.feature-animation-variation .feature-animation-content p{padding-bottom:2px}
.feature-animation-variation .vi-gallery-content.initial .feature-content,.feature-animation-variation .vi-gallery-content.row-reverse .feature-content{padding-right:10%}
.feature-animation-variation .feature-content .link-group{padding-left:0}
}
@media screen and (max-width:859.98px){.video-image-gallery .vi-gallery-content{flex-direction:column-reverse !important}
.feature-animation-variation .vi-gallery-content{padding-left:7%;padding-right:7%}
.feature-animation-variation .media-container{padding-bottom:2rem}
}
@media screen and (max-width:540.98px){.video-image-gallery .content-body ul{padding-left:20px}
.video-image-gallery .active-line{width:4px}
}
@media screen and (min-width:540px) and (max-width:1083px){.video-image-gallery .content-body{margin-left:20px}
.feature-animation-variation .content-body{margin-left:0}
}
[dir=rtl] .video-image-gallery li.content-list.active .feature-button,[dir=rtl] .video-image-gallery li.content-list .feature-button{text-align:right}
[dir=rtl] .video-image-gallery button.feature-button span.feature-heading-glyph{padding-left:0;padding-right:10px}
.video-image-gallery li.content-list:not(.active) .feature-button:focus{padding-right:30px}
@media screen and (min-width:1082.98px){.feature-animation-variation .feature-content-body{max-width:55%}
.feature-animation-variation .vi-gallery-content.row-reverse .feature-content-body{padding-left:10%}
[dir=rtl] .feature-animation-variation .vi-gallery-content.row-reverse .feature-content-body{padding-right:10%}
html[dir="ltr"] .feature-animation-variation .feature-animation-content,.feature-animation-variation .vi-gallery-content.row-reverse .feature-content{padding-right:15%}
.feature-animation-variation .vi-gallery-content.initial .feature-content{padding-right:25%}
.feature-animation-variation .feature-content .link-group{padding-left:23px}
.feature-animation-variation .content-body{margin-top:-16px !important}
}
.feature-animation-variation .vi-gallery-content.row-reverse .feature-animation-content{padding-right:0}
.feature-animation-variation .feature-animation-content{font-size:18px;font-weight:400;line-height:24px;letter-spacing:0}
.feature-animation-variation .feature-content .feature-para>:nth-child(2n+3){margin-top:40px}
@media screen and (min-width:860px) and (max-width:1082.98px){.feature-animation-variation .vi-gallery-content{padding-left:50px;padding-right:50px}
}
.feature-animation-variation .media-container .card-img,.feature-animation-variation .media-container .media-list-video{border-radius:40px}
.feature-animation-variation .media-container.video-play-pause{display:flex;align-items:center}
.feature-animation-variation .media-container .play-pause-btn{position:absolute;left:46%;border-radius:50%;background:white}
.feature-animation-variation .media-container .play-pause-btn .glyph::before{color:#0067b8}
.feature-animation-variation{margin:80px 0}