.container-dropdown{align-items:flex-start;display:flex;justify-content:center;margin:auto;opacity:1;width:964px}.image{margin-left:25px;margin-top:0;width:550px;z-index:1}.cards,.image{flex:1;position:relative}.cards{margin-left:40px}.card{background:#fff;border:2px solid #ddd;border-radius:4px;border-radius:16px;cursor:pointer;margin-bottom:10px;padding:5px;position:relative;transition:background .3s ease,border .3s ease}.card-header{align-items:center;display:flex;font-weight:700;justify-content:space-between;padding:10px}.card:hover{background:#e9f3fd;border:2px solid #00adff;border-radius:16px}.dropdown-content{background:#e9f3fd;display:none;padding:10px}.card.open{background:#e9f3fd;border:2px solid #302ab2}.card.open .dropdown-content{display:block}.card.open .card-header span{transform:rotate(0deg)}.card-header span,.card.open .card-header span{transition:transform .3s ease}.card-header:hover{background:#e9f3fd}.read-more{color:#007bff;display:inline-block;margin-top:10px;text-decoration:none}.read-more:hover{text-decoration:underline}@media screen and (max-width:480px){.container-dropdown{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:auto;opacity:1;width:100%}.image{margin-left:10px;margin-top:0;width:95%;z-index:1}.cards{margin-left:15px;margin-right:15px;margin-top:15px;width:93%}.card.open{background:#e9f3fd;border:2px solid #302ab2}}@media screen and (max-width:390px){.container-dropdown{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:auto;opacity:1;width:964px}.image{margin-left:10px;margin-top:0;width:360px;z-index:1}.cards{margin-left:15px;margin-right:15px;margin-top:15px;width:360px}.card.open{background:#e9f3fd;border:2px solid #302ab2}}@media screen and (max-width:360px){.image{margin-left:9px;margin-top:0;width:325px;z-index:1}.cards{margin-left:15px;margin-right:15px;margin-top:15px;width:330px}}