.cross{height:20px;position:relative;width:20px}.cross span{background-color:#0268e5;height:4px;left:0;position:absolute;top:50%;transform-origin:center;width:100%}.cross span:first-child{transform:rotate(90deg);transition:transform .3s ease-out}.cross span:last-child{transform:rotate(180deg)}.cross.active span:first-child{transform:rotate(0deg);transition:transform .3s ease-out}.accordion-content{max-height:0;overflow:hidden;transition:all .7s ease-out}.accordion-content.active{max-height:1000px;transition:all 3s ease-out}@media(min-width:1024px){.card-h{height:520px;overflow:hidden;position:relative}.card-h__header{height:450px}.accordion-content,.card-h__content{background-color:#fff;height:100%;transition:.4s cubic-bezier(.17,.67,.5,1.03) .15s}.accordion-text{height:250px;overflow:auto;scroll-behavior:smooth}.card-h:hover .card-h__content{transform:translateY(-300px)}.card-h:hover .accordion-content{max-height:1000px}}