/*
Theme Name: PHONGNV Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1.28
*/


#header{
    display: none !important;
}
#main,
#wrapper{
     	background: transparent !important; 
}
/* Body Background - từ thiết kế Screen-1 */
body {
    background: #FFFFFF url("/wp-content/uploads/2026/06/image-26.png") no-repeat left top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    min-height: 100vh;
    font-family: 'Fahkwang', sans-serif;
}
#main .entry-header {
    display: none !important;
}
 .icon-inner:has(.fa-circle){
    padding-top: 4px;
}

/* Tab pill design - match Screen-1 */
.row-tab-group .tab-group-custom .nav-line{
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(50px);
    -webkit-backdrop-filter: blur(50px);
    border-radius: 24px;
    padding: 6px;
    display: inline-flex;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.row-tab-group .tab-group-custom .nav-line-bottom>li>a:before, 
.row-tab-group .tab-group-custom .nav-line-grow>li>a:before, 
.row-tab-group .tab-group-custom .nav-line>li>a:before{
    display: none !important;
}
.row-tab-group .tab-group-custom .nav-line .tab,
.row-tab-group .tab-group-custom .nav-line .tab a{
    width: 100%;
}
.row-tab-group .tab-group-custom .nav-line .tab a {
    border-radius: 100px;
    padding: 12px 24px;
    color: #FFF;
    font-family: 'Fahkwang', sans-serif;
    font-size: 14px;
    font-weight: 400;
}
.row-tab-group .tab-group-custom .nav-line .tab.active a {
    background: #FFF;
    color: #1C274C;
}

/* Section title underline */
.page-homepage .section-title-line {
    border: none;
    height: 0;
    border-bottom: 3px solid var(--primary-color);
}

/* Contact list items */
.page-homepage .contact-item {
    padding: 12px;
    gap: 16px;
}

/* featured_box icon color */
.page-homepage .featured-box .icon-box-img svg,
.page-homepage .featured-box .icon-box-img i {
    color: var(--primary-color) !important;
}

/* Tab icon SVG alignment */
.row-tab-group .tab-group-custom .tab a svg {
    vertical-align: middle;
    margin-right: 6px;
}
@media (min-width: 992px) {
    .row-tab-group .tab-group-custom .nav-line{
        border-radius: 100px;
    }
    .row-tab-group .tab-group-custom .nav-line .tab a {
        font-size: 16px;
    }
    .row-tab-group .tab-group-custom .nav-line .tab,
    .row-tab-group .tab-group-custom .nav-line .tab a{
        width: auto;
    }
}