.blog-details-parent{padding:120px 0}.blog-details-parent .blog-details-cont{justify-content:center;gap:var(--unit);height:100%;display:flex;position:relative}.blog-details-parent .blog-details-cont .left{gap:calc(var(--unit)/2);flex-direction:column;width:70%;height:100%;display:flex}.blog-details-parent .blog-details-cont .left .img-box{border-radius:calc(var(--unit)/2);width:100%;height:300px;overflow:hidden}.blog-details-parent .blog-details-cont .left .img-box img{object-fit:contain;width:100%;height:100%}.blog-details-parent .blog-details-cont .left .date-time-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(var(--unit)/2);border-radius:calc(var(--unit)/2);background:#ffffff1a;border:1px solid #fff3;justify-content:space-between;display:flex;box-shadow:0 4px 10px #0003}.blog-details-parent .blog-details-cont .left .date-time-box .date-icon,.blog-details-parent .blog-details-cont .left .date-time-box .time-icon{justify-content:center;align-items:center;gap:10px;display:flex}.blog-details-parent .blog-details-cont .left .blog-title{font-weight:600;line-height:40px}.blog-details-parent .blog-details-cont .left .blog-desc{text-align:left}.blog-details-parent .blog-details-cont .left .blog-desc h1,.blog-details-parent .blog-details-cont .left .blog-desc h2,.blog-details-parent .blog-details-cont .left .blog-desc h3,.blog-details-parent .blog-details-cont .left .blog-desc h4,.blog-details-parent .blog-details-cont .left .blog-desc h5{font-size:18px}.blog-details-parent .blog-details-cont .right{gap:var(--unit);flex-direction:column;width:30%;height:100%;display:flex;position:sticky;top:120px}.blog-details-parent .blog-details-cont .right .categories{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(var(--unit));border-radius:calc(var(--unit)/2);gap:calc(var--unit)/2;background:#ffffff1a;border:1px solid #fff3;flex-direction:column;display:flex;box-shadow:0 4px 10px #0003}.blog-details-parent .blog-details-cont .right .categories h4{color:var(--accent-grad);padding-bottom:30px;font-size:26px;font-weight:600}.blog-details-parent .blog-details-cont .right .categories .line{background:#ffffff1a;width:100%;height:1px}.blog-details-parent .blog-details-cont .right .categories .category-main-box{flex-direction:column;gap:5px;display:flex}.blog-details-parent .blog-details-cont .right .categories .category-main-box .category-box{justify-content:space-between;display:flex;position:relative}.blog-details-parent .blog-details-cont .right .categories .category-main-box .category-box:hover:before{width:100%}.blog-details-parent .blog-details-cont .right .categories .category-main-box .category-box:before{content:"";background:#fff;width:0%;height:1px;transition:width .3s;position:absolute;bottom:-5px;left:0}.blog-details-parent .blog-details-cont .right .categories .category-main-box .category-box .total{color:var(--accent1)}.blog-details-parent .blog-details-cont .right .recent-post{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:calc(var(--unit));border-radius:calc(var(--unit)/2);gap:var(--unit);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;display:flex;box-shadow:0 4px 10px #0003}.blog-details-parent .blog-details-cont .right .recent-post h4{padding-bottom:20px;font-size:26px;font-weight:600}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box{justify-content:center;gap:10px;display:flex;position:relative}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box:hover:before{width:100%}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box:before{content:"";background:#fff;width:0%;height:1px;transition:width .3s;position:absolute;bottom:-10px;left:0}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .left{border-radius:5px;width:40%;height:120px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right{gap:calc(var(--unit)/2);flex-direction:column;width:60%;display:flex}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time{justify-content:space-between;gap:10px;display:flex}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time .date-icon{background:#706e6ebd;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:5px;font-size:10px;display:flex}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time .time-icon{background:#706e6ebd;border-radius:5px;justify-content:center;align-items:center;gap:10px;padding:5px 10px;font-size:10px;display:flex}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .title{font-size:14px}.blog-details-parent .blog-details-cont .right .recent-post .line{background:#ffffff1a;width:100%;height:1px;margin-top:10px}@media only screen and (max-width:1200px){.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box{flex-direction:column}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .left,.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right{width:100%}}@media only screen and (max-width:900px){.blog-details-parent .blog-details-cont{flex-direction:column}.blog-details-parent .blog-details-cont .left,.blog-details-parent .blog-details-cont .right{width:100%}.blog-details-parent .blog-details-cont .right .categories h4,.blog-details-parent .blog-details-cont .right .recent-post h4{line-height:30px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box{flex-direction:column}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .left{width:100%;height:250px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right{width:100%}}