@charset "UTF-8";
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, .175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-link-color: #0d6efd;
    --bs-link-hover-color: #0a58ca;
    --bs-code-color: #d63384;
    --bs-highlight-bg: #fff3cd
}
@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face {
    font-display: block;
    font-family: Ghiocity and Dhisthes;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/GhiocityandDhisthes-Italic.otf)
}
@font-face {
    font-display: block;
    font-family: Ghiocity and Dhisthes;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/GhiocityandDhisthes-Italic.otf)
}
@font-face {
    font-display: block;
    font-family: Ghiocity and Dhisthes;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/GhiocityandDhisthes-Italic.otf)
}
@font-face {
    font-display: block;
    font-family: Ghiocity and Dhisthes;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/GhiocityandDhisthes-Italic.otf)
}

* {
    margin: 0;
    padding: 0;
}
body{
    overflow-x: hidden;
}
ul {
    padding: 0;
    margin: 0;
}
hr{
    background: #FFFFFF;
    border-color: #FFFFFF;
    height: 2px;
}
a{
    color: #fff;
    text-decoration: none;
}
input:focus{
    box-shadow: none !important;
    outline: none !important;
}
.btn-primary{
    background: #2C5FF9;
}
.btn-default{
    background: #FFFFFF;
    color: #033253;
}
.container{
    max-width: 1210px;
}
.gd{
    width: 100%;
    object-fit: cover;
}
/*.row{*/
/*    margin-left: -25px;*/
/*    margin-right: -25px;*/
/*}*/
/*.row .col-12,.row .col{*/
/*    padding-left: 25px;*/
/*    padding-right: 25px;*/
/*}*/
.slick-dots{
    display: none !important;
}
body {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    color: var(--bs-body-color);
    font-family: system-ui, -apple-system, "Times New Roman", "Ghiocity and Dhisthes", "Be Vietnam Pro";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}
.fixed{
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
}
#top_bar{
    background: #002742;
}
#top_bar .logo img{
    height: 92px;
}
#top_bar .lang ul li{
    list-style: none;
    margin-right: 10px;
}
#top_bar .lang p{
    font-size: 15.17px;
    color: #ffffff8c;
    font-weight: 300;
    margin-bottom: 0;
    font-style: italic;
}
#top_bar .lang ul li img{
    height: 28px;
    width: 45px;
}
#top_bar .logo_m{
    margin-right: 0 !important;
    margin-left: 20px;
}
#top_bar .logo_m a{
    border: 1px solid #ccc;
    padding: 5px 20px;
    border-radius: 8px;
    display: block;
}
#top_bar .search{
    padding: 20px 0 0;
}
#top_bar .search input{
    border-top-left-radius: 20px;
    border: none;
    border-bottom-left-radius: 20px;
}
#top_bar .search .input-group-text{
    background: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: none;
}
#menu{
    height: 75px;
    background: #033253;
}
#menu ul li{
    list-style: none;
    padding: 25px 0;
}
#menu ul li a{
    font-family: Inter, sans-serif;
    color: #fff;
    font-weight: bold;
}
#menu .search input{
    border-top-left-radius: 20px;
    border: none;
    border-bottom-left-radius: 20px;
}
#menu .search .input-group-text{
    background: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border: none;
}
#banner{
    /*height: 935px;*/
    /*background: url(../img/banner.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: cover;*/
    /*background-position: bottom;*/
    background: #033253;
}
#banner img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#banner .info h4{
    font-family: "Ghiocity and Dhisthes", serif;
    font-size: 53.7px;
    font-style: italic;
    color: #002742;
    margin-left: 15px;
    /*text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
}
#banner .info h1{
    font-family: Inter, sans-serif;
    font-weight: 900;
    font-size: 50.07px;
    line-height: 51.9px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}
#banner .info p{
    font-family: Inter, sans-serif;
    font-size: 13.35px;
    line-height: 12.8px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    text-transform: uppercase;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    background: #676767;
    padding: 8px 20px;
    margin-bottom: 5px;
    width: fit-content;
}
#banner .info .p1{
    font-family: "Times New Roman", sans-serif;
    font-size: 39.5px;
    line-height: 40.5px;
    letter-spacing: 0px;
    color: #552521;
    opacity: 1;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 5px;
    width: fit-content;
    background: unset;
    padding: 0;
    text-transform: none;
}
#banner .info .p2{
    font-family: "Times New Roman", sans-serif;
    font-size: 39.5px;
    line-height: 40.5px;
    letter-spacing: 0px;
    color: #033253;
    opacity: 1;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    padding: 0 30px;
    margin-bottom: 5px;
    width: fit-content;
    background: unset;
    text-transform: none;
}
#banner .info{
    position: absolute;
    top: 25%;
    transform: translate(-30%);
    left: 58%;
}
#banner .info .gt{
    margin-left: 80px;
}
#slider{
    background: #033253;
    padding: 4em 0;
    position: relative;
    top: -8px;
}
#slider .read p{
    font-family: 'Inter', sans-serif;
    font-size: 21.08px;
    font-weight: 700;
    line-height: normal;
    vertical-align: middle;
    color: #FFFFFF;
}
#slider .read2 p{
    font-size: 17.08px;
    color: #EDF8FF;
    font-family: 'Inter', sans-serif;
    text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    width: 580px;
    text-align: justify;
    line-height: 25px;

    word-spacing: -1px;
}
#slider .read2 p:last-child{
    margin-right: 0px;
}
#slider span.more, #giai_thuong span.more, #qua_tang .more,#new .more{
    float: right;
    color: #EDF8FF;
    opacity: 50%;
    font-size: 16.34px;
    line-height: 34px;
    font-family: Inter, sans-serif;
    font-style: italic;
}
#slider .slide svg{
    cursor: pointer;
}
#slider .slide svg.prev{
    position: absolute;
    left: -3%;
    transform: translateY(-50%);
    top: 50%;
}
#slider .slide svg.next{
    position: absolute;
    right: -3%;
    transform: translateY(-50%);
    top: 50%;
}
#slider .slide img{
    width: 100%;
    margin: 0;
    padding: 0 3%;
    text-align: center;
    /*width: 385px !important;*/
    /*padding-right: 30px;*/
}
#giai_thuong{
    height: 898px;
    background: url(../img/giai_thuong_cache.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
    position: relative;
    top: -8px;
}
#giai_thuong .if h5{
    font-family: "Ghiocity and Dhisthes";
    font-style: italic;
    font-size: 63.25px;
    color: #033253;
    text-align: left;
    left: -80px;
    position: relative;
    margin-bottom: 20px;
}
#giai_thuong .if h4{
    font-family: 'Inter', sans-serif;   /* Font family */
    font-weight: 900;                   /* Black (900 is the boldest weight) */
    font-size: 63.69px;                 /* Font size */
    line-height: 61.1px;                /* Line height */
    letter-spacing: 0px;                /* No letter spacing */
    color: #B39A30;                     /* Fill color (hex color code) */
    opacity: 1;                         /* 100% opacity */
    text-align: right;
    text-transform: uppercase;
}
#giai_thuong .top img{
    width: 165px;
    margin-left: 50px;
}
#giai_thuong .item h5{
    font-family: 'Inter', sans-serif;   /* Font family */
    font-weight: 700;                   /* Black (900 is the boldest weight) */
    font-size: 30.16px;                 /* Font size */
    line-height: 39.2px;                /* Line height */
    letter-spacing: 0px;                /* No letter spacing */
    color: #033253;                     /* Fill color (hex color code) */
    opacity: 1;
    text-transform: uppercase;
}
#giai_thuong .item p{
    font-family: 'Inter', sans-serif;   /* Font family */
    font-size: 21.48px;                 /* Font size */
    line-height: 27.9px;                /* Line height */
    letter-spacing: 0.15px;                /* No letter spacing */
    color: #515151;                     /* Fill color (hex color code) */
    opacity: 1;
}
#giai_thuong span.more{
    color: #033253;
}
#qua_tang{
    background: #033253;
    height: 410px;
    padding: 50px 0;
    position: relative;
    top: -8px;
}
#qua_tang p{
    font-family: 'Inter', sans-serif;
    font-size: 16.24px;
    color: #EDF8FF;
    font-style: italic;
    word-spacing: -1px;
    text-align: justify;
}
#qua_tang h5{
    font-family: 'Inter', sans-serif;
    font-size: 19.24px;
    text-align: right;
    color: #EDF8FF;
    text-transform: uppercase;
    font-style: italic;
}
#qua_tang .more{
    font-size: 17.66px;
    line-height: 31.1px;
}
#qua_tang img{
    position: relative;
    width: 100%;
    top: -30%;
    text-align: right;
    right: -30px;
}
#new{
    padding: 50px 0;
    position: relative;
    top: -8px;
}
.title{
    font-size: 41.36px;
    font-family:  'Inter', sans-serif;
    font-weight: bold;
    line-height: 69.5px;
    letter-spacing: 0.37px;
    color: #033253;
    text-align: center;
}
#new .item {
     min-height: 600px;
}
#new .item .img img{
    width: 100%;
}
#new .info h3{
    color: #033253;
    font-family: 'Inter', sans-serif;
    font-size: 27.02px;
    line-height: 33.7px;
    text-align: left;
    font-weight: 700;
    margin-top: 40px;
}
#new .info h3 a{
    color: #033253;
}
#new .info p{
    color: #033253;
    font-family: 'Inter', sans-serif;
    font-size: 20.95px;
    line-height: 30.7px;
    text-align: justify;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 5px;
    word-spacing: -1px;
}
#new .info label{
    position: absolute;
    top: -60px;
    color: #DEEBF5;
    font-size: 18.8px;
    width: fit-content;
    background: #033253;
    padding: 6px 25px;
    line-height: 23.1px;
    height: 37px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
}
#new .info .more{
    color: #033253;
    text-align: left;
    float: unset;
}
#new .xem_them{
    font-family: 'Inter', sans-serif;
    width: 190px;
    border-radius: 22px;
    text-transform: uppercase;
    font-size: 17.65px;
    line-height: 26.5px;
    letter-spacing: 0.07px;
    color: #ffff;
    font-weight: 500;
}
#bao_chi{
    padding: 50px 0;
    background: #033253;
}
#bao_chi h2.title{
    color: #fff;
}
#bao_chi img.tap_chi{
    width: 100%;
}
#bao_chi .border_top h3{
    text-align: right;
    font-size: 26.54px;
    font-weight: 700;
    color: #fff;
    padding-top: 15px;
    border-top: 2px solid #F05623;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#bao_chi .item{
    /*max-height: 155px;*/
    margin-bottom: 10px;
}
#bao_chi .item:last-child{
    margin-bottom: unset !important;
}
#bao_chi .item .td h4{
    font-family: 'Inter', sans-serif;
    font-size: 21.41px;
    line-height: 26px;
    letter-spacing: 0.07px;
    color: #fff;
    font-weight: 600;
}
#bao_chi .item .td{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#bao_chi .item .post_img{
    width: 254px;
}
#bao_chi .item .td span{
    font-size: 14.72px;
    line-height: 12px;
    letter-spacing: 0.04px;
    color: #D3D3D3;
}
#bao_chi .xem_them{
    font-family: 'Inter', sans-serif;
    width: 190px;
    border-radius: 22px;
    text-transform: uppercase;
    font-size: 17.65px;
    line-height: 26.5px;
    letter-spacing: 0.07px;
    font-weight: 600;
}
#blog{
    height: 675px;
    background: url(../img/bg_blog_cache.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
#blog .title{
    color: #FFF2B9;
    margin-top: 40px;
}
#blog p{
    font-family: 'Inter', sans-serif;
    font-size: 21.08px;
    color: #fff;
    font-weight: 500;
    line-height: 1.5;
    text-align: justify;

    word-spacing: -1px;
}
#blog span.more{
    font-size: 21.08px;
    color: #fff;
    font-weight: 400;
    font-style: italic;
    text-align: right;
}
#chia_se{
    background: url(../img/bg_chia_se_cache.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 50px 0;
}
#chia_se button{
    font-family: 'Inter', sans-serif;
    width: 250px;
    border-radius: 28.93px;
    position: absolute;
    bottom: 8%;
    right: 128px;
    font-size: 23.14px;
    line-height: 34.7px;
    letter-spacing: 0.09px;
    font-weight: 700;
}
#chia_se img{
    width: 100%;
}
#doanh_nhan{
    height: 993px;
    background: url(../img/doanh_nhan_cache.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 80px 0;
}
#doanh_nhan .tieu_de{
    text-align: center;
    margin-bottom: 25px;
}
#doanh_nhan .tieu_de h3{
    font-family: "Ghiocity and Dhisthes", sans-serif;
    text-align: center;
    font-size: 53.74px;
    font-style: italic;
    color: #FFF2B9;
}
#doanh_nhan .tieu_de h2{
    font-size: 41.69px;
    line-height: 54.2px;
    letter-spacing: 0.29px;
    color: #fff;
}
#doanh_nhan img{
    width: 100%;
}
#footer{
    background: #033253;
    padding-top: 20px;
}
#footer .logo{
    width: 256px;
}
#footer .f1,#footer .f2,#footer .f3{
    display: flex;
    flex-direction: column;
    justify-content: end;
}
#footer .f2,#footer .f3{
    align-items: end;
}
#footer .f1 p{
    font-family: 'Inter', sans-serif;
    font-size: 19.17px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
#footer .f1 a{
    font-family: 'Inter', sans-serif;
    font-size: 14.44px;
    color: #809FFF;
    font-weight: 400;
    margin: 0;
    word-wrap: break-word;
}
#footer .f1 ul{
    margin-top: 40px;
}
#footer .f1 ul li{
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}
#footer .f1 ul li p{
    font-family: 'Inter', sans-serif;
    font-size: 19.17px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    width: 85%;
    word-wrap: break-word;
}
#footer .f1 ul li svg{
    width: 10%;
}
#footer .f2 ul li{
    list-style: none;
    margin-bottom: 5px;
}
#footer .f2 ul li a{
    font-family: 'Inter', sans-serif;
    font-size: 19.17px;
    color: #fff;
    font-weight: 400;
    margin: 0;
}
#footer .f3 .follow{
    background: url(../img/bg_footer_kb.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom right;
    height: 131px;
    border-radius: 8.51px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 245.16px;
}
#footer .f3 .follow2{
    /*height: 131px;*/
    width: 245.16px;
}
#footer .f3 .follow .ifo{
    margin-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#footer .f3 .follow .ifo p{
    font-family: 'Inter', sans-serif;
    margin-bottom: 0;
    font-size: 13.38px;
    color: #fff;
    font-weight: 500;
}
#footer .f3 .follow .ifo span{
    font-family: 'Inter', sans-serif;
    font-size: 9.58px;
    color: #fff;
}
#footer .f3 .follow .bp span{
    font-family: 'Inter', sans-serif;
    background: #3D3D3D;
    border-radius: 3px;
    font-size: 9.58px;
    padding: 2px 15px;
    text-align: center;
    left: -10px;
    top: -1px;
    z-index: 1;
    position: relative;
}
#footer .f3 .follow .bp svg{
    position: relative;
    z-index: 2;
}
#footer .f3 h4{
    font-size: 14.61px;
    line-height: 1.9;
    letter-spacing: 0;
    text-transform: uppercase;
    font-weight: 900;
    color: #FFF2B9;
}
#footer .f3 ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#footer .f3 ul li{
    list-style: none;
}
#footer .footer_f{
    background: #002742;
    height: 88px;
}


#breadcrumb ul{
    list-style: none;
    display: flex;
    align-items: center;
}

#breadcrumb ul li{
    padding: 15px;
    font-size: 19.17px;
    color: #033253;
}
#breadcrumb ul li:first-child{
    padding-left: 0;
}
#breadcrumb ul li a{
    font-family: 'Inter', sans-serif;

    font-size: 19.17px;
    color: #033253;
}
#bn img{
    width: 100%;
}
#news{
    padding: 40px 0;
}
#news .head ul{
    list-style: none;
    border-bottom: 1px solid #81C1EE;
}
#news .head ul li{
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 28.14px;
    color: #033253;
    margin-right: 20px;
}
#news .item img{
    width: 100%;
}
#news .item .info{
    padding: 20px;
}