.hero-cockpit-card-container[data-action="open"] .hero-cockpit-card-more-detail,.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-info-container,.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-image,.hero-cockpit-card-container[data-action="close"] .close,.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-title,.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-description{display:none}
.card[data-visibility="hidden"]{visibility:hidden;opacity:0}
.card[data-visibility="visible"]{visibility:visible;opacity:1}
.hero-cockpit-card-container .card{transition:all 300ms ease-in}
.hero-cockpit-card-container[data-action="close"] .card{border:0}
.hero-cockpit-card-container{position:absolute}
.hero-cockpit-card-container[data-action="open"]{max-width:400px;display:flex;flex-direction:column;box-shadow:0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);margin:10px auto;border-radius:6px;background:#fff;z-index:1031}
.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-more-detail{width:40px;height:40px;border-radius:20px;border:5px solid #009FE34D;cursor:pointer;position:relative}
.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-more-detail:hover{opacity:.5}
.hero-cockpit-card-container[data-action="close"] .hero-cockpit-card-more-detail .icon-container{background-color:#009fe3;width:30px;height:30px;border-radius:20px}
.hero-cockpit-card-container[data-action="open"] .hero-cockpit-card-info-container{display:flex;flex-direction:column;padding:20px;margin-top:10px}
.hero-cockpit-card-container[data-action="open"] .hero-cockpit-card-image{width:100%;height:auto}
.hero-cockpit-card-container[data-action="open"] .close,.more{display:block;width:50px;height:50px;font-size:0;cursor:pointer}
.hero-cockpit-card-container[data-action="open"] .close{position:absolute;top:0;right:0}
.hero-cockpit-card-container[data-action="open"] .close:before,.hero-cockpit-card-container[data-action="open"] .close:after,.more:after,.more:before{position:absolute;top:50%;left:50%;width:3px;transform-origin:top left;content:''}
.hero-cockpit-card-container[data-action="open"] .close:before,.hero-cockpit-card-container[data-action="open"] .close:after{background-color:#000;transform:rotate(45deg) translate(-50%,-50%);height:21px}
.hero-cockpit-card-container[data-action="open"] .close:after{transform:rotate(-45deg) translate(-50%,-50%)}
.more:after,.more:before{background-color:#FFF;transform:rotate(90deg) translate(-50%,-50%);height:16px}
.more:after{transform:rotate(0) translate(-50%,-50%)}
.hero-cockpit-card-container[data-action="open"] .hero-cockpit-card-title{font:normal normal 800 26px/28px Barlow}
.hero-cockpit-card-container[data-action="open"] .hero-cockpit-card-description{font:normal normal normal 18px/24px Barlow}
@media(max-width:767px){.hero-cockpit-description-container{max-height:470px}
.hero-cockpit-card-container[data-action="open"][data-position="0"],.hero-cockpit-card-container[data-action="open"][data-position="1"],.hero-cockpit-card-container[data-action="open"][data-position="2"]{top:20% !important;left:50% !important;width:350px;height:230px;bottom:unset !important;right:unset !important;-ms-transform:translate(-5%,-70%) !important;transform:translate(-50%,-50%) !important}
.more:after,.more:before{height:12px}
}