/* Custom Style */
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] {
        transition-delay: 0 !important;
    }
}

.f-opensans {
    font-family: 'Open Sans' !important;
}

.f-inter {
    font-family: 'Inter' !important;
}

.f-ibmplexsans {
    font-family: "IBM Plex Sans", serif !important;
}

.color-84CFF7 {
    color: #84CFF7 !important;
}

.color-83CEF7 {
    color: #83CEF7 !important;
}

.color-7DC8F0 {
    color: #7DC8F0 !important;
}

.color-7DC7EF {
    color: #7DC7EF !important;
}

.color-4C4C4C {
    color: #4C4C4C !important;
}

.color-4B4B4B {
    color: #4B4B4B !important;
}

.color-A5A5A5 {
    color: #A5A5A5 !important;
}

.color-4B4B4B span,
.color-4C4C4C span {
    color: #822a81 !important;
}

.h2-title {
    font-size: 2.34375vw;
    /*48px;*/
    line-height: 1.2;
}

.h3-title {
    font-size: 1.46484375vw;
    /*30px;*/
    line-height: 1.2;
}

.sub-title {
    font-size: 0.9765625vw;
    /*20px;*/
    line-height: 1.2;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

img {
    object-fit: cover;
    max-width: 100%;
}
.main-wrapper {
    position: relative;
}

.main-panel {
    width: 100%;
}
@media only screen and (min-width:1200px) {
    .admin-bar .left-panel-menus {
        top: 32px;
        height:calc(100% - 32px);
    }

    .left-panel-menus {
        width: 4.39453125vw;
        /*90px;*/
        height: 100%;
        position: fixed;
        left: 0px;
        top: 0px;
    }

    /* .inner-container{
        margin-left:auto;
        margin-right:auto;
       padding-left:20px;
        padding-right:20px;
    }*/
}

@media only screen and (min-width:1600px) {
    /* .inner-container{
        max-width:1438px;
        padding-left:0px;
        padding-right:0px;
         margin-left:auto;
        margin-right:auto;
    }*/
}

.inner-container {
    max-width: 70.21484375vw;
    /*1438px;*/
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.left-panel {
    width: 90px;
    height: 100%;
    background: #781f77;
    position: absolute;
    z-index: 999;
}


.left-panel {
    width: 4.39453125vw;
    /*90px;*/
    background: #781f77;
    position: relative;
    z-index: 999;
}

.left-panel-menus {
    width: 4.39453125vw;
    /*90px;*/
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*gap: 21.09375vw;*/
    /*432px;*/
    background: #781f77;
}

.left-panel-nav {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.left-panel-nav li {
    width: 100%;
    height: 4.6875vw;
    /*96px;*/
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s ease;
}

.left-panel-nav li>a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.left-panel-nav li>a,
.left-panel-nav li>a .name {
    color: #84cff7;
    font-size: 0;
    line-height:0;
    font-weight: 300;
    transition: all 0.3s ease;
    transition-property: font-size,color;
    transition-delay:0s;
}
.left-panel-nav>li.menu-search{
    background:#952e94;
}
.left-panel-nav>li.menu-zalo {
    background: rgba(149, 46, 148, 0.34);
}

.left-panel-nav>li.menu-message {
    background: rgba(125, 42, 124, 0.38);
}
.left-panel-nav>li.menu-schedule {
    background:rgba(98, 20, 98, 0.99);
}

.left-panel-nav>li .icon {
    /*transform:translateY(0);*/
    transition: all 2s ease;
    height: 1.46484375vw;
    visibility: visible;
    opacity: 1;
}

.left-panel-nav>li .icon-hover {
    display: none;
    /*height:1.220703125vw;*/
    /*25px;*/
    /*animation:hoverPanel 0.5s ease;*/
    /*transition:0.5s ease;*/
    /* visibility: hidden;
    opacity:0;*/
    transition: all 1s ease;
}

.left-panel-nav li.active,
.left-panel-nav li:hover {
    background-color: #952d93;
}

.left-panel-nav li.active .icon,
.left-panel-nav li a:hover .icon {
    /*transform:translateY(-100%);*/
    /*transition-duration:0.5s;*/
    display: none;
    /*height:0px;*/
    visibility: hidden;
    opacity: 0;
}

.left-panel-nav li.active .icon-hover,
.left-panel-nav li a:hover .icon-hover {
    display: block;
    margin-bottom: 5px;
    height: 1.220703125vw;
    /* visibility: visible;
    opacity:1;*/

}
.left-panel-nav li a:hover,
.left-panel-nav li a:hover .name {
    /*display:block;
    visibility: visible;
    opacity:1;*/
    font-size: 0.68vw;/*14px;*/
    line-height:normal;
    transition: all 0.3s ease;
    transition-property:font-size, color;
    transition-delay: 0s;
}
.left-panel-nav li>a:before{
    content:"";
    display:block;
    position:relative;
    transition:all .3s ease;
}
.left-panel-nav li a:hover:before
{
    margin-bottom:10px;
}
.left-panel-nav>li.menu-search>a:before{
    width:1.51vw;/*31px;*/
    height:1.51vw;/*31px;*/
    background:no-repeat center/cover url('../../img/icon-search-w.png');
}
.left-panel-nav>li.menu-search>a:hover:before{
    width:1.17vw;
    height:1.17vw;/*26px;*/
    background:no-repeat center/cover url('../../img/icon-search-b.png');
}
.left-panel-nav>li.menu-address>a:before{
    width:1.27vw;/*26px;*/
    height:1.76vw;/*36px;*/
    background:no-repeat center/cover url('../../img/icon-address-w.png');
}
.left-panel-nav>li.menu-address>a:hover:before{
    width:0.83vw;/*17px;*/
    height:1.17vw;/*24px;*/
    background:no-repeat center/cover url('../../img/icon-address-b.png');
}
.left-panel-nav li.menu-zalo>a:before
{
    width:1.76vw;
    height:1.81vw;
    background:no-repeat center/cover url('../../img/icon-zalo-w.png');
}
.left-panel-nav li.menu-zalo>a:hover:before
{
    width:1.12vw;
    height:1.17vw;
    background:no-repeat center/cover url('../../img/icon-zalo-b.png');
}
.left-panel-nav li.menu-message>a:before
{
    width:1.66vw;
    height:1.66vw;
    background:no-repeat center/cover url('../../img/icon-message-w.png');
}
.left-panel-nav li.menu-message>a:hover:before
{
    width:1.17vw;
    height:1.17vw;
    background:no-repeat center/cover url('../../img/icon-message-b.png');
}
.left-panel-nav li.menu-schedule>a:before
{
    width:1.61vw;
    height:1.61vw;
    background:no-repeat center/cover url('../../img/icon-schedule-w.png');
}
.left-panel-nav li.menu-schedule>a:hover:before
{
    width:1.17vw;
    height:1.17vw;
    background:no-repeat center/cover url('../../img/icon-schedule-b.png');
}
@keyframes hoverPanel {
    from {
        transform: translateY(150%);
    }

    to {
        transform: translateY(0);
    }
}

.left-panel-nav>li img {
    height: 1.46484375vw;
    /*30px;*/
}

.box-left-panel-search {
    position: absolute;
    left: 100%;
    top: 0px;
    background: #560C55;
    z-index: 999;
    visibility: hidden;
    opacity: 0;
    width: 0px;
    height: 100vh;
    max-height: 34.1796875vw;
    /*700px;*/
    overflow: hidden;
    transition: 1s ease;
}

.box-left-panel-search:after {
    content: "";
    display: inline-block;
    position: absolute;
    /*width:390px;
    height:371px;*/
    width: 19.04296875vw;
    height: 18.115234375vw;
    background: no-repeat center/cover url('../../img/bg-logo-overlay.png');
    bottom: 0px;
    left: -1.46484375vw;
    /*-30px;*/
    opacity: 0.2;
}

.left-panel-nav li.active .box-left-panel-search {
    visibility: visible;
    opacity: 1;
    width: 22.412109375vw;
    /*459px;*/
}

.left-panel-nav li.active .box-left-panel-search>div {
    width: 100%;
    position: relative;
    z-index: 2;
}

.box-search-top {
    background: #621361;
    padding: 3.564453125vw 2.9296875vw 1.318359375vw;
    /*73px 60px 27px;*/
}

.frm-search .txt-search {
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 0.87890625vw 0.87890625vw 0.48828125vw;
    /*18px 18px 10px;*/
    border-radius: 4px;
    background: #560b55;
    color: #fff;
    font-size: 0.87890625vw;
    /*18px;*/
    line-height: normal;
}

.frm-search .txt-search::placeholder {
    color: #fff;
}

.frm-search .txt-search:focus,
.frm-search .txt-search:hover,
.frm-search .txt-search:visited {
    outline: none;
    box-shadow: none;
}

.box-search-content {
    padding: 2.783203125vw 2.9296875vw 1.46484375vw;
    /*57px 60px 30px;*/
}

.box-search-content .h3-title {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.2;
}

.left-panel-top ul.search-results,
.left-panel-top .search-results {
    list-style: none;
    margin: 1.953125vw 0px 0px;
    /*40px 0px 0px;*/
    padding: 0px;
}

ul.search-results li,
.search-results li {
    height: unset;
    display: block;
    background: unset;
    margin-bottom: 0.87890625vw;
    /*18px;*/
}

.search-results li a {
    display: block;
    font-weight: 300;
    font-size: 0.78125vw;
    /*16px;*/
    line-height: 1.2;
    /*33.8px;*/
    color: #fff;
}

ul.search-results li:hover {
    background: none;
}

.search-results li a:hover {
    background: none;
    color: #84cff7;
}

/* Header*/
header#header {
    /* width:calc(100% - 4.39453125vw);*/
    /*calc(100% - 90px);*/
    /*left:4.39453125vw;*/
    /*90px;*/
    background: #681667;
    transition: all 0.5s;
    z-index: 997;
    padding: 23px 0 0;
    position:relative;
}

#header.header-scrolled {
    padding: 12px 0;
    background-color: #681667;
    position:fixed;
}

#header .logo img {
    max-height: 4.88vw;
    /* 100px;*/
}

header .inner-container {
    width: 100%;
}

.header-nav {
    gap: 1.5625vw;
    /*32px;*/
}

.admin-bar header#header {
    /*top: 32px;*/
}

.page-template #header {
    padding: 0.9765625vw 0px;
    /*20px 0px;*/
}

.language {
    color: #fff;
    display: flex;
    gap: 0.9765625vw;
    /*20px;*/
}

.language a {
    font-size: 0.87890625vw;
    /*18px;*/
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.45);
    position: relative;
    text-transform: uppercase;
}

.language a:not(:last-child):after {
    content: none;
    display: block;
    position: absolute;
    right: -10px;
    top: 50%;
    transform: translateY(-50%);
    height: 0.732421875vw;
    /*15px;*/
    width: 1.5px;
    background: rgba(255, 255, 255, 0.45);
}

.language a.current {
    color: #FF0000;
}

.navbar:not(.navbar-mobile) {
    padding: 0;
}

.navbar:not(.navbar-mobile) ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar:not(.navbar-mobile) li {
    position: relative;
    padding-bottom: 12px;
}

.navbar:not(.navbar-mobile) a,
.navbar:not(.navbar-mobile) a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 0px 1.708984375vw;
    /*35px;*/
    font-family: "Open Sans", sans-serif;
    font-size: 1.07vw;
    /* 22px;*/
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
    white-space: nowrap;
    transition: 0.3s;
}

.navbar:not(.navbar-mobile) a i,
.navbar:not(.navbar-mobile) a:focus i {
    font-size: 0.5859375vw;
    /*12px;*/
    line-height: 0;
    margin-left: 5px;
}

.navbar:not(.navbar-mobile) a:hover,
.navbar:not(.navbar-mobile) .active,
.navbar:not(.navbar-mobile) .active:focus,
.navbar:not(.navbar-mobile) li:hover>a {
    color: #84cff7;
}

.navbar:not(.navbar-mobile) .dropdown ul {
    overflow: hidden;
    display: block;
    position: absolute;
    left: 1.46484375vw;
    /*30px;*/
    top: calc(100% + 1.46484375vw);
    ;
    /*calc(100% + 30px);*/
    margin: 0;
    padding: 0.48828125vw 0;
    /*10px 0;*/
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #681667;
    border-radius: 0px 0px 0px 0.9765625vw;
    /*20px;*/
    transition: 0.3s;
    padding: 1.953125vw 1.46484375vw 3.90625vw 1.318359375vw;
    /*40px 30px 80px 27px;*/
}

.navbar:not(.navbar-mobile) .dropdown ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    height: 0.48828125vw;
    /*10px;*/
    background: linear-gradient(to right, rgba(86, 11, 85, 0.6) 30%, #84cff7 30%);
}

.navbar:not(.navbar-mobile) .dropdown ul:after {
    content: "";
    display: block;
    position: absolute;
    /*width:221px;
height:210px;*/
    width: 10.791015625vw;
    height: 10.25390625vw;
    background: no-repeat center/cover url('../../img/bg-logo-overlay.png');
    bottom: 0px;
    left: 0px;
    opacity: 0.2;
}

.navbar:not(.navbar-mobile) .dropdown ul li {
    min-width: 9.765625vw;
    /*200px;*/
    padding-bottom: 0px;
    z-index: 2;
}

.navbar:not(.navbar-mobile) .dropdown ul a {
    padding: 0.48828125vw 0px;
    /*10px 0px;*/
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 1.07vw;/*22px;*/
    line-height: 1.2;
}

.navbar:not(.navbar-mobile) .dropdown ul a i {
    font-size: 0.5859375vw;
    /*12px;*/
}

.navbar:not(.navbar-mobile) .dropdown ul a:hover,
.navbar:not(.navbar-mobile) .dropdown ul .active:hover,
.navbar:not(.navbar-mobile) .dropdown ul li:hover>a {
    color: #84cff7;
}

.navbar:not(.navbar-mobile) .dropdown:hover>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar:not(.navbar-mobile) .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 1.46484375vw);
    /*calc(100% - 30px);*/
    visibility: hidden;
}

.navbar:not(.navbar-mobile) .dropdown .dropdown:hover>ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

.m-logo,
.m-search,
.m-control-panel {
    display: none;
}

.m-arrow-down {
    display: none;
}

/*@media (max-width:1600px)
{
    #header .logo img {
        max-height: 80px;
    }
}
@media only screen and (max-width:1440px)
{
    .navbar:not(.navbar-mobile) a, .navbar:not(.navbar-mobile) a:focus{padding:0px 0px 0px 20px;}
}*/
/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #111111;
    font-size: 1.3671875vw;
    /*28px;*/
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
    color: #fff;
}

@media (max-width: 1199.98px) {
    .inner-container {
        max-width: 100%;
    }

    .mobile-nav-toggle {
        display: block;
    }

    .navbar:not(.navbar-mobile)ul {
        display: none;
    }
    
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    transition: 0.3s;
    z-index: 999;
    padding: 2.44140625vw 0px 4.8828125vw;
    /*50px 0px 100px;*/
}

.navbar-mobile .mobile-nav-toggle {
    position: absolute;
    top: 0.732421875vw;
    /*15px;*/
    right: 0.732421875vw;
    /*15px;*/
}

@media only screen and (max-width:1199.98px) {
    .main-panel {
        width: 100%;
    }

    .inner-container {
        padding-left: 2.6688907422852375vw;
        /*32px;*/
        padding-right: 2.6688907422852375vw;
        /*32px;*/
    }

    header#header {
        left: 0px;
        width: 100%;
        padding: 1.6680567139282736vw 0px !important;
    }

    header#header .inner-container {
        width: 100%;
    }

    #header .logo img {
        max-height: 8.34vw;
        /*100px;*/
    }

    .mobile-nav-toggle:before {
        content: "";
        display: block;
        position: absolute;
        /*width:89px;
        height:89px;*/
        width: 7.422852376980818vw;
        height: 7.422852376980818vw;
        background: no-repeat center/cover url('../../img/toggle-menu.svg');
        right: 0px;
        top: -3.5029190992493744vw;
        /*-42px;*/
    }

    .mobile-nav-toggle.menu-close:before {
        background: no-repeat center/cover url('../../img/menu-close.svg');
        top: 4.670558798999166vw;
        /*56px;*/
        right: 7.089241034195163vw;
        /*85px;*/
    }

    /*
        Menu toggle
    */
    .admin-bar .navbar-mobile {
        top: 2.6688907422852375vw;
        /*32px;*/
    }

    .navbar-mobile {
        background: #812A80;
        flex-direction: column;
        align-items: unset;
        justify-content: unset;
        width: 100%;
        bottom: unset;
    }

    .navbar-mobile .navbar-inner {
        position: relative;
        height: 100vh;
        overflow-y: auto;
    }

    .navbar-mobile .m-logo,
    .navbar-mobile .m-search,
    .navbar-mobile .m-control-panel {
        display: block;
    }

    .navbar-mobile .navbar-inner>div {
        width: 100%;
        padding: 0px 7.089241034195163vw;
        /*0px 85px;*/
    }

    .navbar-mobile .m-logo a {
        padding: 0px;
    }

    .navbar-mobile .m-logo img {
        height: 11.009174311926607vw;
        /*132px;*/
    }

    .navbar-mobile .m-search {
        margin-top: 7.506255212677231vw;
        /*90px;*/
        padding: 0px 7.089241034195163vw;
        /*0px 85px;*/
    }

    .navbar-mobile .m-search .r-item {
        position: relative;
    }

    .navbar-mobile .m-search input {
        padding: 2.5020850708924103vw 3.8365304420350292vw 2.5020850708924103vw 9.257714762301918vw;
        /*30px 46px 30px 111px;*/
        background: #fff;
        border-radius: 4.170141784820683vw 0px 0px 0px;
        /*50px 0px 0px 0px;*/
        border: 0px solid;
        width: 100%;
        font-size: 3.0025020850708923vw;
        /*36px;*/
        line-height: 1.5;
        color: #545454;
    }

    .navbar-mobile .m-search input::placeholder {
        font-size: 3.0025020850708923vw;
        /*36px;*/
        line-height: 1.5;
        color: #545454;
    }

    .navbar-mobile .m-search input:focus,
    .navbar-mobile .m-search input:hover {
        outline: none;
        border: 0px solid;
    }

    .btn-search {
        position: absolute;
        padding: 0px;
        border: 0px;
        left: 3.5029190992493744vw;
        /* 42px;*/
        top: 50%;
        transform: translateY(-50%);
        background: no-repeat center/cover url('../../img/icon-search.svg');
        /*width:50px;
        height:50px;*/
        width: 4.170141784820683vw;
        height: 4.170141784820683vw;
    }

    .navbar-mobile .navbar-inner .m-control-panel {
        padding: 5.170975813177648vw 7.089241034195163vw;
        /*62px 85px;*/
        background: #661a64;
        display: flex;
        justify-content: center;
        margin-top: 4.170141784820683vw;
        /*50px;*/
    }

    .navbar-mobile .m-control-panel ul {
        list-style: none;
        background: none;
        position: relative;
        margin: 0px;
        padding: 0px;
        display: flex;
        gap: 8.340283569641366vw;
        /*100px;*/
    }

    .navbar-mobile .m-control-panel ul li {
        padding: 0px;
    }

    .navbar-mobile .m-control-panel ul li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0px;
        gap: 0.4170141784820684vw;
        /*5px;*/
    }

    .navbar-mobile .m-control-panel ul li img {
        height: 6.33861551292744vw;
        /*30px;*/
    }

    .navbar-mobile .m-control-panel ul li a .name {
        font-size: 3.336113427856547vw;
        /*40px;*/
        line-height: 1.5;
        color: #fff;
    }

    .navbar .nav {
        display: none !important;
    }

    .navbar-mobile ul.nav {
        background: none;
        position: relative;
        width: 100%;
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        overflow-y: auto;
    }

    .nav li {
        padding: 0px;
        width: 100%;
    }

    .nav li.dropdown {
        display: flex;
        flex-wrap: wrap;
        transition: 1s linear;
        justify-content: space-between;
    }

    .nav li a {
        font-weight: 600;
        font-size: 3.919933277731443vw;
        /*47px;*/
        line-height: 1.5;
        color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 0.8340283569641368vw 7.089241034195163vw;
        /*10px 85px;*/
    }

    .nav li a:hover,
    .nav li a.active {
        color: #79DBFD;
    }

    .nav li a .arrow-down {
        display: none;
    }

    .nav li .m-arrow-down {
        flex: 0 0 10%;
        display: block;
        position: relative;
        cursor: pointer;
    }

    .nav li .m-arrow-down:before {
        content: "";
        display: block;
        position: absolute;
        right: 7.6730608840700585vw;
        /*92px;*/
        top: 50%;
        transform: translateY(-50%);
    }

    .nav li a .arrow-down,
    .nav li .m-arrow-down:before {
        /* width:24px;
        height:36px;*/
        width: 2.0016680567139282vw;
        height: 3.0025020850708923vw;
        background: no-repeat center/cover url('../../img/arrow-right.svg');
        transition: 1s ease;
    }

    .nav li.dropdown.active .m-arrow-down:before {
        transform: rotate(90deg) translateX(-50%);
    }

    .nav li.dropdown ul.sub-menu {

        position: relative;
        background: rgba(121, 219, 253, 0.6);
        list-style: none;
        width: 100%;
        height: 0px;
        visibility: hidden;
        opacity: 0;
        transition: 1s ease;
    }

    .nav li.dropdown a.active .arrow-down {
        transform: rotate(90deg);
    }

    .nav li.dropdown ul.sub-menu li a {
        font-weight: 400;
    }

    .nav li.dropdown.active ul.sub-menu {
        visibility: visible;
        opacity: 1;
        height: 100%;
        padding: 6.672226855713094vw 7.339449541284404vw 6.672226855713094vw 7.089241034195163vw;
        /*80px 88px 80px 85px;*/
    }
}

/*@media only screen and (max-width:999px)
{
    .navbar-mobile .m-control-panel ul{gap:50px;}
    .navbar-mobile .navbar-inner>div{padding:0px 20px;}
   
    .navbar-mobile .m-search{padding:0px 20px;margin-top:24px;}
    .navbar-mobile .m-search input
    {
        padding:12px 20px 12px 60px;
        border-radius:30px 0px 0px;
    }
    .btn-search
    {
        width:20px;
        height:20px;
        left:20px;
    }
    .navbar-mobile .m-search input,
    .navbar-mobile .m-search input::placeholder,
    .navbar-mobile .m-control-panel ul li a .name
    {
        font-size:13px;
    }
    .navbar-mobile .navbar-inner .m-control-panel
    {
        padding:24px 20px;
        margin-top:20px;
    }
    
    .nav li{padding:0px;display:flex;justify-content: space-between;}
    .nav li a{font-size: 16px;padding:10px 20px;}
    .nav li a .arrow-down
    {
        width:12px;
        height:24px;
    }
    
    .nav li.dropdown.active ul.sub-menu
    {
        padding:20px 20px 20px 40px;
    }
    .nav li .m-arrow-down:before{width:16px;height:24px;right:20px;}
    .mobile-nav-toggle.menu-close:before{right:0px;}
}

@media (max-width:767.98px)
{
    .page-template #header{padding:9px 0px !important;}
    #header .logo img{max-height: 37px;}
    .inner-container{padding-left:16px;padding-right:16px;}
    .navbar-mobile{padding:20px 0px;}
    .navbar-mobile .m-logo img
    {
        height:64px;
    }
    .mobile-nav-toggle:before{
        width:30px;
        height:30px;
        top:-15px;  
      }
      .mobile-nav-toggle.menu-close:before
      {
          top:17px;
          right:0px;
      }
   
    .admin-bar .navbar-mobile{top:46px;}
    .navbar-mobile .navbar-inner>div{padding:0px 20px;}
   
    .navbar-mobile .m-search{padding:0px 20px;margin-top:24px;}
    .navbar-mobile .m-search input
    {
        padding:12px 20px 12px 60px;
        border-radius:30px 0px 0px;
    }
    .btn-search
    {
        width:20px;
        height:20px;
        left:20px;
    }
    .navbar-mobile .m-search input,
    .navbar-mobile .m-search input::placeholder,
    .navbar-mobile .m-control-panel ul li a .name
    {
        font-size:13px;
    }
    .navbar-mobile .navbar-inner .m-control-panel
    {
        padding:24px 20px;
        margin-top:20px;
    }
    .navbar-mobile .m-control-panel ul
    {
        gap:40px;
    }
    .nav li{padding:0px;display:flex;justify-content: space-between;}
    .nav li a{font-size: 16px;padding:10px 20px;}
    .nav li a .arrow-down
    {
        width:12px;
        height:24px;
    }
    
    .nav li.dropdown.active ul.sub-menu
    {
        padding:20px 20px 20px 40px;
    }
    .nav li .m-arrow-down:before{width:16px;height:24px;right:20px;}
} */
/*Main*/
/*Footer*/
footer {
    overflow: hidden;
}

.footer-overlay-left {
    top: -10%;
    left: -12%;
}

.footer-overlay-left:before {
    content: "";
    display: block;
    position: absolute;
    background: no-repeat center/cover url('../../img/footer-corner-left.png');
    /*width:1036px;
    height:985px;*/
    width: 50.5859375vw;
    height: 48.095703125vw;
}

.footer-overlay-right {
    width: 100%;
    height: 100%;
    bottom: 0px;
    right: 0px;
}

.footer-overlay-right:before {
    content: "";
    display: block;
    background: no-repeat center/cover url('../../img/footer-corner-right.png');
    /*width:567px;
    height:567px;*/
    width: 27.685546875vw;
    height: 27.685546875vw;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

footer .footer-top {
    padding: 4.19921875vw 0px;
    /*86px 0px;*/
    position: relative;
    z-index: 2;
}

.footer-inner {
    gap: 9.033203125vw;
    /*185px;*/
}

.footer-inner .footer-col {
    flex: 1;
}

.footer-logo {
    margin-bottom: 2.001953125vw;
    /*41px;*/
    align-items: flex-end;
    gap: 3.3203125vw;
    /*68px;*/
}

.footer-logo img {
    max-height: 11.9140625vw;
    /*244px;*/
    height: 100%;
}

.footer-logo img:not(.d-footer-logo) {
    max-height: 6.34765625vw;
    /*130px;*/
    height: auto;
}

.footer-logo .m-footer-logo,
.m-footer-desc {
    display: none;
}

.f-col-1 .desc {
    margin-top: 2.294921875vw;
    /*47px;*/
    font-weight: 300;
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.5;
}

.f-col-1 .cols {
    gap: 4.39453125vw;
    /*90px;*/
    margin-top: 2.9296875vw;
    /*60px;*/
}

.f-col-1 .cols .col {
    gap: 1.26953125vw;
    /*26px;width:calc((100% - 90px)/2);*/
    width: calc((100% - 4.39453125vw)/2);
}

.f-col-1 .title {
    font-weight: 300;
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.2;
    margin-bottom: 2.44140625vw;
    /*50px;*/
}

.f-col-1 .partners {
    padding-top: 0.68359375vw;
    /*14px;*/
    border-top: 1px solid #fff;
    margin-top: 1.806640625vw;
    /*37px;*/
}

.f-col-2 h4 {
    display: flex;
    gap: 0.732421875vw;
    /*15px;*/
    align-items: center;
}
.f-col-2 h4 img{
        width:2.34vw;/*48px;*/
        height:2.34vw;/*48px;*/
    }
.f-col-2 h4 span {
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.45;
}

.footer-infor {
    gap: 1.5625vw;
    /*32px;*/
    margin-top: 1.7578125vw;
    /*36px;*/
}

.footer-infor>div {
    gap: 0.68359375vw;
    /*14px;*/
    display: flex;
}

.footer-infor img {
    margin-top: 5px;
}

.footer-infor .address img {
    /*width:18px;height:24px;*/
    width: 0.87890625vw;
    height: 1.171875vw;
}

.footer-infor .email img {
    /*width:24px;height:17px;*/
    width: 1.171875vw;
    height: 0.830078125vw;
}

.footer-infor .phone img {
    /*width:24px;height:24px;*/
    width: 1.171875vw;
    height: 1.171875vw;
}

.footer-infor>div span {
    font-weight: 300;
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.45;
}

.social-links {
    margin-top: 2.685546875vw;
    /*55px;*/
    gap: 1.46484375vw;
    /*30px;*/
    flex-wrap: wrap;
}

.social-links a {
    height: 1.85546875vw;
    /*38px;*/
}

.social-links a i:before {
    color: #fff;
    font-size: 1.7578125vw;
    /*36px;*/
}

.footer-nav {
    display: flex;
    gap: 0.9765625vw;
    /*20px;*/
    margin-top: 3.125vw;
    /*64px;*/
}

.footer-nav a {
    font-size: 1.07421875vw;
    /*22px;*/
    line-height: 1.2;
    position: relative;
    color: #fff;
}

.footer-nav a:not(:last-child):after {
    content: "|";
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
}

.footer-nav a:hover {
    color: #84CFF7;
}

.copyright {
    margin-top: 100px;
    font-weight: 300;
    font-size: 0.9765625vw;
    /*20px;*/
    line-height: 1.2;
    /*25.87px*/
}

/*@media only screen and (max-width:1600px)
{
    .footer-overlay-left{
        top:-5%;
        left:-7%;
    }
    .footer-overlay-left:before{
        width: calc(1036px * 0.7);
        height: calc(985px * 0.7);
    }
    
}
@media only screen and (max-width:1439.98px)
{
    .footer-inner{gap:70px;}
    .footer-logo{gap:30px;}
    .footer-logo img{max-height:calc(244px * 0.7);}
    .footer-logo img:not(.d-footer-logo)
    {
        max-height:calc(130px * 0.7);
    }
} */
@media only screen and (max-width:1199.98px) {
    .padding-left {
        padding-left: 0px !important;
    }

    .sub-title {
        font-size: 3.0025020850708923vw;
        /*36px;*/
    }

    .footer-inner {
        gap: 13.17764804003336vw;
        /*158px;*/
    }

    .left-panel {
        display: none;
    }

    footer .inner-container {
        padding: 0px;
    }

    footer .footer-top {
        padding: 13.344453711426189vw 0px 8.340283569641366vw;
        /*160px 0px 100px;*/
        position: relative;
    }

    .footer-overlay-right:before {
        /*width:863px;
        height:863px;*/
        width: 71.97664720600501vw;
        height: 71.97664720600501vw;
    }

    footer .footer-top .inner-container {
        position: relative;
        z-index: 2;
    }

    .footer-overlay-left {
        max-width: 80%;
        width: 100%;
        top: -5%;
    }

    .footer-inner .footer-col {
        flex: 0 0 100%;
    }

    .f-col-1 {
        padding: 0px 12.01000834028357vw;
        /*144px;*/
    }

    .footer-logo {
        flex-direction: column;
        gap: 5.004170141784821vw;
        /*60px;*/
        margin-bottom: 8.340283569641366vw;
        /* 100px;*/
        align-items: unset;
    }

    .footer-logo img,
    .footer-logo img:not(.d-footer-logo) {
        max-height: unset;
    }

    .footer-logo .m-footer-logo,
    .m-footer-desc {
        display: block;
    }

    .m-footer-desc {
        margin-top: 1.1676396997497915vw;
        /*14px;*/
        font-size: 3.0025020850708923vw;
        /*36px;*/
        font-weight: 300;
        line-height: 1.5;
        color: #fff;
    }

    .f-col-1 .title {
        font-size: 2.585487906588824vw;
        /*31px;*/
        margin-bottom: 3.336113427856547vw;
        /*40px;*/
    }

    .f-col-1 .cols img {
        height: auto;
    }

    .f-col-1 .cols .col {
        gap: 3.16930775646372vw;
        /*38px;*/
    }

    .f-col-1 .desc {
        margin-top: 5.004170141784821vw;
        /*60px;*/
        font-size: 3.0025020850708923vw;
        /*36px;*/
    }

    .f-col-1 .cols {
        margin-top: 7.005838198498749vw;
        /*84px;*/
        gap: 13.59466221851543vw;
        /*163px;*/
    }

    .f-col-1 .partners {
        margin-top: 3.7531276063386154vw;
        /*45px;*/
        padding-top: 2.168473728106756vw;
        /*26px;*/
    }

    .f-col-2 {
        padding: 0px 7.6730608840700585vw;
        /*92px;*/
    }
    .f-col-2 h4{gap:2.09vw;/*25px;*/}
    .footer-infor>div{gap:2.25vw;/*27px;*/}
    .f-col-2 h4,
    .footer-infor,
    .social-links {
        padding: 0px 4.420350291909925vw;
        /*53px;*/
    }

    .f-col-2 h4 span,
    .footer-nav a {
        font-size: 2.835696413678065vw;
        /*34px;*/
        line-height: 1.36;
    }
    .f-col-2 h4 img{
        width:6.09vw;/*73px;*/
        height:6.09vw;/*73px;*/
    }
    .footer-infor {
        margin-top: 5.838198498748957vw;
        /*70px;*/
        gap: 4.587155963302752vw;
        /*55px;*/
    }

    .footer-infor .address img {
        /*width:30px;height:39px;*/
        width: 2.5020850708924103vw;
        height: 3.252710592160134vw;
    }

    .footer-infor .email img {
        /*width:37px;height:26px;*/
        width: 3.085904920767306vw;
        height: 2.168473728106756vw;
    }

    .footer-infor .phone img {
        /*width:37px;height:37px;*/
        width: 3.085904920767306vw;
        height: 3.085904920767306vw;
    }

    .footer-infor>div span {
        font-size: 3.0025020850708923vw;
        /*36px;*/
    }

    .social-links {
        margin-top: 7.005838198498749vw;
        /*84px;*/
    }

    .social-links a {
        height: 5.004170141784821vw;
        /*60px;*/
    }

    .social-links a i:before {
        font-size: 4.837364470391994vw;
        /*58px;*/
    }

    .social-links .zalo svg {
        /*height:58px;width:58px;*/
        width: 4.837364470391994vw;
        height: 4.837364470391994vw;
    }

    .footer-nav {
        margin-top: 7.923269391159299vw;
        /*95px;*/
        gap: 2.5020850708924103vw;
        /*30px;*/
    }

    .f-col-2 h4 span,
    .footer-nav a {
        font-size: 3.0025020850708923vw;
        /*36px;*/
    }

    .footer-nav a:not(:last-child):after {
        right: -2.0850708924103416vw;
        /*-25px;*/
    }

    .copyright {
        margin-top: 7.923269391159299vw;
        /*95px;*/
        font-size: 2.5020850708924103vw;
        /*30px;*/
    }
}

/*@media only screen and (max-width:767.98px)
{
   
    .footer-inner{gap:53px;}
    .footer-overlay-right:before
    {
        width:288px;
        height:288px;
    }
    .f-col-1{padding:0px 48px;}
    .f-col-1 .cols{gap:54px;margin-top:28px;}
    .f-col-1 .cols .col{padding:0px;gap:13px;}
    .f-col-1 .cols .col img{object-fit: contain;height:70px;}
    .f-col-1 .title{font-size:10px;margin-bottom:12px;}
    .f-col-1 .partners{margin-top:15px;padding-top:9px;}
    .footer-overlay-left:before{width:400px;height:380px;}
    .social-links{gap:10px;margin-top:28px;}
    .footer-nav{margin-top:32px;flex-wrap:wrap;gap:10px 20px;}
    .footer-infor{gap:18px;margin-top:23px;}
    .footer-infor>div span{font-size:12px;}
    .f-col-2{padding:0px 32px;}
    .f-col-2 h4, .footer-infor,.social-links{padding:0px 16px;}
    .social-links a{height:auto;}
    .f-col-1 img{max-height:115px;}
    .f-col-2 h4 span, .footer-nav a{font-size:12px;line-height:1.4;}
    .footer-nav a:not(:last-child):after{right:-15px;}
    .copyright{margin-top:32px;font-size:10px;line-height:1.4;}
}*/
@media only screen and (min-width:1200px) {
    .padding-left {
        padding-left: 4.39453125vw !important;
    }
}

.slick-arrow {
    position: absolute;
    border: 0px;
    background: none;
    padding: 0px;
    z-index: 10;
}

.lang-lists {
  
    position: absolute;
    top: 100%;
    left: 0px;
    width: 70px;
    padding: 7px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
    transform: translateY(-100%);
    transition: 1s ease 0.3s;
    z-index: 100;
    opacity:0;
    visibility: hidden;
}

.lang-icon {
    margin-left: 10px;
}

.lang-icon:before {
    content: "";
    display: block;
    position: relative;
    background: no-repeat center/cover url('../../img/arrow-right.svg');
    width: 8px;
    height: 11px;
    transform: rotate(90deg);
}

.language {
    position: relative;
}

.language .current-lang {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.language .current-lang a,
.language .lang-lists a {
    display: flex;
    gap: 10px;
    align-items: center;
}

.lang-lists a:not(:last-child) {
    margin-bottom: 10px;
}

.lang-lists a span {
    color: #84cff7;
}

.language.active .lang-lists,
.language .lang-lists.active {
    transform: translateY(0);
    visibility: visible;
    opacity:1;

}
@media only screen and (max-width:1199.98px)
{
    .header-nav {
        position: relative;
    }
    .header-nav .language {
        position: absolute;
        height: auto;
        top: 50%;
        transform: translateY(-50%);
        right: 9.42vw;/*113px;*/
        margin-right: 2.00vw;/*24px;*/
      }
    
      .language .current-lang {
        position: relative;
        width: 11.67vw;
      }
    
      .language a {
        font-size: 3.34vw;/*30px;*/
        font-weight: 300;
      }
    
      .language .current-lang a,
      .language .lang-lists a {
        gap: 0.83vw;/*10px;*/
      }
      .lang-lists a{margin-bottom:0.83vw;}
      .language a img {
        height: 2.84vw;
      }
    
      .lang-icon {
        margin-left: 1.67vw; /*20px;*/
      }
      .lang-icon:before {
        width:2.00vw;/*0.67vw;*/
        height:2.84vw;/*0.92vw;*/
      }
      .lang-lists {
        width: 11.67vw;/*140px;*/
        padding: 0.83vw;/*10px;*/
      }
}