.wt-blogs-grid{display:flex;flex-direction:column;gap:1.5rem;}
.wt-blogs-grid .wt-search-box{padding:10px 15px;font-size:16px;border:1px solid #ccc;border-radius:8px;margin-bottom:10px;}
.wt-blogs-grid .wt-search-box:focus{outline: none !important;}
.wt-grid-container{display: grid;grid-template-columns: repeat(3, 1fr);gap:35px 35px;}
.wt-blog-card{background:#fff;border-radius:12px;box-shadow:0 6px 16px rgba(0,0,0,0.08);overflow:hidden;transition:all .3s ease-in-out;flex:1 1 calc(33.333% - 20px);display:flex;flex-direction:column;padding: 0;}
.wt-blog-card .wt-image img{width:100%;height:100%;object-fit:cover;}
.wt-blog-card .wt-meta{font-size:13px;color:#777;margin-top: 10px;}
.wt-blog-card .wt-title{font-size:18px;font-weight:600;color:#222;}
.wt-blog-card .wt-desc{font-size:15px;color:#555;flex-grow:1;}
.wt-blog-card .wt-readmore{display:inline-block;font-size:14px;color:#007cba;text-decoration:none;font-weight:500;margin:0 16px 16px;transition:all .2s ease-in-out;}
.wt-blog-card .wt-readmore:hover{color:#005c99;text-decoration:underline;}
/* .wt-grid-container.loading{opacity:.6;pointer-events:none;position:relative;}
.wt-grid-container.loading::after{content:'Loading...';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;color:#333;background:#fff;padding:8px 16px;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,0.1);z-index:2;} */

/* custom.css */
.wt-blogs-grid {padding: 40px 0;text-align: center;}
.wt-blogs-grid .wt-blog-card {background: #fff;border-radius: 16px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);padding: 20px;text-align: left;transition: transform 0.3s ease;}
.wt-blogs-grid .wt-image img {width: 100%;height: 220px !important;border-radius: 8px;}
.wt-search-wrapper input[type="text"] {width: 60%;border: 2px solid #288EBD;padding: 15px 20px;font-family: "Open Sans";font-size: 16px;box-sizing: border-box;background-color: #FFFFFF;outline: none;border-radius: 10px;margin-bottom: 30px;}
.wt-blogs-grid a.wt-read-more-btn {position: relative;padding-right: 20px;display: inline-flex;align-items: center;gap: 8px;text-decoration: none;transition: color 0.3s ease-in-out;font-weight: 500;}
.wt-blogs-grid a.wt-read-more-btn::after {content: "";position: absolute;right: -24px;top: 50%;transform: translateY(-50%) translateX(-10px);width: 31px;height: 30px;background-image: url('http://localhost/wp-demo/wp-content/themes/wpdemo/assets/images/arrow-right-light.png');background-size: contain;background-repeat: no-repeat;transition: transform 0.6s ease-in-out, opacity 0.4s ease-in-out;}
.wt-blog-card .wt-blog-thumb-wrapper .wt-image {position: relative;overflow: hidden;}
.wt-blog-card .wt-blog-thumb-wrapper .wt-image a img {transition: transform 10s cubic-bezier(.25, 1, .5, 1), opacity 2.5s ease-in-out;}
.wt-blog-card .wt-blog-thumb-wrapper .wt-image a:hover img {transform: scale(1.3);}
.wt-blog-content-wrapper{padding: 0px 12px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.wt-read-more-wrapper {padding-bottom: 10px;}
.no-posts-found{font-family: "Open Sans", Sans-serif;font-size: 21px;font-weight: 700;line-height: 25px;letter-spacing: 0%;color: #232323;margin-bottom: 10px;}
.wt-grid-container.no-posts {display: flex;justify-content: center;align-items: center;}
/* .wt-grid-container.loading {display: flex;justify-content: center;align-items: center;min-height: 200px;} */
.wt-grid-items-wrapper { position: relative; }
.wt-loading-spinner { position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;margin: 0px;z-index: 30;background: #e3e3e385;display: flex;justify-content: center;align-items: center;}
.wt-loading-spinner .wt-loader-item {width: 60px;height: 60px;border: 6px solid #FFFFFF;border-top-color: #288EBD;border-radius: 50%;animation: wt-spin 0.8s linear infinite;margin: 10px auto;}
@keyframes wt-spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
@media(max-width: 1024px){ .wt-grid-container {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px 30px;} }
@media(max-width: 767px){ .wt-grid-container {display: grid;grid-template-columns: repeat(1, 1fr);gap: 30px 30px;} }
@media(max-width: 575px){ .wt-search-wrapper input[type="text"] {width: 100%;} }