.hover-module{display:flex;font-family:sans-serif;gap:40px;margin:auto;max-width:1200px;padding:40px}.hover-left{display:flex;flex:1;flex-direction:column;gap:20px}.hover-item{background-color:#f4f7f6;border-left:4px solid transparent;border-radius:8px;cursor:pointer;padding:20px;transition:background .3s,border-color .3s}.hover-item.active,.hover-item:hover{background-color:#eaf7fa;border-color:#012e40}.hover-item h3{font-size:18px;margin:0}.hover-item p{color:#444;font-size:14px;margin:10px 0}.hover-item ul{color:#333;font-size:14px;margin:10px 0 0;max-height:0;opacity:0;overflow:hidden;padding-left:20px;transition:opacity .3s ease,max-height .3s ease}.hover-item .extra-content.show{max-height:200px;opacity:1}.hover-right{flex:1}.hover-image img{border-radius:12px;transition:opacity .3s ease;width:100%}.mobile-image{display:none!important;margin-top:15px}.mobile-image img{border-radius:12px;width:100%}@media (max-width:768px){.hover-module{flex-direction:column;padding:0}.hover-right.desktop-only{display:none}.hover-item .extra-content{max-height:none!important;opacity:1!important}.mobile-image{display:none}.hover-item.active .mobile-image{display:block!important}}