@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";
.editor-pick-text{letter-spacing:1.5px;border-bottom:4px solid #1491d8;width:140px;margin-top:80px;margin-bottom:20px;margin-left:20px;padding-left:15px;font-family:Poppins,"sans-serif";font-size:20px;font-weight:600}.featured-blog-wrapper{scrollbar-width:none;flex-direction:row;gap:40px;width:100%;height:180px;margin:0 20px;display:flex;overflow-x:auto}.featured-blog-wrapper::-webkit-scrollbar{display:none}.featured-card{cursor:pointer;flex-direction:row;max-width:450px;height:100%;display:flex}.image-feat-wrapper{border-radius:14px;width:50%;height:100%}.image{object-fit:cover;border-radius:14px;width:100%;height:100%}.feat-card-desc{flex-direction:column;justify-content:space-between;width:50%;height:100%;padding:10px;font-family:Poppins,"sans-serif";display:flex}.feat-title{white-space:normal;font-weight:700;line-height:1.6rem;overflow:hidden}.feat-text{flex-direction:column;display:flex}.feat-author{white-space:normal;font-size:small;font-weight:600}.feat-date_published{white-space:normal;font-size:small}.featured-card:hover .image-feat-wrapper,.featured-card:hover .image{border-radius:14px 0 0 14px}.featured-card:hover .feat-card-desc{color:#fff;background-color:#1491d8;border-radius:0 14px 14px 0}.ra{display:flex;position:absolute;top:285px;right:0}.la{display:flex;position:absolute;top:285px;left:0}.col-md-4{flex:none}@media screen and (width<=580px){.featured-blog-wrapper{gap:30px;height:300px}.featured-card{flex-direction:column;max-width:200px}.image-feat-wrapper,.feat-card-desc{width:100%;height:50%}.feat-title{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.5rem;display:-webkit-box}.feat-author{line-height:.8rem}.feat-date_published{font-size:x-small}.featured-card:hover .image-feat-wrapper,.featured-card:hover .image{border-radius:14px 14px 0 0}.featured-card:hover .feat-card-desc{color:#fff;background-color:#1491d8;border-radius:0 0 14px 14px}.ra,.la{display:none}}
body{box-sizing:border-box;margin:0;padding:0}.grid-container{grid-template-columns:repeat(3,1fr);gap:30px;padding:30px 30px 20px;display:grid}.small-card{text-align:center;color:#000;background-color:#fff;border:1px solid gray;border-radius:4px;height:370px;transition:transform .3s ease-in-out}.small-card:hover{transform:scale(1.1)}.small-card:hover .small-card-texts{color:#fff;background-color:#1490d8}.small-card-image{width:100%;height:50%}.small-card-texts{color:#000;height:50%;padding:5px;font-size:small}.sm-title{height:48px}.sm-author{background-color:#ccc}.sm-published{background-color:#ff0}.sm{height:18px;margin:0}.sm-space-up{margin-top:5px}.card-desc{text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;width:400px;height:37px;line-height:1.5;display:-webkit-box;overflow:hidden}@media screen and (width<=768px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=430px){.grid-container{grid-template-columns:1fr}}@media screen and (width<=390px){.grid-container{grid-template-columns:1fr}}.search-container{flex-direction:row;justify-content:space-between;align-items:center;max-width:100%;margin:150px 30px 0;display:flex}@media screen and (width<=650px){.search-container{margin:60px 30px 0}}.html-input-wrapper{text-align:center;justify-content:center;max-width:500px;height:33px;display:flex}.select:focus{border-radius:#007bff;outline:none}.input-style{background-color:#fff;border:1px solid #1491d8;outline:none;max-width:150px;height:100%;margin:0 10px 0 0;padding:5px;font-size:16px}.year-style,.month-style{border-radius:5px}.input-styling{border:1px solid #1491d8;border-radius:5px;outline:none;width:250px;max-width:250px;height:100%;margin:0 10px 0 0;padding:5px;font-size:16px}.show-button,.show-button-s{color:#fff;background-color:#1491d8;border:1px solid #1491d8;border-radius:5px;outline:none;height:100%;padding:5px 30px;font-size:small;transition:transform .3s ease-in-out}.show-button:hover,.show-button-s:hover{opacity:.6}.show-button-pad{color:#1491d8;background-color:#fff;border:2px solid #1491d8;border-radius:5px;outline:none;height:45px;padding:5px 30px;font-size:16px;font-weight:700;transition:transform .3s ease-in-out}.show-button-pad:hover{color:#fff;background-color:#1491d8;border:2px solid #1491d8;font-weight:500}.filter-padding{margin:0;padding:3.5px 30px}.search-btn{height:35px}@media screen and (width<=768px){.input-style{margin:0;padding:0}.input-styling{border-radius:4px 0 0 4px;max-width:120px;margin:0;padding:0}.show-button{border-radius:0 4px 4px 0;padding:0 3px 0 2px}.show-button-s{border-radius:0 4px 4px 0;padding:0 1px 0 0}.year-style{border-right:0;border-radius:5px 0 0 5px;max-width:65px}.month-style{border-left:0;border-right:0;border-radius:0;max-width:66px}}.showing-from-wrapper{margin:20px 0 0 30px;font-size:small;font-style:italic}.btn-center{justify-content:center;margin-bottom:30px;display:flex}.btn-flex{justify-content:center;align-items:center;display:flex}.small-font{font-size:small}.highlight-text{color:#00f}.flex-end{justify-content:flex-end;display:flex}.right-margin{margin-right:20px}.scroll-up{position:fixed;top:500px;right:3px}
.card{border:none}.card:hover{background-color:#1491d8}.card:hover .card-title-style{color:#fff}.card-wrapper{border-radius:3px;height:490px;transition:transform .3s ease-in-out}.card-wrapper:hover{color:#fff}.card-body-style{max-width:100%;height:50%}.card-title-style{max-width:100%;height:22%;margin-bottom:10px;font-size:15px;font-weight:600;line-height:1.6rem}.card-img-style{object-fit:cover;height:50%}.wrapper{margin:0 40px}.detail{max-width:100%;height:10%;padding:0 4px;font-size:12px}.bio-text{height:40%;font-size:small;line-height:1.5rem}.describe{max-width:100%;height:46%;margin-bottom:20px;font-size:13px;line-height:1.6rem}@media screen and (width:412px){.bio-text{width:295px;font-size:16px}.card-title-style,.card-body-style{overflow-y:hidden}}@media screen and (width:360px){.bio-text{width:250px;font-size:15px}.card-title-style{font-size:12px;overflow-y:hidden}.card-body-style{overflow-y:hidden}}@media screen and (width:430px){.bio-text{width:300px;font-size:15px}.card-title-style,.card-body-style{overflow-y:hidden}}@media screen and (width:390px){.bio-text{width:270px;font-size:13px}.card-title-style{font-size:13px;overflow-y:hidden}.card-body-style{overflow-y:hidden}}@media screen and (width:414px){.bio-text{width:300px;font-size:15px}.card-title-style,.card-body-style{overflow-y:hidden}}@media screen and (width:375px){.card-title-style{font-size:13px;line-height:1.3rem}.bio-text{width:260px;font-size:13px}.card-title-style,.card-body-style{overflow-y:hidden}}