.App{min-height:auto}.blog-start{padding-top:20px}.blog-start .grid-container{display:flex;flex-wrap:wrap;gap:16px;max-width:1200px;margin:50px auto;padding:0 20px}.blog-start .grid-container .blog-featured{padding-bottom:80px}.blog-start .grid-container .blog-featured .overlay{position:relative}.blog-start .grid-container .blog-featured .overlay .fetured-image{height:450px;width:100%;object-fit:cover}.blog-start .grid-container .blog-featured .overlay .featured-content{color:#fff;z-index:2;position:absolute;background:linear-gradient(180deg,rgba(20,22,36,.302),#141624);border-radius:8px;top:0;width:100%;height:100%}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content{position:absolute;bottom:24px;left:24px}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content h2{margin:5px}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content h2:hover{color:#58ff9e}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content span{background-color:#16608d;font-size:14px;color:#fff;border-radius:6px;margin-top:5px;font-weight:500;margin-left:5px;padding:4px 10px}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content p{margin:5px}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content a{color:#fff;text-decoration:none}.blog-start .grid-container .blog-featured .overlay .featured-content .date-content a:hover{color:#ee5034}.blog-start .grid-container .blogs-list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.blog-start .grid-container .blogs-list .blog-list-item{position:relative;text-align:left;box-shadow:0 4px 31px rgba(0,0,0,.1);border-radius:10px;overflow:hidden;background-color:#fff}.blog-start .grid-container .blogs-list .blog-list-item .post-summary{margin-top:10px}.blog-start .grid-container .blogs-list .blog-list-item .post-summary span{margin:15px;background-color:#f6f8fe;padding:5px 10px;border-radius:5px;color:#18608e}.blog-start .grid-container .blogs-list .blog-list-item img{width:100%;height:auto}.blog-start .grid-container .blogs-list .blog-list-item .blog-title-h4{font-size:20px;font-weight:600;margin:10px 15px}.blog-start .grid-container .blogs-list .blog-list-item .blog-title-h4:hover{color:#43426b}.blog-start .grid-container .blogs-list .blog-list-item .blog-title-h4 a{text-decoration:none;color:#43426b}.blog-start .grid-container .blogs-list .blog-list-item .blog-title-h4 a:hover{color:#ee5034}.blog-start .grid-container .blogs-list .blog-list-item p{margin:10px 15px 20px;font-size:14px;color:#555}.blog-start .grid-container .blogs-list .blog-list-item .event-more-link{display:block;margin:0 15px 15px;color:#153359;font-weight:600;text-decoration:none}.blog-start .grid-container .blogs-list .blog-list-item .event-more-link:hover{color:#ee5034}.blog-start .pagination{display:flex;justify-content:center;margin-top:20px;gap:10px}.blog-start .pagination button{background-color:#f5f5f5;border:1px solid #ddd;padding:8px 12px;cursor:pointer;border-radius:5px;transition:all .3s ease}.blog-start .pagination button:hover{background-color:#43426b;color:#fff}.blog-start .pagination button.active{background-color:#43426b;color:#fff;font-weight:700;border-color:#43426b}.blog-start .pagination button a{color:#ee5034;text-decoration:none}.blog{text-align:center;padding-top:100px}.blog .blogs-heading{font-size:32px;font-weight:700;color:#153359}.blog .blogs-row{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;margin:50px 0}.blog .blogs-row .blog-card{width:300px;position:relative;box-shadow:0 4px 31px rgba(0,0,0,.1);border-radius:10px;overflow:hidden}@media(max-width:1200px){.blog-start .grid-container{padding:0 20px}.blog-start .grid-container .blogs-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.blog-start .grid-container .blogs-list{grid-template-columns:1fr}}@media only screen and (max-width:700px){.blog .blog-detail{margin-top:30px}}