.section-form { background-color: #eaf1fd }
.search-inner input {background-color: #ffffff; border: none; border-radius: .5rem; box-shadow: 0 1px 2px 0 rgba(48, 48, 48, .30), 0 1px 3px 1px rgba(48, 48, 48, .15); box-sizing: border-box; color: #1f1f1f; display: block; font-size: 1rem; height: 3rem; padding: 0 4rem 0 4.5rem; width: 100%; -webkit-appearance: none}
.search-inner .btn {background-color: transparent; border: none; cursor: pointer; height: 48px; padding: 0; position: absolute; top: 0; width: 48px;}
.search__form { max-width: 520px; margin: auto; position: relative;}
.search-inner svg {fill: #1f1f1f; width: 24px; height: 48px; }

.select-data { display: flex; }
.sl_nganh { width: 50%; padding: 5px; border-radius: 5px; background: #f4f4f4; color: #1B387C; font-weight: bold; }
.sl_nganh:last-child { margin-left: 30px; }
.nhom_nganh { font-size: 24px; border-bottom: 1px solid #dadce0; font-weight: 800; line-height: 1; padding-bottom: 5px;}

.ten_nganh .list { list-style: none; padding-left: 0;}
.ten_nganh .list .item-inner { border-bottom: 1px solid #cdcdcd; padding: 8px 3px; }
.ten_nganh .list .item-inner:hover { background-color: #eaf1fd; }
/*.box-group-bottom .list .item .item-inner { border: 1px solid #dadce0; border-radius: 8; height: 100%; padding: 10px; background-color: #fff}*/
/*.box-group-bottom .list .item:hover .item-inner { box-shadown: 0 1px 3px rgba(54,64,67,.3),0 4px 8px 3px rgba(54,64,67,.15) }*/
/*.box-group-bottom .list .item .name { font-weight: 700; font-size: 18px;}*/

.sub_nhom_nganh .item-inner { border-bottom: 1px solid #dadce0; }
.sub_nhom_nganh .item-inner .name, .sub_nhom_nganh .item-inner .ma_nganh { font-size: 20px; font-weight: 700; color: #E58013}
.sub_nhom_nganh .item-inner a { font-size: 20px; }

.box-group .item-inner { display: flex; align-items: center;}
.box-group .ma_nganh { width: 80px; text-align: right;}
.box-group .name { flex: 1; }
.section-box .inner { max-width: 750px; margin: auto;}
.box-group.ten_khoi .name { width: 100px; flex: unset;}
.box-group.ten_khoi .ma_nganh { flex: 1; text-align: right;}

.socials-share__list { display: flex; flex-wrap: wrap; margin: 0 -10px; position: relative; top: unset; width: 100%; list-style: none; padding-left: unset; }
.socials-share__item { padding: 0 10px; }
.socials-share__item a { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: rgba(0, 0, 0, 0.05); transition: all ease 0.4s; cursor: pointer;} 
.socials-share__item a svg {width: 20px; max-height: 20px; }
.socials-share__item:hover svg path { fill: #fff!important; }
.socials-share__item:first-child:hover a { background: #479be5; }
.socials-share__item:nth-of-type(2):hover a { background: #265091; }
.socials-share__item:nth-of-type(4):hover a { background: #076c9e; }
.socials-share__item:nth-of-type(3):hover a { background: #f73e2f }
.socials-share__item:nth-of-type(5):hover svg path { fill: transparent!important; }
.socials-share__item:nth-of-type(5):hover svg path.st1 { fill: #076c9e!important; }

.blog-author-links { margin: 0 -5px; }
.blog-author-links a { font-size: 1.5rem; padding: 0 5px; }
.blog-author-links a:hover {opacity: 0.75; }
#blog-author-side-card { width: 100%; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1); margin-top: 60px;}
#blog-author-side-card .card-body {padding: 0; display: flex; align-items: center; padding-top: 30px;}
#blog-author-side-card .avatar {width: 6.5rem; height: 6.5rem; border-radius: 50%; margin-bottom: 1rem; }
#blog-author-side-card .blog-author-info {margin-bottom: 1.5rem; margin-left: 1rem;}
#blog-author-side-card .blog-author-info p,#blog-author-side-card .blog-author-info h5 {font-size: 0.8rem; line-height: 1rem; opacity: .5; margin-bottom: .25rem; font-weight: 400; }
#blog-author-side-card .blog-author-info .card-title {font-size: 0.9rem; line-height: 1.3rem; margin-bottom: .25rem; font-weight: 600; }
#blog-author-bottom-card {margin-top: 3rem; }
#blog-author-bottom-card .card-body {display: grid; grid-template-columns: min-content auto; grid-template-rows: auto auto; grid-column-gap: 1rem; grid-row-gap: 1rem; }
#blog-author-bottom-card .blog-author-image {width: 3.3rem; height: 3.3rem; border-radius: 50%; }
#blog-author-bottom-card .blog-author-info p,#blog-author-bottom-card .blog-author-info h5 {opacity: .5; font-weight: 400; }
#blog-author-bottom-card .blog-author-info p {font-size: 0.6rem; line-height: 1rem; margin-bottom: 0; }
#blog-author-bottom-card .blog-author-info .card-title {font-size: 0.8rem; line-height: 1.3rem; margin-bottom: 0; font-weight: 500; }
#blog-author-bottom-card .blog-author-info h5 {font-size: 0.8rem; line-height: 1rem; margin-bottom: 0; }
#blog-author-bottom-card .blog-author-extra {margin: 0; }
#blog-author-bottom-card .blog-author-links {display: flex; justify-content: center; }
#blog-author-bottom-card .blog-author-links a {padding: 0 0.25rem; }


.content-blog__inner { max-width: 746px; margin: auto; }

.content-blog__inner table td, 
.content-blog__inner table, .content-blog__inner table th{border: 1px solid #aaa; padding: 10px; color: #000; }
.content-blog__inner table td { border-bottom: none; }
.content-blog__inner table tr td:first-child { border-right: none; font-weight: 500; }
.content-blog__inner table { margin-bottom: 16px; }

.content-blog__inner .table-box { overflow: auto; width: 100%;}
.content-blog__inner .table-box table { min-width: 700px; }

/* width */
.content-blog__inner .table-box::-webkit-scrollbar { height: 2px; }
/* Track */
.content-blog__inner .table-box::-webkit-scrollbar-track {background: #fff; }
/* Handle */
.content-blog__inner .table-box::-webkit-scrollbar-thumb {background: #f73e2f; }
/* Handle on hover */
.content-blog__inner .table-box::-webkit-scrollbar-thumb:hover {background: #f73e2f; }

.content-blog .post-related { background: #e7f8ff; padding: 15px;}
.content-blog .post-related ul { padding-left: 16px; margin-bottom: 0; list-style: inherit;}
.content-blog .post-related p { margin-bottom: 0px; }

.widget-banner:not(:last-child) { margin-bottom: 30px; }
.widget-banner:last-child { position: sticky; position: -webkit-sticky; top: 80px; }
.widget-item.widget-banners { flex: 1; }

.relate-post .blogs__list-item.blogs-horizontal .wrap-img { width: 100px; }
.relate-post .blogs__list-item.blogs-horizontal .name { font-size: 14px; -webkit-line-clamp: 2;}
.relate-post .blogs__list-item.blogs-horizontal { padding-bottom: 0; }
.relate-post .blogs__list-item.blogs-horizontal .wrap-content { padding-left: 10px; }

.faq { padding: 40px 0; }
.faq .accordion { margin-bottom: unset; padding-left: unset; list-style: none; border: #e6e6e6 1px solid; border-radius: 5px; border-bottom: unset;}
.faq .accordion .btn-link {background: #fafafa; padding: 12px 12px 14px 10px; cursor: pointer; font-size: 17px; font-weight: 600; position: relative; margin-bottom: 0; margin: 0; background: none; text-decoration: none; color: #0B0C0C; display: block;}
.faq .accordion .btn-link:hover { outline: none; text-decoration: none;}
.faq .accordion>li { position: relative; margin-bottom: 0; border-bottom: #e6e6e6 1px solid; }
.faq .accordion>li>.default-icon { position: absolute; right: 5px; top: 15px; }
.faq .accordion .content { padding-left: 25px; }
.faq .accordion-collapse { border: none; display: block; }
.faq .accordion>li li { margin-bottom: 10px; list-style-type: circle; }
.faq .accordion>li ul { padding-left: 20px; }

/*PopUp Form*/
#popup-banner .close-button { position: absolute; top: -20px; right: -20px; width: 40px; height: 40px; cursor: pointer; border: 1px solid #fff; border-radius: 50%; padding: 8px; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center;}
#popup-banner { display: none; }
#popup-banner {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 1000; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s; }
#popup-banner.open {opacity: 1; visibility: visible; display: block;}
#popup-banner .component-inner { width: 500px; max-width: 85%; max-height: 85%; margin: auto; top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#popup-banner .component-inner .close-button img { width: 15px; }