h1, h2, h3, h4, h5, h6{
    line-height: 1.5;
}
body {
    font-size: 16px;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    color: var(--bs-black)
}
.header_1{
    background: #fff;
}
.wrap-call{background: #0f5ea0; padding: 19px 30px 17px 30px}
.text-p,
p {
    color: var(--bs-black);
}
span, .post-box .meta a, .widget.widget-categories li a{
    text-transform: none;
}

.wrap-working .content p,
#footer p {
    color: var(--bs-gray-400);
}

#top-bar-bt {
    height: 110px;
}
.text-jusitfy{text-align: justify;}
.header-search {
    max-width: 370px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    position: relative;
    padding: 0;
}

.header-search .search-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.header-search .btn-search {
    border-radius: 4px 0px 0px 4px;
    background-color: #089cb7;
    width: 44px;
    min-width: 44px;
    height: 44px;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    border: none;
    cursor: pointer;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS42MTE1IDJDNi4zMDMyMyAyIDIgNi4yMDgxOSAyIDExLjM5OTNDMiAxNi41OTAzIDYuMzAzMjMgMjAuNzk4NSAxMS42MTE1IDIwLjc5ODVDMTMuODgxOSAyMC43OTg1IDE1Ljk2ODQgMjAuMDI4NyAxNy42MTMgMTguNzQxNUwyMC43MzcxIDIxLjc4ODZMMjAuODIwMiAyMS44NTg2QzIxLjExMDIgMjIuMDY4NSAyMS41MjE0IDIyLjA0NDYgMjEuNzgzOSAyMS43ODczQzIyLjA3MjYgMjEuNTA0MyAyMi4wNzIgMjEuMDQ1OSAyMS43ODI1IDIwLjc2MzZMMTguNjk1MiAxNy43NTIzQzIwLjI2NDkgMTYuMDc5NCAyMS4yMjMxIDEzLjg0ODcgMjEuMjIzMSAxMS4zOTkzQzIxLjIyMzEgNi4yMDgxOSAxNi45MTk4IDIgMTEuNjExNSAyWk0xMS42MTE1IDMuNDQ3NzRDMTYuMTAyMiAzLjQ0Nzc0IDE5Ljc0MjYgNy4wMDc3NiAxOS43NDI2IDExLjM5OTNDMTkuNzQyNiAxNS43OTA4IDE2LjEwMjIgMTkuMzUwOCAxMS42MTE1IDE5LjM1MDhDNy4xMjA4NiAxOS4zNTA4IDMuNDgwNDQgMTUuNzkwOCAzLjQ4MDQ0IDExLjM5OTNDMy40ODA0NCA3LjAwNzc2IDcuMTIwODYgMy40NDc3NCAxMS42MTE1IDMuNDQ3NzRaIiBmaWxsPSIjRjVGNUY1Ii8+Cjwvc3ZnPgo=);
}

.header-search .form-control {
    height: 44px;
    background-color: #F5F5F5;
    border-radius: 0 8px 8px 0;
    border: none;
    width: 100%;
    display: block;
    padding: 10px 12px;
    letter-spacing: 0.002em;
    color: #534E56;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
}

.header_1.is-fixed{
    background-color: #fff;
}
.header_1.is-fixed #main-nav>ul>li>a{
    color: #0f5ea0;
}
.list_mega_left > li.menu-item:nth-child(1) .sub-menu-3{
    display: block;
}
#menu-primary-menu > .menu-item:hover:after{
    content: "";
    background: #db2128;
    height: 2px;
    position: absolute;
    bottom: 10px;
    width: 78%;
    left: 0;
}
.list_mega_left > .menu-item:hover .sub-menu-3{

}
.screen-reader-text {
    border: 0;
    clip: rect(0, 0, 0, 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute !important;
    word-wrap: nowrap !important;
}

.header-hotline,
.header-contact {
    color: #A6A6A6;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.002em;
    min-height: 48px;
    position: relative;
    padding-left: 60px;
    margin-left: 40px;
    white-space: nowrap;
}

.header-hotline:before,
.header-contact:before {
    content: "";
    width: 48px;
    height: 48px;
    border-radius: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F5F5F5;
}

.header-hotline:before {
    background-image: url(https://static.vietnampedia.com/themes/business/phacolab/assets/images/icon/phone.svg);
}

.header-contact:before {
    background-image: url(https://static.vietnampedia.com/themes/business/phacolab/assets/images/icon/mess.svg);
}

.header-hotline a,
.header-contact a {
    color: #A6A6A6;
}

.header-hotline strong,
.header-contact strong {
    display: block;
    color: #132432;
    font-weight: 800;
    font-size: 14px;
    margin-top: 4px;
    line-height: 24px;
}

#main-nav>ul>li>a {
    font-size: 16px;
    font-weight: 700;
    color: #0f5ea0;
}

#main-nav .sub-menu li a {
    font-size: 14px;
}

.btn-primary {
    background: #08879e;
}

.home1 .about {
    padding-bottom: 30px;
}

.nav-tabs .nav-link {
    border: 0;
    font-size: 16px;
    font-weight: 700;
}

.home .lt-blog .box-img {
    max-height: 150px;
}

.tab-pane .content-post.wr {
    padding-top: 15px;
}

.tab-pane h5 {
    border-bottom: 1px solid #eee;
}

.tab-pane .content-post h5 a {
    font-size: 14px;
    font-weight: 500;
}

.megamenu {
    /* position: absolute; */
    position: relative;
    width: 750px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
    z-index: 99999999999;
    /* display: flex; */
    /* flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap; */
    background-color: #fff !important;
    padding: 20px 20px 20px 0 !important;
    border: 1px solid #E9E9E9;
    border-radius: 4px;
}

.megamenu_left {
    max-width: 28%;
    border-right: 1px solid #ddd;
    padding-right: 15px;
}

.megameu_right {
    flex-basis: calc(70% - 15px);
}

.top-bar-content {
    left: 25%;
}

.team-mb .socials .widget-socials {
    display: block;
}

.btn-upload::before,
.btn-upload::after {
    display: none
}

.page-title-heading ul li {
    font-family: "Mulish", sans-serif;
}

.social-share {
    display: flex
}

.post h2,
.post h3,
.post h4 {
    margin: 15px 0;
}

.post figure {
    margin-top: 22px;
    margin-bottom: 22px;
    text-align: center;
}

.post figure>img {
    width: 100%;
}

.post figure>figcaption {
    padding: 8px 10px;
    background: var(--bs-gray-200);
}

.post ul {
    padding-left: 30px;
}

.post ul>li {
    padding: 10px 0;
    list-style: disc;
    line-height: 1.5;
}

.post-title .title-1 h4 {
    font-size: 18px;
    line-height: 1.5
}

.widget.widget-categories ul li img {
    max-height: 100px;
}

.heading2-inline-content,
.heading3-inline-content {
    background: #089cb7;
    padding: 5px 10px;
    border-radius: 10px;
    margin: 15px 0;
}

.heading2-inline-content h2 {
    color: #fff;
    font-size: 22px;
    display: inline-flex;
    align-items: center;
}

.heading2-inline-content h2:before {
    content: " ";
    display: block;
    font-size: 28px;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid;
    padding: 2px 3px;
    margin-right: 10px;
    background: url(/pclab-media/styles/icon.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.heading3-inline-content h3 {
    color: #fff;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
}

.heading3-inline-content h3:before {
    content: " ";
    display: block;
    font-size: 22px;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid;
    padding: 2px 3px;
    margin-right: 10px;
    background: url(/pclab-media/styles/icon.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.heading2-inline-content h2>span,
.heading3-inline-content h3>span {
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
    text-transform: inherit;
}

.heading2-inline-content h2,
.heading3-inline-content h3 {
    margin: 8px 0;
}

.hidescroll-mx {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.activated-menu .submenu {
    font-size: 0;
    border-bottom: 1px solid #f2f2f2;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 35px;
}

.activated-menu .submenu li {
    display: inline-block;
    font-weight: 700;
    font-style: normal;
    font-size: 17px;
    padding: 0 18px;
}

.activated-menu .submenu li:first-child {
    padding-left: 0;
}

.activated-menu .submenu li a {
    display: block;
    color: #aaa;
    position: relative;
}

.activated-menu .submenu li.active a>p,
.activated-menu .submenu li:hover a>p {
    color: #0c4ca3;
    text-decoration: none;
    font-weight: 600;
}

.home .content-post h5 a,
.text-t, h1, h2, h3, h4, h5, h6 {
    text-transform: none;
}

.service-st .wrap-service::before, .categories .img-box .img-blog::before{display: none}
.categories .img-box .img-blog{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.14901960784313725);
    overflow: hidden;
    position: relative;
    max-height: 80px;
    padding: 0;
}
.img-box .img-blog .image{
    background: inherit;
    padding: inherit;
    transform: translateX(-80%);
    transition: all 0.3s ease;
    margin-right: 0;
}
.img-box .img-blog .image img{
    height: 100%;
    width: auto;
}
.categories .img-box .img-blog:hover .image img{
    transform: translateX(80%);
    transition: all 0.3s ease;
}
.img-box .img-blog .content{
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: 12px center;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 0;
}
.img-box .img-blog .san-khoa{
    background-image: url(/pclab-media/icon/san-khoa.png);
}
.img-box .img-blog .ung-buou{
    background-image: url(/pclab-media/icon/ung-buou.png);
}
.img-box .img-blog .truyen-nhiem{
    background-image: url(/pclab-media/icon/truyen-nhiem.png);
}
.img-box .img-blog .mien-dich{
    background-image: url(/pclab-media/icon/mien-dich.png);
}
.img-box .img-blog .content a{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 15px;
    height: 80px;
    width: 100%;
    padding-left: 16%;
    font-weight: 700;
    justify-content: center;
    font-size: 16px;
}
.img-box .img-blog .san-khoa a{
    color: #ff66c4;
}
.img-box .img-blog .ung-buou a{
    color: #e22f2c;
}
.img-box .img-blog .truyen-nhiem a{
    color: #1e7a4a;
}
.img-box .img-blog .mien-dich a{
    color: #4e678d;
}
.categories .img-box .img-blog:hover{
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, .5);
}

.flat-title-page .overlay {
    background-repeat: no-repeat;
    background-size: cover;
}

.wrap-working .image img:hover {
    background: #e1292d;
}

.pagination {
    position: relative;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.pagination li {
    position: relative;
    margin: 0px 5px;
    display: inline-block;
}

.pagination li a,
.pagination li span {
    position: relative;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    font-size: var(--font-18);
    color: var(--black-color);
    background-color: var(--color-eighty);
}

.pagination li a:hover,
.pagination li.active a {
    color: #fff;
    background: rgb(37 186 236);
    background: linear-gradient(to top left, rgb(37 186 236) 0%, rgb(23 115 180) 100%) !important;
}

.mobile-button::before,
.mobile-button::after,
.mobile-button span {
    background: #089cb7;
}

#footer{
    padding: 54px 0;
    background-image: url(/pcgen-media/styles/u21.png);
    background-size: cover;
    background-color: rgba(255,255,255,.8);
    background-blend-mode: overlay;
}
#footer span, #footer .widget-menu .title-widget{
    color: #142441;
    font-size: 16px;
}
#footer .widget-social ul li .fab{
    color: #142441;
}
#bottom #wrap-bottom span{
    font-size: 12px;
}
.career {
    background: url(/pcgen-media/styles/career.jpg) top right no-repeat;
    background-size: cover;
    position: relative;
}
.content-career {
    padding: 25px;
    max-width: 615px;
}
.content-career h3 {
    font-size: 22px;
    margin-bottom: 15px;
}
.content-career p{
    line-height: 1.5;
}
.content-career .btn-career {
    border-width: 0px;
    width: 101px;
    height: 36px;
    background: inherit;
    background-color: rgba(255, 255, 255, 1);
    border: none;
    border-radius: 5px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    color: #009FBF;
    margin-top: 15px;
    padding: 9px;
}
.gmap-embed iframe {
    max-height: 300px;
}
.working .title-sp h3, .working .title-sp p {
    color: #0f5ea0;
}
.wrap-working .image img {
    background: rgb(8 135 158 / 28%);
}
.wrap-working .content h4, .wrap-working .content p{
    color: #08879e;
}

.sub-menu-3 {
    position: absolute;
    top: 0px;
    left: 100%;
    width: 525px;
    min-height: 500px;
    display: none;
}
.megameu_right .box_sub_menu h3{
    margin-bottom: 15px;
}
.list_mega_left>.menu-item:hover .sub-menu-3 {
    display: block;
    min-height: 495px;
}

.megameu_right {
    margin-left: 30px;
    background: #fff;
    padding: 15px 0;
    min-height: 600px
}
.toc-wrapper{display: none !important;}
.flat-blog-details .inner-content .text-t{
    line-height: 1.5;
}
.test-result-search .nav-tabs {
    border-bottom: 0;
}
.test-result-search .nav-tabs .nav-item .nav-link{
    border: 1px solid #089cb7;
    border-radius: 5px;
    color: #089cb7;
}
.test-result-search .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{
    color: #ffffff;
    background-color: #089cb7;
    border-color: transparent;
}
.search-area .search-field .control-label{
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 15px;
}
.search-area .submit-button .btn{font-size: 16px;}
.return-contact{
    border: 1px solid #089cb7;
    padding: 15px;
    border-radius: 10px;
}
.return-contact > .row > div{
    display: grid;
    justify-content: flex-start;
    align-content: center;
    height: 30px;
}
.result.table-scrollable table, .result.table-scrollable th, .result.table-scrollable td{
    border-color: #eee;
}
.why-item{
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.14901960784313725);
    overflow: hidden;
    position: relative;
    padding: 25px 15px;
    border-radius: 20px;
}
.why-item .icon{
    flex: 0 0 22%;
}
.tg-service-thumb{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 70%;
    cursor: pointer;
    display: flex;
}
.tg-service-3-inner-style .tg-service-3-item{
    min-height: 280px;
    overflow: hidden;
    position: relative;
    padding: 25px 15px;
    border-radius: 20px;
    background: transparent;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.14901960784313725);
}
.tg-service-3-title{
    line-height: 1.4;
    height: 60px; 
    overflow: hidden
}
@media only screen and (max-width: 991px) {

    .header_1,
    .home2 .header_1 {
        background: #fff;
    }
}

@media only screen and (max-width: 468px) {
    .content-about .title {
        font-size: 18px;
        line-height: 1.5;
    }
    #main-nav-mobi{
        height: 100vh;
        overflow-y: scroll;
    }
    .megamenu{
        width: 100%;
        padding: 20px !important;
        height: 100%;
    }
    .megamenu_left{
        max-width: 100%;
        padding-right: 0;
        border: 0;
    }
    .sub-menu-3{
        position: initial;
        width: 100%;
    }
    .megameu_right{
        margin-left: 15px;
    }
    .megameu_right h3{display: none}
    .sub_megamenu_right .col-6{
        line-height: 1.5;
    }
    .flat-blog-details{
        padding-top: 0;
    }
    .categories .inner-content .img-box{
        margin-left: auto;
    }
    .categories .img-box .img-blog{
        max-width: 47%;
        margin: 5px;
    }
    .categories .img-box .img-blog .image img{
        transform: translateX(80%);
    }
    .categories .img-box .img-blog .content {
        margin-left: 0;
        transition: all 0.3s ease;
    }
    .categories .img-box .img-blog .content h6{
        color: #fff;
    }
    .home .content-post h5{
        text-align: left;
    }
    .list_mega_left>.menu-item:hover .sub-menu-3 {
        min-height: auto;
    }
    .img-box .img-blog .content a{
        font-size: 14px;
        height: 50px;
        padding-left: 30%;
    }
}