@import url(./reset.css);
.video-banner video {
    width: 100%;
    height: auto;;
}
.box-shadow img {
    width: 100%;
}
/* Section why choose us */
.content-about-header {
    text-align: left;
    margin-bottom: 50px;
}

.btn-choose-us {
    display: flex;
    padding: 12px var(--24px, 24px);
    justify-content: center;
    align-items: flex-end;
    gap: 32px;
    border: 1px solid var(--High-Blue, #5296D2);
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 14px;
    font-weight: 700;
    line-height: 140%; /* 19.6px */
    letter-spacing: -0.28px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.btn-choose-us span {
    color: var(--High-Blue, #5296D2);
}
.content-about-header h1 {
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 40px;
    font-weight: 700;
    line-height: 130%; /* 52px */
    text-transform: capitalize;
}
.content-right {
    right: 0;
}

.team-image {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.company-info {
    display: flex;
    padding: 32px 48px 72px 48px;
    background:rgba(223, 229, 231);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--24px, 24px);
}
.company-info h2 {
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-weight: 700;
    font-size: 24px;
    line-height: 130%; /* 52px */
}
.company-info p {
    padding-left: 32px;
    color: var(--Gray-Scale-Gray-500, #808080);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

.company-logo {
    width: 50px;
    height: auto;
    margin-bottom: 20px;
}

h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.highlight {
    color: #007bff;
}
.statistic-detail {
    margin: 30px 0;
}

.statistic-content {
    margin-left: 20px;
    display: grid;
    align-content: center;
}

.stat-circle {
    display: flex;
    width: 100px;
    height: 100px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 666px;
    border: 1px solid var(--Gray-Scale-Gray-400, #999);
    background: #FFF;
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
    text-transform: capitalize;
}


.statistic-content h3 {
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 24px;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
}
.statistic-content p {
    color: var(--Gray-Scale-Gray-400, #999);
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
}

/* section connection */
.section-connection {
    padding-bottom: 80px;
}

/* Section team members */
.content-heading-team-members {
    text-align: center;
    padding-bottom: 48px;
}
.content-heading-team-members h1 {
    -webkit-text-stroke-color: var(--Gray, #E6E6E9);
    font-size: 120px;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 144px */
    letter-spacing: 9.6px;
    text-transform: uppercase;
    color: rgba(230, 230, 233, 1);
}
.content-heading-team-members p {
    color: var(--Gray-Scale-Gray-400, #999);
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%; /* 24px */
    padding: 0 20%;
}
.box-shadow {
    padding: 20px;
}
.infor-member {
    display: flex;
    padding-bottom: 16px;
    padding-top: 24px;
    flex-direction: column;
    align-items: center;
    text-transform: uppercase;
    background: #f2f2f2;
}
.infor-member h2 {
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 31.2px */
    text-transform: capitalize;
    text-transform: uppercase;

}
.infor-member span {
    color: var(--Gray-Scale-Gray-400, #999);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; 
    word-spacing: 2px; 
}

/* section-maxim-of-company */
.section-maxim-of-company {
    padding: 80px 0;
}
.content-maxim h3 {
    color: var(--Gray-Scale-Gray-900, #1A1A1A);
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 83.2px */
    padding: 0 24px;
}
.content-maxim span {
    color: var(--High-Blue, #5296D2);
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
}

/* section-img-end */
.show-list-img {
    display: flex;
    flex-wrap: wrap;
}

.list-img {
    display: flex;
    justify-content: center;
    align-items: center;
}

.show-list-img img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.video-end video {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}



@media (min-width: 1400px) {
    .section-statistical {
        padding: 80px 0;
    }
}
@media (max-width: 1400px) {
    .section-why-choose-us {
        margin-bottom: 80px;
    }
}
@media (max-width: 1024px) {
    .content-header-our-network h1 {
        font-size: 60px;
    } 
}

@media (min-width: 992px) {
    .content-responsive {
        display: none;
    }
    .content {
        position: relative;
        display: flex;
        justify-content: space-between;
    }
    .statistic-detail {
        justify-content: center; 
        align-items: center;
    }
    .statistic-content {
        max-width: 30%;
    }
    .content-left {
        padding: 80px 0;
    }
    .section-why-choose-us {
        padding: 80px 0;
    }
}
@media (max-width: 992px) {
    .content-right {
        display: none;
    }
    .content-responsive {
        padding: 40px 0 0 0;
    }
    .section-why-choose-us {
        padding-top:  80px;
    }
    .section-our-network {
        margin: 72px 0;
    }
    .content-our-network {
        text-align: left;
    }
    .content-heading-team-members h1 {
        font-size: 80px;
    }
}
@media (min-width: 768px) {
    .content-about-header h1  {
        width: 75%;
    }
}
@media (max-width: 768px) {
    .stat-circle {
        padding: 14px;
    }
    .img-logo-company {
        display: none;
    }
    .content-maxim h3, 
    .content-maxim span {
        font-size: 42px;
        line-height: normal;
        padding: 0;
    }
}
@media (max-width: 576px) { 
    .content-maxim h3, .content-maxim span {
        font-size: 35px;
    }
    .content-heading-team-members h1 {
        font-size: 70px;
    }
    .content-heading-team-members p {
        padding: 0 20px;
    }
}
@media (max-width: 468px) {
    .content-heading-team-members h1 {
        font-size: 60px;
    }
}
@media (max-width:375px) {
    .content-heading-team-members h1 {
        font-size: 40px;
    }
}