.drpdown{overflow:hidden}.drpdown .drpdown-head{display:flex;align-items:center;transform:translateX(-3%);transition:transform .3s ease-in-out;position:relative;padding:20px}.drpdown .drpdown-head img{transform:rotate(0deg);transition:transform .6s ease-in-out}.drpdown .drpdown-head span.cus-dot{position:absolute;left:-25px;border-radius:50%;opacity:0;transition:left .3s ease-in-out,opacity .3s ease-in-out;width:8px;height:8px}.drpdown .drpdown-head:hover{transform:translateX(0);transition:transform .3s ease-in-out}.drpdown .drpdown-head:hover span.cus-dot{left:0;opacity:1}.drpdown h3{font-weight:500;font-size:18px}.drpdown .drpdown-content{display:block!important;transition:max-height .7s ease-out,padding .7s ease-out;overflow:hidden;max-height:0}.drpdown .drpdown-content.active{max-height:300px!important;transition:max-height .7s ease-in,padding .7s ease-in}.drpdown.active .drpdown-head img{transform:rotate(90deg)}