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

/*************** ADD CUSTOM CSS HERE.   ***************/

@font-face {
    font-family: 'JosefinSans Regular';
    src: url(/wp-content/themes/flatsome-child/fonts/JosefinSans-Regular.ttf);
}

@font-face {
    font-family: 'JosefinSans Bold';
    src: url(/wp-content/themes/flatsome-child/fonts/JosefinSans-Bold.ttf);
}

@font-face {
    font-family: 'JosefinSans Bold';
    src: url(/wp-content/themes/flatsome-child/fonts/JosefinSans-Bold.ttf);
}

@font-face {
    font-family: 'JosefinSans Light';
    src: url(/wp-content/themes/flatsome-child/fonts/JosefinSans-Light.ttf);
}

:root{
    --JosefinSans-Regular:'JosefinSans Regular';
    --JosefinSans-Bold: 'JosefinSans Bold';
    --JosefinSans-Light: 'JosefinSans Light';
    --mauchudao1:rgba(233,111,55,1);
    --mauchudao2: #021C32
}

body{
    font-family: var(--JosefinSans-Light);
}

#main, #wrapper{
    background: #021C32!important;
}

#logo img {
    filter: brightness(0) invert(1);
}

.header-nav>li>a{
    color: #fff!important;
    
    font-size: 16px;
}

.header-nav>li.current-menu-item>a{
    font-family: var(--JosefinSans-Regular)!important;
}

.stuck .header-bg-color{
    background-color: hsl(208.09deg 88.68% 10.39%)!important;
}

.header-nav{
    gap: 35px!important;
   
}

.absolute-footer{
    display:  none;
}

.ten-cty-footer h3{
    text-transform: uppercase;
    font-size: 20px;
    font-family: var(--JosefinSans-Bold)!important;
}

.section-title-normal{
    border: 0!important;
    margin-bottom: 0;
}

.title-footer .section-title-main{
    color: #fff;
    font-family: var(--JosefinSans-Bold)!important;
    font-size: 15px;
}

.col-padding-clear{
    padding-bottom: 0px;
}

.icon-footer{
    margin-bottom: 10px;
}

.icon-footer{
    margin-bottom: 10px;
}

.icon-footer .icon-box-text{
    color: #fff;
}

.title-footer{
    margin-bottom: 10px;
}

.icon-footer .icon-box-img{
    width: 18px!important;
}

.icon-footer .icon-box-img img{
    padding: 0!important;
}

.icon-footer a{
    color: #fff;
}

.section-title b{
    background: transparent!important;
}

.sub-title-home{
    margin-bottom: 0;
}

.sub-title-home .section-title-main{
    font-size: 30px;
    color: #fff;
    font-family: var(--JosefinSans-Regular)!important;
}

.title-home .section-title-main{
    font-size: 28px;
    color: var(--mauchudao1);
    font-family: var(--JosefinSans-Bold)!important;
}

.title-home{
    margin-bottom: 5px;
}

.short-intro{
    color: #fff;
    font-size: 15px;
    font-family: var(--JosefinSans-Regular)!important;
}

.short-intro p{
    margin-bottom: 5px;
}

.intro-home{
    color: #fff;
}

.intro-home p{
    margin-bottom: 15px;
}

.image-intro-home{
    margin: auto;
    padding: 40px 100px;
    background: #1A2F42;
    border-radius: 20px;
}

.btn-intro{
    background: var(--mauchudao1);
    padding: 2px 35px;
}

.banner-home .text-box-content h2{
    font-family: var(--JosefinSans-Bold)!important;
    font-size: 30px;
}

.text-box2{
    opacity: 0;
    transition: all 0.3s;
}

.text-box2 h2{
    color: var(--mauchudao1);
}

.banner-home:hover .text-box2{
    opacity: 1;
    transition: all 0.3s;
}

.banner-home:hover .banner-bg .overlay{
    background-color: rgb(0 0 0 / 42%)!important;
    transition: all 0.3s;
}

.banner-home .banner-bg .overlay{
    transition: all 0.3s;
}

.banner-home:hover .text-box1{
    opacity: 0;
    transition: all 0.3s;
}

.banner-home .text-box1{
    opacity: 1;
    transition: all 0.3s;
}

.banner-home .text-box2:after{
    content: url(/wp-content/uploads/2025/04/Group-62499.png);
    display: inline-block;
    width: 100%;
    height: 24px;
    text-align: center;
    margin-top: 40px;
}

.section-absolute-footer .text{
    color: #fff;
    font-size: 14px;
}

.section-absolute-footer .text p{
    margin-bottom: 0px;
}

.section-absolute-footer{
    border-top: 1px solid #ffffff4f;
}

.service-home .icon-box-text h3{
    font-size: 18px;
    color: #fff;
}

.service-home .icon-box-img{
    width: 160px !important;
    background: #0000ff00;
    padding: 40px;
    border-radius: 99%;
    backdrop-filter: blur(5px);
    border: 1px solid #ffffff3d;
}

.section-service{
    position: relative;
    border-top: 1px solid #ffffff8a;
}

.section-service::after{
    height: 120px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(2 28 50) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    z-index: 1;
}

.section-service::before{
    height: 120px;
    margin-top: 0px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(2 28 50) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 1;
}

.product-small .box-text {
    text-align: center;
}

.product-small .box-text .category{
    font-size: 16px;
    color: rgba(158,158,158,1);
    font-family: var(--JosefinSans-Regular)!important;
    text-transform: uppercase;
}


.product-small .box-text .name a{
    font-size: 20px;
    color: #fff;
    font-family: var(--JosefinSans-Bold)!important;
    text-transform: uppercase;
    margin: 7px 0px;
}



.product-small .box-text .name:after{
    content:'Chi tiết +';
    color: var(--mauchudao1);
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    font-family: var(--JosefinSans-Regular)!important;
}

.quick-view{
    display: none!important;
}

.product-home .flickity-prev-next-button svg{
    fill: rgb(255 255 255)!important;
    border-color: #fff;
    border-radius: 0px!important;
    color: #fff;
}

.product-home .flickity-prev-next-button{
    opacity: 1!important;
}

.product-small .box-image img{
    height: 280px;
    object-fit: cover;
}

.product-small .box-image{
    border-radius: 15px;
    border: 2px solid rgba(10,53,89,1);
}

.slider-nav-circle .flickity-prev-next-button:hover svg{
    background-color: var(--mauchudao1)!important;
    border-color: var(--mauchudao1)!important;
}


.woocommerce-breadcrumb{
    color: var(--mauchudao1);
    font-size: 15px;
}

.woocommerce-breadcrumb a{
    color: #fff;
}

.woocommerce-breadcrumb .divider{
    color: #fff;
}

#shop-sidebar .widget {
    padding: 15px;
    background: #1C3347;
    border-radius: 15px;
}

#shop-sidebar .is-divider{
    display: none;
}

#shop-sidebar .widget-title{
    color: var(--mauchudao1);
    margin-bottom: 10px;
    display: inline-block;
    font-family: var(--JosefinSans-Regular)!important;
}

.product-categories .cat-item a{
    padding: 10px 0px;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

.product-categories .cat-item{
    border-color: #ececec17;
}

.woocommerce-ordering .orderby{
    background: #ececec17;
    border-color: #ececec17;
    color: #fff;
    border-radius: 5px;
}

.woocommerce-ordering .orderby option{
    color: #000;;
}

.category-page-row .product-small.box img{
    height: 220px;
}

.nav-pagination>li>.current, .nav-pagination>li>a:hover, .nav-pagination>li>span:hover{
    background-color: var(--mauchudao1);
    border-color: var(--mauchudao1);
}

.product-info .col-innear{
    background: #ececec17;
    border-radius: 15px;
    padding: 25px;
    position: sticky;
    top: 110px;
}

.product-info{
    padding-top: 0px;
}

.product-title {
    margin:15px 0px;
    font-family: var(--JosefinSans-Bold)!important;
    color: var(--mauchudao1);
}

.product-short-description{
    color: #fff;
    margin-bottom: 15px;
}


.product-short-description p{
    margin-bottom:5px;
}

.product-info .is-divider{
    background-color: rgb(255 255 255 / 14%);
}

.lienhe-sp{
    margin-bottom: 10px;
}

.social-icons {
    gap: 5px;
    display: flex;
}

.product-footer .tabs{
    display: none;
}

.product-footer .woocommerce-tabs{
    border-top:0px;
    /* padding-top: 0px; */
}

.product-footer{
    border-top: 1px solid #ffffff42;
}

.product-footer  .tab-panels .woocommerce-Tabs-panel{
    color: #fff;
}

.product-footer  .tab-panels .woocommerce-Tabs-panel p,.product-footer  .tab-panels ul, .product-footer  .tab-panels ol,.product-footer  .tab-panels h2, .product-footer  .tab-panels h3, .product-footer  .tab-panels h4{
    margin-bottom: 7px;
    font-family: var(--JosefinSans-Regular)!important;
}

.product-footer  .tab-panels table tr td{
    color: #fff;
    padding: 10px;
    font-family: var(--JosefinSans-Regular)!important;
}

.section-related{
    background-color: #ececec17;
}

.product-section{
    border-color: #ffffff42;
    border-bottom: 1px solid;
}

.related .product-small img{
    height: 220px;
}

.related .product-section-title {
    color: #fff;
    margin-top: 30px;
    font-size: 25px;
    font-family: var(--JosefinSans-Bold)!important;
}

.icon-nhaphanphoi{
    padding: 25px;
    background: #ececec17;
    border-radius: 15px;
    min-height: 310px;
}

.icon-nhaphanphoi .text p{
    margin-bottom: 10px;
}

.icon-nhaphanphoi .text h3{
    font-family: var(--JosefinSans-Bold)!important;
}

.icon-nhaphanphoi .is-divider{
    max-width: 80px!important;
}

.icon-nhacc .text h4,.icon-nhacc .text h2,.icon-nhacc .text a{
    color: #fff!important;
}

.icon-nhacc .text h4{
    border-radius: 15px;
    border: 2px solid rgba(10, 53, 89, 1);
    padding-top: 65px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.icon-nhacc .text {
    margin-top: -75px;
}

.popup_custom{
    background: unset!important;
    font-size: 1.6em;
    line-height: 24px;
    min-height: unset;
    margin-bottom: 0;
}

.popup_custom:hover{
    box-shadow: unset!important;
}

.border-line{
    border-right:1px solid var(--mauchudao1)
}

.icon-lienhe .text h3{
    text-transform: uppercase;
    font-family: var(--JosefinSans-Bold)!important;
}

.notice-lienhe{
    text-transform: uppercase;
}

.align-center{
    display: flex;
    align-items: center;
}

.col-form{
    width: 50%;
}

.row-form{
    gap: 15px;
    flex-wrap: nowrap;
}

.col-form input{
    height: 45px;
    border-radius: 5px;
    background: rgb(40, 62, 81);
    border-color: #ffffff78; 
    color: #ffffff78;
}

.col-form input::placeholder{
    color: #ffffff78;
}

.col-form textarea{
    height: 45px;
    border-radius: 5px;
    background: rgb(40, 62, 81);
    border-color: #ffffff78;
    color: #ffffff78;
}

.wpcf7-response-output{
    color: #fff;
}

.col-form textarea::placeholder{
    color: #ffffff78;
}

.btn-col{
    text-align: center;
}

.btn_submit {
    background: var(--mauchudao1)!important;
    color: #fff;
    border-radius: 45px!important;
    width: 110px;
    height: 20px!important;
}

.wpcf7-spinner{
    display: none;
}

.icon-nhaphanphoi .text img{
    margin-right: 5px!important;
}



@media(max-width:549px){
    .slider-home {
        height: 380px!important;
        min-height: unset!important;
    }

    .row-form {
        flex-wrap: wrap!important;
        gap:0px;
    }

    .col-form {
        width: 100%!important;
    }

    .row-form-custom{
        max-width: 80%!important;
    }
}

@media(min-width:550px) and (max-width:849px){
    .row-form-custom{
        max-width: 75%!important;
    }
}