.blog{width:100%;height:auto;background-image:url(../assets-img/heaer-img.webp);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}.content{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:8rem 0rem;justify-content:space-evenly}.image{margin:10px}.image img{border-radius:10px;width:100%;max-width:500px;height:auto}.text{max-width:300px;margin:10px}.text h1{font-size:48px;font-weight:bold;color:#000;margin:0}.text p{font-size:18px;color:#000;text-align:left}.divider{margin-top:20px;border-top:2px solid #000;position:relative;bottom:5rem}.blog-section-card-cont{width:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(255,255,255,0.5);overflow:hidden;padding:20px}.background-img{position:fixed;bottom:0;left:0%;transform:translateX(-50%);width:100%;z-index:-99;animation:spin 15s linear infinite;background:no-repeat center center;background-size:cover}
@keyframes spin{from{transform:rotate(0deg)}
to{transform:rotate(360deg)}}.blog-title{text-align:center;font-size:2rem;font-weight:bold;margin:20px 0}.blog-container{display:flex;flex-wrap:wrap;justify-content:center}.blog-item{width:45%;margin:10px;display:flex;align-items:center;border-radius:5px!important}.blog-item img{width:60%;height:100vh;border-radius:5px!important;object-fit:contain}.blog-item-content{width:50%;padding:10px}.blog-item-title{font-size:1rem;font-weight:bold;margin-top:10px}.pagination{display:flex;justify-content:center;margin-top:20px}.pagination a{color:#000;margin:0 5px;text-decoration:none}.pagination a.active{font-weight:bold;color:#f0ad4e}.pagination{justify-content:center}.page-item.active.page-link{background-color:#f0ad4e;border-color:#f0ad4e;color:white}.page-link{color:#000}.page-link:hover{color:#000}.tab-content{display:none}.tab-content.active{display:block}
@media(max-width:768px){.text h1{font-size:36px}.text p{font-size:16px}.blog-item{width:100%;flex-direction:column}.blog-item img,.blog-item-content{width:100%}}
@media(max-width:480px){.text h1{font-size:28px}.text p{font-size:14px}}