* {
    box-sizing: border-box
}

html {
    font-size: 100%;
    font-family: Roboto, sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

.collapseIn {
    height: 13rem
}

.collapseOut {
    height: 0
}

.test .title {
    background: #f0f8ff;
    padding: 1rem
}

.orbit {
    position: relative
}

.overlap-5.index {
    height: 100vh
}

.orbit-icon {
    background: #fffefe;
    box-shadow: 8.67647px 26.0294px 43.3824px #f0efef;
    border-radius: 12px;
    text-align: center;
    display: block;
    padding: 1rem;
    width: 267px;
    height: 181px;
    text-align: start
}

.orbit-icon p {
    font-weight: 700 !important;
    font-size: 18px;
    text-align: left
}

.orbit-icon svg {
    width: 50px;
    height: 50px
}

.orbit-icon path:not(.path-x) {
    stroke: #ee0033;
    fill: #ee0033
}

.orbit-icon.active path:not(.path-x) {
    fill: white;
    stroke: white
}

.orbit-icon.active path.path-x {
    stroke: white
}

.orbit-icon path.path-x {
    stroke: #ee0033
}

.orbit-icon.active {
    background: #e03;
    color: #fff
}

.orbit-wrap {
    height: 65em;
    list-style: none;
    font-size: 1.3em
}

.orbit-wrap>li {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.orbit-wrap>li:hover ul {
    border-width: 2px;
    border-color: #fff
}

.orbit-wrap>li:hover~li ul {
    border-color: rgba(255, 255, 255, .2)
}

ul[class^=ring],
ul[class^=ring] li {
    transition: .6s ease-in-out
}

ul[class^=ring] {
    position: relative;
    padding: 0;
    border-radius: 50%;
    list-style: none;
    box-sizing: content-box;
    height: 787px;
    width: 787px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzAzIiBoZWlnaHQ9IjcwMyIgdmlld0JveD0iMCAwIDcwMyA3MDMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0zNDUuOTg2IDc0Ljk3NzdDNTAwLjUzOSA3NC45Nzc3IDYyNS44MjggMjAwLjI2NyA2MjUuODI4IDM1NC44MTlDNjI1LjgyOCA1MDkuMzcyIDUwMC41MzkgNjM0LjY2MSAzNDUuOTg2IDYzNC42NjEiIHN0cm9rZT0iI0U5Mzc0NCIgc3Ryb2tlLXdpZHRoPSIxLjc4NDM3Ii8+CjxwYXRoIGQ9Ik0zNTYuMTYyIDc0Ljk3NzdDMjAxLjYxIDc0Ljk3NzcgNzYuMzIwNCAyMDAuMjY3IDc2LjMyMDQgMzU0LjgxOUM3Ni4zMjA0IDUwOS4zNzIgMjAxLjYxIDYzNC42NjEgMzU2LjE2MiA2MzQuNjYxIiBzdHJva2U9IiNFOTM3NDQiIHN0cm9rZS13aWR0aD0iMC44OTIxODMiIHN0cm9rZS1kYXNoYXJyYXk9IjAuODkgOC4wMyIvPgo8Y2lyY2xlIGN4PSIzNTEuMDc0IiBjeT0iMzUxLjc2NyIgcj0iMzUwLjYyOCIgc3Ryb2tlPSIjRkY3NDkyIiBzdHJva2Utd2lkdGg9IjAuODkyMTgzIi8+CjxjaXJjbGUgY3g9IjM0OSIgY3k9Ijc1IiByPSI3IiBmaWxsPSIjRTkzNzQ0Ii8+CjxjaXJjbGUgY3g9IjQ5Ny42NjYiIGN5PSI2NjcuNjY2IiByPSIxMS42NjU4IiBmaWxsPSIjRTkzNzQ0Ii8+CjxjaXJjbGUgY3g9IjYyNyIgY3k9IjM0NyIgcj0iNyIgZmlsbD0iI0U5Mzc0NCIvPgo8Y2lyY2xlIGN4PSIyNDYiIGN5PSI2MTIiIHI9IjciIGZpbGw9IiNFOTM3NDQiLz4KPGNpcmNsZSBjeD0iNzUiIGN5PSIzMzIiIHI9IjciIGZpbGw9IiNFOTM3NDQiLz4KPC9zdmc+Cg==);
    background-position: 50%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center
}

ul[class^=ring] li {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%
}

.orbit-center {
    width: 450px;
    height: 300px;
    text-align: center;
    background: #fff;
    box-shadow: 7.741px 23.223px 38.705px #efefef;
    border-radius: 12px;
    z-index: 2;
    padding: 54px 32px
}

.orbit-center__icon {
    display: none;
    height: 100%;
    align-items: center
}

.orbit-center__icon p {
    text-transform: uppercase;
    color: #e03;
    font-size: 21.5px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    font-style: normal
}

.orbit-center__icon span {
    font-size: 16px
}

.orbit-center__icon.active {
    display: flex !important;
    flex-direction: column
}

.slick-list {
    background: #fff
}

.slick-slide a>div {
    height: 105px;
    display: flex;
    align-items: center
}

.slick-slider {
    margin-bottom: 0
}

.slick-slide img {
    height: 80%;
    object-fit: cover
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --lh: 0.4rem
}

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block
}

@font-face {
    font-family: viettelFont;
    src: url(../fonts/font-viettel/FS\ Magistral-Light.ttf)
}

body {
    margin: 0;
    font-family: Roboto, sans-serif;
    background: #fff;
    font-size: 16px;
    line-height: 1.8;
    font-weight: 400;
    overflow-x: hidden
}

@font-face {
    font-family: icomoon;
    src: url('../fonts/icomoon/icomoon.eot?6tt51o');
    src: url('../fonts/icomoon/icomoon.eot?6tt51o#iefix') format('embedded-opentype'), url('../fonts/icomoon/icomoon.ttf?6tt51o') format('truetype'), url('../fonts/icomoon/icomoon.woff?6tt51o') format('woff'), url('../fonts/icomoon/icomoon.svg?6tt51o#icomoon') format('svg');
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"],
[class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-phone:before {
    content: "\f095"
}

.icon-map-marker:before {
    content: "\f041"
}

.icon-envelope:before {
    content: "\f0e0"
}

.icon-contacts:before {
    content: "\e0ba"
}

.icon-linkedin:before {
    content: "\f0e1"
}

.icon-facebook-official:before {
    content: "\f230"
}

.icon-arrow_drop_down:before {
    content: "\e5c5"
}

footer .asset {
    z-index: -1;
    position: absolute;
    bottom: 0;
    right: 0
}

.group-5 .w-20 {
    width: 12.5%;
    padding: 0 1rem
}

.group-5 .w-10 {
    width: 10%;
    padding: 0 1rem
}

.group-5 .customer-img {
    width: 80%
}

.group-5 .gradient-text {
    font-weight: bolder;
    margin-left: 3rem;
    margin-right: 3rem
}

.group-5 .gradient-text span {
    font-size: 32px;
    font-weight: bolder
}

.group-2:not(.container) {
    padding: 0 5rem;
    margin-bottom: 3rem
}

.group-2 h5 {
    font-size: 24px;
    margin-top: 1rem;
    font-weight: 500;
    color: #fff
}

.group-2 p.lang {
    display: none;
    font-weight: 500;
    color: #000;
    z-index: auto;
    position: relative
}

.group-2 .border-box {
    height: 25rem;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #fff;
    position: relative
}


.group-2 .col-md-3 .frame-x {
    position: absolute;
    z-index: -1;
    top: 2rem;
    left: 2rem;
    height: 100px
}

.line-red {
    display: none;
    height: 2px;
    width: 100%;
    background: #e03;
    z-index: 2;
    position: relative
}

.border-box {
    color: #fff;
    background-size: cover !important;
    background-position: center center;
    background-repeat: no-repeat;
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

.group-2 .col-md-3:first-child .border-box {
    background-image: url(../images-mini/1i.webp)
}

.group-2 .col-md-3:nth-child(2) .border-box {
    background-image: url(../images-mini/cloud.webp)
}

.group-2 .col-md-3:nth-child(3) .border-box {
    background-image: url(../images/2i.png)
}

.group-2 .col-md-3:nth-child(4) .border-box {
    background-image: url(../images-mini/3i.webp)
}

.group-2 .col-md-3:hover .border-box {
    background: #fff;
    display: block;
    text-align: left
}

.group-2 .col-md-3:hover .box-container {
    background: #fff;
    align-items: start;
    display: block
}

.box-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    height: 100%;
    width: 100%;
    background: linear-gradient(0deg, rgba(11, 11, 11, 0) 0, rgba(0, 0, 0, .26094187675070024) 0);
    padding: 2rem
}

.group-2 .col-md-3:hover .line-red,
.group-2 .col-md-3:hover p {
    display: block
}

.group-2 .col-md-3:hover h5 {
    margin-top: 0;
    font-size: 20px;
    color: #e03;
    font-weight: 700;
    z-index: 2;
    position: relative
}

.group-2 .col-md-3:hover img.frame {
    display: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

h1 {
    display: block;
    height: auto
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.up-page {
    position: fixed;
    bottom: 5rem;
    right: 0;
    z-index: 1;
    border: none;
    background: 0 0;
    outline: 0
}

dl,
ol,
ul {
    margin-top: 0;
    margin-bottom: 1rem
}

b,
strong {
    font-weight: bolder
}

a {
    text-decoration: none;
    background-color: transparent;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    color: #000
}

img {
    vertical-align: middle;
    border-style: none
}

svg {
    overflow: hidden;
    vertical-align: middle
}

button {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

select {
    word-wrap: normal
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

.h1,
h1 {
    font-size: 2.5rem
}

.h2,
h2 {
    font-size: 2rem
}

.h3,
h3 {
    font-size: 1.75rem
}

.h4,
h4 {
    font-size: 1.5rem
}

.mark,
mark {
    padding: .2em;
    background-color: #fcf8e3
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-bottom: 3rem
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -webkit-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333%;
        -webkit-flex: 0 0 8.33333%;
        -moz-box-flex: 0;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
        -webkit-flex: 0 0 16.66667%;
        -moz-box-flex: 0;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        -webkit-flex: 0 0 25%;
        -moz-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        -webkit-flex: 0 0 33.33333%;
        -moz-box-flex: 0;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66667%;
        -webkit-flex: 0 0 41.66667%;
        -moz-box-flex: 0;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333%;
        -webkit-flex: 0 0 58.33333%;
        -moz-box-flex: 0;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        -webkit-flex: 0 0 66.66667%;
        -moz-box-flex: 0;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        -webkit-flex: 0 0 75%;
        -moz-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
        -webkit-flex: 0 0 83.33333%;
        -moz-box-flex: 0;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66667%;
        -webkit-flex: 0 0 91.66667%;
        -moz-box-flex: 0;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        -webkit-order: 13;
        -moz-box-ordinal-group: 14;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        -webkit-order: 4;
        -moz-box-ordinal-group: 5;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        -webkit-order: 5;
        -moz-box-ordinal-group: 6;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        -webkit-order: 6;
        -moz-box-ordinal-group: 7;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        -webkit-order: 7;
        -moz-box-ordinal-group: 8;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        -webkit-order: 8;
        -moz-box-ordinal-group: 9;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        -webkit-order: 9;
        -moz-box-ordinal-group: 10;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        -webkit-order: 10;
        -moz-box-ordinal-group: 11;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        -webkit-order: 11;
        -moz-box-ordinal-group: 12;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        -webkit-order: 12;
        -moz-box-ordinal-group: 13;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .float-md-left {
        float: left !important
    }
}

.collapse:not(.show) {
    display: none
}

.dropdown,
.dropleft,
.dropright,
.dropup {
    position: relative
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

nav>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 3rem;
    background: #fff
}

.nav-link {
    display: block;
    padding: .5rem 1rem
}

.navbar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    line-height: inherit;
    white-space: nowrap
}

.navbar-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-collapse {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem
}

@media (max-width:1024px) {
    section#header-page .container .d-flex.flex-row.justify-content-between {
        margin: .5rem 0
    }

    .btn-exp {
        margin-top: .5rem
    }

    .owl-carousel .owl-item img {
        height: 617px;
        object-fit: cover
    }

    .group-2 h5 {
        font-size: 14px
    }

    ul[class^=ring] {
        scale: 0.7
    }

    .wiper-item {
        width: 240px !important
    }

    .wiper-track {
        column-gap: 1.5rem !important
    }

    .wiper-item p.m-3.text-truncate {
        margin: 1rem !important
    }

    .orbit-wrap {
        height: 45em
    }

    .ring-0>:first-of-type {
        top: 35%
    }
}

@media (min-width:1024px) {
    .navbar-expand-lg {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-flow: row nowrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        -moz-box-pack: start;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg>.container,
    .navbar-expand-lg>.container-fluid {
        -ms-flex-wrap: nowrap;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .navbar-expand-lg .navbar-collapse {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: -webkit-flex !important;
        display: -moz-box !important;
        display: flex !important;
        -ms-flex-preferred-size: auto;
        -webkit-flex-basis: auto;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

.logo {
    height: 40px !important
}

nav>div a img {
    height: 50px
}

.carosel-container {
    position: absolute
}

section#header-page {
    position: relative;
    height: 100%;
    max-height: 930px;
    overflow: hidden;
}

/* layer trượt */
section#header-page #carouselExampleSlidesOnly {
    position: absolute;
    inset: 0;
    width: 400vw;
    z-index: -1;
    height: 100%;
}

#carouselExampleSlidesOnly .carousel-inner {
    display: flex;
}

#carouselExampleSlidesOnly .carousel-item img {
    width: 100vw;
}
#carouselExampleSlidesOnly {
    animation: none
}

#header-page .index div,
#header-page .index h1,
#header-page .index h3 {
    color: #fff
}

#header-page .index h1 {
    font-family: viettelFont;
    font-weight: 700
}

#header-page .index h3 {
    font-weight: 300
}

section#header-page .overlap-5 .container {
    color: #fff;
    justify-content: center;
    min-height: 100%
}

section#header-page .index .container {
    padding-right: 18rem;
    padding-left: 0;
    position: relative
}

section#header-page .container .d-flex.flex-row.justify-content-between {
    width: 50%;
    margin: 3rem 0
}

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

img.asset_ {
    height: 50px;
    width: 122.95px
}

#header-page h3,
#header-page p {
    color: #fff
}

.footer {
    padding: 0 6rem
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .5)
}

.navbar-dark .navbar-toggler {
    border-color: rgba(255, 255, 255, .1)
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: -moz-box !important;
    display: flex !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    -webkit-flex-direction: row !important;
    -moz-box-orient: horizontal !important;
    -moz-box-direction: normal !important;
    flex-direction: row !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    -webkit-flex-direction: column !important;
    -moz-box-orient: vertical !important;
    -moz-box-direction: normal !important;
    flex-direction: column !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    -webkit-justify-content: flex-end !important;
    -moz-box-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    -webkit-justify-content: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -moz-box-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -webkit-box-pack: space-around !important;
    -ms-flex-pack: space-around !important;
    -webkit-justify-content: space-around !important;
    -moz-box-pack: space-around !important;
    justify-content: space-around !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    -webkit-align-items: center !important;
    -moz-box-align: center !important;
    align-items: center !important
}

.w-100 {
    width: 100% !important
}

.h-50 {
    height: 50% !important
}

.h-100 {
    height: 100% !important
}

.m-0 {
    margin: 0 !important
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important
}

.mt-2,
.my-2 {
    margin-top: .5rem !important
}

.mr-2,
.mx-2 {
    margin-right: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.mr-3,
.mx-3 {
    margin-right: 1rem !important
}

.mt-3,
.my-3 {
    margin-top: 1rem !important
}

.mb-3,
.my-3 {
    margin-bottom: 1rem !important
}

.mt-5,
.my-5 {
    margin-top: 3rem !important
}

.p-0 {
    padding: 0 !important
}

.pt-0,
.py-0 {
    padding-top: 0 !important
}

.pr-0,
.px-0 {
    padding-right: 0 !important
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important
}

.pl-0,
.px-0 {
    padding-left: 0 !important
}

.pl-2,
.px-2 {
    padding-left: .5rem !important
}

.pr-2,
.px-2 {
    padding-right: .5rem !important
}

.pt-3,
.py-3 {
    padding-top: 1rem !important
}

.pb-3,
.py-3 {
    padding-bottom: 1rem !important
}

.ml-auto,
.mx-auto {
    margin-left: auto !important
}

@media (min-width:768px) {
    .m-md-0 {
        margin: 0 !important
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: .25rem !important
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: .25rem !important
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: .25rem !important
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: .5rem !important
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: .5rem !important
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: .5rem !important
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: .25rem !important
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: .25rem !important
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: .25rem !important
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: .5rem !important
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: .5rem !important
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: .5rem !important
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important
    }

    .m-md-n1 {
        margin: -.25rem !important
    }

    .mt-md-n1,
    .my-md-n1 {
        margin-top: -.25rem !important
    }

    .mr-md-n1,
    .mx-md-n1 {
        margin-right: -.25rem !important
    }

    .mb-md-n1,
    .my-md-n1 {
        margin-bottom: -.25rem !important
    }

    .ml-md-n1,
    .mx-md-n1 {
        margin-left: -.25rem !important
    }

    .m-md-n2 {
        margin: -.5rem !important
    }

    .mt-md-n2,
    .my-md-n2 {
        margin-top: -.5rem !important
    }

    .mr-md-n2,
    .mx-md-n2 {
        margin-right: -.5rem !important
    }

    .mb-md-n2,
    .my-md-n2 {
        margin-bottom: -.5rem !important
    }

    .ml-md-n2,
    .mx-md-n2 {
        margin-left: -.5rem !important
    }

    .m-md-n3 {
        margin: -1rem !important
    }

    .mt-md-n3,
    .my-md-n3 {
        margin-top: -1rem !important
    }

    .mr-md-n3,
    .mx-md-n3 {
        margin-right: -1rem !important
    }

    .mb-md-n3,
    .my-md-n3 {
        margin-bottom: -1rem !important
    }

    .ml-md-n3,
    .mx-md-n3 {
        margin-left: -1rem !important
    }

    .m-md-n4 {
        margin: -1.5rem !important
    }

    .mt-md-n4,
    .my-md-n4 {
        margin-top: -1.5rem !important
    }

    .mr-md-n4,
    .mx-md-n4 {
        margin-right: -1.5rem !important
    }

    .mb-md-n4,
    .my-md-n4 {
        margin-bottom: -1.5rem !important
    }

    .ml-md-n4,
    .mx-md-n4 {
        margin-left: -1.5rem !important
    }

    .m-md-n5 {
        margin: -3rem !important
    }

    .mt-md-n5,
    .my-md-n5 {
        margin-top: -3rem !important
    }

    .mr-md-n5,
    .mx-md-n5 {
        margin-right: -3rem !important
    }

    .mb-md-n5,
    .my-md-n5 {
        margin-bottom: -3rem !important
    }

    .ml-3,
    .mx-3 {
        margin-left: 1rem !important
    }

    .ml-md-n5,
    .mx-md-n5 {
        margin-left: -3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important
    }
}

.text-truncate {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: pre-line;
    -webkit-line-clamp: var(--super-list-title-lineheight, 2);
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5 {
    line-height: 1.5;
    color: #000;
    font-weight: 400
}

.ftco-navbar-light.scrolled .nav-item.cta>a {
    color: #fff !important;
    background: #e03;
    border: none !important;
    padding: .5rem 20px !important;
    margin-top: 5px !important;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ftco-navbar-light.scrolled .nav-item.cta>a span {
    display: inline-block;
    color: #fff !important
}

.ftco-navbar-light.scrolled .nav-item.cta.cta-colored span {
    border-color: #e03
}

@media (max-width:991.98px) {
    .ftco-navbar-light.scrolled .nav-item>.nav-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important
    }

    .ftco-navbar-light.scrolled .navbar-nav {
        background: 0 0;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0;
        border-radius: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important
    }
}

.ftco-navbar-light.scrolled .navbar-toggler {
    border: none;
    color: rgba(0, 0, 0, .5) !important;
    border-color: rgba(0, 0, 0, .5) !important;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .1em
}

.ftco-navbar-light.scrolled .nav-link {
    color: #000 !important
}

.ftco-navbar-light.scrolled .nav-link.active {
    color: #e03 !important
}

.ftco-navbar-light.scrolled.awake {
    margin-top: 0;
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.ftco-navbar-light.scrolled.sleep {
    -webkit-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    transition: .3s ease-out
}

.ftco-navbar-light.scrolled .navbar-brand {
    color: #000;
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-size: 24px
}

.navbar-brand {
    font-weight: 900;
    font-size: 26px;
    position: relative;
    z-index: 0
}

.hero-wrap {
    width: 100%;
    min-height: calc(100vh - 50px) !important;
    position: inherit;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat
}

.hero-wrap .text {
    width: 100%
}

.ftco-about {
    background: #f6f6f6
}

.ftco-animate {
    opacity: 0;
    visibility: hidden
}

.ftco-section {
    position: relative
}

.ftco-section .col-md:not(:last-child) {
    padding-top: 3rem
}

.ftco-no-pt {
    padding-top: 0 !important
}

.ftco-no-pb {
    padding-bottom: 0 !important
}

.ftco-footer {
    font-size: 16px;
    z-index: 0
}

.bqp {
    margin-bottom: 16px
}

.bqp img {
    width: 7vw
}

.ftco-footer .ftco-footer-widget h2 {
    font-size: 22px;
    font-weight: 600
}

.ftco-footer .ftco-footer-widget ul li {
    margin-bottom: 10px
}

.ftco-footer .ftco-footer-widget ul li a,
.ftco-footer .ftco-footer-widget ul li a span {
    color: #999
}

.ftco-footer .ftco-heading-2 {
    font-size: 17px;
    font-weight: 400;
    color: #000
}

.ftco-footer-social li {
    list-style: none;
    margin: 0 10px 0 0;
    display: inline-block
}

.ftco-footer-social li a {
    height: 30px;
    width: 50px;
    display: block;
    float: left;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative
}

.ftco-footer-social li a span {
    position: absolute;
    font-size: 26px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.heading-section {
    position: relative
}

.blog-img,
.img,
.user-img {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.group-3 .vector {
    width: 60%;
    height: auto;
    padding-top: 5%
}

.group-3 .content-text {
    height: 100%;
    padding: 5% 0
}

.group-3 .img.first-point .content-text,
.img:hover .content-text {
    display: flex;
    flex-direction: column;
    width: 45%;
    box-shadow: 4px 0 10px 0 rgba(0, 0, 0, .1);
    background: rgba(255, 255, 255, .5);
    border-radius: 0 40px 40px 0;
    justify-content: space-between
}

.group-3 .md-size {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    flex-direction: row
}

.group-3 .md-size button {
    display: none
}

.group-3 .md-size .img {
    width: 20%;
    -webkit-transition: width 1s;
    -o-transition: width 1s;
    -moz-transition: width 1s;
    transition: width 1s;
    padding: 0
}

.group-3 .md-size .img.first-point,
.group-3 .md-size .img:hover {
    width: 80%
}

.group-3 .md-size .img.first-point .title,
.group-3 .md-size .img:hover .title {
    color: #000
}

.group-3 .md-size .img.first-point button,
.group-3 .md-size .img:hover button {
    display: block
}

.group-3 .mb-size {
    display: none
}

.group-3 .title {
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    padding: 3rem
}

.group-3 button.btn-detail {
    margin: 0 3rem;
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    background: #e03;
    border: none;
    padding: .5rem 2rem;
    color: #fff
}

.group-3 .img {
    height: 25rem;
    width: 20%
}

.block-23 ul {
    padding: 0
}

.block-23 ul li,
.block-23 ul li>a {
    display: table;
    line-height: 1.5;
    margin-bottom: 15px
}

.block-23 ul li .icon,
.block-23 ul li .text {
    display: table-cell;
    vertical-align: top
}

.block-23 ul li .icon {
    font-size: 18px;
    padding-top: 2px;
    color: #e03 !important
}

#ftco-loader {
    position: fixed;
    width: 96px;
    height: 96px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, .9);
    -webkit-box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    -moz-box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .24);
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
    -moz-transition: opacity .2s ease-out, visibility 0s linear .2s;
    transition: opacity .2s ease-out, visibility 0s linear .2s;
    z-index: 1000
}

#ftco-loader.fullscreen {
    padding: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    background-color: #fff;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

#ftco-loader .circular {
    -webkit-animation: 2s linear infinite loader-rotate;
    -moz-animation: 2s linear infinite loader-rotate;
    -o-animation: 2s linear infinite loader-rotate;
    animation: 2s linear infinite loader-rotate;
    position: absolute;
    left: -webkit-calc(50% - 24px);
    left: -moz-calc(50% - 24px);
    left: calc(50% - 24px);
    top: -webkit-calc(50% - 24px);
    top: -moz-calc(50% - 24px);
    top: calc(50% - 24px);
    display: block;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0)
}

#ftco-loader .path {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    -webkit-animation: 1.5s ease-in-out infinite loader-dash;
    -moz-animation: 1.5s ease-in-out infinite loader-dash;
    -o-animation: 1.5s ease-in-out infinite loader-dash;
    animation: 1.5s ease-in-out infinite loader-dash;
    stroke-linecap: round
}

.group-3 .text-wrapper-3 {
    position: absolute;
    right: 0;
    width: 40%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    justify-content: center;
    font-weight: 700;
    color: #e03;
    font-size: 4rem;
    letter-spacing: 0;
    line-height: normal
}

.btn-exp {
    -webkit-border-radius: 36px;
    -moz-border-radius: 36px;
    border-radius: 36px;
    background: #fff;
    border: none;
    padding: .7rem 2rem;
    color: #e03;
    width: max-content;
    text-align: center;
    margin-top: 2rem;
    font-weight: 700;
    cursor: pointer
}

.gradient-text {
    background: -webkit-gradient(linear, left top, right top, color-stop(1.82%, #e03), color-stop(104.84%, #000));
    background: -o-linear-gradient(left, #e03 1.82%, #000 104.84%);
    background: -webkit-linear-gradient(left, #e03 1.82%, #000 104.84%);
    background: -moz-linear-gradient(left, #e03 1.82%, #000 104.84%);
    background: linear-gradient(90deg, #e03 1.82%, #000 104.84%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 3rem;
    width: -webkit-auto;
    width: -moz-auto;
    width: fit-content
}

.group-4 .col-md-4 {
    padding: 3rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-transition: transform .5s;
    -o-transition: transform .5s;
    -moz-transition: transform .5s;
    transition: transform .5s
}

.group-4 .col-md-4 p,
.group-4 .col-md-4 p.m-3 {
    font-size: 14px;
    margin: 0;
    color: #000
}

.group-4 .field {
    background: #fff;
    position: relative
}

.group-4 .mask-group {
    position: absolute;
    bottom: -50%;
    z-index: -1
}

img.mask-group.w-100.h-50 {
    bottom: 0 !important
}

.group-5 {
    padding-bottom: 1rem
}

.group-7 {
    margin-bottom: 5rem
}

.group-7 .field .ellipse {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .25);
    padding: 30px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 15%;
    display: flex;
    justify-content: center;
    align-items: center
}

.group-7 .field img {
    height: 60px;
    width: 60px
}

.group-7 .col-md-x {
    width: 20%
}

.group-7 .field {
    margin: 0 .5rem
}

.group-7 h4 {
    font-weight: 700
}

.group-8 {
    position: relative
}

.group-8 h1,
.group-8 h2 {
    color: #fff;
    width: 70%
}

.overlap-10 {
    position: relative;
    padding: 3rem 0;
    margin-top: 3rem
}

.text-second {
    position: absolute;
    top: 1.5rem;
    left: 12px;
    z-index: -3;
    background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(rgba(217, 217, 217, .11)));
    background: -o-linear-gradient(top, #d9d9d9 0, rgba(217, 217, 217, .11) 100%);
    background: -webkit-linear-gradient(top, #d9d9d9 0, rgba(217, 217, 217, .11) 100%);
    background: -moz-linear-gradient(top, #d9d9d9 0, rgba(217, 217, 217, .11) 100%);
    background: linear-gradient(180deg, #d9d9d9 0, rgba(217, 217, 217, .11) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-weight: 700;
    color: transparent;
    font-size: 66px;
    text-align: center;
    letter-spacing: 0;
    line-height: 60px
}

.text-first {
    font-weight: 700;
    color: #000;
    font-size: 44px;
    letter-spacing: 0;
    line-height: normal
}

.dropdown-language {
    padding-left: 2rem !important;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    padding: .3rem .5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    border: 1px solid #000;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    width: 5rem;
    justify-content: center
}

.dropdown-language img.global {
    position: absolute;
    left: 5px
}

.dropdown-language select {
    border: none;
    outline: 0;
    background: 0 0;
    padding-left: .7rem;
    -webkit-appearance: none
}

.ftco-navbar-light {
    background: 0 0 !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 3
}

@media (max-width:991.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
        padding: 0 0 1rem;
        color: #fff
    }

    .ftco-navbar-light .navbar-nav>.nav-item.active>a {
        color: #e03
    }

    .ftco-navbar-light.scrolled .nav-item>.nav-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important
    }

    .ftco-navbar-light {
        background: #000 !important;
        position: relative;
        top: 0;
        padding: 0 15px
    }

    .ftco-navbar-light .navbar-brand {
        color: #fff
    }

    .ftco-navbar-light .navbar-nav {
        padding-bottom: 0;
        margin-right: 0
    }

    .dropdown {
        position: absolute;
        right: 6rem
    }

    .wiper-track {
        column-gap: 1rem !important;
        font-size: 14px !important
    }

    .wiper-item {
        width: 170px !important;
        height: 200px !important
    }

    .wiper-item p.m-3.text-truncate {
        margin: .5rem .5rem 0 !important
    }

    .wiper-item a {
        margin-left: .5rem !important
    }

    ul[class^=ring] {
        scale: 0.6
    }
}

.ftco-navbar-light .container {
    width: 1110px;
    margin: 0 auto;
    padding: 0
}

.ftco-navbar-light .navbar-brand {
    color: #000;
    padding-top: .7rem;
    padding-bottom: .7rem
}

.ftco-navbar-light .navbar-brand:focus,
.ftco-navbar-light .navbar-brand:hover {
    color: #000 !important
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
    font-size: 16px;
    padding: .7rem 20px;
    color: #000;
    font-weight: 400;
    opacity: 1 !important
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link span {
    font-weight: 500;
    position: relative;
    display: block;
    padding-bottom: 2px;
    color: #000
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link.active span {
    color: #e03
}

@media (max-width:1199.98px) {
    .ftco-navbar-light .navbar-nav>.nav-item>.nav-link span {
        display: inline-block
    }
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link span:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #e03;
    visibility: visible;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover span:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}

.ftco-navbar-light .navbar-nav>.nav-item.cta>a {
    color: #fff;
    border: 1px solid #e03;
    padding: .7rem 18px;
    background: #e03;
    margin-top: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.ftco-navbar-light .navbar-nav>.nav-item.cta>a span {
    display: inline-block;
    color: #fff
}

.ftco-navbar-light .navbar-nav>.nav-item.cta>a:hover {
    background: #e03;
    border: 1px solid #e03
}

.ftco-navbar-light .navbar-nav>.nav-item.cta.cta-colored a {
    border: 1px solid #a0f669;
    background: #a0f669 !important
}

li.nav-item.active .nav-link span {
    background: 0 0;
    color: #e03 !important
}

li.nav-item.active .nav-link span:before {
    visibility: visible;
    -webkit-transform: scaleX(1) !important;
    -ms-transform: scaleX(1) !important;
    -moz-transform: scaleX(1) !important;
    -o-transform: scaleX(1) !important;
    transform: scaleX(1) !important
}

.ftco-navbar-light .navbar-toggler {
    border: none;
    cursor: pointer;
    padding-right: 0;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .1em
}

.ftco-navbar-light .navbar-toggler:focus,
.ftco-navbar-light .navbar-toggler:hover {
    text-decoration: none;
    color: #e03;
    outline: 0 !important
}

.ftco-navbar-light.scrolled {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin-top: -130px;
    background: #fff !important;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
    padding: 0 15px;
    z-index: 1000
}

.ftco-navbar-light.scrolled .nav-item>.nav-link {
    color: #000 !important
}

.ftco-navbar-light.scrolled .nav-item.active>a {
    color: #e03 !important
}

.popup {
    z-index: 1000;
    display: none;
    position: fixed;
    padding-top: 150px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, .5)
}

.popup .title {
    margin-top: 10px;
    font-weight: 700;
    font-size: 2.25rem;
    margin-bottom: 0
}

.popup-content {
    position: relative;
    background-color: #fafafa;
    margin: auto;
    width: 70%
}

.close-btn {
    z-index: 1000;
    position: relative;
    float: right;
    color: #2e2e2e;
    font-size: 25px;
    font-weight: 700
}

.close-btn:hover {
    color: #d2d2d2;
    cursor: pointer
}

.field_lable {
    color: #767676;
    display: flex
}

.vtit-form-control-wrap {
    position: relative
}

.custom_form_field {
    width: 100%;
    border-radius: 8px !important
}

.form input,
.form select,
.form textarea {
    padding: 10px 12px;
    background: #eee;
    border: .5px solid #000
}

.form input[type=text],
.form select {
    height: 50px
}

.form input:focus,
.form select:focus,
.form textarea:focus {
    outline: 0;
    outline-offset: 0;
    box-shadow: 0 0 0 .2rem #a6d5fa;
    border-color: #2196f3
}

.vtit-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: 400;
    display: block
}

#upload_cv {
    display: none
}

.vtit input[type=file] {
    cursor: pointer
}

.submit_form_recruitment {
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.form input[type=submit] {
    border: none;
    background: #e03;
    padding: .5rem;
    width: 100%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 700
}

.color_Viettel {
    color: #e03
}

.field_container small {
    color: #e74c3c;
    position: absolute;
    bottom: -35px;
    left: 0;
    visibility: hidden;
    font-size: 12px;
    margin-left: 12px
}

.field_container small.display {
    visibility: visible
}

.field_container {
    position: relative;
    margin-top: 20px
}

small.cv_empty.lang.display {
    bottom: -20px
}

.popup-content .infor {
    width: 30%;
    background: #e03;
    color: #fff
}

.box-infor img.image {
    width: 40px
}

.box-infor .text.lang {
    font-size: 16px
}

.box-infor span {
    font-size: 20px
}

.form-content {
    padding: 15px 30px;
    width: 70%;
    background: #f4f4f4
}

.field-option {
    justify-content: space-between
}

.alert-section {
    position: absolute;
    top: 5rem;
    left: calc(50% - 256px)
}

.alert {
    width: 512px;
    padding: 16px;
    margin: 8px;
    max-width: 90%;
    display: none
}

.alert.danger {
    border-left: 4px solid var(--danger);
    background-color: rgba(var(--danger), .05)
}

.danger .alert-title {
    color: var(--danger)
}

.success .alert-title {
    color: var(--success)
}

.alert.success {
    border-left: 4px solid var(--success);
    background-color: rgba(var(--success), .05)
}

#toast {
    position: fixed;
    top: 32px;
    right: 32px;
    z-index: 999999
}

.toast {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 2px;
    padding: 20px 0;
    min-width: 400px;
    max-width: 450px;
    border-left: 4px solid;
    box-shadow: 0 5px 8px rgba(0, 0, 0, .08);
    transition: .3s linear
}

.toast--success {
    border-color: #47d864
}

.toast--success .toast__icon {
    color: #47d864
}

.toast--info {
    border-color: #2f86eb
}

.toast--info .toast__icon {
    color: #2f86eb
}

.toast--warning {
    border-color: #ffc021
}

.toast--warning .toast__icon {
    color: #ffc021
}

.toast--error {
    border-color: #ff623d
}

.toast--error .toast__icon {
    color: #ff623d
}

.toast+.toast {
    margin-top: 24px
}

.toast__icon {
    font-size: 24px
}

.toast__close,
.toast__icon {
    padding: 0 16px
}

.toast__body {
    flex-grow: 1
}

.toast__title {
    font-size: 16px;
    font-weight: 600;
    color: #333
}

.toast__msg {
    font-size: 14px;
    color: #888;
    margin-top: 6px;
    line-height: 1.5
}

.toast__close {
    font-size: 20px;
    color: rgba(0, 0, 0, .3);
    cursor: pointer
}

li {
    list-style: none
}

.wiper-track {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    column-gap: 3.5rem;
    transition: transform .4s ease-in;
    padding: 0 1rem
}

.wiper-item {
    width: 270px;
    height: 300px;
    position: relative;
    transition: scale .2s linear
}

.wiper-item a {
    cursor: pointer
}

.wiper-item .img.w-100 {
    height: 50%
}

.wiper-item .img.w-100 img {
    height: 100%;
    width: 100%;
    object-fit: scale-down;
    background: #f3f3f3
}

.wiper-button img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.wiper {
    position: relative;
    margin: 0 auto
}

.active-swipe {
    transform: scale(1.1)
}

.wiper-button {
    margin: 0 1rem;
    height: 45px;
    width: 45px;
    position: absolute;
    top: 45%;
    background: rgba(238, 0, 51, .24);
    border: none;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%
}

.wiper-button__left {
    right: 0
}

.wiper__image-button {
    right: 50%;
    top: 50%;
    position: absolute;
    padding: .8rem 1rem;
    border-radius: 3px;
    background-color: #fff;
    border: none;
    font-size: 1.4rem;
    transform: translateY(-50%) translateX(50%);
    cursor: pointer
}

.wiper-wrapper {
    max-width: 85%;
    overflow: hidden;
    padding: 2rem .5rem;
    margin: 0 auto
}

.swiper__image-button {
    right: 50%;
    top: 50%;
    position: absolute;
    padding: .8rem 1rem;
    border-radius: 3px;
    background-color: #fff;
    border: none;
    font-size: 1rem;
    transform: translateY(-50%) translateX(50%);
    cursor: pointer
}

.swiper__image-button:hover {
    color: red
}

.wiper__image {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 30px
}

.is-hidden {
    display: none
}

@media only screen and (min-width:768px) and (max-width:1281px) {
    nav .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
        padding-left: 10px;
        padding-right: 10px
    }

    nav .dropdown-language {
        margin-right: .5rem;
        padding: .2rem
    }

    .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
        font-size: 14px
    }

    .box-container {
        padding: .5rem
    }

    #header-page .index h1 {
        font-size: 28px
    }

    #header-page .index h3 {
        font-size: 20px
    }

    section#header-page .index .container {
        padding: 3rem 0
    }

    .group-2 .border-box {
        padding: 1rem;
        height: 15rem
    }

    .group-2:not(.container) {
        padding: 0 1rem
    }

    .ring-0,
    .ring-0 .orbit-icon,
    ul[class^=ring] li {
        animation: none
    }

    .orbit-center {
        scale: 0.7;
        left: 43% !important;
        top: 43% !important
    }

    .orbit-wrap>li {
        max-width: 100vw;
        left: 50%
    }

    ul[class^=ring] {
        scale: 0.6
    }

    footer .col-md:last-child {
        display: none
    }

    .ring-0 .orbit-icon {
        animation: none
    }
}

.break-line-auto {
    white-space: pre-wrap;
    word-break: break-word
}

@media (max-width:600px) {
    .tab {
        font-size: 12px !important;
        padding: 5px !important
    }

    .col-md-8.pr-5 img,
    .img-first {
        height: 200px !important
    }

    .break-line-auto {
        max-width: 70%
    }

    .popup-content {
        width: 90%
    }

    .popup .title {
        font-size: 1.5rem
    }

    .form-content {
        padding: 5px;
        width: 70%
    }

    .popup-content span {
        font-size: 14px
    }

    .field-option,
    .wiper-button {
        margin: 0
    }

    .field_container {
        margin-top: 10px
    }

    .carosel-container {
        display: none
    }

    /* .hero-wrap {
        background-image: url(../images/image-60.webp)
    } */

    .group-2:not(.container) {
        padding: 0 0 0 .5rem
    }

    .col-sm-6 {
        width: 50% !important
    }

    .group-2 .border-box {
        margin: 0 .5rem !important;
        height: 14rem
    }

    .group-5 .w-10,
    .group-5 .w-20 {
        padding: 0 !important
    }

    .group-5 .customer-img {
        border-radius: 20% 0 !important;
        padding: 1.5rem !important
    }

    .text-second.lang {
        font-size: 32px
    }

    .text-first.lang {
        font-size: 24px
    }

    .overlap-10 {
        margin-top: unset !important;
        padding-bottom: 0 !important
    }

    .group-5 .gradient-text span {
        font-size: 20px
    }

    .group-5 .gradient-text {
        margin-bottom: 1rem
    }

    h1 {
        font-size: 2rem
    }

    h2 {
        font-size: 1.5rem
    }

    h3 {
        font-size: 1rem
    }

    p {
        font-size: .8rem
    }

    section#header-page .index .container {
        padding: 0 !important
    }

    #header-page .index h1 {
        font-size: 18px !important
    }

    #header-page .index h3 {
        font-size: 14px !important
    }

    .ftco-section .col-md:not(:last-child) {
        padding-top: 0 !important
    }

    .list-unstyled:first-child {
        padding-top: 2rem
    }

    .ftco-section .col-md {
        padding: 0 !important
    }

    nav>div {
        padding: 0 1rem
    }

    .dropdown {
        right: 4.5rem !important
    }

    .oi {
        color: #000 !important
    }

    .overlap-5 {
        padding: 2rem !important
    }

    .overlap-5 .container {
        padding: 0 !important
    }

    .overlap-5 .container .d-flex.flex-row.justify-content-between {
        margin: 8px 0 !important
    }

    .group-2 .services-2 {
        font-size: 2rem !important
    }

    .group-2 .col-md-3 {
        padding: .5rem 0
    }

    .group-4 .col-md-x {
        padding: 5px !important
    }

    .wiper-wrapper {
        width: 70%
    }

    .wiper-track.row.col-md-12 {
        padding-left: 0
    }

    .group-4 .field {
        width: 280px !important
    }

    .group-5 {
        padding: 3.5rem 0 0 !important
    }

    .ftco-about .container {
        padding: 1rem !important
    }

    .gradient-text {
        font-size: 24px !important
    }

    .ftco-footer {
        margin: 2rem 3rem !important;
        padding: 0 !important
    }

    .ring-0,
    .ring-0 .orbit-icon,
    ul[class^=ring] li {
        animation: none
    }

    .orbit-wrap {
        height: 35em
    }

    .orbit-center {
        scale: 0.6;
        left: 30% !important;
        top: 43% !important
    }

    .orbit-wrap>li:nth-child(2) {
        left: 35%;
        top: 35%;
        scale: 0.8;
        font-size: 16px;
        width: 80vw;
        height: 67vh
    }

    ul[class^=ring] {
        width: 100vw;
        scale: 1;
        background-size: contain
    }

    ul[class^=ring] li {
        scale: 0.7
    }

    .ring-0>:first-of-type {
        top: 10%;
        left: 45%
    }

    .ring-0>:nth-of-type(2) {
        top: 70%;
        left: 45%
    }

    .ring-0>:nth-of-type(3) {
        left: -5%;
        top: 70%
    }

    .ring-0>:nth-of-type(4) {
        top: 10%;
        left: -5%;
        scale: 0.7
    }

    .ring-0>:nth-of-type(5) {
        left: 20%;
        top: -10%;
        scale: 0.7
    }

    .footer {
        padding: 0
    }

    #header-page .index div,
    #header-page .index h1,
    #header-page .index h3 {
        color: #fff;
    }

    /* #header-page .index div, */
    #header-page .index h1,
    #header-page .index h3,
    p {
        margin-bottom: 8px !important;
    }

    .btn-exp {
        margin-top: 8px;
    }

    #header-page .index h1 {
        font-family: viettelFont;
        font-weight: 700
    }
}

.blog {
    padding: 5rem 0;
    background: #f3f3f3
}

.blog .col-md-4,
.blog .col-md-8 {
    cursor: pointer
}

.blog .col-md-8 {
    height: 350px;
    background: url(../images/post-1.jpg) center/cover;
    border-radius: 5px;
    padding: 0
}

.blog .col-md-8 .box-new.d-flex.align-items-end {
    height: 100%;
    justify-content: end;
    flex-direction: column;
    color: #fff;
    background: linear-gradient(0deg, rgb(0 0 0 / 86%) 0, rgba(11, 11, 11, 0) 50%);
    padding: 1rem;
    border-radius: 5px
}

.blog .time {
    font-size: 14px
}

.blog .title {
    font-size: 24px;
    font-weight: 600
}

.blog .col-md-4 .box-new {
    border-radius: 5px;
    height: 350px;
    background: #fff
}

.blog .col-md-4 .box-img {
    height: 200px;
    border-radius: 5px 0 0 5px
}

.blog .col-md-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px 5px 0 0
}

.blog .col-md-4 p {
    margin: 1rem 1rem 0;
    font-size: 18px;
    font-weight: 600
}

.m-1 {
    margin: 1rem
}

.field .title {
    border-bottom: 2px solid #e03;
    margin-bottom: 2rem;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    padding-bottom: 1rem
}

.field .col-md-6 {
    margin-bottom: 4rem;
    color: #000 !important
}

.btn-more:hover,
.field .col-md-6:hover {
    text-decoration: none
}

.field .col-md-6:hover h5 {
    text-decoration: underline
}

.field .col-md-6:nth-child(odd) {
    padding-right: 2rem
}

.field .col-md-6:nth-child(2n) {
    padding-left: 2rem
}

.field .col-md-6 img {
    object-fit: cover;
    height: 231px;
    width: 100%;
    border-radius: 20px
}

.list h5 {
    margin-top: .5rem;
    min-height: 60px
}

.list .time {
    color: #b5b4b4;
    margin: 1rem 0
}

.news-item {
    border-bottom: 1px solid #b5b4b4
}

.more a.lang {
    color: #b5b4b4;
    font-size: 14px
}

.blog-container {
    margin: 0 10% 5%
}

@media only screen and (max-width:600px) {

    .overlap-5.index,
    section#header-page {
        min-height: 50vh !important
    }

    .overlap-5.index {
        background: rgba(0, 0, 0, 0.25);
        height: 50vh !important
    }

    section#header-page .carousel-item img {
        min-height: 50vh;
        object-fit: cover;
        object-position: right;
    }

    .heading-section .col-md-12 {
        padding-left: 15px !important
    }

    .blog-container {
        margin: 0 20px 20px;
        font-size: 14px
    }

    .list h5 {
        font-size: 16px
    }

    .news-item>div {
        display: inline-block;
        width: 50%
    }

    .news-item img {
        min-width: unset !important;
        width: 100% !important;
        height: 100% !important
    }

    .search-box img {
        display: none
    }

    .search-box a {
        font-size: 10px !important
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

.slick-slider {
    height: 100px
}

.title-news {
    display: flex;
    align-items: center;
    border-bottom: 3px solid #d9d9d9;
    justify-content: space-between
}

.tab {
    font-weight: 600;
    font-size: 20px;
    padding: 16px 28px;
    text-transform: uppercase
}

.tab.active,
.tab:hover {
    cursor: pointer;
    color: #e03;
    border-bottom: 3px solid #e03
}

.title-news img {
    width: 36px;
    height: 36px
}

.title-news span {
    font-size: 24px;
    margin: 0 .5rem;
    color: #44494d
}

.title-news h5 {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    margin: 0;
    color: #e03
}

.col-md-8.pr-5 img,
.img-first {
    object-fit: cover;
    height: 480px;
    width: 100%;
    border-radius: 20px
}

.icon-arrow-right:before {
    content: "\f061"
}

.news-item {
    display: flex;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    text-decoration: none
}

.news-item .flex-column {
    justify-content: space-between
}

.search-box a {
    font-size: 16px;
    color: #e03;
    font-weight: 700
}

.news-item .text,
.news-item a {
    font-weight: 600;
    -webkit-line-clamp: var(--super-list-title-lineheight, 3)
}

.news-item a {
    color: #e03 !important;
    font-size: 12px
}

.news-item img {
    border-radius: 20px;
    width: 40%;
    height: 150px;
    min-width: 223px;
    object-fit: cover
}

.title-hight {
    font-size: 20px;
    color: #111;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 36px
}