.blog-details-container{display:flex;flex-direction:column}.blog-details-container .blog-header-svg{background-position:center;background-size:cover;width:100%}.blog-details-container .blog-header-svg .canvas{width:100%;height:13rem}.blog-details-container .blog_header{display:flex;background-color:#e9eeeb;padding:5.2rem 26.4rem 0 26.4rem;justify-content:space-between;position:relative}.blog-details-container .blog_header .blog_header_content{display:flex;flex-direction:column;width:84.8rem;max-width:100%}.blog-details-container .blog_header .blog_image{width:40rem;height:40rem;border-radius:50%;right:28.5rem;z-index:2;top:5.4rem;position:absolute}.blog-details-container .blog_header .blog_image img{object-fit:cover;border-radius:50%}.blog-details-container .blog_header .blog_path{color:#6b6b6b;display:flex;align-items:center;font-size:1.4rem;flex-wrap:wrap;line-height:1.5}.blog-details-container .blog_header .blog_path>span{margin:0 .6rem}.blog-details-container .blog_header .blog_path span:last-child{color:#338873}.blog-details-container .blog_header .blog_title{margin-top:1.2rem;font-size:4.8rem;line-height:1.2}.blog-details-container .blog_header .blog_desc{color:rgba(6,19,49,.6);margin-top:1.2rem;font-size:2rem;min-height:10rem}.blog-details-container .blog_header .blog_tag{color:rgba(6,19,49,.6);margin-top:2.6rem;font-size:1.8rem}.blog-details-container .knowledge_details_content{display:flex;justify-content:space-between}.blog-details-container .blog_body{display:flex;grid-gap:8rem;width:137.2rem;margin:0 auto 0 auto;padding-bottom:10.6rem;position:relative}.blog-details-container .blog_body .blog_index{flex:1}.blog-details-container .blog_body .blog_content{padding-bottom:5rem}.blog-details-container .blog_body .knowledge_form_box{display:none}.blog-details-container .blog_bottom{width:137.2rem;max-width:100%;display:block;margin:0 auto;padding:2.4rem 0;border-top:.1rem solid #ccc}.blog-details-container .blog_bottom .blog_list{display:flex;grid-gap:3.8rem}.blog-details-container .blog_bottom .label{color:var(--ui-color-primary);font-size:3.2rem;margin-bottom:2.4rem}.blog-details-container .blog_bottom .blog_item{width:43rem}.blog-details-container .blog_bottom .blog_item .item_image{width:43rem;height:24.2rem;position:relative}.blog-details-container .blog_bottom .blog_item .item_image img{object-fit:cover}.blog-details-container .blog_bottom .blog_item .item_image .item_tag{width:7.4rem;height:7.4rem;background-color:#fffc3b;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;bottom:-2.2rem;right:2.2rem}.blog-details-container .blog_bottom .blog_item .item_image .item_tag>span:nth-child(1){font-size:3.6rem;font-weight:bold;border-bottom:.2rem solid #000}.blog-details-container .blog_bottom .blog_item .item_image .item_tag>span:nth-child(2){padding-top:.6rem;font-size:1.8rem}.blog-details-container .blog_bottom .blog_item .item_content{padding:2.4rem 1.6rem}.blog-details-container .blog_bottom .blog_item .item_text{color:#333;font-size:1.4rem}.blog-details-container .blog_bottom .blog_item .item_title{margin-top:1.6rem;font-size:2.4rem}.blog-details-container .blog_bottom .blog_item .item_title:hover{color:var(--ui-color-primary)}.blog-details-container .blog_bottom .blog_item .module-btn{margin-top:3.2rem}.blog-details-container .blog_bottom.knowledge_bottom{display:none}.blog-details-container.knowledge .layout_content_css{min-height:auto}.blog-details-container.knowledge .blog_bottom{display:none}.blog-details-container.knowledge .blog_bottom.knowledge_bottom{display:flex;flex-direction:column}.blog-details-container.knowledge .blog_body{grid-gap:6.2rem}.blog-details-container.knowledge .blog_body .layout_blog_pre_next,.blog-details-container.knowledge .blog_body .layout_details_form{display:none}.blog-details-container.knowledge .blog_body .layout-left-menu-box{display:none}.blog-details-container.knowledge .blog_body .knowledge_form_box{width:37rem;box-shadow:0 0 1.5rem .5rem rgba(0,0,0,.09);padding:3rem;height:fit-content;display:block;position:sticky;top:11rem}.blog-details-container.knowledge .blog_body .knowledge_form_box.animation_form{animation:headShake;animation-duration:1s}.blog-details-container.knowledge .blog_body .knowledge_form_box .label{font-size:1.8rem;font-weight:bold;padding-bottom:.8rem;border-bottom:.1rem solid #ccc;margin-bottom:1.2rem}.blog-details-container.knowledge .blog_body .knowledge_form_box .layout-form-body-blade{--font-color: #000000;--label-color: #6B6B6B;--border-color: #6B6B6B}.blog-details-container.knowledge .blog_body .knowledge_form_box .module-btn{display:flex;justify-content:center;width:100%}@media(max-width: 992px){.knowledge_details_content{flex-direction:column}.container_body .blog-details-container.knowledge .blog_body{flex-direction:column;grid-gap:0}.container_body .blog-details-container.knowledge .blog_body .knowledge_form_box{width:100%}.container_body .blog-details-container .blog_header{padding:4.6rem 1.6rem 17rem 1.6rem;flex-direction:column}.container_body .blog-details-container .blog_header .blog_title{margin-top:2.2rem;font-size:3.2rem}.container_body .blog-details-container .blog_header .blog_desc{margin-top:2.2rem;color:#061331;min-height:unset}.container_body .blog-details-container .blog_header .blog_tag{margin-top:2.2rem}.container_body .blog-details-container .blog_header .blog_desc,.container_body .blog-details-container .blog_header .blog_tag{font-size:1.6rem}.container_body .blog-details-container .blog_header .blog_image{width:25.8rem;height:25.8rem;left:0;right:0;bottom:-12rem;margin-left:auto;margin-right:auto;top:unset}.container_body .blog-details-container .blog_body{margin:unset;padding:3rem 1.5rem;width:100%;flex-direction:column-reverse}.container_body .blog-details-container .blog_bottom{width:100%;padding:1.5rem}.container_body .blog-details-container .blog_bottom .blog_list{display:flex;flex-direction:column}.container_body .blog-details-container .blog_bottom .blog_list .blog_item{width:100%}.container_body .blog-details-container .blog_bottom .blog_list .blog_item .item_image{width:100%}}body[lang=ar] .blog-details-container .blog_header .blog_image{right:unset;left:28.5rem}@media(max-width: 992px){body[lang=ar] .blog-details-container .blog_header .blog_image{right:0;left:0}}/*# sourceMappingURL=blog-details.css.map */