#slider{}
.carousel-indicators [data-bs-target]{height: 6px;background-color: #e82872;}

#featured{background: #f5f5f5;padding:2% 0;}
.fEventIcon{display: block;float: left;margin-right: 2%;}
.fEventIcon i{background: #24468a;width: 50px;height: 50px;border-radius: 50%;text-align: center;color: #fff;line-height: 47px;font-size: 25px;}
.fEventDetails{display: block;float: left;}
.fEventDetails h4{color: #e82872;font-weight: 700;margin: 0;}
.fEventLocationDate p{margin-bottom: 7px;}
.fEventLocationDate p i{color: #e82872;font-size: 13px;padding-right: 3px;}
#featured a{display: block;background: #24468a;color: #fff;padding: 3%;border-radius: 4px;text-align: center;width: 60%;}
#featured a:hover{background: #e82872;}

#allEvents{padding:4% 0;}
#event-section{padding:4% 0;}
.eventDetailsBx{margin-bottom: 4%;position: relative;display: block;border: 1px solid #ededed;padding: 1%;transition: ease all 0.7s;}
.eventDetailsBx:hover{border: 1px solid #e82872;box-shadow:0 5px 8px #d3d3d3;}
.eventDetailsBx img{width: 100%;}
.absoDateBx{background: #e82872;position: absolute;top: 2.4%;z-index: 99999;padding: 2%;}
.absoDateBx .onlyDate{display: block;font-weight: 700;font-size: 20px;line-height: 22px;color: #fff;}
.absoDateBx .onlyMonth{display: block;color: #fff;}
.eventDetailsBx h4{margin-bottom: 6%;}
.eventDetailsBx p{}
.eventDetailsBx p i{color:#e82872;padding-right: 2px;}
.eventDetailsBx a{margin-top: 10%;display: block;background: #24468a;color: #fff;padding: 3%;border-radius: 4px;text-align: center;width: 60%;}
.eventDetailsBx a:hover{background: #e82872;}

#organizeBanner{background: #e82872;padding:4% 0;text-align:center;color: #fff;}
#organizeBanner h2{}
#organizeBanner p{}
#organizeBanner a{display: block;background: #24468a;color: #fff;padding:1%;border-radius: 4px;text-align: center;width:15%;margin: auto;}
#organizeBanner a:hover{background: #000;}

#articles{padding:4% 0;}
#articles .headingStyle{text-align:center;}
a.blogDetailsBx{}
a.blogDetailsBx img{width: 100%;border-radius: 6px;margin-bottom: 3%;}
a.blogDetailsBx h4{color: #000;font-size: 22px;}
a.blogDetailsBx:hover h4{color: #e82872;}
a.blogDetailsBx p.postDate{color: #959595;font-size: 13px;}
a.blogDetailsBx p.postLines{color: #3c3c3c;}
a.seeAllBtn{display: block;background: #24468a;color: #fff;padding:1%;border-radius: 4px;text-align: center;width:16%;margin: auto;margin-top: 2%;}
a.seeAllBtn:hover{background: #e82872;}

#clients{padding:4% 0;}
#clients .headingStyle{text-align:center;}
.owl-carousel .owl-item img{width:100%;}

#testimonials{padding:4% 0;}
.testiBx{border: 10px solid #24468a14;padding: 4%;margin-top: 4%;}
#testiLogo{margin-bottom: 4%;}
#testiLogo img{width: 30%;height: 140px; margin: auto;display: block;}
.testiDesc{}
.testiDesc i{color: #eeeeee;font-size: 70px;position: absolute;left: 22px;top: 54px;z-index: -1;}
.testiDesc p{color: #3c3c3c;text-align: center;}
.testiname{}
.testiname p span{font-weight: bold;color: #24468a;font-size: 17px;}
.testiname p{color: #3c3c3c;text-align: center;}


element.style {
    
    
}

#testimonials .owl-item .active{width: 643.005px !important; margin-right: 10px;}
#testimonials .owl-item {width: 643.005px !important; margin-right: 10px;}

 /****************** Responsive style *******************/
@media (max-width: 480px) {
    a.seeAllBtn{padding: 2%;width: 35%;}
    .eventDetailsBx p {font-size: 12px;}
    #organizeBanner a{padding: 2%;width: 35%;}
}

@media (max-width: 768px) {
	a.seeAllBtn{padding: 2%;width: 35%;}
	.eventDetailsBx p {font-size: 12px;}
	 #organizeBanner a{padding: 2%;width: 35%;}
}

@media (max-width: 900px) {

}

@media (max-width: 1200px) {

}