.semibold{
font-weight: 600;
}
.hero-about-container{
margin: 0 auto;
margin-top: 5%;
width: 90.5%;
background-color: #007FFF;
overflow: hidden;
position: relative;
}
.swiper-pagination-about{
position: relative;
text-align: left;
}
.swiper-pagination-bullet {
width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,12px));
height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,12px));
display: inline-block;
border-radius: 50%;
background: var(--swiper-pagination-bullet-inactive-color,#EFE9E9);
opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
}
.swiper-pagination-bullet-active {
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-pagination-color,#CBCBCB);
}
.swiper-pagination{
position: absolute;
width: 30% !important;
left: 6% !important;
text-align: left;
bottom: 23%!important;
}
.swiper-about{
display: flex;
width: 100%;
overflow: hidden;
}
.box-second-section, .box-second-section-2, .cta-file-box, .box-hero-about, .box-hero-about-img{
width: 50%;
}
.box-second-section-2{
padding-left: 6%;
}
.box-hero-about-img img{
width: 92%;
margin-top: 0%;
height: 100%;
margin-left: 8%;
}
.box-hero-about{
padding: 11% 0 0 6%;
}
.heading-about{
margin-bottom: 5%;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: clamp(27px, 2.6vw, 50px);
font-weight: 400;
color: #F8F8F8;
width: 90%;
}
.box-second-section img{
width: 118.5%;
}
.text-desc-cta-about,.text-about-banner{
font-family:'Outfit', sans-serif;
font-size: clamp(9px, 0.94vw, 18px);
color: #F8F8F8;
width: 90%;
}
.text-desc-cta-about{
margin-top: 7%;
}
.second-section-about{
margin: 0 auto;
margin-top: 9.8%;
display: flex;
width: 80%;
gap: 11%;   
}
.sub-title-about{
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: clamp(17px,1.5vw,32px);
color: #0A4588;
}
.sub-title-desc{
padding-left: 10%;
font-family: 'Plus Jakarta Sans', sans-serif;
font-size: clamp(17px,1.5vw,32px);
color: #0A4588;
}
.box-third-content{
width: 50%;
}
.box-third-content p{
font-family: 'Outfit', sans-serif;
font-size: clamp(9px,0.94vw,18px);
margin-bottom: 6%;
font-weight: 300;
}
.text-video-about{
font-family: 'Outfit', sans-serif;
font-size: clamp(9px,0.94vw,18px);
margin-bottom: 6%;
font-weight: 300;
}
.line-video-about{
width: 100%;
border-bottom: 2px solid #CCD7D8;
margin: 7% 0 8%;
}
.read-more-btn{
color: #007FFF;
display: flex;
gap: 4%;
margin-top: -3%;
}
.read-more-btn img{
width: 5%;
height: 100%;
margin: 1% 0 0 0;
}
.third-section-about{
padding: 6.5% 0;
margin-top: 9.8%;
background-color: #F8F8F8;
width: 100%;
}
.third-section-content{
margin: 0 auto;
display: flex;
width: 80%;
gap: 4%;
}
.blue-line-about{
margin-top: 2%;
margin-bottom: 2%;
width: 12%;
margin-left: 10%;
border-bottom: 2px solid #CCD7D8;
}
.blue-line-about::after{
content: "";
background: #007FFF;
height: 4px;
top: 3px;
width: 45%;
display: block;
position: relative;
}
.second-content{
margin-top: 5%;
}
.third-section-second-content{
margin: 0 auto;
margin-top: 3%;
display: grid;
grid-template-columns: repeat(3, 31.6%);
width: 80%;
gap: 30px;
}
.title-number{
font-family: 'Outfit', sans-serif;
font-size: clamp(17px,1.5vw,32px);
color: #FF9D48;
font-weight: 600;
}
.box-content-third{
background-color: white;
border-radius: 0 0 0 45px;
width: 100%;
padding: 9% 0 10% 7%;
}
.green-container {
padding: 6.6% 5%;
margin: 0 auto;
margin-top: 0px;
margin-top: 0px;
margin-top: 9.8%;
width: 90%;
display: flex;
background-image: url(//www.nx-park.com/wp-content/themes/nxparkupdate/assets/Group 2956.png);
gap: 14%;
background-size: cover;
background-repeat: no-repeat;
}
.cta-file-box img, .green-box{
width: 100%;
}
.line-data-about {
margin-top: 4%;
border-bottom: 1vw solid #CAD6DC;
width: 92%;
position: relative;
}
.line-data-about::after {
content: "";
background: #007FFF;
height: 1vw;
top: 1%;
display: block;
position: absolute;
}
.box-content-third:nth-child(1) .line-data-about::after {
width: 80.2%;
}
.box-content-third:nth-child(2) .line-data-about::after {
width: 74.9%;
}
.box-content-third:nth-child(3) .line-data-about::after {
width: 84.5%;
}
.box-content-third:nth-child(4) .line-data-about::after {
width: 91.4%;
}
.box-content-third:nth-child(5) .line-data-about::after {
width: 65.5%;
}
.box-content-third:nth-child(6) .line-data-about::after {
width: 85.3%;
}
.line-orange-about{
margin-top: -2%;
margin-bottom: 7%;
border-bottom: 2px solid #CCD7D8;
width: 40%;
}
.line-orange-about::after{
content:'';
background: #FEA63E;
top: 3px;
height: 4px;
width: 40%;
display: block;
position: relative;
}
.line-orange-cta{
margin-bottom: 3%;
border-bottom: 2px solid #CCD7D8;
width: 36%;
}
.line-orange-cta::after{
content:'';
background: #FEA63E;
top: 3px;
height: 4px;
width: 40%;
display: block;
position: relative;
}
.title-data-about{
display: flex;
gap: 2%;
margin-top: 4%;
margin-bottom: 2%;
}
.title-data-about img{
width: 4%;
}
.desc-data{
font-family:'Outfit', sans-serif;
font-size: clamp(9px, 0.94vw, 18px);
font-weight: 300;
color:#1d1d1d;
width: 88%;
}
.position{
font-family:'Outfit', sans-serif;
font-size: clamp(9px, 0.94vw, 18px);
font-weight: 300;
color:#1d1d1d;
}
.desc-banner {
margin-top: 8%;
font-family: 'Outfit', sans-serif;
font-size: clamp(9px, 0.94vw, 18px);
font-weight: 300;
color: white;
}
.title-banner-about{
font-family: 'Outfit', sans-serif;
font-size: clamp(17px,1.5vw,32px);
text-transform: uppercase;
font-weight: 400;
color: #F8F8F8;
width: 88%;
}
.title-desc-about{
font-family: 'Outfit', sans-serif;
font-size: clamp(17px,1.5vw,32px);
font-weight: 400;
color: #F8F8F8;
width: 88%;
}
.img-banner-about {
margin: 0 auto;
width: 71%;
}
.img-banner-about img{
width: 100%;
}
.team-section{
margin: 0 auto;
margin-top: 9.8%;
width: 80%;
}
.team-section h1 {
padding-bottom: 2%;
font-family: 'Plus Jakarta Sans', sans-serif;
font-weight: 600;
font-size: clamp(20px, 1.67vw, 32px);
color: #0A4588;
width: 47.2%;
border-bottom: 2px solid #CCD7D8;
}
.team{
margin-top: 3%;
display: grid;
grid-template-columns: repeat(3,31%);
grid-template-rows: auto;
grid-gap: 38px;
}
.box-team{
width: 100%;
margin-bottom: 7%;
}
.box-team img{
width: 100%;
height: 84%;
}
.name{
margin: 5% 0 2%;
font-family:'Outfit', sans-serif;
font-size: clamp(12px,1.4vw,24px);
font-weight: 700;
}
.blue-section{
margin-top: 9.8%;
padding: 5% 0;
background-color: #002D5A;
position: relative;
height: 46.5vw;
}
.logo-blue{
position: absolute;
bottom: 0;
width: 15%;
left: 0;
}
.cta-about-file{
margin: 0 auto;
width: 80%;
display: flex;
gap: 3%;
}
.btn-download{
margin-top: 5%;
border: 2px solid white;
text-align: center;
color: white;
border-radius: 10px;
width: 26%;
padding: 1% 2%;
display: block;
}
.download-btn-blue{
margin-top: -7%;
border: 2px solid #074680;
text-align: center;
color: #074680;
border-radius: 10px;
width: 75%;
padding: 3% 9%;
display: block;
margin-left: 14%;
margin-bottom: 12%;
}
.call-to-action-side-about{
margin: 0 auto;
margin-top: 6.5%;
width: 80%;
display: flex;
}
.box-button-1, .box-button-2{
border-radius: 15px;
margin-left: 12%;
background-color: white;
width: 100%;
height: auto;
-webkit-transition: 0.5s ease-in-out;
cursor: pointer;
}
.box-img-3{
width: 19%;
margin-top: 25%;
margin-bottom: -11%;
}