/*
Theme Name: TPG-EN
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/***************   Nhúng Font   ***************/
/* Font icon custom */
@font-face {
    font-family: "block-icon";
    font-display: swap;
    src: url("/wp-content/themes/tpg-en/fonts/iconfont.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
/*************** Chỉnh main menu header *******************/
.header-nav-main > li > a {
    line-height: 16px;
    display: block;
    padding: 15px 0;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: color 0.2s, background 0.2s;
    color: #1a2340;
}
/* css này là main menu bottom, nếu chuyển lên main header thì xóa đi */
.header-bottom-nav > li > a {
    line-height: 16px;
    display: block;
    padding: 16px 18px;
    color: rgba(255, 255, 255, 0.85);
    font-size: 13px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: color 0.2s, background 0.2s;
}
.r_header {
    display: flex;
    align-items: center;
}
.hotline_email {
    display: flex;
    align-items: center;
}
.social_search {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.hotline_email a {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #e9e9e9;
    padding: 0 20px;
}
.hotline_email label {
    position: relative;
}
.hotline_email .hotline label:before {
    content: "\f8d3";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    margin: 0 10px 0 0;
    color: #0a54c3;
    line-height: 1;
    font-size: 20px;
}
.hotline_email .email label:before {
	content: "\f0e0";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    margin: 0 10px 0 0;
    color: #0a54c3;
    line-height: 1;
    font-size: 20px;
}
/*************** Chỉnh banner trang chủ ******************/
.hero-label {
    color: #cc2222;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.hero-text {
    font-family: 'Barlow Condensed', sans-serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 1.05;
    color: #1a2340;
    margin-bottom: 18px;
}
.hero p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 28px;
    max-width: 420px;
}
/*************** Chỉnh Css Chung về Buttom ****************/
.hero-buttons {
    display: flex;
    gap: 12px;
    margin-bottom: 30px;
}
.btn-primary {
    background: #cc2222;
    color: #fff;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: background 0.2s;
}
.btn-outline {
    border: 2px solid #1a2340;
    color: #1a2340;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s;
}
/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}