.dropdown_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; list-style: none; padding: 0; margin: 0; } 

.dropdown_item { display: flex; align-items: top; gap: 10px; } 

.dropdown_item .icon { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; object-fit: contain; border-radius: 6px; background-image: linear-gradient(120deg, #d9e7f0, #eee4ea); } 

.dropdown_item .icon img { display: block; width: 45px; height: auto; } 
.dropdown_grid li:first-child .dropdown_item .icon img { width: 49px; } 
.dropdown_grid li:last-child .dropdown_item .icon img { width: 32px; } 

.dropdown_box { flex: 1; position: relative; } 

.dropdown_toggle { width: 100%; height: 80px; line-height: 80px; padding: 0 0 0 30px; font-size: 16px; border: 1px solid #ddd; border-radius: 8px; background: #fff; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } 

.dropdown_toggle .arrow { margin-right: 30px; display: inline-block; width: 24px; height: 15px; background: url("../images/ico_btnarrow.png") no-repeat center / contain; transition: transform 0.3s; } 

.dropdown_box.active .arrow { transform: rotate(180deg); } 

.sub_menu { display: none; padding: 15px 15px 5px 30px; border-left: 2px dashed #e1e1e1; margin-top: 0px; position: relative; } 
.sub_menu::after { position: absolute; content: ""; bottom: -3px; left: -5px; width: 8px; height: 8px; border-radius: 100px; background-color: #bdbdbd; } 
.sub_menu li { padding: 7px 0 7px 14px; position: relative; } 
.sub_menu li::before {position: absolute; left: 0; top: 16px; content: ""; width: 5px; height: 5px; border-radius: 90%; background-color: #333;}

.sub_menu li a { text-decoration: none; font-size: 15px; line-height: 22px; color: #222; display: block; } 

/*.sub_menu li:hover { background: #f5f5f5; } */

/* .sub_menu li:hover a { text-decoration: underline; } */