.comments{margin-top:150px}.comments .card{display:flex;justify-content:space-between;position:relative;top:120px}.comments .card .sec_title{margin-bottom:50px;position:absolute;top:-85px;left:0;width:100%;display:flex;justify-content:center;align-items:center;font-size:25px;font-weight:700;text-align:center}.comments .card .sec_title .title{border-radius:10px;color:#000;font-size:23px;padding:15px 30px}.comments .card .comment_form{position:sticky;top:120px;background-color:#f2f2f2;padding:15px;border-radius:15px;width:25%;display:flex;flex-direction:column;justify-content:space-evenly;align-items:stretch}.comments .card .comment_form .input_box{position:relative;margin-bottom:15px}.comments .card .comment_form .input_box input:focus-visible,.comments .card .comment_form .input_box textarea:focus-visible{border:2px solid #cc3333}.comments .card .comment_form .input_box input,.comments .card .comment_form .input_box select,.comments .card .comment_form .input_box textarea{width:100%;color:#000;font-family:dana;font-weight:200;font-size:15px;border:2px solid #fff;transition:all .3s;padding:15px 12px;border-radius:12px;background-color:#fff}.comments .card .comment_form .input_box textarea{resize:none;height:120px}.comments .card .comment_form .input_box.bottom{display:flex;align-items:center;justify-content:center;background-color:#fff;border-radius:12px;width:max-content;margin-inline:auto;padding-right:6px}.comments .card .comment_form .input_box.bottom input{width:89px;padding-block:13px;font-size:13px;font-weight:200;padding-inline:0;text-align:center;margin-right:2px}.comments .card .comment_form .input_box .bottom.code{padding-left:5px;mix-blend-mode:multiply;width:60px;border-left:1px dashed #000}.comments .card .comment_form .submit{width:100%;padding-block:18px;font-family:dana;cursor:pointer;background-color:#c33;border:1px solid #e9eef6;color:#fff;font-weight:200;font-size:16px;padding:15px 25px;border-radius:12px;transition:all .3s}.comments .card .comment_form .submit:hover{background-color:#e64545}.comments .card .main_card{width:73%}.comments .card .main_card .comment_item{background-color:#f2f2f2;border-radius:15px;padding:20px}.comments .card .main_card .comment_item .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.comments .card .main_card .comment_item .head .name{display:flex;align-items:center;gap:12px}.comments .card .main_card .comment_item .head .name .user_image{border-radius:50px;width:40px}.comments .card .main_card .comment_item .head .name .title{font-weight:300;font-size:18px;color:#c33}.comments .card .main_card .comment_item .head .date{font-size:13px;color:#939393;font-weight:200}.comments .card .main_card .comment_item .main_desc{font-size:15px;text-align:justify;font-weight:200;color:#7f7f7f;padding-inline:15px;line-height:2.3;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3}.comments .card .main_card .comment_item .actions{display:flex;align-items:center;justify-content:end;gap:13px;margin-top:12px}.comments .card .main_card .comment_item .actions li{display:flex;gap:5px;align-items:center;color:#6c6c6c;transition:all .3s;cursor:pointer}.comments .card .main_card .comment_item .actions li:hover{color:#c33}.comments .card .main_card .comment_item .actions li span.num{font-size:16px;font-weight:200}.comments .card .main_card .comment_item .actions li span.icon{font-size:20px}.comments .card .main_card .comment_item .actions li span.icon-like{margin:0 0 5px}.comments .card .main_card .comment_item.reply{margin-right:70px}.comments .card .main_card .comment_item:not(:last-child){margin-bottom:30px}.social{display:flex;align-items:center;justify-content:center;margin:150px 0 35px}.social .item-social{padding:0 10px}.social .icon-social{font-size:28px;color:#948f8d;transition:all .3s}.social .icon-social:hover{color:#c33}@media screen and (max-width: 1024px){.comments .card .comment_form{width:33%}.comments .card .main_card{width:65%}}@media screen and (max-width: 768px){.comments .card{flex-direction:column-reverse;align-items:center}.comments .card .main_card{width:100%;margin-bottom:30px}.comments .card .comment_form{width:60%}}@media screen and (max-width: 425px){.comments .card{flex-direction:column-reverse;align-items:center}.comments .card .main_card{width:100%;margin-bottom:30px}.comments .card .main_card .comment_item.reply{margin-right:30px}.comments .card .comment_form{width:100%}}@media screen and (max-width: 320px){.comments .card .sec_title .title{font-size:18px}.comments .card .main_card .comment_item{padding:20px 10px}.comments .card .main_card .comment_item .head .name .title{font-weight:300;font-size:16px}.comments .card .main_card .comment_item .head .date{font-size:11px}.comments .card .main_card .comment_item .main_desc,.comments .card .main_card .comment_item .actions li span.num{font-size:13px}.comments .card .main_card .comment_item.reply{margin-right:20px}.comments .card .comment_form .input_box textarea,.comments .card .comment_form .submit{font-size:14px}.social .item-social{padding:0 7px}}section.showPost .nav{background:#fff;z-index:2;box-shadow:0 0 10px #00000047;min-height:70px}section.showPost .nav .con-nav{display:flex;justify-content:space-between;align-items:center}section.showPost .nav .lang .text-lang{color:#000;font-weight:700}section.showPost .breadcrumb{top:100px}section.showPost .breadcrumb a{color:#000;font-weight:700}section.showPost .bg{width:99%;height:98vh;margin:10px;position:fixed;z-index:-1}section.showPost .bg:after{content:"";width:100%;height:45%;display:block}section.showPost .post{border-radius:23px;position:relative;top:105px;margin:0 0 50px}section.showPost .post .head .imageHead{width:100%;height:540px;object-fit:cover;margin-bottom:20px;border-radius:15px}section.showPost .post .head .info{display:flex;justify-content:space-between;align-items:center}section.showPost .post .head .info .title-info{color:#000;font-weight:300}section.showPost .post .head .post-info{margin-top:10px}section.showPost .post .head .post-info .avatar-info{max-width:30px;vertical-align:middle}section.showPost .post .head .post-info .avatar-link{color:#c33;font-size:13px;margin-right:5px;font-weight:200}section.showPost .post .head .post-info span{color:#7d7d7d;font-size:13px;position:relative;margin-right:10px;padding-right:10px;font-weight:200}section.showPost .post .head .post-info span:before{content:"";width:4px;height:4px;background:#c33;border-radius:50%;position:absolute;top:50%;margin-top:-2px;display:block;right:-2px}section.showPost .post .content{margin-top:20px}section.showPost .post .content p{line-height:3.2;font-size:16px;color:#7a7a7a;margin-bottom:25px;text-align:justify}section.showPost .post .content a{color:#c33}section.showPost .post .content h2{font-size:22px;margin-bottom:15px}section.showPost .post .content h3{font-size:20px;margin-bottom:5px}section.showPost .post .content h4{font-size:18px;margin-bottom:5px}section.showPost .post .content h5{font-size:16px;margin-bottom:5px}section.showPost .post .content h6{font-size:14px;margin-bottom:5px}section.showPost .post .content img{margin-bottom:20px;height:300px;object-fit:cover;border-radius:13px;margin-block:20px}section.showPost .post .content .justify-content-center{display:flex;justify-content:center}section.showPost .post .content .justify-content-center .item-content{margin:0 10px;cursor:pointer}section.showPost .post .content ul,section.showPost .post .content ol{margin-block:30px;font-size:16px;color:#323232}section.showPost .post .content ul li,section.showPost .post .content ol li{margin:15px 20px;line-height:1.5}section.showPost .post .content ul li ul,section.showPost .post .content ul li ol,section.showPost .post .content ol li ul,section.showPost .post .content ol li ol{margin:0;color:#5c5c5c}section.showPost .post .content ul li ul li,section.showPost .post .content ul li ol li,section.showPost .post .content ol li ul li,section.showPost .post .content ol li ol li{font-size:14px;line-height:1.5}section.showPost .post .content ul li{list-style-type:disc}section.showPost .post .content ol li{list-style-type:decimal}section.showPost .post .content .inner_link{background-color:#000;color:#fff;transition:all .3s;font-weight:200;border-radius:10px;padding:15px 25px}section.showPost .post .content .inner_link:hover{background-color:#c33}@media screen and (max-width: 1024px){section.showPost .bg{margin:9px 5px}}@media screen and (max-width: 768px){section.showPost .post .head .imageHead{height:330px}section.showPost .post .content .justify-content-center .item-content{width:49%}section.showPost .post .content .img-content{height:232px}}@media screen and (max-width: 425px){section.showPost .bg{margin:9px 2px}section.showPost .post .content .justify-content-center{flex-direction:column}section.showPost .post .content .justify-content-center .item-content{width:100%;margin:0}section.showPost .post .head .post-info{display:flex;flex-direction:column;justify-content:space-between;height:103px}section.showPost ul.breadcrumb{padding-right:15px}}@media screen and (max-width: 375px){section.showPost:after,section.showPost:before{display:none}section.showPost .bg{margin:0;width:100%;height:100vh;border-radius:0}section.showPost .post .content .img-content{height:190px;margin:10px 0}section.showPost .post .content .text-content{line-height:2.5}section.showPost .post .head .imageHead{height:200px}section.showPost .post .head .info .title-info{font-size:25px}}
