@font-face {

    font-family: Noto_Serif;

    src: url(https://thammyhanquoc.vn/wp-content/themes/jw-zw/longform/tu-hao-chien-si-jw/fonts/NotoSerif-Regular.ttf);

}

.font_Noto_Serif {

    font-family: Noto_Serif;

}

.color-cam {

    color: #e96301;

}

.color-xanh {

    color: #004ca0;

}

html {

    scroll-behavior: smooth;

}

body {

    font-family: Noto_Serif;

    font-size: 20px;

    color: #000;

}

ul {

    margin-top: 0;

    margin-bottom: 0 !important;

}

a,

b,

body,

center,

div,

em,

font,

h1,

h2,

h3,

h4,

h5,

h6,

html,

i,

iframe,

img,

li,

p,

s,

small,

span,

th,

tr,

u,

ul,

var {

    margin: 0;

    padding: 0;

    border: 0;

    outline: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: 0 0;

}

body {

    line-height: 1;

    color: #555;

}

ul {

    list-style: none;

}

:focus {

    outline: 0;

}

a {

    text-decoration: none;

}

.clearfix:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}

.clearfix {

    clear: both;

    display: block;

}

html[xmlns] .clearfix {

    display: block;

}

* html .clearfix {

    height: 1%;

}

* {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

@media screen and (min-width: 768px) {

    .hidden-sm {

        display: none !important;

    }

}

.margin-auto {

    margin: 0 auto !important;

    display: block !important;

}

.font-s16 {

    font-size: 16px !important;

}

.padding-none {

    padding: 0 !important;

}

.mb-10 {

    margin-bottom: 10px;

}

.mb-20 {

    margin-bottom: 20px;

}

.mb-30 {

    margin-bottom: 30px;

}

.mb-40 {

    margin-bottom: 40px;

}

.mb-50 {

    margin-bottom: 50px;

}

.mb-60 {

    margin-bottom: 60px;

}

.mb-70 {

    margin-bottom: 70px;

}

.mb-80 {

    margin-bottom: 80px;

}

.mb-90 {

    margin-bottom: 90px;

}

.title-header {

    float: left;

    margin: 0;

    list-style-type: none;

    overflow: hidden;

    padding: 16px 10px 16px 30px;

    font-weight: 600;

    letter-spacing: -1px;

    color: #034d7f;

}

.share_button_social {

    float: right;

    padding-right: 20px;

}

.logo-header {

    position: absolute;

    top: 60%;

    left: 50%;

    transform: translate(-50%, -60%);

}

.logo-header img {

    width: 80%;

}

ul.share_button_social li {

    float: left;

    height: 55px;

    padding: 10px 0;

}

li.btnsocialshare {

    padding: 18px 20px !important;

}

.sp-sticky-header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    height: 60px;

    background: rgba(255, 255, 255, 0.7);

    text-align: center;

    z-index: 2;

}

.title-lf {

    display: block;

    padding-left: 50px;

    height: 44px;

    float: left;

    position: relative;

}

.logo-lf {

    display: inline-block;

    margin: 0 auto;

    transition: all 0.2s;

    padding: 5px 0 5px;

}

.longform-section {

    position: relative;

    margin-bottom: 50px;

}

.lf-container {

    max-width: 730px;

    margin: 0 auto;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: center;

}

.longform-section .entry-header h1 {

    font-size: 15px;

    font-weight: 600px;

    color: #fff;

}

.lf-container > p {

    margin: 1em 0;

    text-align: justify;

    font-size: 23px;

    letter-spacing: 0.5px;

    line-height: 32px;

}

.lf-content > p:not(.lf-full):not(.img-left) {

    width: 730px;

    margin: 1em auto;

    max-width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: justify;

    font-size: 18px;

    letter-spacing: 0.2px;

    line-height: 28px;

}

.lf-content h1,

.lf-content h2,

.lf-content h3,

.lf-content h4,

.lf-content h5,

.lf-content ul {

    width: 730px !important;

    text-align: left;

    margin: 0 auto !important;

    padding-left: 15px;

    padding-right: 15px;

}

.lf-content img.img-left {

    width: 55% !important;

}

.lf-content h2 {

    font-weight: 600;

    text-transform: uppercase;

}

.lf-content h3 {

    margin: 20px 0 !important;

    font-size: 23px;

    padding: 0;

    font-weight: 600;

}

.lf-content img {

    width: 100%;

    height: auto;

}

div.p-custom p {

    margin: 10px 0;

    text-align: justify;

    font-size: 18px;

    letter-spacing: 0.2px;

    line-height: 28px;

}

.center {

    text-align: center;

}

.img-title {

    width: 100%;

    padding: 0 270px;

    text-align: center;

}

.img-title img {

    max-width: 100%;

}

.img-title-4 {

    width: 100%;

    padding: 80px 300px 0;

}

.img-title-4 img {

    max-width: 100%;

}

.img-right {

    float: right;

    width: 55%;

    margin: 0 -90px 20px 30px;

}

.img-left {

    float: left;

    width: 55%;

    margin: 0 30px 20px -90px;

}

.img-right img {

    width: 100%;

}

.img-left img {

    width: 100%;

}

.img-center img {

    max-width: 100%;

}

header.entry-header h1 {

    text-align: left !important;

    line-height: 0;

}

header.entry-header p {

    font-style: italic;

    font-weight: 600;

}

.youtube {

    background-color: #000;

    position: relative;

    padding-top: 56.25%;

    overflow: hidden;

    cursor: pointer;

    border-radius: 7px;

}

.youtube img {

    width: 100%;

    top: -16.84%;

    left: 0;

    opacity: 0.7;

}

.youtube img {

    cursor: pointer;

}

.youtube iframe,

.youtube img {

    position: absolute;

}

.youtube iframe {

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;

}

.facebook {

    background: #3b5998;

    color: #fff;

}

.youtube-icon {

    background: #b00;

    color: #fff;

}

@media screen and (max-width: 768px) {

    .img-left,

    .img-right {

        float: none;

        width: 100%;

        margin: 0;

    }

    .longform-section {

        margin-top: 0;

    }

    .sp-sticky-header {

        position: fixed;

        top: 0;

        left: 0;

        right: 0;

        height: 55px;

        background: rgba(255, 255, 255, 0.7);

        text-align: center;

        z-index: 2;

    }

    .logo-header {

        position: relative;

        float: left;

        transform: inherit;

        top: 0;

        left: 0;

    }

    .share_button_social {

        padding-right: 0;

    }

    li.btnsocialshare {

        padding: 18px 0 18px 5px !important;

    }

    .logo-header img {

        width: 70%;

    }

    .entry-header {

        padding-left: 0;

        padding-right: 0;

    }

    p.text-img-3 {

        padding: 0 20px;

        font-size: 18px !important;

        letter-spacing: 0;

    }

    .lf-container > p {

        font-size: 18px;

        letter-spacing: 0;

        padding: 0 20px;

    }

    .img-title-2 {

        padding: 0 !important;

    }

    .img-title {

        width: 100%;

        padding: 0 10px;

    }

    .img-title-2 {

        width: 100%;

        padding: 0 10px;

    }

    .img-title-3 {

        width: 100%;

        padding: 30px 10px 0 !important;

    }

    .img-title-3 > p {

        padding: 0 10px 20px;

    }

    .lf-content h1,

    .lf-content h2,

    .lf-content h3,

    .lf-content h4,

    .lf-content h5,

    .lf-content ul {

        width: 100% !important;

    }

    .lf-content iframe {

        width: 100%;

    }

}

.text-img-1 p {

    margin: 1em 0;

    text-align: justify;

    font-size: 23px;

    letter-spacing: 0.5px;

    line-height: 32px;

}

.text-img-1 {

    padding: 5% 0 0 29%;

}

.text-img-2 {

    margin-left: 20%;

    margin-top: 3%;

}

.text-img-2 p {

    margin: 1em 0;

    text-align: justify;

    font-size: 23px;

    letter-spacing: 0.5px;

    line-height: 32px;

}

p.text-img-3 {

    margin: 0 auto 1em;

    text-align: justify;

    font-size: 23px;

    letter-spacing: 0.5px;

    line-height: 32px;

}

.img-title-2 {

    width: 100%;

    padding: 0 180px;

    text-align: center;

}

.img-title-2 img {

    max-width: 100%;

}

.img-title-3 {

    width: 100%;

    padding: 0 180px;

    text-align: center;

}

.img-title-3 img {

    max-width: 100%;

}

.lf-container2 {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: center;

}

.lf-container6 {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: center;

}

.lf-container7 {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

    padding-left: 0;

    padding-right: 0;

    clear: both;

    text-align: center;

}

.img-title-8 {

    width: 100%;

    padding: 0 180px;

    text-align: center;

}

.lf-container8 {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

    padding-left: 0;

    padding-right: 0;

    clear: both;

    text-align: center;

}

.img-title-9 {

    width: 100%;

    padding: 0 180px;

    text-align: center;

}

.lf-container9 {

    max-width: 1400px;

    margin: 0 auto;

    width: 100%;

    padding-left: 0;

    padding-right: 0;

    clear: both;

    text-align: center;

}

.lf-container-10 {

    max-width: 1000px;

    margin: 0 auto;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: center;

}

.lf-container-10 > p {

    margin: 1em 0;

    text-align: justify;

    font-size: 23px;

    letter-spacing: 0.5px;

    line-height: 32px;

}

.lf-container10 {

    max-width: 1000px;

    margin: 0 auto;

    width: 100%;

    padding-left: 0;

    padding-right: 0;

    clear: both;

    text-align: center;

}

.title-text p {

    text-align: center;

    line-height: 15px;

    color: #104384;

    font-weight: 700;

    font-size: 45px;

}

.title-text-mb p {

    text-align: center;

    line-height: 15px;

    color: #104384;

    font-weight: 700;

    font-size: 20px;

}

.lf-container-lf5 {

    max-width: 1200px;

    margin: 0 auto;

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    clear: both;

    text-align: left;

    color: #10376e;

    font-size: 30px;

}

.custom-container {

    width: 85%;

    margin: 0 auto;

}

.custom-container-50 {

    width: 50%;

    margin: 0 auto;

}

.mb-custom-container {

    width: 92%;

    margin: 0 auto;

}

.chien-si-jw {

    width: 100%;

    height: 100%;

    background-image: url(https://benhvienjw.vn/wp-content/themes/jw-zw/longform-parts/assets/tuhaochiensijw/images/chien-si-jw.png.webp);

    background-repeat: no-repeat;

    background-size: contain;

}

.mb-chien-si-jw {

    width: 100%;

    height: 100%;

    background-image: url(https://benhvienjw.vn/wp-content/themes/jw-zw/longform-parts/assets/tuhaochiensijw/images/mb-chien-si-jw.png);

    background-repeat: no-repeat;

    background-size: contain;

}

.iframe-embed {

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    height: 100%;

    width: 100%;

    border: 0;

}

.iframe-embed-responsive-16by9 {

    padding-bottom: 56.25%;

}

/* Footer */

.footer_section{

    background: linear-gradient(
    180deg,
    #004250 0,
    #007e93 63%,
    #008996 70%,
    #00a9b7 100%
  );

    padding-top: 40px;

    color: #fff;

}

.footer h2 {

    text-transform: uppercase;

    font-size: 24px;

    font-weight: bold;

}

img.logo-foot {

    max-width: 210px;

}

.footer {

    padding-bottom: 25px;

}

.footer p {

    font-size: 18px;

}

.social-i i {

    font-size: 33px;

    color: rgba(255, 255, 255, 0.5);

    padding: 0 8px;

}



.social-i img {

    margin-top: -16px;

    padding: 0 8px;

}

.hotline-f a {

    color: #ffffff;

}

.mail-f a {

    color: #ffffff;

}

.fa-map-marker {

    font-size: 20px;

}

.fa-phone {

    font-size: 20px;

}

.fa-envelope {

    font-size: 20px;

}

.footer__items {

    align-items: center;

}

.footer_section {

    padding-bottom: 35px;

}

.social__footer ul {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}

.social__footer ul li {

    list-style: none;

    float: left;

    padding: 10px 10px;

}

.hotline-f a {

    padding-left: 10px;

    font-size: 24px;

}

.mail-f a {

    padding-left: 10px;

    font-size: 22px;

}

.address-f span {

    padding-left: 10px;

    font-size: 20px;

}

.address-f-2 span {

    padding-left: 10px;

    font-size: 20px;

}

@media screen and (max-width: 414px) {

    .address-f span {

        padding-left: 5px;

        font-size: 14px;

    }

    .address-f-2 span {

        padding-left: 5px;

        font-size: 14px;

    }

    .hotline-f a {

        padding-left: 10px;

        font-size: 18px;

    }

    .mail-f a {

        padding-left: 10px;

        font-size: 16px;

    }

}