*,html{
font-family: Inter;
}
@font-face {
font-family: "BR Omega";
src: url('../fonts/BROmega-Bold.eot');
src: url('../fonts/BROmega-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/BROmega-Bold.woff2') format('woff2'),
url('../fonts/BROmega-Bold.woff') format('woff'),
url('../fonts/BROmega-Bold.ttf') format('truetype'),
url('../fonts/BROmega-Bold.svg#BROmega-Bold') format('svg');
font-weight: bold;
}
/* header */
#mega-menu-primary .mega-menu-link,.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{
font-size: 14px;
line-height: 18px;
font-family: 'Inter'!important;
padding: 0px 17px!important;
height: auto!important;
font-weight: 700 !important;
}
.header_main .e-con-inner{
display: flex;
justify-content: space-between!important;
align-items: center !important;
}
.menu-item .sub-arrow svg{
fill: #2EF2FF;
transition: all 0.5s ease;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children a{
padding-right: 40px!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-pll-parent-menu-item.mega-menu-item.mega-pll-parent-menu-item > a.mega-menu-link {
padding: 6px 26px 6px 6px !important;
}
#mega-menu-primary .mega-menu-link .mega-indicator:after{
content: ''!important;
transition: all 0.5s ease;
width: 14px!important;
background: url('../images/plus.svg')!important;
height: 14px !important;
background-size: contain !important;
background-position: center !important;
position: absolute!important;
right: 25px!important;
top: calc(50% - 7px)!important;
}
#mega-menu-primary .mega-menu-link .mega-indicator{
position: static !important;
}
.admin-bar .header_main {
top: 30px!important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget span{
color: #2EF2FF;
font-size: 10px;
line-height: 18px;
font-weight: 700;
font-family: 'Inter'!important;
padding: 18px 0px 13px;
display: block;
}
#mega-menu-wrap-primary .mega-menu-column.mega-menu-columns-6-of-12{
width: calc(50% - 14px)!important;
}
#mega-menu-wrap-primary .mega-sub-menu .mega-menu-row>.mega-sub-menu{
display: flex!important;
column-gap: 28px;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget .textwidget {
display: flex;
align-items: center;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget .textwidget img{
margin-right: 10px;
margin-top: 6px;
width: 16px;
height: auto;
}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-60.mega-menu-item{
position: relative;
}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-60.mega-menu-item ul.mega-sub-menu{
min-width: 628px!important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-has-children>ul.mega-sub-menu,.sub-menu{
border: 1px solid #FFFFFF0D!important;
margin-left: 17px;
padding: 0px 18px!important;
background-color: rgb(8 13 39 / 50%) !important;
border-radius: 12px!important;
min-width: 206px!important;
-webkit-backdrop-filter: blur(10px)!important;
backdrop-filter: blur(10px)!important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 ul.mega-sub-menu{
max-width: 628px!important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 ul.mega-sub-menu .mega-sub-menu{
max-width: 100%!important;
min-width: inherit!important;
}
/*#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-custom::before,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-post_type::before {
content: '';
display: block;
content: url(../images/right.png);
position: absolute;
top: calc(50% - 8px);
position: absolute;
opacity: 0;
width: 16px;
height: 16px;
right: 18px;
transition: all 0.5s;
}*/
/*#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
background-color: transparent !important;
}*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-custom:hover::before,#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-menu-item-type-post_type:hover::before {
right: 5px;
opacity: 1;
transition: all 0.5s;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a, .sub-menu li a{
color: #fff!important;
font-size: 14px!important;
font-weight: 700;
line-height: 18px!important;
padding: 15px 0px!important;
position: relative;
text-align: left;
display: block;
background-color: transparent!important;
font-family: 'Inter'!important;
text-transform: inherit !important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 ul.mega-sub-menu li.mega-menu-item a:before{
display: none;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a:hover, .sub-menu li a:hover{
background-color: transparent!important;
color: #2EF2FF!important;
padding: 15px 20px 15px 0px!important;
line-height: 18px!important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a{
padding: 15px 20px 15px 0px!important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 .mega-menu-column{
width: calc(50% - 14px)!important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 .menu_mega_solutions>ul.mega-sub-menu{
display: flex;
justify-content: space-between;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a:before, .sub-menu li a:before{
content: url('../images/right.svg');
position: absolute;
top: calc(50% - 8px);
right: 30px;
width: 16px;
height: 16px;
transition: all 0.5s ease;
opacity: 0;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a:hover:before,.sub-menu li a:hover:before{
right: 0;
opacity: 1;
}
#mega-menu-primary .mega-sub-menu li:not(:last-child), .sub-menu li:not(:last-child){
border-bottom: 1px solid rgba(225,225,225,0.1)!important;
}
#mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-menu-item-type-widget{
border-bottom: none!important;
}
#mega-menu-wrap-primary,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{
background-color: transparent!important;
}
.elementor-widget-nav-menu .elementor-nav-menu .elementor-item:hover .sub-arrow svg,
#mega-menu-primary .mega-menu-link:hover .mega-indicator:after{
-webkit-transform: rotate(-45deg)!important;
-moz-transform: rotate(-45deg)!important;
-ms-transform: rotate(-45deg)!important;
-o-transform: rotate(-45deg)!important;
transform: rotate(-45deg)!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-pll-parent-menu-item{
margin-left: 17px;
}
.mega-pll-parent-menu-item span{
display: none;
}
.mega-pll-parent-menu-item span.mega-indicator,.mega-pll-parent-menu-item .mega-sub-menu span{
display: inline-block;
}
.mega-pll-parent-menu-item .mega-menu-link{
display: flex!important;
align-items: center;
}
#mega-menu-primary .mega-pll-parent-menu-item .mega-menu-link .mega-indicator:after{
background-image: url('../images/arrow-down.png')!important;
right: -1px !important;
background-size: cover !important;
}
#mega-menu-primary .mega-pll-parent-menu-item .mega-menu-link:hover .mega-indicator:after{
-webkit-transform: rotate(-180deg)!important;
-moz-transform: rotate(-180deg)!important;
-ms-transform: rotate(-180deg)!important;
-o-transform: rotate(-180deg)!important;
transform: rotate(-180deg)!important;
}
#mega-menu-primary .mega-pll-parent-menu-item .mega-menu-link:before{
display: none!important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-pll-parent-menu-item.mega-menu-item-has-children>ul.mega-sub-menu{
min-width: 120px!important;
width: auto!important;
margin-left: 0!important;
}
.mega-pll-parent-menu-item img{
width: 27px!important;
height: auto!important;
}
#mega-menu-primary .mega-pll-parent-menu-item>a{
padding: 6px 26px 6px 6px !important;
border-radius: 6px!important;
background: #FFFFFF0D!important;
position: relative;
}
#mega-menu-primary .mega-pll-parent-menu-item a .mega-indicator{
position: absolute!important;
right: 6px;
}
/* end header */
#footer{
background: radial-gradient(196.51% 100% at 43% 0%, rgba(14, 20, 52, 0) 51.12%, #1B275A 100%);
}
#footer .footer_col_contact,
#footer .e-con-inner{
display: block;
}
#footer .footer_menu h3{
font-size: 16px;
line-height: 24px;
font-weight: 700;
color: #2EF2FF;
text-transform: uppercase;
font-family: "Sora", sans-serif;
}
#footer .footer_menu h4{
font-size: 14px;
line-height: 18px;
font-weight: 700;
color: rgba(225,225,225,0.5);
font-family: 'Inter';
margin-top: 12px;
}
#footer .footer_menu a,#footer .footer_menu p{
font-size: 14px;
line-height: 18px;
font-weight: 700;
color: #fff;
font-family: 'Inter';
margin-top: 12px;
display: block;
}
#footer .row_menu{
display: flex;
gap: 20px;
justify-content: space-between;
}
#footer .col_menu{
width: 50%;
}
#footer .footer_menu .elementor-icon:hover svg,#footer .footer_menu .elementor-icon:hover svg path{
fill: #2EF2FF;
color: #2EF2FF;
}
#footer .footer_menu .elementor-icon .elementor-screen-only{
display: none;
}
#footer .footer_menu .elementor-icon{
display: flex;
align-items: center;
justify-content: center;
}
#footer .footer_menu .elementor-icon svg{
height: 15px;
width: 14px;
}
#footer .copyright .flex{
display: flex;
align-items: center;
column-gap: 14px;
}
#footer .copyright .copy_right span,
#footer .copyright .copy_right a{
font-size: 14px;
line-height: 18px;
color: rgb(255 255 255 / 80%);
}
/*a.mail_fpt {
text-decoration: underline;
}*/
.fpt_title {
display: flex;
}
.slide_service .div_slide {
display: flex!important;
justify-content: center;
align-items: center;
position: relative;
height: 100vh;
}
.slide_service .slick-slide.slick-current .fpt_title .title{
color: rgba(46, 242, 255, 1);
}
.slide_service .slick-slide .fpt_title{
transition: all 1s ease;
transform: translate(0, -50%);
position: absolute;
width: 55%;
padding-left: calc((100% - 1126px) / 2);
left: 0;
z-index: 9;
}
.slide_service .slick-slide .fpt_img{
transform: translate(50%, 0);
transition: all 1s ease;
width: 55%;
margin-left: auto;
}
.slide_service .slick-slide.slick-current .fpt_title{
transform: translate(0, 0);
}
.slide_service .slick-slide.slick-current .fpt_img{
transform: translate(0, 0);
}
.slide_service .slick-slide {
overflow: hidden;
height: 100vh;
}
.service_list {
height: 100vh;
overflow: hidden;
}
.slide_service .fpt_icon .bg_icon{
width: 46px;
min-width: 46px;
margin-right: 0;
position: relative;
z-index: 99;
}
.slide_service .fpt_icon .icon.solutions_animate .bg_icon, .desktop_section .bg_icon.icon_blue {
display: none;
}
.slide_service .fpt_icon .icon.solutions_animate .bg_icon.icon_blue {
display: block;
}
.elementor-custom-embed-play svg{
width: 46px;
min-width: 46px;
height: 46px;
position: relative;
z-index: 9999;
opacity: 1;
}
.slide_service .fpt_icon .icon,.elementor-custom-embed-play{
position: relative;
overflow: hidden;
background: #334679;
width: 88px;
height: 88px;
border-radius: 50%;
border: none;
font-size: 1rem;
color: #e0ffff;
font-weight: 500;
cursor: pointer;
z-index: 1;
}
/*.slide_service .fpt_icon .icon:active,.elementor-custom-embed-play:active{
transform: scale(0.95);
}*/
.elementor-custom-embed-play .elementor-screen-only:before{
position: absolute;
background: #0C1838;
width: 74px;
height: 74px;
top: 7px;
left: 7px;
border-radius: 100%;
z-index: 999;
content: '';
}
.elementor-custom-embed-play .elementor-screen-only{
position: static;
}
.slide_service .fpt_icon .icon div{
background: #0C1838;
width: 74px;
height: 74px;
margin: 7px;
position: relative;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.slide_service .fpt_icon .icon:before, .elementor-custom-embed-play:before{
content: '';
position: absolute;
inset: -3px 17px;
background: #2EF2FF;
transition: 500ms;
z-index: -1;
}
.slide_service .fpt_icon .icon:hover::before, .elementor-custom-embed-play:hover:before, .icon.solutions_animate:before{
animation: rotates 4s linear infinite;
}
.slide_service .fpt_icon .icon::after, .elementor-custom-embed-play:after{
content: '';
background: #080D27;
width: 84px;
height: 84px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: -1;
border-radius: 100%;
}
.elementor-custom-embed-play:hover:after,.scrolltop:hover:after{
transform: rotate(180deg);
}
.slide_service .slick-slide.slick-current .fpt_icon .icon::after{
animation: rotate 3s linear infinite;
}
.slide_service .fpt_icon{
margin-right: 26px;
position: relative;
}
.slide_service .fpt_icon::before {
content: '';
display: none;
position: absolute;
left: 8px;
top: 70px;
background: linear-gradient(90deg, rgba(46, 242, 255, 0) 0%, #2EF2FF 18.65%, rgba(46, 242, 255, 0) 100%);
animation: moveLine 3s forwards infinite;
animation-timing-function: ease-in-out;
width: 72px;
height: 4px;
rotate: 90deg;
}
@keyframes moveLine {
from {
transform: translateX(0px);
}
to {
transform: translateX(100vh);
}
}
.fpt_icon::after {
border: 2px solid rgba(255, 255, 255, 0.05);
content: '';
width: 0px;
height: 100vh;
display: block;
position: absolute;
left: 42px;
top: 70px;
}
.scrolltop{
position: fixed;
width: 60px;
height: 60px;
border-radius: 100%;
right: 30px;
bottom: 70px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: all 0.4s ease;
cursor: pointer;
z-index: 999;
pointer-events: none;
}
.scrolltop img{
transform: rotate(180deg);
transition: all 0.4s ease;
}
.scrolltop.show{
opacity: 1;
bottom: 50px;
pointer-events: auto;
}
.scrolltop:hover img{
margin-top: -10px;
}
.scrolltop:before{
content: '';
background: #080D27;
width: 56px;
height: 56px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: 9;
border-radius: 100%;
}
.scrolltop div{
background: #0C1838;
width: 50px;
height: 50px;
position: relative;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.scrolltop:after {
content: "";
position: absolute;
inset: 0px;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 100%;
transform: rotate(90deg);
transition: all 0.4s ease;
background: #2EF2FF;
}
.search_list{
background: rgba(10, 25, 60, 1);
outline: 3px solid #1959AD40;
border: 2px solid rgba(8, 13, 39, 1);
border-radius: 24px;
padding: 30px;
min-width: 600px;
color: #fff;
height: 78px;
transition: 0.5s all;
}
.search_list:hover {
outline: 3px solid rgb(25 89 173 / 50%);
}
.search_div{
text-align: center;
margin-bottom: 20px;
position: relative;
}
img#search-button {
position: absolute;
top: 50%;
transform: translate(-100%, -50%);
right: calc(100% / 2 - 300px);
cursor: pointer;
}
.custom-search-tabs ul.tab-list {
padding: 7px;
margin-bottom: 0;
list-style: none;
height: 84px;
border: 3px solid rgba(25, 89, 173, 0.25);
border-radius: 24px;
background: rgba(9, 17, 46, 1);
display: flex;
justify-content: space-between;
}
.custom-search-tabs ul.tab-list >li {
float: left;
height: 100%;
width: auto;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
}
.custom-search-tabs ul.tab-list >li.active>a,
.custom-search-tabs ul.tab-list >li.active>a:focus,
.custom-search-tabs ul.tab-list >li.active>a:hover {
color: rgba(234, 237, 255, 1);
background: linear-gradient(180deg, #253575 0%, #162561 100%);
width: 100%;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 14px;
border: 1px solid #334679;
z-index: 1;
}
.custom-search-tabs ul.tab-list ul.dropdown li.active a::after {
display: none;
}
.custom-search-tabs ul.tab-list li a {
display: flex;
align-items: center;
justify-content: center;
text-transform: uppercase;
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 24px;
letter-spacing: 0.02em;
text-align: center;
padding: 25px;
}
.custom-search-tabs ul.tab-list li.view-more a {
padding-right: 34px;
}
.custom-search-tabs ul.tab-list li {
position: relative;
}
.custom-search-tabs ul.tab-list li.active a::before {
content: "";
position: absolute;
inset: 0;
border-radius: 14px;
padding: 2px;
background: linear-gradient(180deg, #253575 0%, #162561 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
pointer-events: none;
}
.custom-search-tabs ul.tab-list li.active a::after {
content: "";
background-image: url(../images/light.png);
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
border-radius: 14px;
}
.view-more .dropdown{
position: absolute;
opacity: 0;
visibility: hidden;
z-index: 999;
top: calc(100% - 10px);
right: 0;
border: 3px solid rgba(25, 89, 173, 0.25);
border-radius: 24px;
background: rgba(9, 17, 46, 1);
padding: 15px;
}
.view-more:hover .dropdown{
opacity: 1;
visibility: visible;
}
.view-more img{
margin-left: 6px;
}
.custom-search-tabs ul.tab-list .view-more .dropdown li a{
padding: 8px 0px;
text-align: left;
display: block;
}
.custom-search-tabs ul.tab-list .view-more .dropdown li.active a::before{
display: none;
}
.custom-search-tabs ul.tab-list .view-more .dropdown li.active a{
color: #2EF2FF;
}
.custom-search-tabs .tabs{
margin-bottom: 70px;
}
.div_post__list{
display: flex;
gap: 20px;
flex-flow: wrap;
}
.newsroom-list.div_post__list {
display: block;
}
.post__item.col_3{
width: calc(33.33% - (40px / 3));
}
.whitepape-item{
border: 1px solid #334679;
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
border-radius: 20px;
position: relative;
}
.whitepape-item h4{
font-size: 28px;
line-height: 30px;
font-weight: 600;
color: #fff;
font-family: "BR Omega";
margin: 15px 0px 15px 0px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
}
.whitepape-item .post-excerpt p{
font-size: 12px;
line-height: 16px;
font-weight: 400;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
font-family: Inter;
color: rgba(225,225,225,0.6);
letter-spacing: 0.02em;
}
.whitepape-button.fpt_btn {
color: rgba(46, 242, 255, 1);
margin: 0px;
}
.whitepape-item .meta{
padding: 24px 24px 100px 24px;
}
.fpt_btn:hover {
background-image: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
transition: background-image 0.8s ease-in-out;
box-shadow: 0px -14px 48px 0px rgba(40, 51, 111, 0.69);
}
.whitepape-item .div_btn{
margin: 30px 0px 0px;
display: flex;
align-items: center;
column-gap: 10px;
position: absolute;
bottom: 30px;
left:30px;
width: calc(100% - 48px);
}
.download-item .div_btn{
margin: 30px 0px 0px;
display: flex;
align-items: center;
column-gap: 10px;
position: absolute;
bottom: 30px;
left:30px;
width: calc(100% - 60px);
}
.whitepape-item .div_btn.no_file .more_infor,
.download-item .div_btn.no_file .more_infor,
.body_story .div_btn .more_infor{
width: 100%;
}
.whitepape-item .div_btn .more_infor,.download-item .div_btn .more_infor{
width: calc(100% - 66px);
display: inline-block;
text-align: center;
color: #2EF2FF;
font-size: 16px;
line-height: 24px;
text-transform: uppercase;
}
.whitepape-item .div_btn a,.download-item .div_btn a{
margin: 0;
padding: 13px;
}
.popup_form_contact{
position: fixed;
left: 0;
z-index: 999;
background: rgb(0 0 0 / 70%);
width: 100%;
overflow: auto;
padding: 0px;
top: 0;
height: 100%;
}
.popup_form_contact:before{
content:'';
}
.faq_shortcode.visible.transform_none {
transform: none;
}
.whitepape-post-thumbnail>a{
position: relative;
display: block;
padding-top: 56.25%;
cursor: inherit;
}
.whitepape-post-thumbnail>a img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px 20px 0px 0px;
}
.whitepape-item .div_btn .btn_download img{
width: 26px;
height: 26px;
}
.whitepape-item.col_3.post__item::before {
content: "";
width: 120px;
height: 2px;
background: rgba(46, 242, 255, 1);
position: absolute;
top: 0;
left: 50%;
z-index: 1;
transform: translate(-50%, 0px);
opacity: 0;
}
.divprogress .progress{
border: 1px solid #FFFFFF0D;
background: #FFFFFF0D;
height: 6px;
width: 100%;
position: relative;
border-radius: 2px;
}
.divprogress .progress span{
display: inline-block;
background: #2EF2FF;
height: 6px;
position: absolute;
top: 0;
left: 0;
border-radius: 2px 0px 0px 2px;
}
.divprogress{
margin-top: 20px;
}
.divprogress .number span{
color: rgba(225,225,225,0.4);
font-size: 14px;
font-weight: 700;
font-family: Inter;
letter-spacing: 0.02em;
}
.divprogress .number{
display: flex;
justify-content: space-between;
margin-top:10px;
}
.download-item {
border: 1px solid #334679;
padding: 30px;
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
border-radius: 30px;
position: relative;
}
.download-item .download-post-thumbnail a{
cursor: inherit;
}
.download-item .download-post-thumbnail img{
width: 96px;
}
.download-item .meta {
padding-bottom: 80px;
padding-top: 70px;
}
.custom-pagination a {
line-height: 72px;
text-align: center;
font-size: 28px;
font-weight: 600;
letter-spacing: -0.02em;
color: #fff;
font-family: "BR Omega";
margin: 0px 5px;
display: flex;
justify-content: center;
position: relative;
overflow: hidden;
background: #334679;
width: 68px;
height: 68px;
border-radius: 50%;
border: none;
cursor: pointer;
z-index: 1;
}
.custom-pagination a:not(.prev-page):not(.next-page):before {
content: '';
background: #080D27;
width: 64px;
height: 64px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: -1;
border-radius: 100%;
}
.custom-pagination a:not(.prev-page):not(.next-page):after {
content: '';
background: #0C1838;
width: 56px;
height: 56px;
margin: 6px;
position: absolute;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
span.next_page_span, span.prev_page_span {
position: relative;
overflow: hidden;
background: #334679;
width: 68px;
height: 68px;
border-radius: 50%;
border: none;
cursor: pointer;
z-index: 1;
margin: 0 21px;
}
.custom-pagination{
display: flex;
justify-content: center;
margin-top: 70px;
padding: 2px 0;
}
.custom-pagination a img, .custom-pagination span img{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 24px;
height: 24px;
}
.custom-pagination a.prev-page img, .custom-pagination span.prev-page img{
transform: translate(-50%, -50%) rotateZ(180deg);
}
.custom-pagination span.explore_disabled.prev-page {
margin-right: 21px;
}
.custom-pagination .next-page, .custom-pagination .prev-page {
background: #0C1838;
width: 56px;
height: 56px;
margin: 6px;
position: relative;
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
span.next_page_span:after, span.prev_page_span:after {
content: '';
background: #080D27;
width: 64px;
height: 64px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: -1;
border-radius: 100%;
}
.next-page img, .prev-page img {
opacity: 0;
}
.next-page::before {
content: '';
display: block;
background-image: url(../images/Component-1.png);
position: absolute;
opacity: 1;
top: 50%;
transform: translate(0%, -50%);
right: 16px;
width: 24px;
height: 24px;
transition: all 0.5s;
}
.next-page::after {
content: '';
display: block;
background-image: url(../images/Component-1-1.png);
position: absolute;
top: 50%;
transform: translate(0%, -50%);
opacity: 0;
right: 16px;
width: 34px;
height: 24px;
transition: all 0.5s;
}
.next-page:hover::before {
right: 5px;
opacity: 0;
transition: all 0.5s;
}
.next-page:hover::after {
right: 5px;
opacity: 1;
transition: all 0.5s;
}
.prev-page::before {
content: '';
display: block;
background-image: url(../images/Component-1.png);
position: absolute;
opacity: 1;
right: 18px;
top: 50%;
transform: translate(0%, 50%);
width: 24px;
height: 24px;
transition: all 0.5s;
rotate: 180deg;
}
.prev-page::after {
content: '';
display: block;
background-image: url(../images/Component-1-1.png);
position: absolute;
opacity: 0;
top: 50%;
transform: translate(0%, 50%);
right: 8px;
width: 34px;
height: 24px;
transition: all 0.5s;
rotate: 180deg;
}
.prev-page:hover::before {
right: 28px;
opacity: 0;
transition: all 0.5s;
}
.prev-page:hover::after {
right: 18px;
opacity: 1;
transition: all 0.5s;
}
.download_form_bg{
height: auto;
z-index: 999;
}
.div_title{
text-align: center;
}
.div_title .title_section{
display: inline-block;
}
.download_form_bg {
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
}
.download_form_bg::-webkit-scrollbar {
width: 10px;
}
.download_form_bg::-webkit-scrollbar-track {
background: #f1f1f1;
}
.download_form_bg::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 10px;
border: 2px solid #f1f1f1;
}
.title_gradient {
text-align: center;
}
.title_gradient .elementor-heading-title{
font-family: "BR Omega";
font-size: 48px;
font-weight: 600;
line-height: 49px;
letter-spacing: -0.02em;
text-align: center;
color: transparent;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%);
-webkit-background-clip: text;
display: inline-block;
}
.video_section video{
object-fit: inherit!important;
background-size: inherit!important;
width: 100%;
height: auto;
}
.video_section {
position: relative;
}
.video_section::after {
content: "";
position: absolute;
width: 100%;
height: 10%;
bottom: 0px;
z-index: 999;
background: linear-gradient(180deg, rgba(8, 13, 39, 0) 0%, #080d27 100%);
left: 0;
}
.video_section::before {
content: "";
position: absolute;
width: 100%;
height: 7%;
left: 0;
top: -7%;
z-index: 1;
background: linear-gradient(180deg, rgba(8, 13, 39, 0) 0%, #000000 100%);
}
.submit_fpt button{
border: none!important;
}
.radio_fpt {
margin: 16px 0 12px;
display: flex;
align-items: center;
justify-content: center;
}
.radio_fpt .radio_div {
width: 462px;
height: 52px;
border-radius: 15px;
border: 2px solid rgba(8, 13, 39, 1);
display: flex;
outline: 3px solid rgba(25, 89, 173, 0.25);
background: rgba(8, 13, 39, 0.5);
}
.radio_fpt .wpcf7-list-item {
width: 50%;
text-align: center;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
margin: 0px 3px 0px 3px;
}
.radio_fpt label {
height: 40px;
width: 100%;
margin: 0px;
}
.radio_fpt input[type="radio"],
.radio_fpt input[type="radio"]:checked {
display: none;
}
.radio_fpt input[type="radio"]:checked + .wpcf7-list-item-label {
background: linear-gradient(180deg, #253575 0%, #162561 100%);
border-radius: 6px;
z-index: 1;
overflow: hidden;
}
.radio_fpt input[type="radio"]:checked + .wpcf7-list-item-label::before {
content: "";
background-image: url(../images/light.png);
background-position: bottom;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: absolute;
z-index: -1;
}
.radio_fpt .wpcf7-list-item-label {
width: 100%;
height: 100%;
position: relative;
padding-left: 30px;
cursor: pointer;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
color: rgba(234, 237, 255, 1);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
padding: 0;
}
#form_download .error{
color: #fff;
font-size: 12px;
display: block;
width: 100%;
text-align: left;
margin-top: 5px;
}
#form_download .capchaError{
text-align: center;
}
.checkbox_policy a{
color: #fff;
}
.checkbox_policy{
margin-left: 5px;
}
#form_download input:-internal-autofill-selected{
background: inherit!important;
}
.mess_success{
text-align: center;
margin-top: 20px;
}
.ups_list_row .item_div {
border: 1px solid;
border-image-source: linear-gradient(180deg, #334679 0%, #162561 100%);
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
border-radius: 30px;
padding: 20px;
}
.ups_list_row .title {
font-family: "BR Omega";
font-size: 48px;
font-weight: 600;
line-height: 49px;
letter-spacing: -0.02em;
text-align: left;
color: rgba(255, 255, 255, 1);
transition: all 0.4s ease;
}
.ups_list_row.row_4 .item_div .title{
font-size: 40px;
line-height: 46px;
}
.ups_list_row{
display: flex;
column-gap: 20px;
}
.ups_list_row.row_4 .item_div{
width: calc((100% - 60px) / 4);
}
.ups_list_row.row_3 .item_div{
width: calc((100% - 40px) / 3);
}
.ups_list_row.row_5{
column-gap: 14px;
}
.ups_list_row.row_5 .item_div{
width: calc((100% - 56px) / 5);
}
.ups_list_row .item_div{
position: relative;
border: 1px solid #334679;
transition: all 0.4s ease;
overflow: hidden;
min-height: 343px;
}
.ups_list_row .item_div::before {
border: 1px solid rgba(255, 255, 255, 0.05);
content: '';
width: 100%;
height: 0;
display: block;
position: absolute;
left: 0;
top: 60px;
z-index: 0;
}
.ups_list_row .item_div.active::before{
border: 1px solid #2EF2FF;
}
.ups_list_row .item_div img{
width: 84px;
}
.ups_list_row .item_div .icon{
border: 2px solid rgba(255, 255, 255, 0.05);
display: flex;
border-radius: 100%;
width: 84px;
height: 84px;
align-items: center;
justify-content: center;
position: relative;
z-index: 9;
margin-bottom: 25px;
transition: all 0.4s ease;
}
.ups_list_row .item_div .icon span{
width: 60px;
box-shadow: 0px 3px 6px 0px #1959AD inset;
background: linear-gradient(180deg, #253575 0%, #162561 100%);
height: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
position: relative;
}
.ups_list_row .item_div .icon img{
width: 30px;
}
.ups_list_row .item_div .icon:before{
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
background: #080D2780;
border-radius: 100%;
}
.ups_list_row .content{
color: rgba(225,225,225,0.8);
transform: translateY(400%);
transition: all 0.4s ease;
margin-top: -80px;
opacity: 0;
font-size: 14px;
line-height: 18px;
}
.ups_list_row .item_div.active .content{
transform: translateY(0%);
margin-top: 0;
opacity: 1;
}
.ups_list_row .item_div.active{
border: 1px solid #2EF2FF;
}
.ups_list_row .item_div.active .title{
color: #2EF2FF;
font-size: 28px;
line-height: 30px;
margin-bottom: 25px;
}
.ups_list_row .item_div.active .icon{
border: 2px solid #2EF2FF;
}
.captcha_box{
flex-direction: column;
}
.contact_solution{
padding-left: 0!important;
padding-right: 0!important;
}
.contact_solution .before_container_fpt{
border-radius: 0!important;
}
.contact_solution .e-con-inner{
border-radius: 0;
}
.video_line_border{
overflow: hidden;
z-index: 1;
border-radius: 34px;
}
.video_line_border.cdc_product_video .video_fpt{
padding: 22px;
}
.box_services {
border: 1px solid #334679;
padding: 46px 42px;
background: linear-gradient(180deg, #1B275A 0%, rgba(14, 20, 52, 0.2) 100%);
border-radius: 30px;
position: relative;
-webkit-backdrop-filter: blur(30px)!important;
backdrop-filter: blur(30px)!important;
}
.box_services::before {
content: "";
width: 120px;
height: 2px;
background: rgba(46, 242, 255, 1);
position: absolute;
top: 0;
z-index: 1;
}
.box_services h3{
font-family: "BR Omega";
font-size: 40px;
font-weight: 600;
line-height: 42px;
color: transparent!important;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%)!important;
-webkit-background-clip: text!important;
margin-bottom: 28px;
color: #fff;
}
.box_services .elementor-image-box-description{
font-size: 18px;
font-weight: 400;
line-height: 24px;
color: rgba(225,225,225,0.8);
}
/*
.banner_top_custom .container-banner{
position: relative;
min-height: inherit!important;
padding-top: 56.25%;
width: 100%;
}
.banner_top_custom .title_banner{
z-index: 9;
}
.banner_top_custom .img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0px 0px 44px 44px;
}
.banner_top_custom .img img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0px 0px 44px 44px;
}*/
.banner_img_text .container-banner:before{
content:'';
opacity: 1;
background: radial-gradient(140.96% 100% at 50% 0%, rgba(8, 13, 39, 0) 52.62%, #042CFF 88.11%, #00D3E1 100%);
}
.slider_partner_title p, .slider_partner_title h2, .slider_partner_title h3, .slider_partner_title h4{
display: inline-block;
}
.accordion_icon p.header_faq{
display: flex;
align-items: center;
}
.accordion_icon .header_faq img{
width: 34px;
margin-right: 18px;
}
.life_slider .slick-slide {
padding: 0px 25px;
}
.life_slider .life_item{
padding-top: 56.25%;
width: 100%;
position: relative;
border-radius: 28px;
opacity: 0.4;
}
.life_slider .life_item .title{
position: absolute;
width: calc(100% - 40px);
left: 20px;
bottom: 60px;
z-index: 999;
font-family: "BR Omega";
font-size: 40px;
font-weight: 500;
line-height: 46px;
letter-spacing: -0.02em;
text-align: center;
z-index: 99;
}
.life_slider .life_item img{
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 100%;
border-radius: 28px;
object-fit: cover;
}
.life_slider .life_item:before{
content:'';
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 80.05%);
width: 100%;
height: 50%;
bottom: 0;
left: 0;
position: absolute;
z-index: 9;
border-radius: 0px 0px 26px 26px;
}
.slick-slide.slick-current .life_item{
opacity: 1;
}
.section_life_slider{
position: relative;
}
.section_life_slider .next_arrow {
height: auto;
width: auto;
position: absolute;
right: calc(19.5% - 90px);
transform: translate(-100%, -50%);
background: rgba(12, 24, 56, 1);
top: 50%;
z-index: 2;
outline: 2px solid rgba(51, 70, 121, 1);
border: 3px solid rgba(8, 13, 39, 1);
border-radius: 50%;
width: 68px;
height: 68px;
}
.section_life_slider .prev_arrow{
height: auto;
width: auto;
position: absolute;
left: calc(19.5% - 53px);
transform: translate(50%, -50%);
top: 50%;
z-index: 2;
border-radius: 50%;
background: rgba(12, 24, 56, 1);
outline: 2px solid rgba(51, 70, 121, 1);
border: 3px solid rgba(8, 13, 39, 1);
width: 68px;
height: 68px;
}
.prev_arrow img.prev_img,.next_arrow img.next_img {
opacity: 0;
}
.prev_arrow::before {
content: '';
display: block;
background-image: url(../images/Component-1.png);
position: absolute;
opacity: 1;
right: 18px;
width: 24px;
height: 24px;
transition: all 0.5s;
rotate: 180deg;
top: calc(50% - 12px);
}
.prev_arrow::after {
content: '';
display: block;
background-image: url(../images/Component-1-1.png);
position: absolute;
opacity: 0;
right: 8px;
width: 34px;
height: 24px;
transition: all 0.5s;
rotate: 180deg;
top: calc(50% - 12px);
}
.prev_arrow:hover::before {
right: 28px;
opacity: 0;
transition: all 0.5s;
}
.prev_arrow:hover::after {
right: 18px;
opacity: 1;
transition: all 0.5s;
}
.next_arrow::before {
content: '';
display: block;
background-image: url(../images/Component-1.png);
position: absolute;
opacity: 1;
right: 18px;
width: 24px;
height: 24px;
transition: all 0.5s;
top: 50%;
transform: translateY(-50%);
}
.next_arrow::after {
content: '';
display: block;
background-image: url(../images/Component-1-1.png);
position: absolute;
opacity: 0;
right: 18px;
width: 34px;
height: 24px;
transition: all 0.5s;
top: 50%;
transform: translateY(-50%);
}
.next_arrow:hover::before {
right: 5px;
opacity: 0;
transition: all 0.5s;
}
.next_arrow:hover::after {
right: 5px;
opacity: 1;
transition: all 0.5s;
}
.section_life_fpt{
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
}
.section_life_slider .slick-dots li{
width: 15px;
height: 4px;
border-radius: 23px;
background: rgba(225,225,225,0.4);
margin: 0px 4px;
transition: all 0.4s ease;
}
.section_life_slider .slick-dots li button:before{
display: none;
}
.section_life_slider .slick-dots li.slick-active{
width: 78px;
background: #2EF2FF;
}
.section_life_slider .slick-dots{
bottom: -55px;
}
.custom-search-careers-list .search_list{
padding-left: 70px;
padding-right: 200px;
}
.custom-search-careers-list .location_drop{
position: absolute;
right: 30px;
top:22px;
padding: 6px;
border-radius: 6px;
background: rgba(225,225,225,0.05);
min-width: 130px;
display: flex;
align-items: flex-start;
}
.custom-search-careers-list img#search-button{
left: 30px;
right: inherit;
transform: translateY(-50%);
}
.custom-search-careers-list .search_div {
max-width: 600px;
margin: 0px auto;
}
.location_drop .location-item.active{
display: block;
}
.location_drop span{
font-size: 14px;
line-height: 20px;
font-weight: 600;
}
.location_drop .location-item img{
width: 27px;
margin-left: 8px;
}
.location_drop ul{
position: absolute;
top: 7px;
right: 25px;
z-index: 99;
}
.location_drop li {
display: none;
position: relative;
margin-bottom: 10px;
cursor: pointer;
}
.location_drop li:first-child {
display: block;
border-top: 0px;
}
.location_drop.open li {
display: block;
}
.location_drop:before {
position: absolute;
top: 11px;
right: 9px;
width: 12px;
height: 12px;
background-size: 12px;
content: '';
background-image: url('../images/arrow-down.png');
}
.location_drop.open:before {
transform: rotate(180deg);
}
.career-main{
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
border: 2px solid #FFFFFF0D;
padding: 24px 24px 105px 24px;
border-radius: 20px;
height: 100%;
position: relative;
}
.related_careers_slider .career-main {
background: rgba(8, 13, 39, 0.05);
}
.career-main .top{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 54px;
}
.career-main .logo_in_career{
width: 130px;
}
.career-main .logo_location{
width: 58px;
border-radius: 6px;
}
.career-main h4{
font-family: "BR Omega";
font-size: 32px;
font-weight: 600;
line-height: 36px;
color: rgba(255, 255, 255, 1);
margin-bottom: 30px;
}
.related_careers_slider .career-main h4 {
color: rgba(8, 13, 39, 1);
}
.career-main .list_infor .item span{
font-size: 16px;
line-height: 22px;
font-weight: 700;
color: rgba(8, 13, 39, 0.6);
color: rgba(255, 255, 255, 0.6);
}
.career-main .list_infor .item span.detail_career_item{
color: rgba(8, 13, 39, 0.6);
}
.contact__section .before_footer {
background: linear-gradient(180deg, rgba(27, 39, 90, 0) 0%, #1B275A 70.34%, #1B275A 156%);
}
.page-template-career-detail #footer {
background: radial-gradient(196.51% 100% at 50% 0%, rgb(27 39 90) 51.12%, #0E1434 100%);
}
.career-main .list_infor .item{
display: flex;
align-items: flex-start;
margin-bottom: 15px;
}
.career-main .list_infor .item img{
width: 24px;
margin-right: 10px;
}
.career-main .btn_apply {
width: 100%;
margin: 30px 0px 0px 0px;
color: #2EF2FF;
justify-content: center;
text-transform: uppercase;
box-shadow: 0px -14px 48px 0px #28336FB0;
position: absolute;
width: calc(100% - 48px);
left: 24px;
bottom: 24px;
height: 52px;
}
a.career-button.fpt_btn.btn_download {
position: absolute;
width: 54px;
height: 52px;
right: 24px;
bottom: 24px;
padding: 0;
margin: 0;
display: flex;
justify-content: center;
}
.careers-list{
margin-top: 40px;
}
.section_benefits{
background-image: linear-gradient(180deg, #0a1035, #080d27);
}
.section_career_list:before{
background-size: 1500px auto!important;
background-position: center!important;
background-repeat: no-repeat!important;
background-size: 1500px!important;
width: 100%!important;
height: 100%!important;
top: -50%!important;
}
.banner_career .img{
padding-top: 37.5%;
width: 100%;
position: relative;
}
.banner_career .img img{
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
/*.main_careers{
position: relative;
overflow: hidden;
}*/
.career_container {
background: #fff;
}
.top_careers{
padding: 50px 110px 0px 110px;
max-width: 1124px;
margin: auto;
z-index: 1;
position: relative;
background: #fff;
border-radius: 38px;
text-align: center;
overflow: hidden;
z-index: 9;
}
.top_careers > *{
position: relative;
z-index: 99;
}
.top_careers h1{
font-family: "BR Omega";
font-size: 48px;
line-height: 49px;
font-weight: 600;
letter-spacing: -0.02em;
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
color: transparent;
-webkit-background-clip: text;
text-align: center;
}
.top_careers .location_career img{
width: 58px;
border-radius: 6px;
display: inline-block;
border: 1px solid #080d27;
}
.top_careers .location_career{
text-align: center;
margin-bottom: 35px;
}
.top_careers .list_infor span{
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.18em;
text-align: center;
color: rgba(8, 13, 39, 1);
text-transform: uppercase;
}
.top_careers .list_infor{
display: flex;
justify-content: center;
align-items: flex-start;
column-gap: 50px;
padding-bottom: 35px;
margin-top: 35px;
}
.top_careers .list_infor .item{
display: flex;
align-items: center;
width: calc(33.33% - (100px/3));
flex-direction: column;
gap: 10px;
}
.top_careers .list_infor .item img{
width: 24px;
margin-right: 10px;
}
.list_content_career{
max-width: 1124px;
margin: 0px auto;
padding: 0px 110px 100px 110px;
}
.content_careers.flex{
display: flex;
align-items: flex-start;
margin-top: 50px;
}
.content_careers h4{
width: 245px;
font-family: "BR Omega";
font-size: 28px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.02em;
text-align: left;
background: linear-gradient(180deg, #1B275A 7.81%, #0E1434 100%);
color: transparent;
-webkit-background-clip: text;
padding-right: 35px;
}
.content_careers .text{
width: calc(100% - 245px);
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.02em;
text-align: left;
color: rgba(8, 13, 39, 1);
}
.related_careers{
padding: 100px 0px;
background-image: #fff;
}
.related_careers_list{
max-width: 1302px;
margin: 0px auto;
}
.related_careers h2{
margin-bottom: 34px;
}
.related_careers .next_arrow {
height: auto;
width: auto;
position: absolute;
right: 0;
transform: translateY(-50%);
background: rgba(12, 24, 56, 1);
top: 50%;
z-index: 2;
outline: 2px solid rgba(51, 70, 121, 1);
border: 3px solid rgba(8, 13, 39, 1);
border-radius: 50%;
width: 68px;
height: 68px;
}
.related_careers .prev_arrow{
height: auto;
width: auto;
position: absolute;
left: 0;
transform: translateY(-50%);
top: 50%;
z-index: 2;
border-radius: 50%;
background: rgba(12, 24, 56, 1);
outline: 2px solid rgba(51, 70, 121, 1);
border: 3px solid rgba(8, 13, 39, 1);
width: 68px;
height: 68px;
}
.related_careers_list{
position: relative;
padding: 0px 70px;
}
.related_careers_slider .slick-track{
display: flex;
}
.related_careers_slider .slick-slide {
padding-left: 10px !important;
padding-right: 10px !important;
height: auto;
}
.related_careers_slider .slick-slide>div,
.related_careers_slider .slick-slide .career-item{
height: 100%;
}
.tag_list span{
background: #2EF2FF;
padding: 5px 12px;
border-radius: 6px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
letter-spacing: 0.18em;
text-align: center;
color: #080D27;
display: inline-block;
margin-bottom: 5px;
margin-right: 5px;
}
.infor_story .div_date{
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.infor_story .div_date .tag_list{
width: 60%;
}
.form_application .box_form{
padding: 50px 60px;
border-radius: 40px;
max-width: 1124px;
margin: 0px auto;
position: relative;
background: linear-gradient(180deg, #3C52D9 0%, #0C1838 100%);
}
.title_section_normal{
font-family: "BR Omega";
font-size: 40px;
line-height: 46px;
color: rgba(8, 13, 39, 1);
font-weight: 600;
letter-spacing: -0.02em;
text-align: center;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%);
-webkit-background-clip: text;
}
.title_section_normal.app_form {
color: transparent;
font-size: 48px;
line-height: 49px;
}
.form_application .subtitle{
font-size: 16px;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.02em;
text-align: center;
color: rgba(225,225,225,0.6);
margin: 25px 0px;
position: relative;
z-index: 9;
}
.form_application .btn_submit{
box-shadow: 0px -14px 48px 0px #28336FB0;
padding: 21px 30px;
font-size: 22px;
}
.form_application .btn_submit_career{
text-align: center;
}
.btn_blue{
color: #2EF2FF;
text-transform: uppercase!important;
}
.btn_blue:hover{
color: #2EF2FF;
}
.form_application .title span{
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #fff;
}
.form_application .title{
display: flex;
align-items: center;
width: 100%;
justify-content: center;
}
.form_application .title img{
width: 32px;
margin-left: 10px;
border-radius: 6px;
}
.form_application .form{
background-position: 0 0, 0 0, 100% 0, 0 100%;
background-size: 2px 100%, 100% 2px, 2px 100%, 100% 2px;
background-repeat: no-repeat;
background-image: repeating-linear-gradient(0deg, #1959AD40, #1959AD40 30px, transparent 30px, transparent 36px), repeating-linear-gradient(90deg, #1959AD40, #1959AD40 30px, transparent 30px, transparent 36px), repeating-linear-gradient(180deg, #1959AD40, #1959AD40 30px, transparent 30px, transparent 36px), repeating-linear-gradient(270deg, #1959AD40, #1959AD40 30px, transparent 30px, transparent 36px);
position: relative;
padding: 60px 50px;
border-radius: 24px;
margin: 15px 0px 30px 0px;
cursor: pointer;
}
.form_application .form:before{
content:'';
top: 4px;
left: 4px;
width: calc(100% - 8px);
height: calc(100% - 8px);
border: 2px solid #080D27;
position: absolute;
border-radius: 10px;
background: rgba(8, 13, 39, 0.5);
}
.form_application .form label{
font-size: 18px;
font-weight: 700;
line-height: 24px;
color: #fff;
display: flex;
justify-content: center;
gap: 12px;
}
.form_application .form label img{
width: 26px;
}
.form_application .form input{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.form_application .box_form:before{
content: '';
background: linear-gradient(180deg, #1B275A 7.81%, #0E1434 100%);
position: absolute;
top: 2px;
left: 2px;
height: calc(100% - 4px);
width: calc(100% - 4px);
border-radius: 38px;
}
.form_application .box_form > *{
z-index: 9;
position: relative;
}
/*.elementor-location-header .header_main{
opacity: 0.8;
backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.80);
}
.elementor-location-header .header_main:after{
content:'';
position: absolute;
top: 100%;
left: 0;
height: 80px;
width: 100%;
background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.79) 8.1%, rgba(0,0,0,0.761) 15.5%, rgba(0,0,0,0.717) 22.5%, rgba(0,0,0,0.66) 29%, rgba(0,0,0,0.593) 35.3%, rgba(0,0,0,0.528) 41.2%, rgba(0,0,0,0.44) 47.1%, rgba(0,0,0,0.36) 52.9%, rgba(0,0,0,0.282) 58.8%, rgba(0,0,0,0.207) 64.7%, rgba(0,0,0,0.14) 71%, rgba(0,0,0,0.083) 77.5%, rgba(0,0,0,0.039) 84.5%, rgba(0,0,0,0.001) 91.9%, transparent 100%);
}*/
.infor_about .position img.bg_mb{
display: none;
}
.related_careers_list .see_more{
display: none;
}
.news .blog_slider .slider_image img{
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.blog_slider .slider_image{
position: relative;
padding-top: 56.25%;
}
/*.news_shortcode {
padding-left: calc((100% - 1356px) / 2);
}*/
.download_form_bg .close{
display: none;
width: 25px;
height: 25px;
position: absolute;
right: 20px;
top: 20px;
z-index: 99999;
}
.download_form_bg .close:after{
content:'';
width: 25px;
height: 2px;
background-color: rgba(255, 255, 255, 1);
transform: rotate(45deg);
position: absolute;
left: 0;
top: 0;
}
.download_form_bg .close:before{
content:'';
width: 25px;
height: 2px;
background-color: rgba(255, 255, 255, 1);
transform: rotate(135deg);
position: absolute;
left: 0;
top: 0;
}
.bg_gr_white.before_footer .e-con-inner .before_container_fpt{
background: linear-gradient(180deg, rgba(27, 39, 90, 0) 0%, #0E1434 100%);
}
.bg_gr_white.before_footer .e-con-inner::before{
display: none;
}
.download-item .btn_download span{
display: none;
}
.whitepaper_detail .top_detail{
padding: 200px 0px 140px 0px;
max-width: 898px;
margin: 0px auto;
display: flex;
align-items: center;
column-gap: 46px;
}
.download_detail .top_detail{
padding: 200px 0px 50px 0px;
}
.whitepaper_detail .top_detail .img,
.whitepaper_detail .top_detail .title{
width: calc(50% - 23px);
}
.whitepaper_detail .top_detail .img img{
width: 100%;
}
.whitepaper_detail .top_detail .img .div_btn{
display: none;
}
.whitepaper_detail .top_detail h2{
color: #080d27;
font-family: "BR Omega";
font-size: 48px;
font-weight: 600;
line-height: 49px;
letter-spacing: -0.02em;
margin-bottom: 65px;
}
.whitepaper_detail .top_detail .tag_list{
margin-top: 0!important;
}
.download_detail .introduction{
padding: 50px 0px;
}
.download_detail .introduction .main_div {
margin: 0px auto;
max-width: 898px;
}
.download_detail .introduction p{
color: #080d27;
font-size: 16px!important;
line-height: 22px!important;
}
.whitepaper_detail .btn_download {
font-size: 16px;
line-height: 24px;
}
.download_detail .introduction h2{
color: #080d27;
font-family: "BR Omega";
font-size: 28px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.02em;
margin-bottom: 35px;
}
.download_detail .content_detail{
background: #080D2705;
}
.whitepaper_detail .content_detail{
padding: 50px 0px;
}
.whitepaper_detail .content_detail h4{
color: #080D27;
font-size: 20px;
line-height: 26px;
font-weight: 700;
}
.whitepaper_detail .content_detail .main_div{
margin: 0px auto;
max-width: 898px;
}
.whitepaper_detail .content_detail .more_infor{
background: #080D270D;
padding: 16px 32px;
border-radius: 14px;
margin: 30px 0px;
}
.whitepaper_detail .content_detail p,.whitepaper_detail .content_detail ul li{
color: #080d27;
font-size: 18px!important;
line-height: 24px!important;
margin: 0px 0px 20px 0px!important;
}
.whitepaper_detail .content_detail .div_btn{
text-align: center;
margin-top: 30px;
}
.whitepaper_detail .content_detail .more_infor .item{
display: flex;
align-items: center;
column-gap: 20px;
margin: 7px 0px;
}
.whitepaper_detail .content_detail .more_infor .item h6{
font-size: 20px;
line-height: 26px;
font-weight: 400;
min-width: 168px;
text-align: right;
color: #080d27;
}
.whitepaper_detail .content_detail .more_infor .item span{
font-size: 20px;
line-height: 26px;
color: #080d27;
}
.whitepaper_detail .content_detail .more_infor .item span.bold{
font-weight: 700;
}
.whitepaper_detail .content_detail ul li{
list-style: disc;
}
.whitepaper_detail .content_detail ul{
padding-left: 20px;
}
.whitepaper_detail .meta_detail h2{
font-size: 48px;
line-height: 50px;
font-weight: 600;
color: #1B275A;
font-family: "BR Omega";
}
.whitepaper_detail .meta_detail{
max-width: 898px;
margin: 0px auto;
padding: 50px 0px;
}
.whitepaper_detail .meta_detail .tag_list span{
background: linear-gradient(180deg, #1B275A 7.81%, #0E1434 100%);
padding: 6px 8px;
text-transform: uppercase;
color: #fff;
}
.whitepaper_detail .meta_detail .tag_list{
margin: 0px 0px 35px 0px!important;
}
.whitepaper_detail .meta_detail .date{
color: #080D27;
font-size: 16px!important;
line-height: 22px!important;
margin: 25px 0px 0px 0px !important;
font-weight: 700;
display: flex;
align-items: center;
}
.whitepaper_detail .meta_detail .date img{
margin-right: 5px;
filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(1000%) hue-rotate(180deg);
}
.whitepaper_detail .content_detail .description h2,
.whitepaper_detail .preview_detail h2{
font-size: 28px;
line-height: 32px;
font-weight: 600;
color: #1B275A;
font-family: "BR Omega";
margin-bottom: 25px;
}
.whitepaper_detail .preview_detail{
max-width: 898px;
margin: 0px auto;
padding: 50px 0px;
}
.whitepaper_detail .preview_detail .div_btn h4{
font-size: 20px;
line-height: 26px;
font-weight: 700;
color: #080D27;
margin-bottom: 20px;
}
.whitepaper_detail .preview_detail .div_btn{
text-align: center;
}
.related_whitepaper h2{
color: #080d27;
font-family: "BR Omega";
font-size: 48px;
font-weight: 600;
line-height: 49px;
letter-spacing: -0.02em;
margin-bottom: 55px;
text-align: center;
}
.related_whitepaper{
max-width: 1142px;
margin: 0px auto;
padding: 64px 0px;
}
.related_whitepaper .whitepape-item,
.related_whitepaper .download-item{
background: #080D270D;
border-color: #080D270D;
}
.related_whitepaper .whitepape-item h4,
.related_whitepaper .whitepape-item h4 a,
.related_whitepaper .download-item h4,
.related_whitepaper .download-item h4 a{
color: #080D27;
margin-top: 0;
}
.related_whitepaper .whitepape-item .post-excerpt p,
.related_whitepaper .download-item .post-excerpt p{
color: rgb(8 13 39 / 60%);
}
.related_whitepaper .whitepape-item .tag_list{
margin-top: 0!important;
margin-bottom: 20px!important;
}
.related_whitepaper .whitepape-item .meta{
padding-bottom: 80px!important;
}
.related_whitepaper .whitepape-item.col_3.post__item::before,
.related_whitepaper .download-item.col_3.post__item::before{
display: none;
}
.related_whitepaper .divprogress .number span{
color: rgb(8 13 39 / 40%);
}
.related_whitepaper .divprogress .progress{
background: rgb(8 13 39 / 10%);
}
.related_whitepaper .divprogress .progress span{
background: #080D27;
}
.related_whitepaper .load-more-container{
text-align: center;
margin-top: 55px;
}
.btn_blue:focus{
color: #2EF2FF;
}
.whitepape-item .tag_list,.download-item .tag_list{
margin-bottom: 20px;
}
.download-item.col_3.post__item .meta h4 {
margin-top: 20px;
}
.download_detail .top_detail .title{
width: 100%;
text-align: center;
}
.download_detail .top_detail {
display: block;
}
.download_detail .top_detail h2{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 25px;
}
.download_detail .top_detail .icon img{
width: 136px;
filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(1000%) hue-rotate(180deg);
display: inline-block;
}
.download_detail .top_detail .icon{
text-align: center;
margin-bottom: 35px;
}
.download_detail .top_detail p.date{
color: #080d27;
font-weight: 700;
font-size: 16px!important;
line-height: 22px!important;
display: flex;
align-items: center;
justify-content: center;
margin: 0!important;
}
.download_detail .top_detail p.date img{
filter: brightness(0) saturate(100%) invert(8%) sepia(100%) saturate(1000%) hue-rotate(180deg);
margin-right: 5px;
}
.related_whitepaper.mobile{
display: none;
}
.leader_testimo .slick-slide{
opacity: 0.3;
}
.leader_testimo .slick-slide.slick-current{
opacity: 1;
}
.cdc_our_service .elementor-widget-container{
display: inline-block;
}
.custom_content .content img,
.title_blog_fpt .main_content .content img{
border-radius: 24px;
width: 100%;
height: auto;
margin-top: 20px;
margin-bottom: 20px;
}
.title_blog_fpt .main_content .content p{
line-height: 24px!important;
}
.custom_content .content img.auto_img,
.title_blog_fpt .main_content .content img.auto_img {
width: auto!important;
}
.body_blog .time_blog a.tag-link{
display: inline-block;
}
.bg_img_banner img,.bg_img_banner2 img{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.bg_img_banner .elementor-widget-image{
position: relative;
padding-top: 37.5%;
}
.bg_img_banner2 .elementor-widget-image{
position: relative;
padding-top: 56.25%;
}
.leader_testimo .infor_about .name{
background: transparent;
color: #fff;
}
.careers-btn-loadmore{
text-align: center;
margin-top: 50px;
}
.related_careers_slider{
display: flex;
column-gap: 20px;
}
.stories-item.first_story .stories-post-thumbnail a,
.events-post-thumbnail a,
.body_event h2 a{
cursor: inherit;
}
.stories-item .div_btn a{
display: block!important;
}
.slider_story .stories-item.first_story{
display: flex!important;
}
.banner_video_bg .container-banner{
max-width: 100%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
justify-content: center;
}
.banner_video_bg{
padding-top: 37.5%;
position: relative;
width: 100%;
}
.events_list_data .date {
color: #080D27;
font-size: 18px!important;
line-height: 24px!important;
margin: 25px 0px 0px 0px !important;
font-weight: 700!important;
text-align: left!important;
}
.title.title_event_detail{
padding-bottom: 0!important;
}
.author-info .elementor-post-info__item--type-date:before{
display: none;
}
.author-info .elementor-post-info__item--type-date{
padding-left: 0!important;
}
.banner_career .mb_bg{
display: none;
}
.banner_video_bg video{
height: 100% !important;
width: 100% !important;
object-fit: cover !important;
object-position: 50% 80%;
}
.location_drop .location-item.all{
margin-top: -2px;
}
.popup_leader{
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgb(0 0 0 / 80%);
display: none;
z-index: 99999;
}
.popup_leader .row{
display: none;
max-width: 898px;
position: absolute;
top: 50%;
left: 50%;
z-index: 9999;
transform: translate(-50%, -50%);
width: 100%;
background: linear-gradient(180deg, #1B275A 7.81%, #0E1434 100%);
border-radius: 40px;
border: 2px solid #3C52D9;
margin: 0;
}
.popup_leader .row.active{
display: flex;
justify-content: space-between;
}
.popup_leader .row .image{
width: 40%;
padding: 0;
background-image: url(https://fpt.auto/wp-content/uploads/2024/10/bg_avt.png);
border-radius: 40px 0px 0px 40px;
background-position: left;
background-repeat: no-repeat;
background-size: cover;
}
.popup_leader .row .image img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 40px 0px 0px 40px;
}
.popup_leader .row .infor_about{
width: 60%;
height: 100%;
padding: 40px;
}
.popup_leader .infor_about .name{
font-size: 48px;
line-height: 1.2;
padding-right: 40px;
}
.popup_leader .infor_about .position{
font-size: 20px;
line-height: 26px;
margin-top: 15px;
margin-bottom: 30px;
}
.popup_leader .infor_about .content{
display: inline-block;
overflow: inherit;
max-height: 300px;
overflow-y: scroll;
}
.popup_leader .infor_about .position img{
width: 22px;
height: auto;
}
.popup_leader .close{
position: absolute;
display: flex;
top: 18px;
right: 18px;
justify-content: flex-end;
padding: 0;
cursor: pointer;
}
.popup_leader .close img{
width: 50px;
height: 50px;
}
.popup_leader .infor_about .content::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #141d47;
}
.popup_leader .infor_about .content::-webkit-scrollbar{
width: 6px;
background-color: #141d47;
}
.popup_leader .infor_about .content::-webkit-scrollbar-thumb{
background-color: rgba(46, 242, 255, 1);
}
.hidden--open {
overflow: hidden;
}
.flipped-video{
transform: scaleX(-1);
}
.pdf_shortcode .df-popup-thumb{
margin: 0!important;
}
.pdf_shortcode .elementor-widget-container{
z-index: 1;
position: relative;
background: #080D27;
border: none;
border-radius: 34px;
margin: 0;
padding: 24px;
}
.pdf_shortcode .df-book-cover:after{
display: none;
}
.pdf_shortcode{
box-shadow: none;
position: relative;
overflow: hidden;
background: rgba(255, 255, 255, 0.05);
cursor: pointer;
z-index: 1;
border-radius: 34px;
padding: 2px;
}
.pdf_shortcode .df-popup-thumb,
.pdf_shortcode .df-popup-thumb .df-book-wrapper{
width: 100% !important;
}
.pdf_shortcode::before {
content: '';
position: absolute;
left: -15%;
width: 130%;
height: 100%;
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), #2EF2FF, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
transition: 500ms;
z-index: -1;
animation: linning 10s linear infinite;
}
.pdf_shortcode::after {
content: "";
inset: 0px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: -1;
border-radius: 100%;
}
.pdf_shortcode .df-book-title,
.pdf_shortcode .df-popup-thumb .df-book-page1,.pdf_shortcode .df-popup-thumb .df-book-page2{
display: none!important;
}
#formapplication .form-row .form_item {
width: calc(50% - 8px);
}
#formapplication .form-row{
column-gap: 16px;
}
#formapplication .form-row .form_item input,
#formapplication .form-row .form_item select{
width: 100%;
}
#formapplication select option[value=""][disabled] {
display: none;
}
#formapplication .error {
color: #fff;
font-size: 12px;
display: block;
width: 100%;
text-align: left;
margin-top: 5px;
}
.btn_submit_career .mess{
margin-bottom: 10px;
color: #2EF2FF;
font-weight: 600;
}
#footer .copyright2 span,
#footer .copyright2 a{
font-size: 16px!important;
}
.pdf-play{
pointer-events: none;
}
@media (max-width: 1366px){
.ups_list_row .content{
margin-top: -120px;
transform: translateY(200%);
}
/*.news_shortcode{
padding-left: calc((100% - 1126px) / 2);
}*/
}
@media (max-width: 1280px){
/*.news_shortcode{
padding-left: 100px;
}*/
.slider_story .infor_story.col-12.col-md-6{
padding: 18px;
}
.slider_story .infor_story .date{
font-size: 14px;
line-height: 1.2;
}
#footer .footer_menu a, #footer .footer_menu p{
font-size: 16px;
line-height: 20px;
}
.ups_list_row .item_div{
min-height: 420px;
}
.box_services{
padding: 16px;
border-radius: 20px;
}
.box_services h3{
font-size: 20px;
line-height: 26px;
margin-bottom: 12px;
}
.box_services .elementor-image-box-description{
font-size: 14px;
line-height: 18px;
}
.whitepape-item .div_btn .more_infor, .download-item .div_btn .more_infor{
font-size: 14px;
line-height: 18px;
}
.whitepape-item .div_btn .btn_download img,
.download-item .div_btn .btn_download img{
width: 20px;
height: 20px;
}
.download-item{
padding: 20px;
}
.whitepape-item .div_btn, .download-item .div_btn{
bottom: 20px;
left: 20px;
width: calc(100% - 40px);
}
}
@media (max-width: 1024px){
.whitepaper_detail .top_detail,
.whitepaper_detail .content_detail .main_div,
.related_whitepaper,
.whitepaper_detail .meta_detail,
.download_detail .introduction .main_div
{
max-width: calc(100% - 40px);
}
.whitepaper_detail .top_detail{
padding: 150px 0px 50px 0px;
}
}
@media (max-width: 991px){
.career-item.post__item.col_3{
width: calc(50% - 10px);
}
.popup_leader .row{
max-width: calc(100% - 40px);
}
}
@media (max-width:768px){
.container-banner{
border-top-left-radius:0!important;
border-top-right-radius:0!important;
}
.popup_leader .row .image {
height: 250px;
}
.popup_leader .row .image img{
height: 250px;
width: auto;
margin: 0px auto;
}
/*.popup_leader .row {
max-height: 90vh;
overflow: scroll;
}*/
.popup_leader .infor_about .position img.bg_desktop{
display: none;
}
.popup_leader .infor_about .position img.bg_mb{
display: block;
width: auto;
}
.popup_leader .row .image img,.popup_leader .row .image{
border-radius: 40px 40px 0px 0px;
}
.popup_leader .row .infor_about,.popup_leader .row .image{
width: 100%;
}
.popup_leader .infor_about .name{
font-size: 32px;
padding-right: 0;
text-align: center;
}
.popup_leader .infor_about .position{
display: flex;
flex-direction: column;
text-align: center;
}
.popup_leader .row .infor_about{
padding: 30px 15px;
}
.popup_leader .close img {
width: 40px;
height: 40px;
}
.banner_career .desktop_bg{
display: none;
}
.banner_career .mb_bg{
display: block;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a:before,
.sub-menu li a:before{
margin-right: 0!important;
}
.download_detail .introduction h2{
margin-bottom: 20px;
}
.download_detail .introduction {
padding: 40px 0px;
}
.download_detail .top_detail .icon img{
width: 110px;
}
.download_detail .top_detail h2{
margin-bottom: 20px!important;
}
.events_list_data .date{
padding: 0px 18px;
}
.category_event .category_fpt a,
.category_post .category_fpt a{
background: linear-gradient(180deg, #1B275A 7.81%, #0E1434 100%);
color: #fff;
}
.whitepaper_detail .content_detail h4{
font-size: 16px;
line-height: 22px;
font-weight: 400;
}
.banner_video_bg .container-banner .e-con-inner{
padding-top: 0;
}
.banner_video_bg .container-banner{
min-height: inherit!important;
padding-top: 0!important;
}
.banner_video_bg .btn-hover-fpt a.elementor-button {
width: auto;
}
.banner_video_bg{
padding-top: 179%;
}
.slider_story .stories-item.first_story{
display: block!important;
}
.whitepaper_detail .meta_detail h2{
font-size: 32px;
line-height: 36px;
}
.whitepaper_detail .meta_detail .date{
margin-top: 15px!important;
}
.whitepaper_detail .meta_detail .tag_list {
margin: 0px 0px 15px 0px !important;
}
.whitepaper_detail .meta_detail{
padding: 30px 0px;
}
.career-main .top img{
width: 36px;
}
/*.news_shortcode{
padding-left: 18px;
}*/
.related_whitepaper.desktop{
display: none;
}
.related_whitepaper.mobile{
display: block;
}
.download-item .download-post-thumbnail{
width: 50%;
}
.download-item .tag_list{
position: absolute;
right: 9px;
top: 15px;
max-width: 50%;
}
.download-item .tag_list span{
font-size: 10px;
line-height: 12px;
padding: 5px;
}
.whitepape-item .tag_list,.download-item .tag_list{
margin-bottom: 0!important;
}
.related_whitepaper .whitepape-item .tag_list {
margin-bottom: 8px !important;
}
.related_whitepaper .whitepape-item .meta{
padding-bottom: 24px!important;
}
.whitepape-item h4,.download-item h4{
margin:0;
}
.whitepaper_detail .top_detail{
display: block;
}
.whitepaper_detail .top_detail .img, .whitepaper_detail .top_detail .title{
width: 100%;
}
.whitepaper_detail .top_detail .title .btn_download{
display: none;
}
.whitepaper_detail .content_detail{
background: #080D2705;
padding: 30px 0px;
}
.whitepaper_detail .top_detail h2{
font-size: 32px;
line-height: 36px;
text-align: center;
margin-bottom: 50px;
}
.whitepaper_detail .content_detail p, .whitepaper_detail .content_detail ul li{
font-size: 14px!important;
line-height: 18px!important;
}
.whitepaper_detail .top_detail .img .div_btn{
display: block;
text-align: center;
margin-top: 16px;
}
.whitepaper_detail .content_detail .more_infor .item h6{
font-size: 16px;
line-height: 22px;
min-width: inherit;
text-align: left;
margin-bottom: 15px;
}
.whitepaper_detail .content_detail .more_infor .item span{
font-size: 16px;
line-height: 22px;
display: none;
}
.whitepaper_detail .content_detail .more_infor .item span.bold{
display: inline;
word-break: break-all;
}
.whitepaper_detail .content_detail .more_infor .item{
display: block;
text-align: left;
width: calc(50% - 10px);
}
.whitepaper_detail .content_detail .more_infor .item:nth-child(3){
width: 100%;
}
.whitepaper_detail .content_detail .more_infor .list{
display: flex;
flex-flow: wrap;
row-gap: 30px;
}
.whitepaper_detail .top_detail .tag_list{
text-align: center;
}
.whitepape-item .div_btn .more_infor{
width: calc(100% - 70px);
border-radius: 10px;
padding: 10px;
}
.download_detail .top_detail h2 img{
width: 36px;
}
.download_detail .top_detail .title .btn_download {
display: inline-block;
}
.related_whitepaper h2{
font-size: 32px;
line-height: 36px;
margin-bottom: 35px;
}
.download-item .div_btn .more_infor,
.download-item .div_btn .btn_download{
width: 100%;
border-radius: 10px;
padding: 10px;
}
.download-item .div_btn .btn_download{
margin-top: 8px;
}
.whitepape-item .div_btn .btn_download{
width: 56px;
padding: 9px;
}
.whitepape-item .div_btn{
width: 100%;
}
.whitepape-item{
border-radius: 28px;
}
.related_whitepaper{
padding: 50px 0px;
}
.download-item .div_btn{
display: block;
position: relative;
left: inherit;
bottom: inherit;
width: 100%;
}
.download-item .btn_download span{
display: inline-block;
}
.download_form_bg .close{
display: block;
}
.section_text_after_banner{
padding-left: 18px;
padding-right: 18px;
}
.banner_top_custom .img{
/* height: 100vh;*/
}
.banner_top_custom .img img{
height: 100%;
}
.ups_list_row .item_div:hover .content {
transform: inherit;
margin-top: 10px;
opacity: 1;
}
.ups_list_row .item_div.active,.ups_list_row .item_div:hover{
border: none;
}
.box_services .elementor-image-box-description{
font-size: 12px;
line-height: 16px;
}
.ups_list_row .title,.ups_list_row.row_4 .item_div .title,.ups_list_row .item_div:hover .title{
font-size: 20px;
line-height: 26px;
margin-bottom: 0;
color: transparent!important;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%)!important;
-webkit-background-clip: text!important;
}
.ups_list_row .item_div::before{
display: none;
}
.ups_list_row .item_div .icon img{
width: 25px;
}
.ups_list_row .item_div .item_block{
padding: 38px 20px 20px;
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%);
border-radius: 30px;
border: 1px solid #334679;
}
.ups_list_row .item_div .icon,.ups_list_row .item_div:hover .icon{
width: 68px;
height: 68px;
position: absolute;
margin-bottom: 0;
top: 10px;
border: 2px solid rgba(255, 255, 255, 0.05);
}
.ups_list_row .item_div .icon span{
width: 48px;
height: 48px;
}
.ups_list_row .content {
transform: inherit;
opacity: 1;
margin-top: 10px;
font-size: 14px;
line-height: 18px;
}
.ups_list_row .item_div .icon:before{
width: 64px;
height: 64px;
}
.ups_list_row{
display: block;
}
.ups_list_row.row_3 .item_div{
width: 100%!important;
}
.ups_list_row .item_div{
min-height: inherit;
margin-bottom: 0;
width: 100%!important;
padding: 45px 0px 0px;
border: none;
background: transparent;
border-radius: 0;
}
.slide_service .fpt_icon .icon {
width: 70px;
height: 70px;
}
.slide_service .fpt_icon .icon div {
width: 64px;
height: 64px;
margin: 3px;
}
.elementor-custom-embed-play .elementor-screen-only:before {
width: 64px;
height: 64px;
top: 2px;
left: 2px;
}
.slide_service .fpt_icon .icon::after {
width: 66px;
height: 66px;
}
.slide_service .fpt_icon .bg_icon {
width: 38px;
min-width: auto;
display: flex;
align-items: center;
justify-content: center;
height: 38px;
max-width: 100%;
clear: both;
background-size: cover;
object-fit: cover;
}
.custom-search-tabs ul.tab-list li.view-more a {
padding-right: 16px;
}
.single .header_main.e-flex.e-con-boxed.e-con.e-parent.e-lazyloaded::before {
background: rgba(255, 255, 255, 1);
}
.single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
background-color: rgba(22, 37, 97, 1);
}
.single #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
background-color: rgba(22, 37, 97, 1);
}
.custom-search-tabs ul.tab-list li.active a::after {
content: "";
background-image: url(../images/light_mobile.png);
border-radius: 6px;
}
.prev-page::before {
right: 10px;
}
.prev-page::after {
right: 0;
}
.prev-page:hover::after {
right: 8px;
}
.prev-page:hover::before {
right: 18px;
}
.next-page::before, .next-page::after {
right: 10px;
}
.mega-pll-parent-menu-item img {
width: 42px !important;
height: 28px !important;
}
.whitepape-item.col_3.post__item::before {
width: 156px;
}
.download_form_bg {
height: 100%;
overflow: auto;
padding-top: 40px;
}
.popup_form_contact {
padding: 0;
top: 0;
height: 100%;
z-index: 99999;
}
.popup_form_contact .download_form_bg{
border-radius: 0;
}
span.wpcf7-form-control-wrap.checkbox-934, p.checkbox_policy {
display: none;
}
.download-list.div_post__list {
gap: 14px;
}
.download-item.col_3.post__item::before {
width: 66px;
}
.download-item.col_3.post__item .download-post-thumbnail img {
height: 66px;
width: 66px;
}
.download-item .meta {
padding-top: 34px;
padding-bottom: 0;
}
.download-item.col_3.post__item .meta h4 {
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.02em;
text-align: left;
}
.divprogress {
margin-top: 26px;
}
a.download-button.fpt_btn.btn_download {
height: 38px;
width: calc(100% - 28px);
left: 14px;
right: 0;
bottom: 18px;
font-family: Inter;
font-size: 14px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0.02em;
text-align: left;
border-radius: 10px;
margin: 0;
}
img#search-button {
position: absolute;
top: 50%;
transform: translate(-100%, -50%);
right: 0;
cursor: pointer;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
top: 5px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner {
background-color: #ffffff!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
width: 42px;
height: 2px;
background-color: rgba(255, 255, 255, 1);
border-radius: 4px;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
top: 15px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
top: 20px;
background: #ffffff;
}
body.single .header_main{
padding-top: 15px!important;
padding-bottom: 15px!important;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before {
display: none;
}
.header_main .e-con-inner{
padding: 0;
}
#mega-menu-wrap-primary #mega-menu-primary{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #080D27!important;
z-index: 9999;
padding: 150px 30px 30px !important;
overflow: auto;
}
.header_main {
padding: 40px 35px;
}
body.single .header_main.not_fixed{
background: #fff;
box-shadow: 0px 2px 5px #f1f1f1;
}
.admin-bar .header_main:not(.not_fixed) {
top: 20px !important;
}
.admin-bar .header_main {
top: 0!important;
}
.header_main>.e-con-inner{
margin: 0;
width: 100%;
max-width: 100%;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block{
margin:0;
background: transparent;
position: absolute;
right: 0;
z-index: 99999;
margin: 0 !important;
}
#mega-menu-wrap-primary .mega-menu-toggle{
background: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
font-size: 32px!important;
font-weight: 600!important;
line-height: 36px!important;
padding: 0 !important;
color: transparent!important;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%)!important;
-webkit-background-clip: text!important;
display: inline-block;
position: static!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
padding: 30px 0px;
border-top: 1px solid rgba(225,225,225,0.1);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:before{
content:'';
width: 24px;
height: 24px;
background-image: url('../images/arrow-down.png')!important;
position: absolute;
right: 0;
top: calc(50% - 12px);
display: block!important;
transform: rotate(-90deg);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children:before{
display: none!important;
}
#mega-menu-primary .mega-menu-link .mega-indicator:after{
width: 28px!important;
height: 28px !important;
top: calc(50% - 12px)!important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item:last-child span:not(.mega-indicator) {
display: block;
font-family: "BR Omega";
font-size: 28px;
font-weight: 600;
line-height: 30px;
letter-spacing: -0.02em;
text-align: left;
text-transform: uppercase;
background: linear-gradient(126.18deg, #FFFFFF 40.19%, rgba(255, 255, 255, 0.42) 98.95%);
-webkit-background-clip: text;
color: transparent;
margin: 7px 0 0 14px !important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-has-children>ul.mega-sub-menu,
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-60.mega-menu-item ul.mega-sub-menu{
position: relative !important;
max-width: 100% !important;
left: inherit !important;
min-width: inherit !important;
margin-left: 0;
border: none !important;
background: linear-gradient(180deg, #1B275A 0%, #0E1434 100%)!important;
margin-top: 18px;
margin-bottom: 30px;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 .mega-menu-column {
width: 100% !important;
}
#mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-60 .menu_mega_solutions>ul.mega-sub-menu{
display: block;
}
#mega-menu-primary .mega-menu-link .mega-indicator:after{
right: 0!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-pll-parent-menu-item > a.mega-menu-link{
background: transparent!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-pll-parent-menu-item.mega-menu-item.mega-pll-parent-menu-item > a.mega-menu-link {
padding: 0 !important;
}
.logo_site{
z-index: 99999;
}
.mega-menu-primary-mobile-open{
overflow: hidden;
/*touch-action: none;
height: 100%;*/
}
#mega-menu-primary .mega-menu-link:hover .mega-indicator:after,#mega-menu-primary .mega-menu-link .mega-indicator:after{
transform: none!important;
}
#mega-menu-primary .mega-toggle-on .mega-menu-link .mega-indicator:after{
-webkit-transform: rotate(-45deg)!important;
-moz-transform: rotate(-45deg)!important;
-ms-transform: rotate(-45deg)!important;
-o-transform: rotate(-45deg)!important;
transform: rotate(-45deg)!important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget .textwidget img{
display: none;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget span{
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.02em;
text-align: left;
color: rgba(255, 255, 255, 1);
padding: 22px 4px;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a, .sub-menu li a{
font-size: 16px;
line-height: 22px;
color: rgba(225,225,225,0.2);
}
#mega-menu-primary .mega-pll-parent-menu-item .mega-menu-link .mega-indicator:after{
right: 0!important;
}
#mega-menu-primary .mega-pll-parent-menu-item a .mega-indicator{
right: 0!important;
}
#footer .footer_menu h4{
margin-top: 20px;
}
#footer .footer_menu .copyright p{
color: #FFFFFF80;
font-weight: 400;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:before{
background-image: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
content: '';
background-image: url(../images/arrow-down.png) !important;
transform: rotate(0deg)!important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-pll-parent-menu-item{
margin-left: 0;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-pll-parent-menu-item.mega-menu-item-has-children>ul.mega-sub-menu{
width: 100%!important;
}
.header_main.not_fixed{
/* position: static;*/
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-megamenu .mega-menu-column .mega-menu-item a.mega-menu-link {
font-size: 16px !important;
line-height: 20px !important;
letter-spacing: 0.02em;
color: rgba(255, 255, 255, 0.6) !important;
}
#mega-menu-wrap-primary #mega-menu-primary > #mega-menu-item-60.mega-menu-item .mega-menu_mega_solutions ul.mega-sub-menu{
display: flex;
flex-wrap: wrap;
background: none !important;
margin: 0;
}
#mega-menu-primary .mega-sub-menu li:not(:last-child), .sub-menu li:not(:last-child) {
border-bottom: none !important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a, .sub-menu li a {
padding: 14px 4px !important;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget span::before {
content: '';
background-image: url(../images/arrow-up.png) !important;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
object-fit: cover;
transform: rotate(90deg) !important;
width: 18px;
height: 6px;
border: none;
float: right;
position: absolute;
right: 0;
transition: all 0.5s ease;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-item-type-widget.is_active span::before {
transform: rotate(0deg) !important;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
display: flex;
align-items: center;
}
#mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-menu-item-type-widget {
border-bottom: 1px solid rgba(225, 225, 225, 0.1) !important;
}
#footer .row_menu {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
gap: 0;
}
#footer .col_menu {
width: 100%;
}
#footer .footer_menu h3 {
font-family: Inter;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.18em;
text-align: left;
}
#footer .footer_menu h4 {
margin-top: 20px;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.02em;
text-align: left;
padding: 30px 0 20px;
margin: 0;
}
#footer .copyright .copy_right span, #footer .copyright .copy_right a{
font-size: 12px;
line-height: 16px;
}
#footer .copyright .copy_right {
max-width: 235px;
text-align: center;
margin: 0px auto;
}
#footer .copyright .flex{
display: block;
}
#footer .footer_menu a, #footer .footer_menu p {
margin: 0;
}
#footer .footer_menu .item_link a{
color: rgba(255, 255, 255, 0.6);
padding: 0 4px;
}
#footer .footer_menu h4.mega-menu-item-type-widget {
border-bottom: 1px solid rgba(225, 225, 225, 0.1);
color: rgba(255, 255, 255, 1);
padding: 32px 0;
position: relative;
}
#footer .footer_menu h4.mega-menu-item-type-widget.is_active {
padding: 30px 0 12px;
border-bottom: none;
}
ul.item_link {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
ul.item_link li {
width: 50%;
padding: 14px 0;
}
h4.mega-menu-item-type-widget::before {
content: '';
background-image: url(../images/arrow-up.png) !important;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
transform: rotate(90deg) translateY(-50%)!important;
width: 16px;
height: 8px;
border: none;
float: right;
position: absolute;
opacity: 1;
right: 0;
top:calc(50% - 4px);
z-index: 5;
transition: all 0.5s ease;
}
h4.mega-menu-item-type-widget.is_active::before {
transform: rotate(0deg) translateY(-50%) !important;
top:calc(50% + 5px)!important;
}
.item_link {
height: 0px;
opacity: 0;
}
h4.mega-menu-item-type-widget.is_active ~ .item_link {
/* height: auto;
opacity: 1;
padding: 0 0 32px 0;*/
border-bottom: 1px solid rgba(225, 225, 225, 0.1);
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
transform: rotate(180deg) !important;
}
.custom-search-tabs ul.tab-list {
height: auto;
padding: 0px;
border-radius: 14px;
border: none;
display: flex;
flex-wrap: wrap;
background: transparent;
justify-content: center;
gap: 10px;
}
.custom-search-tabs ul.tab-list li {
height: 34px;
width: auto;
background: #FFFFFF1A;
border-radius: 6px;
}
.custom-search-tabs ul.tab-list >li.active>a, .custom-search-tabs ul.tab-list >li.active>a:focus, .custom-search-tabs ul.tab-list >li.active>a:hover {
border-radius: 6px;
background: linear-gradient(180deg, #3062A3 0%, #19549F 100%);
padding: 0 16px;
}
.custom-search-tabs ul.tab-list li.active a::before {
content: "";
position: absolute;
inset: 0;
border-radius: 6px;
padding: 1px;
background: linear-gradient(180deg, rgba(196, 203, 245, 0.5) 0%, rgba(196, 203, 245, 0) 100%);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
pointer-events: none;
}
.custom-search-tabs ul.tab-list li a {
font-size: 14px;
line-height: 18px;
padding: 0 16px;
}
.shortcode_explore h2.title_section {
font-size: 32px;
line-height: 36px;
margin-bottom: 22px;
}
.search_list {
min-width: 100%;
height: 52px;
border-radius: 14px;
padding: 23px;
}
.post__item.col_3 {
width: 100%;
}
.download-item.col_3.post__item {
width: calc(50% - (14px / 2));
padding: 18px 12px;
border-radius: 14px;
}
.search_download_list.custom-search-tabs{
padding: 0;
}
.whitepape-item .div_btn, .download-item .div_btn{
position: relative;
left: 0;
bottom: inherit;
margin-top: 20px;
}
.whitepape-post-thumbnail>a {
padding-top: 75%;
}
.whitepape-post-thumbnail>a img {
left: 50%;
transform: translate(-50%, 0px);
}
/*.whitepape-post-thumbnail{
display: none;
}*/
.whitepape-item .post-excerpt p {
display: none;
}
.whitepape-button.fpt_btn {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
}
.download-item .btn_download{
border-radius: 10px;
}
.divprogress .number span {
font-size: 10px;
line-height: 12px;
}
.whitepape-item .meta {
padding-bottom: 24px;
padding-top: 24px;
}
.custom-pagination a {
font-family: Inter;
font-size: 18px;
font-weight: 700;
line-height: 22px;
text-align: center;
display: flex;
align-items: center;
width: 52px;
height: 52px;
justify-content: center;
margin: 0px 4px;
}
.custom-pagination a:not(.prev-page):not(.next-page):before {
content: '';
background: #080D27;
width: 48px;
height: 48px;
display: block;
position: absolute;
left: 2px;
top: 2px;
z-index: -1;
border-radius: 100%;
}
.custom-pagination a:not(.prev-page):not(.next-page):after {
content: '';
background: #0C1838;
width: 42px;
height: 42px;
margin: 3px;
position: absolute;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
}
.custom-pagination .next-page, .custom-pagination .prev-page {
width: 42px;
height: 42px;
margin: 5px;
}
span.next_page_span:after, span.prev_page_span:after {
width: 48px;
height: 48px;
}
span.next_page_span, span.prev_page_span {
width: 52px;
height: 52px;
margin: 0 10px;
}
.custom-pagination {
margin-top: 28px;
}
.whitepape-item h4 {
font-family: Inter;
font-size: 18px;
font-weight: 700;
line-height: 22px;
-webkit-box-orient: inherit;
text-align: left;
}
.custom-search-tabs .tabs {
margin-bottom: 22px;
}
.events_slider .search_list {
background: rgba(230, 231, 233, 1);
border: 1px solid rgba(8, 13, 39, 0.1);
outline: 2px solid rgba(8, 13, 39, 0.1);
}
.events_slider .search_list, .events_slider #search.search_list::placeholder, .events_slider #search.search_list::placeholder-shown {
font-family: Inter;
font-size: 16px;
font-weight: 700;
line-height: 20px;
letter-spacing: 0.02em;
text-align: left;
color: rgba(8, 13, 39, 0.4);
}
.scrolltop.show{
bottom: 80px;
right: 10px;
}
.radio_fpt {
margin: 26px 0;
}
.radio_fpt .radio_div {
width: 100%;
height: 50px;
border-radius: 10px;
}
.radio_fpt .wpcf7-list-item-label {
font-size: 14px;
line-height: 18px;
}
.radio_fpt .radio_div .wpcf7-list-item.first {
width: 70%;
}
.radio_fpt .radio_div .wpcf7-list-item.last {
width: 30%;
}
.radio_fpt .wpcf7-list-item-label {
padding: 12px 5px;
background: #FFFFFF0D;
border-radius: 6px;
}
.radio_fpt input[type="radio"]:checked + .wpcf7-list-item-label {
border-radius: 6px;
}
.fpt_check .wpcf7-list-item-label{
display: inline;
}
#form_download .form_checkbox label.fpt_check {
margin-bottom: 10px;
}
.career-item.post__item.col_3 {
width: calc(50% - 7px);
}
.career-main .logo_in_career{
display: none;
}
a.career-button.fpt_btn.btn_download {
display: none;
}
.related_careers_slider {
display: flex;
column-gap: 14px;
}
.title_section_normal.app_form {
font-size: 32px;
line-height: 36px;
}
.career-main{
padding: 16px 16px 80px 16px;
}
.career-main h4{
font-size: 16px;
line-height: 22px;
margin-bottom: 20px;
}
.career-main .top{
margin-bottom: 16px;
}
.career-main .logo_location{
width: 36px;
border-radius: 4px;
}
.career-main .list_infor .item span{
font-size: 12px;
line-height: 16px;
}
.career-main .list_infor .item img{
width: 16px;
margin-right: 8px;
}
.career-main .btn_apply{
margin-top: 10px;
margin-bottom: 0;
border-radius: 10px;
left: 16px;
bottom: 16px;
width: calc(100% - 32px);
height: auto;
padding: 10px 5px;
font-size: 12px;
}
.career-main .list_infor .item{
margin-bottom: 10px;
}
.careers-list.div_post__list {
gap: 14px;
margin-top: 30px;
}
.custom-search-careers-list .search_div::before{
display: none;
}
.custom-search-careers-list .search_list {
height: 56px;
padding: 10px 140px 10px 50px;
max-width: 100%;
}
.custom-search-careers-list img#search-button {
left: 20px;
display: block;
width: 18px;
}
.location_drop span {
font-size: 12px;
line-height: 16px;
}
.custom-search-careers-list .location_drop {
top: 14px;
padding: 6px;
border-radius: 4px;
min-width: 110px;
right: 20px;
}
.location_drop .location-item img{
width: 24px;
}
.location_drop:before {
right: 6px;
width: 8px;
height: 8px;
background-size: 8px;
}
.location_drop ul{
right: 20px;
}
.custom-search-careers-list .search_div{
width: calc(100% - 20px);
}
.section_career_list:before{
background-size: 1200px !important;
top: -47% !important;
}
.benefits_list .accordion-item-body p{
font-size: 14px;
line-height: 18px;
}
.leader_slider,.section_life_fpt{
display: block;
}
.life_slider .life_item{
padding-top: 84%;
}
.life_slider .life_item .title{
font-size: 28px;
line-height: 30px;
bottom: 30px;
}
.section_life_slider .slick-dots{
text-align: left;
padding: 0px 20px;
bottom: -65px;
}
.life_slider .slick-slide {
padding: 0px 20px;
}
.section_life_slider .next_arrow::before,.section_life_slider .prev_arrow::before {
content: '';
right: 10px;
width: 24px;
height: 24px;
background-size: 24px;
}
.section_life_slider .next_arrow{
width: 52px;
height: 52px;
transform: none;
right: 20px;
bottom: -74px;
top: inherit;
}
.section_life_slider .prev_arrow{
width: 52px;
height: 52px;
transform: none;
right: 90px;
bottom: -74px;
top: inherit;
left: inherit;
}
.life_slider .life_item:before{
height: 70%;
}
.section_life_fpt{
background: transparent;
}
.section_life_fpt .prev_arrow::after{
right: 6px;
}
.section_life_fpt .prev_arrow:hover::after{
right: 8px;
}
.section_life_slider .slick-dots li{
height: 6px;
}
.leader_testimo .about_image img {
height: 260px;
}
.leader_testimo .infor_about .name{
font-size: 32px;
line-height: 36px;
margin-top: 40px;
text-align: center;
}
.leader_testimo .infor_about .learn_more{
text-align: center;
}
.leader_testimo .infor_about .position img.bg_mb{
display: block;
width: auto;
max-width: 100%;
}
.leader_testimo .infor_about .position img.bg_desktop{
display: none;
}
.leader_testimo .infor_about .position{
display: flex;
flex-direction: column;
font-size: 20px;
line-height: 26px;
text-align: center;
}
.leader_testimo .infor_about .content{
display: none;
}
.leader_testimo .infor_about .about_us{
width: 100%;
}
.leader_testimo .about_slider{
padding: 0px 20px;
}
.our_leader .next_about.slick-arrow{
transform: none !important;
top: 140px!important;
right: 20px!important;
}
.our_leader .prev_about.slick-arrow {
transform: none !important;
top: 140px!important;
left: 20px!important;
}
.careers-pagination{
margin-top: 50px;
}
.banner_career .img {
padding-top: 107%;
}
.top_careers{
max-width: calc(100% - 40px);
border-radius: 18px;
padding: 30px 10px 0px 10px;
}
.top_careers .location_career {
margin-bottom: 20px;
}
.top_careers .location_career img{
width: 42px;
border-radius: 4px;
}
.top_careers h1{
font-size: 28px;
line-height: 30px;
}
.top_careers .list_infor {
flex-direction: column;
justify-content: flex-start;
text-align: left;
margin-top: 20px;
gap: 0;
}
.top_careers .list_infor .item{
width: 100%;
margin-bottom: 14px;
justify-content: center;
flex-direction: row;
gap: 0;
}
.top_careers:before {
top: -2%;
left: 50%;
transform: translate(-50%, -50%);
height: 1000px;
background-position: center;
background-size: 200%;
width: 100%;
}
.content_careers.flex{
display: block;
margin-top: 60px;
}
.content_careers h4,.content_careers .text{
width: 100%;
}
.content_careers h4{
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
}
.content_careers .text{
font-size: 14px;
line-height: 18px;
color: rgba(8, 13, 39, 1);
}
.list_content_career {
max-width: calc(100% - 40px);
padding-left: 10px;
padding-right: 10px;
padding-bottom: 38px;
}
.form_application {
width: calc(100% - 40px);
margin: 0px auto;
}
.form_application .box_form{
padding: 30px 20px;
border-radius: 24px;
}
.title_section_normal{
font-size: 32px;
line-height: 36px;
}
.form_application .subtitle{
font-size: 14px;
line-height: 18px;
margin: 15px 0px 25px 0px;
}
.form_application .title{
flex-direction: column-reverse;
row-gap: 15px;
}
.form_application .form{
margin: 15px 0px 25px 0px;
}
.form_application .btn_submit{
width: 100%;
text-align: center;
justify-content: center;
padding: 15px;
font-size: 16px;
margin: 0
}
.form_application .box_form:before{
border-radius: 24px;
}
.related_careers{
padding: 40px 0px;
}
.related_careers h2{
margin-bottom: 40px;
}
.related_careers .prev_arrow,
.related_careers .next_arrow{
display: none;
}
.related_careers_list {
padding: 0px 20px;
}
.related_careers_list .see_more{
display: block;
text-align: center;
margin-top: 40px;
}
.related_careers_list .see_more a{
color: #2EF2FF;
text-transform: uppercase;
box-shadow: 0px -14px 48px 0px #28336FB0;
font-size: 16px;
line-height: 24px;
padding: 12px 30px;
}
.bg_solutions ul.slick-dots{
width: 100%!important;
padding: 0px 10px;
}
#mega-menu-wrap-primary .mega-menu-column.mega-menu-columns-6-of-12{
width: 100%!important;
}
#mega-menu-wrap-primary .mega-sub-menu .mega-menu-row>.mega-sub-menu{
display: block!important;
}
#mega-menu-wrap-primary #mega-menu-primary ul.mega-sub-menu li.mega-menu-item a:hover,
.sub-menu li a:hover,
#mega-menu-wrap-primary #mega-menu-primary .mega-menu-megamenu .mega-menu-column .mega-menu-item a.mega-menu-link:hover {
padding: 14px 24px 14px 4px !important;
width: 100%;
color: #2EF2FF !important;
}
.download_form_bg{
margin: 0;
}
.story_shortcode {
transform: inherit!important;
}
#formapplication .form-row {
flex-direction: column;
}
#formapplication .form-row .form_item {
width: 100%;
}
.contact__section .before_footer {
width: 100%!important;
margin: 0;
}
.scrolltop{
opacity: 0.7;
}
}
@media(max-width: 390px){
.download-item .div_btn .more_infor,
.download-item .div_btn .btn_download{
font-size: 12px;
line-height: 16px;
padding: 10px 8px;
}
.career-main{
padding: 10px 10px 80px 10px;
}
.career-main .btn_apply {
left: 10px;
bottom: 16px;
width: calc(100% - 20px);
}
}
@keyframes rotates {
0%{
transform: rotate(0deg);
}
100%{
transform: rotate(360deg);
}
}
video {
object-fit: cover!important;
background-size: cover!important;
}
.bg_img_banner .mb_img,.bg_img_banner2 .mb_img {
display: none;
}
.bg_img_banner2 .mb_img.elementor-widget-video .elementor-wrapper video{
height: auto;
}
@media (max-width:768px){
.bg_img_banner .de_img,
.bg_img_banner2 .de_img {
display: none;
}
.bg_img_banner .mb_img,.bg_img_banner2 .mb_img {
display: block;
}
.bg_img_banner .mb_img.elementor-widget-image,
.bg_img_banner2 .mb_img.elementor-widget-image {
padding-top: 116%;
display: block;
}
}