.blog-container{width:100%;padding:20px}.blog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.blog-header h1{font-size:clamp(28px,5vw,45px);color:white;font-weight:700;display:flex;margin:0}.blog-input{padding:12px 19px;border-radius:14px;border:none;outline:none;font-size:15px;background:#ffffff;color:#333;width:450px;max-width:100%}.blog-sections{display:flex;flex-direction:column;gap:10px;flex:1 1 320px}.blog-sections p{color:white;font-size:20px;margin:0;font-weight:600}.blog-buttom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:20px 0;flex-wrap:wrap}.blog-buttom span{color:aliceblue;font-size:clamp(22px,4vw,38px);font-weight:700}.blog-btn{padding:9px 45px;font-size:18px;color:white;font-weight:700;border:2px solid rgba(255,255,255,.484);border-radius:10px;cursor:pointer;background:rgba(255,255,255,.196)}.blog-btn:hover{background:rgba(255,255,255,.635);color:#0c63c0}.blog-card{background-color:rgba(255,255,255,.305);width:100%;min-height:240px;border-radius:18px;margin-bottom:20px;padding:20px}.blog-card-content{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;width:100%;border-bottom:2px solid #ffffff33;padding-bottom:20px;cursor:pointer;flex-wrap:wrap}.card-contentainer{flex:1 1 260px;min-width:0}.blog-title{font-size:22px;font-weight:700;margin-bottom:8px;color:#ffffff}.blog-description{font-size:14px;color:#e0e0e0;line-height:1.4}.blog-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:13px;color:#ffffff}.blog-meta span{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:700;margin:0}.blog-right{width:100%;max-width:270px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between}.blog-author-container{display:flex;justify-content:center;align-items:flex-end;margin-top:auto}.blog-author{font-size:15px;color:#ffffff;margin:0}.blog-img{width:150px;height:140px;background-color:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.blog-icon{width:120px;height:120px;object-fit:cover}.blog-date,.blog-fabookmark,.blog-facoment,.blog-fahands{font-size:18px}.blogdetaill-related{margin-top:30px;display:flex;justify-content:center}.post-title{text-align:center;font-size:clamp(28px,5vw,40px);color:white}@media (max-width:900px){.blog-header h1{justify-content:center;width:100%}}@media (max-width:600px){.blog-container{padding:12px}.blog-card-content{flex-direction:column}.blog-right{max-width:100%;flex-direction:row}.blog-img{width:110px;height:100px}.blog-icon{width:90px;height:90px}}