.topic-area .single-topic{position:relative}.topic-area .single-topic:before{position:absolute;top:0;left:0;right:0;height:100%;width:100%;content:"";background-color:rgba(66,85,164,.7);opacity:0;z-index:1;transition:.4s;border-radius:12px}.topic-area .single-topic:hover:before{opacity:1;visibility:visible}.topic-area .single-topic .topic-img{border-radius:12px}.topic-area .single-topic .topic-img img{width:100%}.topic-area .single-topic .topic-content-box{position:absolute;top:50%;left:0;right:0;margin:0 auto;transform:translateY(-50%);height:100%;width:100%;transition:.4s;z-index:2}.topic-area .single-topic .topic-content-box .topic-content{position:absolute;top:53%;transform:translateY(-47%);left:0;right:0;text-align:center}.topic-area .single-topic .topic-content-box .topic-content h3 a{color:#fff;font-weight:700;font-size:20px;margin-bottom:0;text-transform:uppercase;-webkit-text-decoration:underline #fff transparent;text-decoration:underline #fff transparent;transition:.4s}.topic-area .single-topic .topic-content-box .topic-content h3 a:hover{text-decoration:underline}.topic-area .single-topic .topic-content-box .topic-content p{font-size:16px;color:#fff;padding:0 82px;line-height:1.6}@media (max-width:575px){.topic-area .single-topic .topic-content-box .topic-content p{padding:0 18px}}