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

/*************** ADD CUSTOM CSS HERE.   ***************/
.header:before{
    content:'';
    position: absolute;
    top: 0px;
    height: var(--s2-one-hub-navigation-top-bar-shim-height);
    width: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.8) 45%, rgba(0, 0, 0, 0));
    display: block;
}
.header-main:before,.header-main:after{
    content: "";
    height: 2px;
    position: absolute;
    background: rgb(255, 255, 255);
}
.header-main:before{
    width:10%;
    top:50%;
    left:0;
}
.header-main:after{
    width:87.2%;
    top:50%;
    right:0;
}
.header-main:before,.header-main:after{
    content: "";
    height: 2px;
    position: absolute;
    background: rgb(255, 255, 255);
}
.header-main:before{
    width:85.7%;
    top:50%;
    left:0;
}
.header-main:after{
    width:11.4%;
    top:50%;
    right:0;
}
.header .stuck .header-main:before, 
.header .stuck .header-main:after{
        background: rgb(0, 30, 80);
}
.header-main .logo-left .logo{
    order:3;
}
.col-about .col-inner{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.col-about h1{
    margin:0px;
    width:auto;
    font-size:56px;
    line-height: 67px;
    letter-spacing: calc(-0.02em + 0.02rem);
}
.col-about .button{
 margin:0px;   
}
.qhBSY{
    padding:8px 80px 28px 80px;
    font-size:56px;
    line-height: 120%;
    display: block;
    border-left:2px solid rgb(223, 228, 232);
        box-sizing: border-box;
}
.beNpxw{
    border-bottom:1px solid rgb(223, 228, 232);
}

.cQgjsY .col-inner{
    padding:159.936px 240px 0px 159.936px; 
}
.jqKDzT .col-inner{
    padding-right:159.936px;
}
.kIKaEv h2{
    color: rgb(255, 255, 255);
    margin: unset;
    font-family: roboto-vi,Helvetica Neue,Helvetica,Arial,sans-serif;
    font-weight: 700;
    font-size: clamp(2.5rem, 2.09rem + 1.18vw, 3.5rem);
    line-height: 120%;
}
.kIKaEv{
    margin-bottom:80px;
}
.fFUSoD.is-outline {
    position: relative;
    display: inline-flex;
    text-align: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0px 32px;
    margin: 0px;
    border-radius: 500px;
    transition: 0.1s ease-in-out;
    text-decoration: none;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    color: rgb(255, 255, 255);
    background: transparent;
    border: 1px solid rgb(255, 255, 255);
}
.fFUSoD.is-outline span{
    color:#FFF;
    font-weight:400;
}
.fFUSoD.is-outline:hover, .fFUSoD:active, .fFUSoD:focus:not(:focus-visible){
    background: rgb(0, 176, 240)!important;
    border: 1px solid rgb(0, 176, 240);
}
.fFUSoD.is-outline:hover span{
     color: rgb(0, 30, 80);
}
.gcaVUK{
    background-image: radial-gradient(circle at 50% 85%, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100%);
}
.footer .eflOTU{
    border-top: 2px solid rgb(0, 30, 80);
    padding:72px 79.872px 44px;
}
.kMafPp {
    border-top: 2px solid rgb(223, 228, 232);
    padding: 44px 0px 120px;
}
.kMafPp p{
    padding-left: 30px;
}
.absolute-footer{
    display: none;
}

.sffm-flymenu-panel{
    background: radial-gradient(circle at 0% 0%, rgb(0, 67, 122) 0%, rgb(0, 30, 80) 100%);
}

@media (min-width: 1920px) {
    #header {
        --s2-one-hub-navigation-top-bar-shim-height: calc(24px + 24px + 12px + 56px);
    }
}
@media (min-width: 960px) {
    #header {
        --s2-one-hub-navigation-top-bar-shim-height: calc(16px + 24px + 12px + 48px);
    }
}
@media (min-width: 560px) {
    #header {
        --s2-one-hub-navigation-top-bar-shim-height: calc(16px + 24px + 12px + 40px);
    }
}
@media (min-width: 0px) {
    #header {
        --s2-one-hub-navigation-top-bar-shim-height: calc(16px + 24px + 12px + 32px);
    }
}

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


}