.pft_interactive_dashboard_middle_col,
.pft_interactive_dashboard_left_col,
.pft_interactive_dashboard_right_col  {
display: flex;
flex-direction: column;
justify-content: center;
} .pft_interactive_dashboard_video_container  {
padding-bottom: 56.25%; height: 0;
animation-name: loadingBg;
animation-direction: alternate;
animation-duration: 1s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
} @keyframes loadingBg {
from {background-color: rgba(255, 255, 255, .1);}
to {background-color: rgba(255, 255, 255, .2);}
} .pft_interactive_dashboard_video_container .pft_db_item {
opacity: 0;
pointer-events: none;
object-fit: contain;
position: absolute;
top: 0;
left: 0;
transition: opacity .333s;
} .pft_interactive_dashboard_video_container .pft_db_item.pft_db_active_item {
pointer-events: auto;
opacity: 1;
transition: opacity .333s;
} .pft_interactive_dashboard_video_container .pft_db_item img {
width: 100%;
} .pft_interactive_dashboard_hover_area {
padding: 15px;
background-color: rgba(255,255,255,.05); box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
transition: color .222s, box-shadow .222s;
} .pft_interactive_dashboard_hover_area.pft_active_area { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
} .pft_interactive_dashboard_hover_area.pft_active_area * {
color: white !important;
} .pft_interactive_dashboard_hover_area:hover {
color: white;
transition: color .3s;
cursor: default;
} .pft_interactive_dashboard_hover_area a {
color: inherit;
transition: color .3s;
} .pft_interactive_dashboard_hover_area:hover a,
.pft_interactive_dashboard_hover_area:hover p {
color: white;
transition: color .3s;
pointer-events: none;
} @media (max-width: 980px) {
.pft_interactive_dashboard {
display: flex;
flex-wrap: wrap;
} .pft_interactive_dashboard_middle_col {
order: -1;
} .pft_interactive_dashboard_left_col,
.pft_interactive_dashboard_right_col {
flex-basis: 100%;
margin-bottom: 30px !important; }
}