.news-detail-article .article-container .info-base{display:flex;flex-wrap:wrap}.news-detail-article .article-container .left-side{display:block;margin:auto}.news-detail-article .article-container .left-side img{border:1px solid #d9d9d9;border-radius:2rem;display:block;margin:auto}.news-detail-article .article-container .right-side{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:flex-start}.news-detail-article .article-container .right-side .article-title{color:#005289;cursor:default;font-family:Poppins,sans-serif;font-size:30px;font-style:normal;font-weight:800;text-transform:none}.news-detail-article .article-container .right-side .article-date{color:#005289;cursor:default;font-family:Open Sans,sans-serif;font-size:11px;font-style:normal;font-weight:400;text-transform:none}.news-detail-article .article-container .right-side .article-description{color:#005289;cursor:default;font-family:Open Sans,sans-serif;font-size:15px;font-style:normal;font-weight:400;text-transform:none}.news-detail-article .article-container .right-side .btn-back{align-items:center;background-color:#d9d9d9;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:800;justify-content:center;padding:.5rem 1.5rem;text-transform:uppercase;transition:all .6s ease-in-out}.news-detail-article .article-container .right-side .btn-back:hover{background-color:#005289}.news-detail-article .article-container .gallery-container{margin:2rem 0;width:100%}.news-detail-article .article-container .gallery-container .gallery-txt{color:#005289;cursor:default;font-family:Poppins,sans-serif;font-size:11px;font-style:normal;font-weight:800;margin:0;text-align:center;text-transform:none}.news-detail-article .article-container .gallery-container #my-gallery{display:flex;flex-wrap:wrap;gap:1rem}.news-detail-article .article-container .gallery-container #my-gallery figure{height:150px;width:150px}.news-detail-article .article-container .gallery-container #my-gallery figure .item-img{border:1px solid #d9d9d9;border-radius:1.5rem;height:150px;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.news-detail-article .article-container .other-news{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:2rem auto 4rem}.news-detail-article .article-container .other-news .title-section{color:#005289;cursor:default;font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:800;text-align:center;text-transform:none}.news-detail-article .article-container .other-news .list-news{display:flex;gap:1rem}.news-detail-article .article-container .other-news .news-card{width:25%}.news-detail-article .article-container .other-news .news-card-anchor{align-items:center;display:flex;flex-direction:column;text-decoration:none}.news-detail-article .article-container .other-news .news-card-anchor:hover img{transform:scale(1.3)}.news-detail-article .article-container .other-news .card-img{border:1px solid #d9d9d9;border-radius:2rem;display:inline-block;overflow:hidden}.news-detail-article .article-container .other-news .card-img img{max-width:250px;-o-object-fit:cover;object-fit:cover;transform:scale(1);transition:transform .5s ease-in-out;width:100%}.news-detail-article .article-container .other-news .info-article{align-items:center;display:flex;flex-direction:column;gap:.5rem;padding:1rem .5rem}.news-detail-article .article-container .other-news .article-date{color:#005289;cursor:pointer;font-family:Open Sans,sans-serif;font-size:11px;font-style:normal;font-weight:400;text-align:center;text-transform:none;width:100%}.news-detail-article .article-container .other-news .article-title{color:#005289;cursor:pointer;font-family:Poppins,sans-serif;font-size:15px;font-style:normal;font-weight:700;text-align:center;text-transform:none}.news-detail-article .article-container .other-news .btn-blue{align-items:center;background-color:#005289;border-radius:2rem;cursor:pointer;display:flex;height:60px;justify-content:center;transition:width 1s ease-in-out;width:60px}.news-detail-article .article-container .other-news .btn-blue>*{text-decoration:none}.news-detail-article .article-container .other-news .btn-blue .anchor-btn{align-content:center;display:flex;justify-content:center}.news-detail-article .article-container .other-news .btn-blue .icon-btn{color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:20px;font-style:normal;font-weight:300;margin:auto;opacity:1;text-transform:none;width:100%}.news-detail-article .article-container .other-news .btn-blue .txt-btn{color:#fff;cursor:pointer;font-family:Open Sans,sans-serif;font-size:15px;font-style:normal;font-weight:400;margin:auto;opacity:0;text-transform:none;width:0}.news-detail-article .article-container .other-news .btn-blue:hover{transition:width 1s ease-in-out;width:140px}.news-detail-article .article-container .other-news .btn-blue:hover .icon-btn{animation:hideIcon .25s;animation-iteration-count:1;opacity:0;width:0}.news-detail-article .article-container .other-news .btn-blue:hover .txt-btn{animation:showText .75s;animation-iteration-count:1;opacity:1;width:100%}@keyframes showText{0%{opacity:0}to{opacity:1}}@keyframes hideIcon{0%{opacity:1}10%{opacity:0}}@media only screen and (max-width:991.98px){.news-detail-article .article-container .other-news .btn-blue{height:40px;width:40px}.news-detail-article .article-container .other-news .btn-blue .txt-btn{font-size:12px}.news-detail-article .article-container .other-news .btn-blue .icon-btn svg{width:17px}}@media only screen and (min-width:992px){.news-detail-article .article-container .gallery-container .gallery-txt{text-align:left}}@media only screen and (min-width:768px){.news-detail-article .article-container .left-side,.news-detail-article .article-container .right-side{width:50%}}@media only screen and (max-width:767.98px){.news-detail-article .article-container .info-base{align-items:center;flex-direction:column;gap:2rem}.news-detail-article .article-container .left-side,.news-detail-article .article-container .right-side{width:85%}.news-detail-article .article-container .right-side img{width:100%}.news-detail-article .article-container .right-side .btn-back{margin:auto}.news-detail-article .article-container .gallery-container #my-gallery{justify-content:center}.news-detail-article .article-container .other-news .list-news{flex-direction:column}.news-detail-article .article-container .other-news .list-news .news-card{margin:auto;max-width:250px;width:90%}}

/*# sourceMappingURL=article-categoryitems-3-detail.css.map*/