.search-container{justify-content:center;position:relative;width:40%;align-items:center;max-width:400px}.search{width:100%;padding-left:40px;height:40px;border:1px solid #ccc;border-radius:5px;font-size:16px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:10px;height:10px;pointer-events:none}.search-container{display:flex;align-items:center;margin-top:-25px;border:1px solid #ccc;border-radius:5px;max-width:600px;margin-bottom:100px;place-self:center}.search{flex:1;margin-left:20px;font-size:16px;border:none;outline:none;border-radius:5px 0 0 5px}.search-icon{width:24px;height:24px;cursor:pointer;margin-left:10px}#cs-archive{width:100%;margin:0 auto}#cs-filter{display:flex;flex-wrap:nowrap;gap:10px;justify-content:left;margin-bottom:50px}.cs-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.cs-filter-btn:hover,.cs-filter-btn.active{background-color:#000;color:#fff}.cs-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.cs-post{width:calc(33.333% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.cs-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.cs-post-thumbnail{width:100%;height:250px;overflow:hidden}.cs-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.cs-post-excerpt{color:#333;margin-top:10px;margin-left:10px;margin-right:10px;padding:0 10px;line-height:1.6;font-family:"Open Sans",Sans-serif;font-weight:600;font-size:16px;text-align:left}.cs-post-tags{margin:10px 0;text-align:center;margin-left:10px;margin-right:10px}.cs-tag{display:inline-block;margin-left:10px;margin-right:10px;padding:2px 10px;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:20px;font-size:13px;margin:0 5px;white-space:nowrap;float:left;transition:0.3s ease,color 0.3s ease}.cs-tag:hover{transform:scale(1.1)}.cs-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.cs-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.cs-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.cs-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin-left:400px;margin-right:400px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.cs-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}@media (max-width:768px){.search-container{justify-content:center;position:relative;width:90%;align-items:center;max-width:400px}.search{width:100%;padding-left:40px;height:40px;border:1px solid #ccc;border-radius:5px;font-size:16px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:10px;height:10px;pointer-events:none}.search-container{display:flex;align-items:center;margin-top:-25px;border:1px solid #ccc;border-radius:5px;max-width:600px;margin-bottom:100px;place-self:center}.search{flex:1;margin-left:20px;font-size:16px;border:none;outline:none;border-radius:5px 0 0 5px}.search-icon{width:24px;height:24px;cursor:pointer;margin-left:10px}#cs-archive{width:100%;margin:0 auto}#cs-filter{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:50px}.cs-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.cs-filter-btn:hover,.cs-filter-btn.active{background-color:#000;color:#fff}.cs-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.cs-post{width:calc(75% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.cs-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.cs-post-thumbnail{width:100%;height:250px;overflow:hidden}.cs-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.cs-post-excerpt{color:#333;margin-top:10px;margin-left:10px;margin-right:10px;padding:0 10px;line-height:1.6;font-family:"Open Sans",Sans-serif;font-weight:600;font-size:16px;text-align:left}.cs-post-tags{margin:10px 0;text-align:center;margin-left:10px;margin-right:10px}.cs-tag{display:inline-block;margin-left:10px;margin-right:10px;padding:2px 10px;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:20px;font-size:13px;margin:0 5px;white-space:nowrap;float:left;transition:0.3s ease,color 0.3s ease}.cs-tag:hover{transform:scale(1.1)}.cs-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.cs-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.cs-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.cs-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin-left:400px;margin-right:400px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.cs-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}}@media (max-width:480px){.search-container{justify-content:center;position:relative;width:40%;align-items:center;max-width:400px}.search{width:100%;padding-left:40px;height:40px;border:1px solid #ccc;border-radius:5px;font-size:16px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:10px;height:10px;pointer-events:none}.search-container{display:flex;align-items:center;margin-top:-25px;border:1px solid #ccc;border-radius:5px;max-width:600px;margin-bottom:100px;place-self:center}.search{flex:1;margin-left:20px;font-size:16px;border:none;outline:none;border-radius:5px 0 0 5px}.search-icon{width:24px;height:24px;cursor:pointer;margin-left:10px}#cs-archive{width:100%;margin:0 auto}#cs-filter{display:flex;flex-wrap:nowrap;gap:10px;justify-content:left;margin-bottom:50px}.cs-filter-btn{flex:0 1;padding:3px 15px;background-color:#fff;color:#18181B;border:1px solid #000;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:16px;cursor:pointer;font-size:15px;transition:background-color 0.3s ease;white-space:nowrap;text-align:center}.cs-filter-btn:hover,.cs-filter-btn.active{background-color:#000;color:#fff}.cs-grid{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.cs-post{width:calc(75% - 20px);padding-left:0;padding-right:0;box-shadow:0 2px 4px rgb(0 0 0 / .1);text-align:center;overflow:hidden;border-radius:15px;display:flex;flex-direction:column}.cs-post-title{font-size:18px;margin:3px 0;margin-left:10px;margin-right:10px;padding:0 10px;overflow:hidden;text-overflow:ellipsis;display:inline-grid;max-width:100%;font-family:"Open Sans",Sans-serif;font-weight:700;font-size:24px;text-align:left}.cs-post-thumbnail{width:100%;height:250px;overflow:hidden}.cs-post-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.cs-post-excerpt{color:#333;margin-top:10px;margin-left:10px;margin-right:10px;padding:0 10px;line-height:1.6;font-family:"Open Sans",Sans-serif;font-weight:600;font-size:16px;text-align:left}.cs-post-tags{margin:10px 0;text-align:center;margin-left:10px;margin-right:10px}.cs-tag{display:inline-block;margin-left:10px;margin-right:10px;padding:2px 10px;font-family:"Open Sans",Sans-serif;font-weight:600;border-radius:20px;font-size:13px;margin:0 5px;white-space:nowrap;float:left;transition:0.3s ease,color 0.3s ease}.cs-tag:hover{transform:scale(1.1)}.cs-post-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;margin-top:10px;margin-bottom:15px;font-size:14px;color:#666;margin-left:10px;margin-right:10px}.cs-post-date{font-size:13px;color:gray;font-family:"Open Sans",Sans-serif}.cs-read-more{font-size:13px;font-family:"Open Sans",Sans-serif;color:#098188;text-decoration:none;font-weight:700;transition:color 0.3s ease}.cs-read-more:hover{color:#098188}.pagination{display:flex;justify-content:center;align-items:center;margin-left:400px;margin-right:400px}.pagination-btn{margin:0 5px;padding:10px 15px;background-color:#fff;border:1px solid #ddd;cursor:pointer;transition:all 0.3s ease}.pagination-btn:hover{background-color:#0073aa;color:#fff}.pagination-btn.active{background-color:#0073aa;color:#fff;border-color:#005b91}.cs-posts-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}}