.links-list-flex{display:flex;flex-flow:row wrap;float:left;gap:0%;margin:20px auto 0 !important;position:relative;width:100%;max-width:1200px !important;}
.links-list-flex li{display:flex;flex:1 0 auto;flex-grow:1;margin-bottom:0;padding:0;width:16.6%;max-width:16.6%;}
.links-list-flex li.five{width:20%;max-width:20%;}
.links-list-flex li.four{width:25%;max-width:25%;}
.links-list-flex li.three{width:33.3%;max-width:33.3%;}
.links-list-flex li.two{width:50%;max-width:50%;}
	
.links-list-flex li .inner-wrap{border-top:1px solid #5a53af;clear:both;display:block;margin:0;position:relative;width:96%;}	
.links-list-flex li a {background-color:rgba(90,83,175,0);display:block;position:relative;text-decoration:none;transition:all .2s ease-in-out;width:100%;display: flex;height: 100%;}
.links-list-flex li a:hover {background-color:rgba(90,83,175,0.1);cursor:pointer;transition:all .2s ease-in-out;}
.links-list-flex li .content {display:block;padding:20px 50px 20px 20px;position:relative;width:auto;}
.links-list-flex li .name {color:#3a357e;display:block;font-family:'Oswald', sans-serif !important;font-size:18px;position:relative;width:100%;transition:all .5s ease-in-out;}
.links-list-flex li .rule {background-color:#5a53af;bottom:0;display:block;height:100%;left:0;position:absolute;top:0;width:0%;transition:all .2s ease-in-out;}
.links-list-flex li a:hover .name {cursor:pointer;color:#001446;transform:scale(1.0);}
.links-list-flex li a:hover .rule {width:10px;transition:all .2s ease-in-out;} 
.links-list-flex li .arrow-right{bottom:0;display:none;height:100%;position:absolute;right:0;top:0;width:40px;transition:all .2s ease-in-out;} 
.links-list-flex li a .arrow-right {display:block;}
.links-list-flex li a:hover .arrow-right {display:block;transition:all .2s ease-in-out;}
.links-list-flex li a .arrow-right::after {content: "";background-image:url(/wp-content/uploads/2020/08/arrow-down-light-purple.svg);background-size:25px;background-repeat:no-repeat;display:inline-block;height:25px;left:0px;position:relative;top:18px;width:25px;transform:rotate(-90deg);transition:all .2s ease-in-out;}
.links-list-flex li a:hover .arrow-right::after {left:5px;}
		
@media screen and (max-width: 2000px) { 
	.on-cs .links-list-flex li.six{width:33.3%;max-width:33.3%;}
}
@media screen and (max-width: 1700px) { 
	.on-cs .links-list-flex li.five{width:33.3%;max-width:33.3%;} 
}
@media screen and (max-width: 1500px) { 
	.on-cs .links-list-flex li.four{width:33.3%;max-width:33.3%;}
}
@media screen and (max-width: 1200px) { 
	.links-list-flex li {width:20%;max-width:20%;} 
	.links-list-flex li.five{width:25%;max-width:25%;} 
	.on-cs .links-list-flex li.six{width:50%;max-width:50%;}  
}
@media screen and (max-width: 1100px) { 
	.links-list-flex li {width:25%;max-width:25%;}
	.on-cs .links-list-flex li.three{width:50%;max-width:50%;}
}
@media screen and (max-width: 960px) { 
	.links-list-flex li{width:33.3%;max-width:33.3%;}
	.links-list-flex li.four, 
	.links-list-flex li.five {width:33.3%;max-width:33.3%;} 
	.on-cs .links-list-flex li.four,
	.on-cs .links-list-flex li.five{width:50%;max-width:50%;} 
} 
@media screen and (max-width: 767px) { 
	.links-list-flex li, 
	.on-cs .links-list-flex li,
	.links-list-flex li.three, 
	.links-list-flex li.four,
	.links-list-flex li.five {width:50%;max-width:50%;}  
} 
@media screen and (max-width: 640px) {
	.links-list-flex li,
	.on-cs .links-list-flex li,
	.links-list-flex li.two,
	.on-cs .links-list-flex li.two,
	.links-list-flex li.three,
	.on-cs .links-list-flex li.three,
	.links-list-flex li.four,
	.on-cs .links-list-flex li.four,
	.links-list-flex li.five,
	.on-cs .links-list-flex li.five,
	.links-list-flex li.six,
	.on-cs .links-list-flex li.six{width:100%;max-width:100%;}
	.links-list-flex li .inner-wrap{width:100%;}
}