.pagecontent ul {transition: all 1s ease-in-out 0s !important;background: transparent linear-gradient(to left, rgb(248, 201, 2) 50%, rgb(223, 28, 28) 50%) repeat scroll right bottom / 199% 100%;border-radius: 10px;} .pagecontent ul:hover {transition: all 0.8s ease-in-out;background-position: left bottom !important;} .pagecontent ul ul {background: none;} .pagecontent ul li{list-style:none;transition: all 0.8s ease-in-out;} .pagecontent ul li a {color: #ffffff;text-decoration: none;text-transform: uppercase;font-weight: bold;list-style:none;} .pagecontent ul li a::before {font-family:FontAwesome;content:"\f15c ";padding-right:10px;} .pagecontent ul li ul li {color: #ffffff;} .pagecontent ul:hover ul li a{transition: all 0.8s ease-in-out;padding-left:10px;} .pagecontent ul:hover ul li{transition: all 0.8s ease-in-out;padding-left:10px;}