.blog-details-container{width:100%;background-color:#f4f4f4;display:flex;justify-content:center;align-items:center}.blog-details-container .inner-blog-details-container{width:80%;margin-top:70px;margin-bottom:20px;display:flex;flex-direction:column;gap:2%}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container{width:90%!important}}.blog-details-container .inner-blog-details-container .blog-body-container{width:100%;height:350px;background-color:#fff;padding:40px;display:flex}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-body-container{flex-direction:column-reverse;height:auto!important}}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container{width:60%;height:100%;padding-right:15px;display:flex;justify-content:space-between;flex-direction:column}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container{width:100%!important;margin-top:20px}}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container h1{font-size:35px;line-height:1.2;font-weight:600}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container h1{font-size:20px}}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-header{width:100%;height:10%;display:flex;justify-content:start;align-items:center;gap:40px;font-size:14px;margin-bottom:15px}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-header .icon-design{margin-right:5px}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-header p{background-color:#d8ffab;padding:5px 15px;border-radius:20px;font-size:12px;font-weight:600}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer{width:100%;height:20%;margin-top:15px;display:flex}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container{width:50%;height:100%;display:flex;justify-content:start;align-items:center}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container .writer-image-continer{width:45px;height:45px;border-radius:100px;position:relative}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container .writer-image-continer img{border-radius:100px;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container .writer-name-container{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:start;margin-left:10px}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container .writer-name-container h3{font-size:13px;font-weight:600}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .contant-writer-container .writer-name-container p{font-size:11px}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .read-time-container{width:50%;font-size:14px;padding-right:15px;gap:5px;justify-content:end;align-items:end;display:flex;flex-direction:column}.blog-details-container .inner-blog-details-container .blog-body-container .blog-title-container .blog-footer .read-time-container .inner-read-time-container{display:flex;justify-content:end;align-items:end;flex-direction:column;gap:10px}.blog-details-container .inner-blog-details-container .blog-body-container .blog-image-container{width:40%;position:relative!important}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-body-container .blog-image-container{width:100%!important;height:200px!important}}.blog-details-container .inner-blog-details-container .blog-body-container .blog-image-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px}.blog-details-container .inner-blog-details-container .blog-artical-container{width:100%;margin-top:30px;display:flex;gap:2%}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-artical-container{flex-direction:column}}.blog-details-container .inner-blog-details-container .blog-artical-container span{font-size:14px}.blog-details-container .inner-blog-details-container .blog-artical-container h3{font-size:18px}.blog-details-container .inner-blog-details-container .blog-artical-container .articals-container{width:68%;height:100%;border:1px solid #e0e0e0;padding:40px;border-radius:20px}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-artical-container .articals-container{width:100%!important;padding:20px}}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container{width:30%;height:300px}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container{width:100%!important;height:auto!important}}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights{width:100%;border:1px solid #e0e0e0;padding:30px;border-radius:20px}@media screen and (max-width:768px){.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights{margin-top:30px}}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights h3{font-weight:600}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights p{font-size:14px;padding-top:10px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights input{width:100%;margin:10px 0;padding:10px;border-radius:10px;border:1px solid #e0e0e0}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights input::-moz-placeholder{font-size:14px;color:#999;padding-left:5px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights input::placeholder{font-size:14px;color:#999;padding-left:5px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .tech-insights button{padding:10px 20px;background-color:#000;color:#fff;border-radius:10px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container{width:100%;border:1px solid #e0e0e0;margin-top:30px;padding:30px;border-radius:20px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container h3{font-weight:600}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container{width:100%;height:60px;margin-top:10px;display:flex;justify-content:start;align-items:center;padding-left:20px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container:hover{background-color:#dfdfdf;cursor:pointer;border-radius:10px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .icon-container{width:40px;height:40px;background-color:#d2e2d6;display:flex;justify-content:center;align-items:center;border-radius:10px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .icon-container .icon-design{color:#000;font-size:20px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .text-container{width:70%;height:100%;padding-left:15px;display:flex;flex-direction:column;justify-content:center;align-items:start}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .text-container span{font-size:14px;font-weight:700}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .text-container p{font-size:12px;color:#555}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .ouick-service-container .quick-service-container .arow-container{display:flex;justify-content:center;align-items:center}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .share-artical-container{width:100%;border:1px solid #e0e0e0;padding:20px 30px;border-radius:20px;margin-top:30px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .share-artical-container h3{font-size:18px;font-weight:600}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .share-artical-container .share-container{width:100%;height:50px;display:flex;justify-content:start;align-items:center;gap:20px;margin-top:5px}.blog-details-container .inner-blog-details-container .blog-artical-container .blogs-nav-container .share-artical-container .share-container .icon-design{font-size:20px;width:20px;color:#fff;border-radius:100px;padding:10px}