.flex-col{ display: flex; }
.flex-col ul { gap: 10px;
display: flex;
flex-direction: column;
}
.two-col-ul li{ margin-bottom: 10px;}
.col a{ color: #000000;}
.col a:hover{ color: #E33029;}
.myfooter{ background: #412673; color: #ffffff; padding: 50px 0;}
.myfooter span{ color: #b187ff;}
.myfooter a{ color: #fff; transition-duration: 0.5s; }
.myfooter svg{ fill: #fff; transition-duration: 0.5s; }
.myfooter a:hover svg{ fill: #E33029; transition-duration: 0.5s; }
.myfooter a:hover{ color: #E33029; transition-duration: 0.5s; text-decoration: none}
@media (max-width: 767px) {
.two-col-ul{ column-count: 1;}
.myfooter{ text-align: center; line-height: 40px !important;}
}
@media (min-width: 768px) {
.two-col-ul{ column-count: 2;}
.myfooter{ line-height: 30px;}
}