body {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.body-no-scroll {
    overflow: hidden;
}

body {
    background: #FAFCFF;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

table {
    border-collapse: collapse;
}

html {
    font-size: 16px;
    line-height: 22px;
    color: #0C0C0D;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
a,
button,
input,
select,
optgroup,
textarea {
    font-family: "Plus Jakarta Sans", sans-serif;
}

p {
    margin-bottom: 16px;
}

input:focus {
    outline: 0;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
}

.navbar-toggler:focus {
    outline: 0;
    box-shadow: none;
}

.gap-1 {
    gap: 8px !important;
}

.gap-2 {
    gap: 16px !important;
}

.gap-3 {
    gap: 24px !important;
}

.gap-4 {
    gap: 32px !important;
}

.gap-5 {
    gap: 40px;
}

.gap-6 {
    gap: 48px;
}

.navbar-light .navbar-toggler {
    padding: 0;
    border: 0;
}

.navbar-light .navbar-toggler-icon {
    display: block;
    width: 32px;
    height: 32px;
    padding: 4px;
    background-image: none;
    border-radius: 9999px;
    background: rgba(255, 255, 255, 0.20);
}

.menu-light .navbar-light .navbar-toggler-icon {}

.about-banner {
    background: rgba(198, 203, 230, 0.40);
    overflow: hidden;
}

.menu-light {
    background: #E8EAF5;
    border-bottom: 1px solid rgba(40, 50, 123, 0.10);
}

.menu-light.header.sticky {
    /* background: rgba(198, 203, 230, 0.40); */
    /* background: rgba(198, 203, 230, 1); */
    background: #E8EAF5;
}

.menu-light .top-menu {
    background: transparent;
}

.sticky > .top-menu {
    display: none !important;
}

.navbar {
    position: unset;
    padding: 0;
}

header {
    background-color: #28327B;
    position: relative;

}

.header__container {
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 12px 0;
}

.box-logo img {
    width: 61px;
    height: auto;
}

.container {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
}

.header .container {
    padding-left: 12px;
    padding-right: 12px;
}

.navbar-collapse {
    background: #fff;
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    z-index: 5;
    padding: 16px;
}

.navbar-collapse.show {
    transform: translateX(0);
}

.navbar-nav {
    margin: 0;
}

.navbar-light .navbar-nav .nav-link {
    padding: 16px;
    border-bottom: 1px solid #EBEBED;
    color: #292A2B;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-light .navbar-nav .nav-link .menu-arrow path {
    fill: #636468;
}

.navbar-light .navbar-nav li.menu-item-has-children .nav-link .menu-arrow {
    transition: all 0.3s ease-in;
    transform: rotate(0deg);
}

.navbar-light .navbar-nav li.menu-item-has-children.active .nav-link .menu-arrow {
    transform: rotate(180deg);
}

.navbar-light .navbar-nav .menu-item .nav-link {
    padding: 16px;
    font-size: 15px;
    line-height: 21px;
}

.navbar-light .navbar-nav .menu-item .submenu .nav-link{
    font-size: 13px;
    line-height: 19px;
    padding: 16px 24px;
    border-bottom: 0;
}

.navbar-light .navbar-nav .menu-item>ul {
    margin: 0;
    margin-left: 8px;
    list-style: none;
    padding: 0;
}

.navbar .menu-item .submenu-wrapper {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition:
        max-height .35s ease,
        opacity .25s ease,
        margin-left .25s ease;
}

.navbar .menu-item .submenu {
    overflow: hidden;
    padding: 0;
    width: 100%;
    min-width: 240px;
    margin: 0;
    border-radius: 12px;
    background: #fff;
}

.navbar li.menu-item-has-children.active .submenu-wrapper {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
    border-bottom: 1px solid #EBEBED;
}

.top-menu-right .btn-close {
    background-image: none;
    width: auto;
    height: auto;
    padding: 0;
    opacity: 1;
}

.top-menu-right .btn-close img {
    width: 24px;
    height: 24px;
}

.top-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0 12px 16px;
    gap: 16px;
}

.top-menu .menu-logo img {
    height: 24px;
    width: auto;
}

.top-menu-right {
    display: flex;
    gap: 20px;
    align-items: center;
    flex: 1;
    justify-content: end;
}

.top-menu-right .menu-right-item {
    gap: 10px;
    align-items: center;
}

.top-menu-right .menu-right-item span {
    color: #292A2B;
    font-size: 13px;
    line-height: 21px;
    font-weight: 500;
}

.header.sticky {
    top: 0;
    position: fixed;
    z-index: 10;
    background: transparent;
    width: 100%;
    /* background: linear-gradient(0deg, rgba(40, 50, 123, 0.80) 0%, rgba(40, 50, 123, 0.80) 100%); */
    background: #E8EAF5;
}

.menu-light .logo-light {
    display: none;
}

.logo-color {
    display: none;
}

.menu-light .logo-color {
    display: block;
}

.header.sticky .logo-color{
    display: block;
}

.header.sticky .logo-light{
    display: none;
}

.banner {
    background: #28327B;
    padding: 52px 0 64px;
    color: #fff;
}

.section-title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 0;
    font-weight: 800;
}

.description {
    font-size: 16px;
    line-height: 22px;
}

.banner .section-title {
    text-align: center;
    font-weight: 400;
}

.banner .description {
    text-align: center;
    font-size: 40px;
    line-height: 52px;
}

.banner-links {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.btn {
    font-size: 15px;
    line-height: 21px;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.btn-yellow {
    background: #FABE14;
    color: #0A0701;
}

.banner .btn-yellow {
    font-weight: 800;
    padding: 16px 64px;
    border-radius: 0;
}

.box-banner {
    position: relative;
    overflow: hidden;
    background-color: #28327B;
}

.banner-wrapper {
    position: relative;
    z-index: 2;
}

.blur-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(40, 50, 123, 0.80) 0%, rgba(40, 50, 123, 0.80) 100%);
}

.blur-banner img {
    width: 100%;
    height: 100%;
    object-position: center top;
}

.blur-banner video {
    width: 100%;
    height: 100%;
    object-position: center top;
    object-fit: cover;
}
.trusted-images {
    overflow: hidden;
    width: 100%;
}
.trusted-track {
    display: flex;
    width: max-content;
    animation: marquee 36s linear infinite;
}
.trusted-item {
    flex-shrink: 0;
    margin-right: 48px;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.trusted-images img {
    height: 32px;
    width: auto;
}

.trusted-images .swiper-slide {
    width: auto;
}

.trusted {
    padding: 32px 0;
    background: rgba(198, 203, 230, 0.40);
}

.trusted p {
    color: #464749;
    font-weight: 500;
    text-align: center;
}

.trusted-images {
    margin-top: 24px;
    pointer-events: none;
}

.solutions {
    padding: 32px 0;
    background: rgba(198, 203, 230, 0.40);
    overflow: hidden;
}

.solutions-box {
    margin-top: 24px;

}

.list-solutions {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, 1fr);
}

.item-solution {
    border-left: 1px solid rgba(40, 50, 123, 0.10);
    padding: 24px 16px;
    display: grid;
    grid-template-rows: 100px auto;
    gap: 20px;
    flex-direction: row;
}

.item-solution:nth-child(1) {
    order: 1;
}

.item-solution:nth-child(2) {
    order: 3;
}

.item-solution:nth-child(3) {
    order: 5;
}

.item-solution:nth-child(4) {
    order: 2;
}

.item-solution:nth-child(5) {
    order: 4;
}

.item-solution:nth-child(6) {
    order: 6;
}

.image-solution {
    display: flex;
    justify-content: start;
    align-items: center;
}

.image-solution img {
    width: 80px;
    height: 80px;
}

.data-solution p {
    color: #464749;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}

.data-solution {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.data-solution h3 {
    color: #0A0701;
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
    margin-bottom: 8px;
    position: relative;
    margin-bottom: 0;
    display: inline-block;
}

.data-solution h3:before {
    content: "";
    display: block;
    width: 1px;
    height: 24px;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    background: #9298C2;
}

.data-solution h3.one-row:before {
    top: 0;
    transform: translateY(0);
}

.about {
    background: rgba(198, 203, 230, 0.40);
    padding: 32px 0;
    overflow: hidden;
}

.about .section-title {
    color: #28327B;
}

.about-content {
    margin-top: 24px;
}

.about-operate h3 {
    font-size: 18px;
    line-height: 25px;
    color: #0A0701;
    font-weight: 800;
    margin-bottom: 0;
}

.about-operate .list-operates {
    margin: 0;
    margin-top: 24px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.about-operate .list-operates li {
    display: flex;
    gap: 10px;
    align-items: start;
}

.about-operate .list-operates li img {
    flex: 0 0 24px;
}

.about-operate .list-operates li span {
    font-size: 15px;
    line-height: 21px;
}

.about-content-top {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.about-attribute {
    margin-top: 48px;
}

.about-attribute .attribute-left h2 {
    font-size: 28px;
    line-height: 36px;
    color: #101431;
    font-weight: 800;
}

.iso-images {
    gap: 20px;
    margin-top: 24px;
    flex-wrap: wrap;
}

.about-company .swiper-slide {
    height: auto !important;
    display: flex !important;
}

.about-company .swiper-slide>* {
    margin-top: auto;
}

.about-growth {
    width: 100%;
    background: #fff;
    padding: 32px 40px;
}

.about-growth .about-year {
    color: #101431;
    font-size: 56px;
    line-height: 68px;
    font-weight: 900;
}

.about-growth .about-year span:not(.count) {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.about-growth-header img {
    width: 61px;
}

.about-employees {
    width: 100%;
    background: #D9DDFF;
    padding: 32px 40px;
}

.about-employees h3 {
    color: #101431;
    font-size: 56px;
    font-weight: 800;
    line-height: 68px;
    letter-spacing: -1px;
}

.about-employees .about-employees-header p {
    color: #483F36;
    font-size: 18px;
    line-height: 25px;
}

.img-employees {
    margin-top: 34px;
}

.img-employees img {
    height: 48px;
    width: auto;
}

.about-devices {
    background: radial-gradient(116% 99.71% at 41.33% 27.79%, #CBD0F4 0%, #AFB7EF 99.27%);
    padding: 32px 40px 0;
}

.about-devices .about-devices-header h3 {
    color: #101431;
    font-size: 56px;
    font-weight: 800;
    line-height: 68px;
    letter-spacing: -1px;
}

.about-devices .about-devices-header h3 span:not(.count) {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.about-devices .about-devices-header p {
    color: #101431;
    font-size: 18px;
    line-height: 25px;
}

.learn-more {
    margin-top: 24px;
}

.btn-transparent {
    border: 1px solid #B5BADA;
    width: 100%;
    padding: 16px 24px;
    display: inline-flex;
    justify-content: center;
    gap: 12px;
    border-radius: 0;
    align-items: center;
}

.btn-transparent span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    color: #202862;
}

.software {
    background: rgba(198, 203, 230, 0.40);
    padding: 32px 0;
}

.software .section-title {
    margin-bottom: 12px;
    color: #28327B;
}

.software .description {
    color: #464749;
    font-size: 15px;
    line-height: 21px;
}

.software-content {
    margin-top: 24px;
}

.software-content h3 {
    text-align: center;
    color: #0A0701;
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
    max-width: 247px;
    margin: 0 auto;
}

.list-software {
    margin-top: 16px;
}

.card-software {
    padding: 24px 24px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
    border-right: 1px solid rgba(40, 50, 123, 0.20);
    border-bottom: 1px solid rgba(40, 50, 123, 0.20);
    border-left: 1px solid rgba(40, 50, 123, 0.20);
    margin-top: -1px;
}

.card-software:first-child{
    border: 1px solid rgba(40, 50, 123, 0.20);
    margin-top: 0;
}

.card-software-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.card-software h4 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    color: #0A0701;
    position: relative;
}

.card-software h4::before {
    position: absolute;
    content: "";
    height: 24px;
    width: 1px;
    background: #9298C2;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
}

.card-software p {
    color: #464749;
    font-size: 15px;
    line-height: 21px;
}

.aws-partner img {
    width: 42px;
    height: 42px;
}

.innovate {
    background: rgba(198, 203, 230, 0.40);
    padding: 0 0 24px;
    position: relative;
    overflow: hidden;
}

.innovate-content {
    background: #FABE14;
    border-radius: 14px;
}

.innovate .innovate-inner {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 20px;
    position: relative;
    z-index: 2;
}

.innovate .innovate-inner h2 {
    color: #04050C;
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0;
}

.innovate .innovate-inner h2 span {
    color: #28327B;
    font-size: 32px;
    line-height: 42px;
    font-weight: 900;
    text-transform: uppercase;
}

.btn-blue {
    background: #28327B;
    border-radius: 0;
    width: 100%;
    max-width: 240px;
    padding: 16px 24px;
    color: #fff;
    font-weight: 800;
}

.btn-blue:hover {
    background: #4c5bc9;
    color: #fff;
}

.arrow-top {
    position: absolute;
    width: 95.7%;
    bottom: -10px;
    left: 16px;
    z-index: 1;
}

.site-footer {
    padding: 32px 0 24px;
    background: #28327B;
    color: #fff;
}

.logo-socials {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.logo-socials .socials {
    margin: 0;
    padding: 0 0 4px 0;
    display: flex;
    list-style: none;
    gap: 16px;
}

.footer-inner {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer-top {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.contact-information ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.contact-information ul li {
    display: flex;
    align-items: center;
    gap: 12px;
}

.contact-information ul li span {
    font-size: 15px;
    line-height: 21px;
}

.contact-information ul li img {
    flex: 0 0 20px;
}

.footer-inner hr {
    margin: 0;
    background: rgba(255, 255, 255, 0.20);
    opacity: 0.2;
}

.footer-menus {
    display: flex;
    flex-direction: row;
    gap: 24px;
    margin-bottom: 24px;
}

.footer-menus ul {
    flex: 1;
    margin: 0;
    list-style: none;
    padding: 0;
    color: #fff;
    display: flex;
    flex-direction: column;
}

.footer-menus ul li a {
    font-size: 14px;
    line-height: 20px;
}

.menu-left {
    gap: 24px;
}

.menu-left li a {
    color: #fff;
}

.menu-right {
    gap: 12px;
}

.menu-right li a {
    color: #B5BADA;
}

.menu-right li:first-child {
    margin-bottom: 4px;
}

.menu-right li:first-child a {
    color: #fff;
}

.footer-bottom {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-bottom-link {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.footer-bottom-link .links {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 4px 12px;
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
}

.footer-bottom-link .links .separator {
    display: block;
    height: 16px;
    width: 1px;
    background: rgba(255, 255, 255, 0.20);
}

.footer-bottom-link .links li a {
    color: #B5BADA;
    font-size: 14px;
    line-height: 20px;
    display: block;
}

.footer-bottom-text p {
    color: #B5BADA;
    font-size: 14px;
    line-height: 20px;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #292A2B;
}

.solutions .section-title {
    color: #28327B;
}

.divider-vertical {
    width: 1px;
    background: rgba(255, 255, 255, 0.20);
    opacity: 0.2;
}

.about-banner-main {
    padding: 24px 0;
}

.about-banner-header {
    padding: 24px 16px;
    border: 1px solid rgba(40, 50, 123, 0.10);
}

.about-banner-header .section-title {
    color: #28327B;
    margin-bottom: 8px;
}

.about-banner-header .description {
    color: #464749;
}

.some-number {
    padding: 12px 16px;
    border-right: 1px solid rgba(40, 50, 123, 0.10);
    border-left: 1px solid rgba(40, 50, 123, 0.10);
    color: #808186;
    font-size: 15px;
    line-height: 21px;
}

.about-numbers {
    border: 1px solid rgba(40, 50, 123, 0.10);
    display: flex;
    flex-wrap: wrap;
}

.about-numbers .item-about-number {
    width: 50%;
    padding: 16px 8px;
    border-right: 1px solid rgba(40, 50, 123, 0.10);
}

.about-numbers .item-years {
    width: 100%;
    border-top: 1px solid rgba(40, 50, 123, 0.10);
    border-right: 1px solid rgba(40, 50, 123, 0.10);
    border-bottom: 1px solid rgba(40, 50, 123, 0.10);
    border-left: 0 solid rgba(40, 50, 123, 0.10);
}

.about-numbers .item-about-number .item-about-title {
    color: #101431;
    text-shadow: 0 4px 6px rgba(1, 1, 1, 0.10), 0 1px 4px rgba(1, 1, 1, 0.10);
    font-size: 40px;
    line-height: 52px;
    font-weight: 250;
}

.about-numbers .item-about-number p {
    color: #464749;
    font-size: 14px;
    line-height: 20px;
}

.about-space {
    height: 32px;
    border-right: 1px solid rgba(40, 50, 123, 0.10);
    border-left: 1px solid rgba(40, 50, 123, 0.10);
}

.about-images {
    display: flex;
    gap: 8px;
}

.about-images-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.about-images-right {
    flex: 0 0 60.6%;
}

.img-mission {
    padding-left: 4px;
    flex: 0 0 34px;
    position: relative;
}

.img-mission svg {
    position: absolute;
    top: -4px;
    left: 4px;
}

.our-mission {
    display: flex;
    gap: 12px;
}

.our-mission .img-mission img {
    width: auto;
    height: 45px;
}

.our-mission .box-content-mission {
    padding-top: 24px;
}

.box-content-mission h2 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 2px;
}

.about-mission {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}

.box-content-mission p {
    margin-bottom: 0;
    color: #0A0701;
    font-size: 18px;
    line-height: 25px;
    font-weight: 250;
}

.our-goal {
    gap: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.about-timeline {
    padding: 32px 0;
    background: #28327B;
    overflow: hidden;
}

.about-timeline .section-title {
    color: #fff;
}

.box-timeline {
    margin-top: 32px;
    margin-right: -16px !important;
}

.about-timeline .swiper-slide {
    width: auto;
}

.timeline-item {
    padding-left: 16px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.timeline-item-title {
    color: #fff;
    font-size: 40px;
    line-height: 52px;
    font-weight: 250;
    margin-bottom: 0;
}

.border-title {
    height: 36px;
    width: 1px;
    position: absolute;
    left: 0;
    top: 8px;
    background: #FABE14;
}

.timeline-slash {
    position: relative;
}

.timeline-slash .img-slash img {
    height: 40px;
    width: auto;
}

.timeline-images {
    display: flex;
    gap: 16px;
}

.timeline-images img {}

.timeline-image-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 291px;
}

.timeline-image-box p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 14px;
    line-height: 20px;
}

.line-vertical {
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
}

.about-timeline .timeline-swiper {
    overflow: visible;
}

.about-enviromental {
    padding: 32px 0;
    background: rgba(198, 203, 230, 0.40);
    overflow: hidden;
}

.about-enviromental .section-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
    color: #0A0701;
    margin-bottom: 8px;
}

.enviromental-des {
    font-size: 15px;
    line-height: 21px;
    text-align: center;
    color: #464749;
}

.enviromental-top {
    display: flex;
    flex-direction: column;
    gap: 24px;
    position: relative;
}

.enviromental-top .v-line {
    width: 1px;
    height: calc(100% + 32px);
    background: rgba(40, 50, 123, 0.10);
    position: absolute;
}

.enviromental-top .line-1 {
    left: 0;
    top: -32px;
}

.enviromental-top .line-2 {
    left: calc(50% - 0.5px);
    top: -32px;
}

.enviromental-top .line-3 {
    right: 0;
    top: -32px;
}

.enviromental-bottom {
    margin-top: 32px;
}

.list-cert {
    display: grid;
    gap: 0;
    grid-template-columns: repeat(2, 2fr);
}

.list-cert .icon-cert {
    padding: 20px 16px;
    border: 1px solid rgba(40, 50, 123, 0.10);
    text-align: center;
}

.list-cert .icon-cert:nth-child(1),
.list-cert .icon-cert:nth-child(2){
    border-bottom: 0;
}

.list-cert .icon-cert img {
    height: 110px;
    width: auto;
}

.about-timeline-inner {
    /* pointer-events: none; */
}

.contact-main {
    padding: 24px 0;
    background: #E8EAF5;
}

.contact-header {
    padding: 24px 16px;
    border: 1px solid rgba(40, 50, 123, 0.10);
}

.contact-header .section-title {
    text-align: center;
    color: #28327B;
}

.image-box img {
    display: block;
}

.contact-company {
    position: relative;
}

.address-company {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(1, 1, 1, 0.80);
    padding: 16px 24px;
}

.address-company h3 {
    font-size: 18px;
    font-weight: 800;
    color: #fff;
    line-height: 25px;
    margin-bottom: 4px;
}

.address-company p {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}

.meta-company {
    display: flex;
    flex-direction: column;
}

.attribute-right {
    margin-top: 24px;
    overflow: hidden;
}

.phone-company {
    padding: 24px;
    border-top: 0 solid rgba(40, 50, 123, 0.10);
    border-right: 1px solid rgba(40, 50, 123, 0.10);
    border-bottom: 1px solid rgba(40, 50, 123, 0.10);
    border-left: 1px solid rgba(40, 50, 123, 0.10);
}

.phone-company h3 {
    color: #202862;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.phone-company p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #0A0701;
}

.phone-company p a {
    color: inherit;
    text-decoration: none;
}

.phone-company p:last-child {
    margin-bottom: 0;
}

.contact-form {
    background: #fff;
    padding: 24px;
    border-top: 0 solid rgba(40, 50, 123, 0.20);
    border-right: 1px solid rgba(40, 50, 123, 0.20);
    border-bottom: 1px solid rgba(40, 50, 123, 0.20);
    border-left: 1px solid rgba(40, 50, 123, 0.20);
}

.contact-form-inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.contact-form-row {
    flex-direction: column;
    gap: 16px;
}

.contact-form-row .form-group label {
    margin-bottom: 6px;
    font-size: 15px;
    line-height: 21px;
    color: #292A2B;
}

.contact-form-row .form-group input,
.contact-form-row .form-group textarea {
    padding: 12px 16px;
    border-radius: 12px;
    border: 1px solid #D8D9DB;
    background: #fff;
    font-size: 13px;
    line-height: 19px;
    color: #292A2B;
}

.contact-form-row .form-group input {
    height: 50px;
}

.contact-form-row .form-group input::placeholder, .contact-form-row .form-group textarea::placeholder{
    color: #9D9FA4;
    font-size: 13px;
    line-height: 19px;
}

.submit-container {
    margin-top: 16px;
}

.submit-container .btn-blue {
    width: 100%;
    max-width: none;
    padding: 12px 24px;
}

.error-text {
    display: none;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.is-invalid .error-text {
    display: block;
}

.btn-spinner {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    display: none;
}

.job-des .application-tab .btn-orange.loading .btn-spinner {
    display: block;
}

.contact-form-wrapper .contact-form .submit-container .btn-orange.loading .btn-spinner {
    display: block;
}

@keyframes moveAlong {
    from {
        offset-distance: 0%;
    }

    50% {
        offset-distance: 100%;
    }

    to {
        offset-distance: 100%;
    }
}

@keyframes moveAlong2 {
    from {
        offset-distance: 0%;
        opacity: 0;
        visibility: hidden;
    }

    50% {
        offset-distance: 0%;
        opacity: 1;
        visibility: visible;
    }

    to {
        offset-distance: 100%;
        opacity: 1;
        visibility: visible;
    }
}

@keyframes moveAlongReverse {
    from {
        offset-distance: 100%;
    }

    to {
        offset-distance: 0%;
    }
}

@keyframes drawLg {
    from {
        stroke-dashoffset: 243;
    }

    50% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawGoalLg {
    from {
        stroke-dashoffset: 188;
    }

    50% {
        stroke-dashoffset: 188;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawMedium {
    from {
        stroke-dashoffset: 99;
    }

    50% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawGoalMedium {
    from {
        stroke-dashoffset: 69;
    }

    50% {
        stroke-dashoffset: 69;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes draw {
    from {
        stroke-dashoffset: 59;
    }

    50% {
        stroke-dashoffset: 0;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@keyframes drawGoal {
    from {
        stroke-dashoffset: 128;
    }

    50% {
        stroke-dashoffset: 128;
    }

    to {
        stroke-dashoffset: 0;
    }
}


@keyframes drawBackgroundGoalLg {
    from {
        stroke-dashoffset: 195;
    }

    to {
        stroke-dashoffset: 0;
    }
}

.pathLine {
    stroke-dasharray: 59;
    stroke-dashoffset: 59;
    animation: draw 12s linear infinite;
}

.pathPolygon {
    transform-origin: 50% 50%;
    transform-box: fill-box;
    animation: moveAlong 12s linear infinite;
    offset-path: path("M4 4V34C4 40.6274 9.37258 46 16 46H26");
    offset-rotate: auto;
    transform: translateX(3px);
}

.LineGoal {
    stroke-dasharray: 128;
    stroke-dashoffset: 128;
    animation: drawGoal 12s linear infinite;
}

.PolygonGoal {
    transform-origin: 50% 50%;
    transform-box: fill-box;
    animation: moveAlong2 12s linear infinite;
    offset-path: path("M8.5413 4.6975C12.6914 5.989 15.5157 9.83397 15.5069 14.1804L15.3225 104.98C15.3053 113.466 22.18 120.355 30.6663 120.355");
    offset-rotate: auto;
    transform: translateX(3px);
}

.img-goal {
    transform: rotate(90deg) translateY(-100%) !important;
    height: 37px;
}

@keyframes imageRotate {

    /* 0% */
    0% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 30% */
    30% {
        transform: rotate(0deg);
        animation-timing-function: ease-in;
    }

    /* 50% */
    50% {
        transform: rotate(180deg);
        animation-timing-function: linear;
    }

    /* 62% */
    62% {
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    /* 86% */
    86% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 100% */
    100% {
        transform: rotate(0deg);
    }
}

@keyframes pathOrangeRotate {

    /* 0% */
    0% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 30% */
    27% {
        transform: rotate(0deg);
        animation-timing-function: ease-in;
    }

    /* 50% */
    44% {
        transform: rotate(90deg);
        animation-timing-function: linear;
    }

    /* 62% */
    62% {
        transform: rotate(90deg);
        animation-timing-function: ease-out;
    }

    /* 86% */
    74% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 100% */
    100% {
        transform: rotate(0deg);
    }
}

@keyframes imageBottomRotate {

    /* 0% */
    0% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 30% */
    24% {
        transform: rotate(0deg);
        animation-timing-function: ease-in;
    }

    /* 50% */
    40% {
        transform: rotate(90deg);
        animation-timing-function: linear;
    }

    /* 62% */
    62% {
        transform: rotate(90deg);
        animation-timing-function: ease-out;
    }

    /* 86% */
    80% {
        transform: rotate(0deg);
        animation-timing-function: linear;
    }

    /* 100% */
    100% {
        transform: rotate(0deg);
    }
}

@keyframes pathYellowOpacity {

    0% {
        opacity: 0;
    }

    55% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scaleIcon {

    /* 0% */
    0% {
        transform: scale(1);
        animation-timing-function: linear;
    }

    /* 38% */
    38% {
        transform: scale(1);
        animation-timing-function: ease-in;
    }

    /* 50% */
    50% {
        transform: scale(0.55);
        animation-timing-function: linear;
    }

    /* 62% */
    62% {
        transform: scale(0.55);
        animation-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
    }

    /* 78% */
    78% {
        transform: scale(1);
        animation-timing-function: linear;
    }

    /* 100% */
    100% {
        transform: scale(1);
    }
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.25);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes textMoveFade {

    /* 0% */
    0% {
        opacity: 1;
        transform: translateX(0px);
    }

    /* 22% giữ nguyên */
    22% {
        opacity: 1;
        transform: translateX(0px);
    }

    /* 33% trượt + fade out */
    33% {
        opacity: 0;
        transform: translateX(12px);
    }

    /* 72% giữ trạng thái ẩn */
    72% {
        opacity: 0;
        transform: translateX(12px);
    }

    /* 85% quay về + hiện lại */
    85% {
        opacity: 1;
        transform: translateX(0px);
    }

    /* 100% giữ */
    100% {
        opacity: 1;
        transform: translateX(0px);
    }
}

.img-top-left-container {
    position: absolute;
}

.absolute {
    position: absolute;
}

.contents-top-left {
    position: absolute;
    top: 0.54px;
    left: 0.16px;
    display: contents;
}

.about-img {
    width: 340px;
    max-width: 100%;
    height: 310px;
}

.about-img-relative {
    position: relative;
    width: 100%;
    height: 100%;
    left: calc(50vw - 16px);
    transform: translateX(calc(-50% - 16px));
}

.img-top-left-container {
    width: 137px;
    height: 137px;
    left: 38px;
    top: 2px;
    transform-origin: 136.465px 136.705px;
    animation: imageRotate 5.5s infinite;
}

.mask-top-left {
    position: absolute;
    top: -17.04px;
    left: -42.17px;
    height: 154.585px;
    width: 231.849px;
    mask-composite: intersect;
    mask-mode: alpha;
    mask-size: 136.164px 136.164px;
    mask-clip: no-clip;
    mask-position: 42.47px 17.577px;
    mask-repeat: no-repeat;
    mask-image: url('./images/MaskTopLeft.svg');
}

.mask-top-left img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.path-orange-container {
    transform-origin: 103.395px 111.145px;
    width: 215.086px;
    height: 215.086px;
    left: 71.07px;
    top: 27.56px;
    animation: pathOrangeRotate 5.5s infinite;
}

.path-orange {
    left: 50%;
    bottom: 50%;
}

.path-orange svg {
    display: block;
    width: 100%;
    height: 100%;
}

.path-yellow-container {
    transform-origin: 103.395px 111.145px;
    width: 215.086px;
    height: 215.086px;
    left: 71.07px;
    top: 27.56px;
    animation: pathOrangeRotate 5.5s infinite;
}

.path-yellow-container svg path {
    animation: pathYellowOpacity 5.5s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.path-yellow {
    left: 50%;
    bottom: 50%;
}

.path-yellow svg {
    display: block;
    width: 100%;
    height: 100%;
}

.img-bottom-right-container {
    width: 137px;
    height: 137px;
    left: 174px;
    top: 138px;
}

.contents-bottom-right {
    display: contents;
    left: -135.7px;
    top: -135.93px;
}

.mask-bottom-right {
    top: 0.14px;
    left: -39.46px;
    height: 136.73px;
    width: 191.273px;
    mask-composite: intersect;
    mask-mode: alpha;
    mask-size: 136.165px 136.164px;
    mask-clip: no-clip;
    mask-position: 39.928px 0.096px;
    mask-repeat: no-repeat;
    mask-image: url('./images/MaskBottomRight.svg');
}

.img-bottom-left-container {
    transform-origin: 163.465px -2.295px;
    width: 161px;
    height: 161px;
    left: 11px;
    top: 141px;
    animation: imageBottomRotate 5.5s infinite;
}

.contents-bottom-left {
    display: contents;
    left: 0.28px;
    top: -159.13px;
}

.mask-bottom-left {
    top: 0.76px;
    left: -43.66px;
    width: 239.897px;
    height: 159.892px;
    mask-composite: intersect;
    mask-mode: alpha;
    mask-size: 159.892px 159.892px;
    mask-clip: no-clip;
    mask-position: 43.934px 0px;
    mask-repeat: no-repeat;
    mask-image: url('./images/MaskBottomLeft.svg');
}

.icon-center-container {
    width: 46.751px;
    height: 46.751px;
    left: 151.09px;
    top: 115.33px;
    animation: scaleIcon 5.5s infinite;
}

.icon-outline {
    inset: 0;
    border-radius: calc(infinity * 1px);
    background: radial-gradient(circle, #1e3a50 0%, transparent 70%);
    animation: pulseScale 2s infinite ease-in-out;
}

.about-text-top {
    color: #0c0c0d;
    line-height: 13.156px;
    font-size: 9.397px;
    width: 112.062px;
    height: 13.156px;
    left: 196.92px;
    top: 19.1px;
    animation: textMoveFade 5.5s infinite ease-out;
}

.about-text-bottom {
    color: #0c0c0d;
    line-height: 13.156px;
    font-size: 9.397px;
    width: 134.146px;
    height: 13.156px;
    left: 196.92px;
    top: 33.66px;
    animation: textMoveFade 5.5s infinite ease-out;
}

.enviromental-image{
    display: flex;
    justify-content: center;
}

.enviromental-image img{
    max-width: 281px;
}

@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}

#pageloader {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    background-color: white;
    z-index: 99999;
    color: #0048bb;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

#pageloader .content {
    position: relative;
}

#pageloader .outter {
    border-radius: 100px 0 0 100px;
    border-left: solid 8px;
    position: absolute;
    top: 15px;
    left: 22px;
    margin: -40px 0 0 -40px;
    width: 130px;
    height: 130px;
    -webkit-animation: spin 1.3s linear 0s infinite normal;
    animation: spin 1.3s linear 0s infinite normal;
}

@media (min-width: 375px) {
    .about-img-relative {
        transform: translateX(-50%);
    }
}

@media (min-width: 768px) {
    .box-banner {
        background: linear-gradient(0deg, rgba(40, 50, 123, 0.80) 0%, rgba(40, 50, 123, 0.80) 100%);
    }

    header {
        background-color: transparent;

    }

    .header__container {
        padding: 8px 0;
    }

    .banner {
        background: transparent;
    }

    .navbar-collapse {
        padding: 24px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 16px 24px;
        font-size: 24px;
        line-height: 32px;
    }

    .navbar-light .navbar-nav .menu-item .nav-link {
        padding: 16px;
        font-size: 18px;
        line-height: 25px;
    }

    .navbar-light .navbar-nav .menu-item .submenu .nav-link {
        padding: 16px 24px;
        font-size: 15px;
        line-height: 22px;
        border-bottom: 0;
    }

    .navbar-light .navbar-nav .menu-item>ul {
        margin-left: 16px;
    }

    .container {
        padding-left: 48px;
        padding-right: 48px;
    }

    .header .container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .box-logo img {
        width: 83px;
        height: auto;
    }

    .navbar-light .navbar-toggler-icon {
        width: 48px;
        height: 48px;
        padding: 12px;
    }

    .navbar-light .navbar-toggler-icon img {
        width: 24px;
    }

    .banner {
        padding: 48px 0;
    }

    .section-title {
        font-size: 40px;
        line-height: 52px;
    }

    .banner .section-title {
        text-align: left;
    }

    .description {
        font-size: 18px;
        line-height: 25px;
    }

    .banner .description {
        text-align: left;
        font-size: 56px;
        line-height: 68px;
    }

    .software .description {
        font-size: 16px;
        line-height: 22px;
    }

    .banner-links {
        justify-content: start;
    }

    .btn {
        font-size: 16px;
        line-height: 22px;
    }

    .trusted-images {
        margin-top: 32px;
    }

    .trusted p {
        font-size: 24px;
        line-height: 32px;
    }

    .solutions {
        padding: 48px 0;
    }

    .solutions-box {
        margin-top: 32px;
    }

    .item-solution {
        padding: 24px;
    }

    .item-solution:nth-child(5) {
        order: 6;
    }

    .item-solution:nth-child(6) {
        order: 4;
    }

    .data-solution h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .data-solution h3:before {
        height: 30px;
        left: -24px;
        background: #9298C2;
    }

    .data-solution p {
        font-size: 15px;
        line-height: 21px;
    }

    .about {
        padding: 48px 0;
    }

    .about-content {
        margin-top: 32px;
    }

    .about-operate h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .about-operate .list-operates li span {
        font-size: 16px;
        line-height: 22px;
    }

    .about-attribute .attribute-left h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .iso-images {
        margin-top: 32px;
    }

    .learn-more {
        margin-top: 32px;
    }

    .btn-transparent {
        width: auto;
        padding: 12px 20px;
        gap: 8px;
        height: 48px;
    }

    .btn-transparent span {
        font-size: 15px;
        line-height: 21px;
    }

    .btn-transparent svg {
        width: 20px;
        height: 20px;
    }

    .about-card {
        display: flex;
        gap: 17px;
        align-items: end;
    }

    .about-growth {
        flex: 1;
        padding: 24px;
    }

    .about-growth-header img {
        width: 43px;
    }

    .about-growth .about-year {
        font-size: 40px;
        line-height: 52px;
    }

    .about-growth .about-year span:not(.count) {
        font-size: 15px;
        line-height: 21px;
    }

    .text-growth {
        font-size: 15px;
        line-height: 21px;
    }

    .about-employees {
        flex: 1;
        padding: 24px;
    }

    .about-employees h3 {
        font-size: 40px;
        line-height: 52px;
        font-weight: 900;
    }

    .about-employees .about-employees-header p {
        font-size: 15px;
        line-height: 21px;
    }

    .img-employees {
        margin-top: 20px;
    }

    .img-employees img {
        height: 34px;
    }

    .about-devices {
        flex: 1;
        padding: 24px 24px 0;
    }

    .about-devices .about-devices-header h3 {
        font-size: 15px;
        line-height: 21px;
        font-weight: 400;
        color: #101431;
    }

    .about-devices .about-devices-header h3 span:not(.count) {
        font-size: 15px;
        line-height: 21px;
    }

    .about-devices .about-devices-header p {
        font-size: 15px;
        line-height: 21px;
    }

    .img-devices {
        width: 123px;
        margin-top: 12px;
    }

    .about-company {
        margin-top: -70px;
    }

    .software {
        padding: 48px 0 40px;
    }

    .software-content {
        margin-top: 40px;
    }

    .software-content h3 {
        font-size: 24px;
        line-height: 32px;
        max-width: 100%;
    }

    .list-software {
        margin-top: 24px;
        display: grid;
        gap: 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .card-software:nth-child(2){
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-top: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 0;
    }
    .card-software:nth-child(3), .card-software:nth-child(5), .card-software:nth-child(7), .card-software:nth-child(9){
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-top: 0;
        border-left: 1px solid rgba(40, 50, 123, 0.20);
    }

    .card-software:nth-child(4), .card-software:nth-child(6), .card-software:nth-child(8){
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-top: 0;
        border-left: 0;
    }

    .card-software h4 {
        font-size: 20px;
        line-height: 28px;
    }

    .card-software h4::before {
        height: 30px;
    }

    .card-software p {
        font-size: 16px;
        line-height: 22px;
    }

    .innovate {
        padding: 0 0 48px;
    }

    .innovate-content {
        border-radius: 16px;
        position: relative;
        overflow: hidden;
    }

    .innovate .innovate-inner {
        padding: 48px;
    }

    .innovate .innovate-inner h2 {
        font-size: 48px;
        line-height: 68px;
    }

    .innovate .innovate-inner h2 span {
        font-size: 48px;
        line-height: 68px;
    }

    .arrow-top {
        height: 411px;
        width: auto;
        bottom: 4px;
        left: 0px;
    }

    .arrow-top img {
        width: 100%;
        height: 100%;
    }

    .site-footer {
        padding: 48px 0 32px;
    }

    .footer-top {
        flex-direction: row;
        justify-content: start;
        gap: 64px;
    }

    .logo-socials {
        flex-direction: column;
        justify-content: start;
        align-items: center;
        gap: 16px;
    }

    .footer-logo img {
        width: 208px;
        height: 64px;
    }

    .footer-menus ul li a {
        font-size: 15px;
        line-height: 21px;
    }

    .footer-bottom-link {
        flex-direction: row;
        align-items: center;
        gap: 24px;
    }

    .hth-links {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .aws-partner img {
        width: 48px;
        height: 48px;
    }

    .banner-links {
        margin-top: 40px;
    }

    .about-banner-main {
        padding: 48px 0;
    }

    .about-banner-header {
        padding: 32px 20px;
    }

    .about-banner-header .section-title {
        margin-bottom: 12px;
    }

    .some-number {
        padding: 20px;
        font-size: 16px;
        line-height: 22px;
    }

    .about-numbers {
        flex-wrap: nowrap;
    }

    .about-numbers .item-about-number {
        padding: 20px;
        width: 33.33%;
    }

    .about-numbers .item-about-number:last-child {
        border-right: 0;
        width: 33.34%;
    }

    .about-numbers .item-years {
        width: 33.33%;
        border-top: 0px solid rgba(40, 50, 123, 0.10);
        border-bottom: 0px solid rgba(40, 50, 123, 0.10);
        padding: 20px 0;
    }

    .about-numbers .item-about-number .item-about-title {
        font-size: 56px;
        line-height: 68px;
    }

    .about-numbers .item-about-number p {
        font-size: 16px;
        line-height: 22px;
    }

    .about-space {
        height: 48px;
    }

    .about-images-right {
        flex: 0 0 61.16%;
    }

    .img-mission {
        padding-left: 8px;
        flex: 0 0 54px;
    }

    .our-mission .img-mission img {
        height: 85px;
    }

    .our-mission .box-content-mission {
        padding-top: 52px;
        width: 220px;
    }

    .box-content-mission h2 {
        font-size: 40px;
        line-height: 52px;
    }

    .our-goal {
        align-items: end;
        position: relative;
        text-align: left;
        margin-top: -46px;
    }

    .box-content-mission {
        width: 371px;
    }

    .box-content-mission p {
        font-size: 28px;
        line-height: 36px;
    }

    .img-goal {
        padding: 20px 0;
        position: absolute;
        right: 380px;
        height: auto;
        transform: none !important;
    }

    .img-goal img {
        width: 81px;
        display: block;
    }

    .about-timeline {
        padding: 64px 0;
    }

    .box-timeline {
        margin-top: 48px;
    }

    .timeline-item-title {
        font-size: 56px;
        line-height: 68px;
    }

    .timeline-item {
        padding-left: 32px;
        gap: 32px;
    }

    .border-title {
        height: 52px;
        top: 0;
    }

    .timeline-slash {
        position: static;
    }

    .line-vertical {
        left: 0;
        top: 0;
        transform: none;
    }

    .timeline-images {
        gap: 32px;
    }

    .timeline-image-box {
        gap: 24px;
    }

    .timeline-image-box p {
        font-size: 16px;
        line-height: 22px;
    }

    .about-enviromental {
        padding: 64px 0;
    }

    .enviromental-top {
        flex-direction: row;
        gap: 32px;
    }

    .about-enviromental .section-title {
        text-align: left;
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 12px;
    }

    .enviromental-heading {
        flex: 1;
        position: relative;
        z-index: 2;
    }

    .enviromental-image {
        flex: 0 0 324px;
        position: relative;
        z-index: 2;
    }

    .enviromental-image img{
        max-width: 100%;
    }

    .enviromental-des {
        font-size: 18px;
        line-height: 25px;
        text-align: left;
    }

    .enviromental-top .v-line {
        height: calc(100% + 64px + 48px);
        z-index: 1;
    }

    .enviromental-top .line-1 {
        left: 0;
        top: -64px;
    }

    .enviromental-top .line-2 {
        left: calc(25% - 1px);
        top: -64px;
    }

    .enviromental-top .line-3 {
        left: calc(50% - 1px);
        top: -64px;
    }

    .enviromental-top .line-4 {
        left: calc(75% - 1px);
        top: -64px;
    }

    .enviromental-top .line-5 {
        right: 0;
        top: -64px;
    }

    .enviromental-bottom {
        margin-top: 48px;
    }

    .list-cert {
        grid-template-columns: repeat(4, 1fr);
    }

    .list-cert .icon-cert {
        border-top: 1px solid rgba(40, 50, 123, 0.10);
        border-right: 1px solid rgba(40, 50, 123, 0.10);
        border-bottom: 1px solid rgba(40, 50, 123, 0.10);
        border-left: 0 solid rgba(40, 50, 123, 0.10);
        padding: 32px 16px;
    }

    .list-cert .icon-cert:nth-child(1), .list-cert .icon-cert:nth-child(2) {
        border-bottom: 1px solid rgba(40, 50, 123, 0.10);
    }

    .list-cert .icon-cert:first-child {
        border: 1px solid rgba(40, 50, 123, 0.10);
    }

    .list-cert .icon-cert img {
        height: 132px;
    }

    .contact-main {
        padding: 48px 0;
    }

    .contact-header {
        padding: 32px 20px;
    }

    .box-left-inner {
        display: flex;
    }

    .contact-company {
        flex: 0 0 50%;
    }

    .meta-company {
        flex: 0 0 50%;
    }

    .phone-company {
        flex: 1;
        padding: 40px;
    }

    .address-company h3 {
        white-space: nowrap;
        font-size: 24px;
        line-height: 32px;
    }

    .attribute-right {
        margin-top: 8px;
        overflow: visible;
    }

    .trusted-item{
        margin-right: 64px;
    }

    .contact-form {
        padding: 40px;
    }

    .address-company {
        padding: 24px;
    }

    .contact-form-row .form-group input,
    .contact-form-row .form-group textarea {
        font-size: 14px;
        line-height: 20px;
    }

    .contact-form-row .form-group input {
        font-weight: 500;
    }

    .contact-form-row .form-group textarea {
        height: 66px;
    }

    .submit-container .btn-blue {
        padding: 12px 48px;
    }

    .img-mission svg {
        top: -8px;
        left: 6px;
    }

    .pathLine {
        stroke-dasharray: 99;
        stroke-dashoffset: 99;
        animation: drawMedium 12s linear infinite;
    }

    .pathPolygon {
        transform-origin: 50% 50%;
        transform-box: fill-box;
        animation: moveAlong 12s linear infinite;
        offset-path: path("M8 8V63C8 76.2548 18.7452 87 32 87H38");
        offset-rotate: auto;
        transform: translateX(6px);
    }

    .LineGoal {
        stroke-dasharray: 69;
        stroke-dashoffset: 69;
        animation: drawGoalMedium 12s linear infinite;
    }

    .PolygonGoal {
        transform-origin: 50% 50%;
        transform-box: fill-box;
        animation: moveAlong2 12s linear infinite;
        offset-path: path("M9 8L78 8");
        offset-rotate: auto;
        transform: translateX(6px);
    }

    .BackgroundGold {
        /* stroke-dasharray: 195;
        stroke-dashoffset: 195;
        animation: drawBackgroundGoal 6s linear infinite; */
    }

    .about-img {
        width: 530px;
        max-width: 530px;
        height: 480px;
        margin: 0 auto;
    }

    .about-img-relative {
        position: relative;
        width: 100%;
        height: 100%;
        transform: none;
        left: unset;
    }

    .img-top-left-container {
        width: 215px;
        height: 215px;
        left: 60px;
        top: 4px;
        transform-origin: 214.67px 214.37px;
        animation: imageRotate 5.5s infinite;
    }

    .mask-top-left {
        position: absolute;
        top: -27.67px;
        left: -66.57px;
        height: 243.37px;
        width: 365.01px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 214.369px 214.369px;
        mask-clip: no-clip;
        mask-position: 66.862px 27.672px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskTopLeft.svg');
    }

    .mask-top-left img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
    }

    .path-orange-container {
        transform-origin: 162.79px 174.99px;
        width: 338.619px;
        height: 338.619px;
        left: 111.88px;
        top: 43.38px;
        animation: pathOrangeRotate 5.5s infinite;
    }

    .path-orange {
        left: 50%;
        bottom: 50%;
    }

    .path-orange svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .path-yellow-container {
        transform-origin: 162.79px 174.99px;
        width: 338.619px;
        height: 338.619px;
        left: 111.88px;
        top: 43.38px;
        animation: pathOrangeRotate 5.5s infinite;
    }

    .path-yellow-container svg path {
        animation: pathYellowOpacity 5.5s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .path-yellow {
        left: 50%;
        bottom: 50%;
    }

    .path-yellow svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .img-bottom-right-container {
        width: 215px;
        height: 215px;
        left: 274px;
        top: 217px;
    }

    .contents-bottom-right {
        display: contents;
        left: -277.84px;
        top: -277.42px;
    }

    .mask-bottom-right {
        top: 0.48px;
        left: -62.19px;
        height: 215.26px;
        width: 301.129px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 214.37px 214.369px;
        mask-clip: no-clip;
        mask-position: 62.861px 0.151px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskBottomRight.svg');
    }

    .img-bottom-left-container {
        transform-origin: 256.67px -4.63px;
        width: 252px;
        height: 252px;
        left: 18px;
        top: 223px;
        animation: imageBottomRotate 5.5s infinite;
    }

    .contents-bottom-left {
        display: contents;
        left: -0.25px;
        top: -251.55px;
    }

    .mask-bottom-left {
        top: 0.18px;
        left: -69.41px;
        width: 377.68px;
        height: 251.725px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 251.726px 251.725px;
        mask-clip: no-clip;
        mask-position: 69.167px 0px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskBottomLeft.svg');
    }

    .icon-center-container {
        width: 73.603px;
        height: 73.603px;
        left: 237.87px;
        top: 181.57px;
        animation: scaleIcon 5.5s infinite;
    }

    .icon-outline {
        inset: 0;
        border-radius: calc(infinity * 1px);
        background: radial-gradient(circle, #1e3a50 0%, transparent 70%);
        animation: pulseScale 2s infinite ease-in-out;
    }

    .about-text-top {
        color: #0c0c0d;
        line-height: 20.712px;
        font-size: 14.795px;
        width: 176.425px;
        height: 20.712px;
        left: 310.01px;
        top: 30.07px;
        animation: textMoveFade 5.5s infinite ease-out;
    }

    .about-text-bottom {
        color: #0c0c0d;
        line-height: 20.712px;
        font-size: 14.795px;
        width: 211.192px;
        height: 20.712px;
        left: 310.01px;
        top: 53px;
        animation: textMoveFade 5.5s infinite ease-out;
    }
}

@media (min-width: 1025px) {
    .description {
        font-size: 24px;
        line-height: 32px;
    }

    .d-laptop-block {
        display: block !important;
    }

    .d-laptop-flex {
        display: flex !important;
    }

    .d-laptop-none {
        display: none !important;
    }

    .top-menu {
        position: relative;
        z-index: 3;
        background: rgba(40, 50, 123, 0.40);
        padding: 0;
        border-bottom: 1px solid rgba(40, 50, 123, 0.10);
    }

    .header__container {
        padding: 16px 0;
        z-index: 4;
    }

    .top-menu-right {
        height: 40px;
    }

    .top-menu-right .menu-right-item {
        padding: 8px;
    }

    .top-menu-right .menu-right-item span {
        color: #fff;
    }

    .menu-light .top-menu-right .menu-right-item span {
        color: #292A2B;
    }

    .box-logo img {
        width: 182px;
        height: 56px;
    }

    .navbar-collapse {
        position: static;
        background: transparent;
        transform: none;
        padding: 0;
    }

    .menu-light .navbar-light .navbar-nav .nav-link {
        color: #292A2B;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
        padding: 20px;
        height: 56px;
        font-size: 18px;
        line-height: 25px;
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .header.sticky .navbar-light .navbar-nav .nav-link{
        color: #292A2B;
    }

    .navbar-light .navbar-nav .menu-item .nav-link {
        border: 0;
    }

    .navbar-light .navbar-nav .nav-link.active {
        color: #202862;
        font-weight: 700;
    }

    .navbar-light .navbar-nav .show>.nav-link {
        color: #fff;
    }

    .navbar-light .navbar-nav .nav-link:focus,
    .navbar-light .navbar-nav .nav-link:hover {
        color: #fff;
    }

    .navbar-light .navbar-nav li.menu-item-has-children:hover .nav-link .menu-arrow {
        transform: rotate(180deg);
    }

    .navbar li.menu-item-has-children {
        position: relative;
    }

    .navbar li.menu-item-has-children .submenu-wrapper {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .navbar li.menu-item-has-children:hover .submenu-wrapper {
        max-height: 400px;
        opacity: 1;
        visibility: visible;
        padding-top: 20px;
    }

    .navbar-light .navbar-nav .menu-item .submenu .nav-link {
        color: #212529;
        padding: 16px 24px;
    }

    .navbar-light .navbar-nav .nav-link .menu-arrow path {
        fill: transparent;
        stroke: #fff;
    }

    .header.sticky .navbar-light .navbar-nav .nav-link .menu-arrow path{
        stroke: #292A2B;
    }

    .header.sticky .navbar-light .navbar-nav .nav-link:hover .menu-arrow path{
        stroke: #fff;
    }

    .menu-light .navbar-light .navbar-nav .nav-link .menu-arrow path {
        fill: transparent;
        stroke: #292A2B;
    }

    .navbar-light .navbar-nav .menu-item>ul {
        margin-left: 0;
    }

    .section-title {
        font-size: 64px;
        line-height: 76px;
    }

    .banner .section-title {
        font-size: 56px;
        line-height: 68px;
    }

    .banner .description {
        font-size: 96px;
        line-height: 115px;
        max-width: 1050px;
    }
    .home .box-banner{
        padding-bottom: 43px;
    }
    .banner {
        padding: 144px 0;
    }

    .banner .btn-yellow {
        padding: 24px 64px;
    }

    .btn {
        font-size: 18px;
        line-height: 25px;
    }

    .trusted {
        padding: 48px 0;
    }
    .trusted-item {
        margin-right: 144px;
    }

    .trusted p {
        font-size: 32px;
        line-height: 42px;
    }

    .trusted-images {
        margin-top: 48px;
    }

    .solutions {
        padding: 72px 0;
    }

    .solutions .section-title {
        width: 880px;
        margin: 0 auto;
    }

    .solutions-box {
        margin-top: 64px;
    }

    .list-solutions {
        grid-template-columns: repeat(3, 1fr);
    }

    .item-solution {
        gap: 32px;
        padding: 40px;
    }

    .item-solution:nth-child(1) {
        order: 1;
    }

    .item-solution:nth-child(2) {
        order: 2;
    }

    .item-solution:nth-child(3) {
        order: 3;
    }

    .item-solution:nth-child(4) {
        order: 4;
    }

    .item-solution:nth-child(5) {
        order: 5;
    }

    .item-solution:nth-child(6) {
        order: 6;
    }

    .data-solution p {
        font-size: 18px;
        line-height: 25px;
    }

    .data-solution h3:before {
        left: -40px;
    }

    .data-solution h3.one-row:before {
        top: 1px;
        transform: translateY(0);
    }

    .about {
        padding: 72px 0;
    }

    .about-content {
        margin-top: 48px;
    }

    .about-content-top {
        flex-direction: row;
        gap: 80px;
        align-items: center;
    }

    .about-operate {
        flex: 1;
    }

    .about-img {
        width: 680px;
        max-width: 680px;
        height: 620px;
    }

    .about-img-relative {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .img-top-left-container {
        width: 278px;
        height: 279px;
        left: 78px;
        top: 4.64px;
        transform-origin: 278.05px 278.44px;
        animation: imageRotate 5.5s infinite;
    }

    .mask-top-left {
        position: absolute;
        top: -35.33px;
        left: -86.51px;
        height: 315.479px;
        width: 473.161px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 277.886px 277.886px;
        mask-clip: no-clip;
        mask-position: 86.674px 35.872px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskTopLeft.svg');
    }

    .mask-top-left img {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .path-orange-container {
        transform-origin: 211.02px 226.84px;
        width: 438.951px;
        height: 438.951px;
        left: 145.03px;
        top: 56.24px;
        animation: pathOrangeRotate 5.5s infinite;
    }

    .path-orange {
        left: 50%;
        bottom: 50%;
    }

    .path-orange svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .path-yellow-container {
        transform-origin: 211.02px 226.84px;
        width: 438.951px;
        height: 438.951px;
        left: 145.03px;
        top: 56.24px;
        animation: pathOrangeRotate 5.5s infinite;
    }

    .path-yellow-container svg path {
        animation: pathYellowOpacity 5.5s infinite cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

    .path-yellow {
        left: 50%;
        bottom: 50%;
    }

    .path-yellow svg {
        display: block;
        width: 100%;
        height: 100%;
    }

    .img-bottom-right-container {
        width: 278px;
        height: 278px;
        left: 356px;
        top: 281.64px;
    }

    .contents-bottom-right {
        display: contents;
        left: -277.84px;
        top: -277.42px;
    }

    .mask-bottom-right {
        top: -0.27px;
        left: -81.44px;
        height: 279.041px;
        width: 490.353px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 277.886px 277.886px;
        mask-clip: no-clip;
        mask-position: 81.487px 0.196px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskBottomRight.svg');
    }

    .img-bottom-left-container {
        transform-origin: 333.05px -6.56px;
        width: 327px;
        height: 326px;
        left: 23px;
        top: 289.64px;
        animation: imageBottomRotate 5.5s infinite;
    }

    .contents-bottom-left {
        display: contents;
        left: 0.01px;
        top: -326.65px;
    }

    .mask-bottom-left {
        top: -0.34px;
        left: -89.65px;
        height: 326.311px;
        width: 489.586px;
        mask-composite: intersect;
        mask-mode: alpha;
        mask-size: 326.311px 326.311px;
        mask-clip: no-clip;
        mask-position: 89.662px 0px;
        mask-repeat: no-repeat;
        mask-image: url('./images/MaskBottomLeft.svg');
    }

    .icon-center-container {
        width: 95.411px;
        height: 95.411px;
        left: 308.34px;
        top: 235.37px;
        animation: scaleIcon 5.5s infinite;
    }

    .icon-outline {
        inset: 0;
        border-radius: calc(infinity * 1px);
        background: radial-gradient(circle, #1e3a50 0%, transparent 70%);
        animation: pulseScale 2s infinite ease-in-out;
    }

    .about-text-top {
        color: #0c0c0d;
        line-height: 25px;
        font-size: 18px;
        width: 228.699px;
        height: 26.849px;
        left: 402.87px;
        top: 89.98px;
        animation: textMoveFade 5.5s infinite ease-out;
    }

    .about-text-bottom {
        color: #0c0c0d;
        line-height: 25px;
        font-size: 18px;
        width: 273.767px;
        height: 26.849px;
        left: 402.87px;
        top: 119.7px;
        animation: textMoveFade 5.5s infinite ease-out;
    }

    .about-operate h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .about-operate .list-operates {
        margin-top: 40px;
    }

    .about-operate .list-operates li span {
        font-size: 20px;
        line-height: 28px;
    }

    .about-operate .list-operates li img {
        margin-top: 3px;
    }

    .about-attribute {
        margin-top: 112px;
        position: relative;
    }

    .about-attribute .attribute-left h2 {
        font-size: 56px;
        line-height: 68px;
    }

    .attribute-left {
        width: 685px;
        max-width: 100%;
    }

    .iso-images {
        margin-top: 40px;
    }

    .iso-images img {
        width: 56px;
        height: 56px;
    }

    .learn-more {
        margin-top: 40px;
    }

    .btn-transparent {
        padding: 16px 24px;
        font-size: 16px;
        line-height: 22px;
    }

    .attribute-right {
        position: absolute;
        bottom: 0;
        right: 0;
        margin: 0;
    }

    .about-growth {
        padding: 32px 40px 40px;
        flex: 0 0 300px;
    }

    .about-growth-header img {
        width: 61px;
    }

    .about-growth .about-year {
        font-size: 56px;
        line-height: 68px;
    }

    .about-growth .about-year span:not(.count) {
        font-size: 18px;
        line-height: 25px;
    }

    .text-growth {
        font-size: 16px;
        line-height: 22px;
    }

    .about-card {
        gap: 24px;
    }

    .innovate .innovate-inner {
        gap: 32px;
        padding: 64px;
    }

    .innovate .innovate-inner h2 {
        max-width: 1072px;
        margin: 0 auto;
        font-size: 72px;
        line-height: 80px;
    }

    .innovate .innovate-inner h2 span {
        font-size: 72px;
        line-height: 80px;
    }

    .arrow-top {
        height: 415px;
        width: auto;
        bottom: 0px;
        left: 19px;
    }

    .footer-logo img {
        width: 225px;
        height: 69px;
    }

    .footer-top {
        gap: 72px;
    }

    .contact-information ul li:first-child img {
        margin-top: 4px;
    }

    .contact-information ul li span {
        font-size: 16px;
        line-height: 22px;
    }

    .contact-information ul li {
        align-items: start;
    }

    .logo-socials {
        justify-content: space-between;
    }

    .menu-left {
        gap: 16px;
    }

    .menu-right {
        gap: 16px;
    }

    .contact-information ul {
        gap: 20px;
    }

    .footer-menus ul li a {
        font-size: 16px;
        line-height: 22px;
        display: block;
    }

    .menu-right li:first-child {
        margin-bottom: 0;
    }

    .footer-menus-desktop {
        margin-bottom: 0;
    }

    .footer-inner {
        gap: 48px;
    }

    .footer-bottom {
        margin-top: 24px;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .footer-bottom-link {
        gap: 32px;
    }

    .software {
        padding: 72px 0;
    }

    .software .section-title {
        margin-bottom: 24px;
    }

    .software .description {
        font-size: 18px;
        line-height: 25px;
    }

    .software-content {
        margin-top: 64px;
    }

    .list-software {
        margin-top: 40px;
        grid-template-columns: repeat(3, 1fr);
    }

    .about-company {
        margin-top: 0;
    }

    .card-software {
        padding: 64px 64px 0;
        gap: 24px;
    }

    .card-software:nth-child(1){
        border-top: 1px solid rgba(40, 50, 123, 0.20);
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 0;
    }

    .card-software:nth-child(2), .card-software:nth-child(3){
        border-top: 1px solid rgba(40, 50, 123, 0.20);
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 0;
    }

    .card-software:nth-child(5){
        border-top: 0;
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 0;
    }

    .card-software:nth-child(4){
        border-top: 1px solid rgba(40, 50, 123, 0.20);
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
    }

    .card-software:nth-child(6), .card-software:nth-child(8), .card-software:nth-child(9){
        border-top: 0;
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 0;
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
    }

    .card-software:nth-child(7){
        border-top: 0;
        border-right: 1px solid rgba(40, 50, 123, 0.20);
        border-bottom: 1px solid rgba(40, 50, 123, 0.20);
        border-left: 1px solid rgba(40, 50, 123, 0.20);
    }

    .card-software h4::before {
        left: -64px;
    }

    .card-software h4.one-row::before {
        top: 2.5px;
        transform: none;
    }

    .card-software-header {
        gap: 24px;
    }

    .card-software h4 {
        font-size: 28px;
        line-height: 36px;
    }

    .card-software p {
        font-size: 18px;
        line-height: 25px;
    }

    .about-timeline {
        padding: 0;
    }

    .about-timeline-inner {
        padding: 72px 0;
        overflow: hidden;
        /* pointer-events: none; */
    }

    .box-timeline {
        margin-top: 64px;
    }

    .timeline-item-title {
        font-size: 72px;
        line-height: 80px;
    }

    .timeline-item {
        padding-left: 40px;
        gap: 40px;
    }

    .border-title {
        height: 78px;
        top: 2px;
    }

    .line-vertical {
        left: -40px;
    }

    .timeline-slash .img-slash img {
        height: 78px;
    }

    .timeline-images {
        gap: 64px;
    }

    .timeline-image-box {
        gap: 16px;
    }

    .timeline-image-box p {
        font-size: 20px;
        line-height: 28px;
    }

    .timeline-slash {
        position: relative;
    }

    .line-vertical {
        position: absolute;
        left: -40px;
        top: 50%;
        transform: translateY(-50%);
    }

    .enviromental-top {
        gap: 0;
        padding-right: 40px;
    }

    .enviromental-image {
        flex: 0 0 606px;
    }

    .enviromental-heading {
        padding: 24px 148px 0 40px;
    }

    .enviromental-top .v-line {
        height: calc(100% + 72px + 48px);
    }

    .enviromental-top .line-1 {
        top: -72px;
    }

    .enviromental-top .line-2 {
        top: -72px;
    }

    .enviromental-top .line-3 {
        top: -72px;
    }

    .enviromental-top .line-4 {
        top: -72px;
    }

    .enviromental-top .line-5 {
        top: -72px;
    }

    .list-cert .icon-cert {
        padding: 40px 48px;
    }

    .list-cert .icon-cert img {
        height: 180px;
    }

    .about-banner-main {
        padding: 52px 0 64px;
    }

    .about-banner-header {
        padding: 48px;
    }

    .about-banner-header .section-title,
    .about-banner-header .description {
        max-width: 944px;
        margin: 0 auto;
    }

    .about-banner-header .section-title {
        margin-bottom: 24px;
    }

    .some-number {
        padding: 24px 48px;
        font-size: 20px;
        line-height: 28px;
    }

    .about-numbers .item-about-number {
        padding: 32px 48px 48px;
    }

    .about-numbers .item-years {
        padding: 32px 24px 48px;
    }

    .about-numbers .item-about-number .item-about-title {
        font-size: 120px;
        line-height: 144px;
    }

    .about-numbers .item-about-number p {
        font-size: 20px;
        line-height: 28px;
    }

    .navbar li.menu-item-has-children.active .submenu-wrapper{
        border-bottom: 0;
    }

    .about-space {
        height: 64px;
    }

    .about-images {
        gap: 24px;
    }

    .about-images-right {
        flex: 0 0 66.06%;
    }

    .img-mission {
        padding-left: 40px;
        flex: 0 0 181px;
    }

    .our-mission {
        gap: 24px;
    }

    .our-mission .img-mission img {
        height: 148px;
    }

    .our-mission .box-content-mission {
        width: 413px;
        padding-top: 96px;
    }

    .box-content-mission h2 {
        font-size: 64px;
        line-height: 76px;
        margin-bottom: 10px;
    }

    .box-content-mission p {
        font-size: 40px;
        line-height: 52px;
    }

    .our-goal {
        display: block;
        margin-left: 761px;
        margin-top: -102px;
    }

    .our-goal .box-content-mission {
        padding-top: 32px;
        width: auto;
    }

    .img-goal {
        right: unset;
        left: -38px;
        transform: translateX(-100%) !important;
        padding: 0;
    }

    .img-goal img {
        width: 223px;
    }

    .contact-main {
        padding: 52px 0 64px;
    }

    .contact-header {
        padding: 48px 0;
    }

    .contact-header .section-title {
        margin: 0 auto;
        max-width: 944px;
    }

    .box-left-inner {
        flex-direction: column;
    }

    .contact-form-wrapper {
        display: flex;
    }

    .box-left-form {
        flex: 0 0 50%;
    }

    .contact-form {
        flex: 0 0 50%;
        padding: 48px;
    }

    .address-company {
        padding: 24px 48px;
    }

    .address-company h3 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 8px;
    }

    .address-company p {
        font-size: 18px;
        line-height: 25px;
    }

    .meta-company {
        flex-direction: row;
    }

    .phone-company {
        padding: 40px 48px;
    }

    .phone-company h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .phone-company p {
        font-size: 18px;
        line-height: 25px;
    }

    .contact-form-inner {
        gap: 40px;
    }

    .contact-form-row {
        flex-direction: row;
        gap: 40px;
    }

    .contact-form-row .form-group {
        flex: 1;
    }

    .contact-form-row .form-group label {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 25px;
    }

    .contact-form-row .form-group input,
    .contact-form-row .form-group textarea {
        border-radius: 16px;
        padding: 20px;
        font-size: 16px;
        line-height: 22px;
    }

    .contact-form-row .form-group input {
        height: 66px;
    }

    .contact-form-row .form-group textarea {
        height: 130px;
    }

    .contact-form-row .form-group input::placeholder,
    .contact-form-row .form-group textarea::placeholder {
        font-size: 16px;
        line-height: 22px;
    }

    .submit-container {
        margin-top: 40px;
    }

    .submit-container .btn-blue {
        padding: 20px 48px;
    }

    .box-left-inner {
        height: 100%;
    }

    .contact-company {
        flex: 1;
    }

    .meta-company {
        flex: 1;
    }

    .navbar .menu-item .submenu {
        padding: 10px 0;
    }

    .menu-light {
        border-bottom: 0;
    }

    .about-enviromental .section-title {
        text-align: left;
        font-size: 56px;
        line-height: 68px;
        margin-bottom: 24px;
        max-width: 554px;
    }

    .enviromental-des {
        font-size: 20px;
        line-height: 28px;
    }

    .about-devices .about-devices-header h3 {
        font-size: 56px;
        line-height: 68px;
        font-weight: 900;
    }

    .about-devices .about-devices-header h3 span:not(.count) {
        font-size: 18px;
        line-height: 25px;
    }

    .about-devices .about-devices-header p {
        font-size: 16px;
        line-height: 22px;
    }

    .about-employees {
        padding: 32px 40px;
        flex: 0 0 300px;
    }

    .about-devices {
        flex: 0 0 300px;
        padding: 32px 40px 0;
    }

    .about-employees h3 {
        font-size: 56px;
        line-height: 68px;
    }

    .about-employees .about-employees-header p {
        font-size: 16px;
        line-height: 22px;
    }

    .img-employees {
        margin-top: 37px;
    }

    .img-employees img {
        height: 48px;
    }

    .img-devices {
        width: 174px;
    }

    .img-mission svg {
        top: -14px;
        left: 27px;
    }

    .pathLine {
        stroke-dasharray: 243;
        stroke-dashoffset: 243;
        animation: drawLg 12s linear infinite;
    }

    .pathPolygon {
        transform-origin: 50% 50%;
        transform-box: fill-box;
        animation: moveAlong 12s linear infinite;
        offset-path: path("M13 13V121C13 138.673 27.3269 153 45 153H131");
        offset-rotate: auto;
        transform: translateX(6px);
    }

    .LineGoal {
        stroke-dasharray: 188;
        stroke-dashoffset: 188;
        animation: drawGoalLg 12s linear infinite;
        /* animation-delay: 6s; */
    }

    .PolygonGoal {
        transform-origin: 50% 50%;
        transform-box: fill-box;
        opacity: 0;
        visibility: hidden;
        animation: moveAlong2 12s linear infinite;
        offset-path: path("M14.1401 75.9999L202.14 76");
        offset-rotate: auto;
        transform: translateX(6px);
        /* animation-delay: 6s; */
    }

    .site-footer {
        padding: 72px 0 24px;
    }

    .BackgroundGold {
        /* stroke-dasharray: 195;
        stroke-dashoffset: 195;
        animation: drawBackgroundGoal 6s linear infinite; */
    }

}

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

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

    .footer-menus-desktop {
        flex: 0 0 821px;
    }
}

@media (min-width: 1488px) {
    .container {
        max-width: 1488px;
        padding-left: 0;
        padding-right: 0;
    }
}