.blog-start{padding-top:20px}.blog-start .grid-container{display:flex;flex-wrap:wrap;gap:16px;max-width:1200px;padding:50px 0;margin:auto}.blog-start .grid-container .search-blogs input{width:100%;border:1px solid #b3b5b9;border-radius:8px;padding:5px 12px;margin-bottom:5em}.blog-start .grid-container .blogs-list{display:grid;position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.blog-start .grid-container .blogs-list .blog-list-item{text-align:left;background:#e9e8ff;padding:10px;border-radius:10px}.blog-start .grid-container .blogs-list .blog-list-item img{margin-bottom:10px;border-radius:5px;min-height:174px}.blog-start .grid-container .blogs-list .blog-list-item h4{margin-bottom:10px;font-size:18px;font-weight:700;min-height:90px}.blog-start .grid-container .blogs-list .blog-list-item p{min-height:130px;margin-bottom:20px}.blog-start .grid-container .pagination{margin:10px 5px;padding-top:25px}.blog-start .grid-container .pagination .page-button{padding:5px 10px;margin:10px 5px;font-size:1rem;border:1px solid #c3c3c3;border-radius:4px}.blog-start .grid-container .pagination .page-button.active,.blog-start .grid-container .pagination .page-button:hover{color:#ff5733;border-color:#ff5733}.blog-start .grid-container .pagination .arrow-button{padding:5px 10px;margin:10px 5px;font-size:1rem;border:1px solid #c3c3c3;border-radius:4px}.blog-start .pagination{display:flex;justify-content:center;margin-top:20px;gap:10px}.blog-start .pagination button{background-color:rgba(0,0,0,0);border:1px solid #c3c3c3;padding:5px 10px;cursor:pointer;border-radius:4px;transition:all .3s ease}.blog-start .pagination button:hover{border-color:#ff5733;color:#ff5733}.blog-start .pagination button.active{border-color:#ff5733;color:#ff5733;font-weight:700}.blog-start .grid-item{border:1px solid #ccc;padding:16px;border-radius:8px;text-align:center}.arrowButton:disabled,.pageButton:disabled{cursor:not-allowed;opacity:.5}.pageButton.active{background-color:#0070f3;color:#fff}@media(max-width:1024px){.blog-start{padding:50px 20px}}@media(max-width:768px){.blog-start .grid-container{margin:auto}.blog-start .grid-container .blogs-list{grid-template-columns:auto}.blog-start .grid-container .blogs-list .blog-list-item{padding-bottom:20px}.blog-start .grid-container .blogs-list .blog-list-item h4{min-height:auto}.blog-start .grid-container .blogs-list .blog-list-item p{min-height:auto;word-break:break-all}}