.blog-details-parent{padding:120px 0}.blog-details-parent .blog-details-cont{display:flex;justify-content:center;gap:var(--unit);position:relative;height:100%}.blog-details-parent .blog-details-cont .left{width:70%;gap:calc(var(--unit)/2);display:flex;flex-direction:column;height:100%}.blog-details-parent .blog-details-cont .left .img-box{width:100%;height:300px;border-radius:calc(var(--unit)/2);overflow:hidden}.blog-details-parent .blog-details-cont .left .img-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.blog-details-parent .blog-details-cont .left .date-time-box{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.2);padding:calc(var(--unit)/2);border:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;border-radius:calc(var(--unit)/2)}.blog-details-parent .blog-details-cont .left .date-time-box .date-icon,.blog-details-parent .blog-details-cont .left .date-time-box .time-icon{display:flex;gap:10px;align-items:center;justify-content:center}.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 .right{width:30%;display:flex;top:120px;position:sticky;gap:var(--unit);flex-direction:column;height:100%}.blog-details-parent .blog-details-cont .right .categories{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.2);padding:calc(var(--unit));border:1px solid hsla(0,0%,100%,.2);display:flex;flex-direction:column;border-radius:calc(var(--unit)/2);gap:calc(var--unit)/2}.blog-details-parent .blog-details-cont .right .categories h4{font-size:26px;font-weight:600;color:var(--accent-grad);padding-bottom:30px}.blog-details-parent .blog-details-cont .right .categories .line{height:1px;width:100%;background:hsla(0,0%,100%,.1)}.blog-details-parent .blog-details-cont .right .categories .category-main-box{gap:5px;display:flex;flex-direction:column}.blog-details-parent .blog-details-cont .right .categories .category-main-box .category-box{display:flex;justify-content:space-between;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:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.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{display:flex;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px rgba(0,0,0,.2);padding:calc(var(--unit));border:1px solid hsla(0,0%,100%,.2);flex-direction:column;border-radius:calc(var(--unit)/2);gap:var(--unit)}.blog-details-parent .blog-details-cont .right .recent-post h4{font-size:26px;font-weight:600;padding-bottom:20px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box{display:flex;justify-content:center;gap:10px;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:"";position:absolute;bottom:-10px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .left{width:40%;height:120px;border-radius:5px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right{width:60%;display:flex;gap:calc(var(--unit)/2);flex-direction:column}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time{display:flex;justify-content:space-between;gap:10px}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time .date-icon{display:flex;gap:10px;align-items:center;justify-content:center;border-radius:5px;padding:5px;font-size:10px;background:hsla(0,1%,44%,.74)}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .date-time .time-icon{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:5px 10px;font-size:10px;background:hsla(0,1%,44%,.74)}.blog-details-parent .blog-details-cont .right .recent-post .recent-post-box .right .title{font-size:14px;font-size:400!important}.blog-details-parent .blog-details-cont .right .recent-post .line{margin-top:10px;height:1px;width:100%;background:hsla(0,0%,100%,.1)}@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%}}