.container{margin-left:10%;width:80%}.accordion_1{border:none;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;outline:none;padding:18px;text-align:left;transition:.4s;width:100%}.accordion_1,.accordion_1:hover,.active_accordian{background-color:#eee;color:#444}.accordion_1:after{color:#777;content:"\002B";float:right;font-weight:700;margin-left:5px}.active_accordian:after{content:"\2212"}.panel{background-color:#fff;display:none;overflow:hidden;padding:0 18px}.accordion{border:1px solid #ccc;border-radius:5px}.accordion-item{border-bottom:1px solid #ccc}.accordion-header{background-color:#3686e0;color:#fff;cursor:pointer;padding:20px;position:relative}.accordion-header:after{content:"\25BA";font-size:10px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.accordion-item.open .accordion-header:after{transform:translateY(-50%) rotate(90deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.accordion-item.open .accordion-content{max-height:300px;transition:max-height .5s ease-in}