#events{padding:4% 0;background: #f4f4f4;}
.filterBx{border: 1px solid #d3d3d3;display: block;width: 100%; padding: 3%; position: relative;margin-bottom: 5%;background: #fff;}
.inputBx {margin: 5% 0;}
.filterBx h4{}

/*Checkbox Css*/
.leftSidebar {}
.leftSidebar label {font-size:14px;color: #4D4D4D;z-index: 10;cursor: pointer;}
.leftSidebar input {opacity: 0;visibility: hidden;}
.leftSidebar input:checked ~ .check {border-color: #24468a;box-shadow: 0px 0px 0px 15px #24468a inset;}
.leftSidebar input:checked ~ .check::after {opacity: 1;transform: scale(1);}
.leftSidebar .check {width:20px;height:20px;display: flex;justify-content: center;align-items: center;position: relative;border-radius: 100px;background-color: #FFF;border: 2px solid #24468a;box-shadow: 0px 0px 0px 0px #24468a inset;transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);float: left;}

.eventBx{margin-bottom: 5%;padding: 6% 4%;border-radius: 5px;}
.eventBx:hover{background: #fff;}
.eventBx img{width: 100%;border-radius: 10px;margin-bottom: 3%;}
.eventBx h4{font-size: 16px;line-height: 16px;margin-bottom: 20px;text-transform: none;color: #24468a;}
.eventBx p{margin-bottom: 4%;font-size: 12px;}
.eventBx p i{color: #949494;}
.eventBx a{transition: ease all .7s;display: block;border: 1px solid #b0b0b0;text-align: center;padding: 2%;border-radius: 5px;width: 60%;color: #000;}
.eventBx a:hover{background: #24468a;color: #fff;border: 1px solid #24468a;}

ul.paginationList{list-style-type: none;padding: 0;margin-top: 4%;padding-left: 2%;}
ul.paginationList li{float: left;cursor: pointer;background: #d3d3d3;width: 35px;height: 35px;margin-right: 2%;text-align: center;line-height: 34px;border-radius: 4px;}
ul.paginationList li:hover{background: #24468a;color: #fff;}
ul.paginationList li.active{background: #24468a;color: #fff;}