:root{ --primary-50: #ebeff8;
--primary-100: #EBEFF8;
--primary-200: #D0D8EF;
--primary-300: #ABBAE3;
--primary-400: #829AD5;
--primary-500: #5E7BC9;
--primary-600: #395EBC;
--primary-700: #3150A0;
--primary-800: #274285;
--primary-900: #20356A;
--primary-1000: #1B2A54; --white: #ffffff;
--black-1: #0d0e12;
--black-2: #323232;
--gray-1: #e0e0e0;
--gray-2: #b2b2b2;
--red-1: #c2050b; --linear-gradient: linear-gradient(90deg, #395EBC 0%, #829AD5 100%);
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
overscroll-behavior-y: none;
}
body {
font-family: "Poppins", sans-serif;
}
body.lang-vi-vn{
font-family: 'Be Vietnam Pro', sans-serif;
}  .slick-dots{
justify-content: start !important;
margin-top: 21px;
}
.slick-dots li button {
width: auto;
height: auto;
padding: 0;
}
.slick-dots li button:before {
display: none; }
.slick-dots li {
width: auto;
height: auto;
margin: 0 4px;
list-style: none;
}
.slick-dots li button {
width: 9px;
height: 9px;
padding: 0;
border-radius: 50px;
background-color: var(--primary-100);
border: none;
opacity: 1;
transition: all 0.3s ease;
}
.slick-dots li.slick-active button {
background-color: var(--primary-600);
width: 33px;
height: 9px;
}
.slick-dots {
bottom: -30px;
display: flex !important;
justify-content: center;
align-items: center;
}
.slick-dots li button {
font-size: 0;
color: transparent;
}
.slick-dots li button:focus {
outline: 2px solid #2A3E6B;
outline-offset: 2px;
} .container{
padding-left: 128px;
padding-right: 128px;
margin-left: auto;
margin-right: auto;
max-width: 1440px;
width: 100%;
}
#paginate-section{
scroll-margin-top: 210px;
}
.cta-group{
display: flex;
gap: 21px;
max-width: fit-content; margin-top: 31px;
}
.cta-primary{
background-color: var(--primary-600);
padding: 7px 20px;
color: var(--white);
text-decoration: none;
font-weight: 500;
border-radius: 7px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cta-primary:hover{
color: var(--white);
}
.cta-secondary{
border: 1px solid var(--primary-600);
padding: 7px 20px;
color: var(--primary-600);
text-decoration: none;
font-weight: 500;
border-radius: 7px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
cursor: pointer;
}
.cta-secondary span{
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-600);
fill: var(--primary-600);
}
.cta-tertiary{
font-size: 16px;
padding: 7px 0;
color: var(--primary-600);
text-decoration: none;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
cursor: pointer;
border-bottom: 1px solid transparent;
}
.cta-tertiary span{
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-600);
fill: var(--primary-600);
}
.cta-tertiary:hover{
border-bottom: 1px solid var(--primary-600);
}
.cta-primary-white{
background-color: var(--white);
padding: 7px 20px;
color: var(--primary-600);
text-decoration: none;
font-weight: 500;
border-radius: 7px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cta-secondary-white{
border: 1px solid var(--white);
padding: 7px 20px;
color: var(--white);
text-decoration: none;
font-weight: 500;
border-radius: 7px;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
gap: 11px;
cursor: pointer;
}
.cta-secondary-white span{
display: flex;
align-items: center;
justify-content: center;
fill: var(--white);
}
.cta-tertiary-white{
font-size: 16px;
padding: 7px 0;
color: var(--white);
text-decoration: none;
font-weight: 500;
display: flex;
align-items: center;
gap: 11px;
border-bottom: 1px solid transparent;
cursor: pointer;
}
.cta-tertiary-white span{
display: flex;
align-items: center;
justify-content: center;
fill: var(--white);
}
.cta-primary-white:hover {
color: var(--primary-600);
}
.cta-secondary-white:hover {
color: var(--white);
}
.cta-tertiary-white:hover {
color: var(--white);
}
.cta-tertiary-white:hover{
border-bottom: 1px solid var(--white);
}
input{
border-radius: 6px;
padding: 12px 8px;
font-size: 16px;
border: 1px solid var(--gray-1);
width: 100%;
font-family: inherit;
}
input::placeholder{
color: var(--gray-2);
}
input:hover{
border: 1px solid var(--primary-600);
}
input:focus{
border: 1px solid var(--primary-600);
}
input:active{
border: 1px solid var(--primary-600);
}
input:disabled{
background: var(--primary-100);
border: 1px solid var(--gray-1);
}
input:invalid{
border: 1px solid var(--red-1);
color: var(--red-1);
}
textarea{
border-radius: 6px;
padding: 12px 8px;
font-size: 16px;
border: 1px solid var(--gray-1);
width: 100%;
resize: none;
font-family: inherit;
}
textarea::placeholder{
color: var(--gray-2);
}
textarea:hover{
border: 1px solid var(--primary-600);
}
textarea:focus{
border: 1px solid var(--primary-600);
}
textarea:active{
border: 1px solid var(--primary-600);
}
textarea:disabled{
background: var(--primary-100);
border: 1px solid var(--gray-1);
}
textarea:invalid{
border: 1px solid var(--red-1);
color: var(--red-1);
}
select{
border-radius: 6px;
padding: 12px 8px;
font-size: 16px;
border: 1px solid var(--gray-1);
width: 100%;
font-family: inherit;
}
select::placeholder{
color: var(--gray-2);
}
select:hover{
border: 1px solid var(--primary-600);
}
select:focus{
border: 1px solid var(--primary-600);
}
select:active{
border: 1px solid var(--primary-600);
}
select:disabled{
background: var(--primary-100);
border: 1px solid var(--gray-1);
}
select:invalid{
border: 1px solid var(--red-1);
color: var(--red-1);
}
button[type="submit"]{
border: none;
width: 100%;
margin-top: 11px;
}
h1{
line-height: 120%;
font-weight: 600;
color: var(--black-1);
font-size: 48px;
}
h2{
line-height: 130%;
font-weight: 500;
color: var(--black-1);
font-size: 36px;
}
h3{
line-height: 140%;
font-weight: 500;
color: var(--black-1);
font-size: 24px !important;
}
h4{
line-height: 160%;
font-weight: 500;
color: var(--black-1);
font-size: 16px !important;
}
p{
line-height: 160%;
font-weight: 400;
color: var(--black-2);
font-size: 16px;
}
.sub-title{
line-height: 140%;
font-weight: 500;
color: var(--black-1);
font-size: 18px;
}
.support-text{
line-height: 140%;
font-weight: 500;
color: var(--black-1);
font-size: 14px;
}
a{
color: var(--primary-600);
line-height: 160%;
font-weight: 500;
}
a:hover{
color: var(--primary-600);
}
.dot{
width: 5px;
height: 5px;
background: var(--gray-2);
border-radius: 100%;
}
img{
width: 100%;
height: 100%;
}
svg{  }
main{
padding-top: 100px;
}
@media (max-width: 1399px) {
.container{
padding-left: 96px;
padding-right: 96px;
}
}
@media (max-width: 1199px) {
h1{
font-size: 40px;
}
h2{
font-size: 30px;
}
h3{
font-size: 24px;
}
h4{
font-size: 17px;
}
p{
font-size: 15px;
}
.sub-title{
font-size: 17px;
}
.support-text{
font-size: 13px;
}
.cta-secondary{
padding: 7px 20px;
}
.container{
padding-left: 64px;
padding-right: 64px;
}
}
@media (max-width: 991px) {
h1{
font-size: 32px;
}
h2{
font-size: 24px;
}
h3{
font-size: 20px;
}
h4{
font-size: 16px;
}
p{
font-size: 14px;
}
.sub-title{
font-size: 16px;
}
.support-text{
font-size: 12px;
}
.cta-group{
flex-direction: column;
gap: 11px;
max-width: 100%;
width: 100%;
}
.cta-primary{
padding: 4px 15px;
font-weight: 400;
}
.cta-secondary{
padding: 4px 15px;
font-weight: 400;
}
}
@media (max-width: 767px) {
.container{
padding-left: 32px;
padding-right: 32px;
}
}
@media (max-width: 575px) {
.container{
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 320px) {
} .header {
z-index: 9999;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: var(--white);
border-bottom: 1px solid var(--gray-1);
transition: all .4s ease;
font-size: 14px;
font-weight: 500;
color: var(--black-2);
min-height: 67px;
}
.header-group{
position: relative;
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 11px;
padding-left: 32px;
padding-right: 32px;
margin: 0 auto;
max-width: 1440px;
transition: all .4s linear;
height: auto;
}
.header-event{
height: 20px;
width: 100%;
background-color: var(--primary-600);
}
.header-left{
display: block;
float:left;
margin-right: 31px;
}
.header-left .header-logo{
display: block;
width: 100%;
height: 42px;
max-width: fit-content;
}
.header-left .header-logo a{
display: block;
height: 100%;
}
.header-logo img{
object-fit: contain;
object-position: center;
height: 40px; width: auto;
align-self: center; }
.header-main{
display: inline-block;
vertical-align: middle;
flex-basis: calc(66.67%);
}
.header-right{
display: flex;
float:right;
flex-basis:calc(33.33%);
align-items: center;
justify-content: end;
}
.header-right .cta-group{
margin-top: 0;
}
.header-menu>.menu-list .nav-menu{
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
width: max-content;
color: var(--black-2);
text-decoration: none;
cursor: pointer;
}
.header-menu>.menu-list .nav-menu::before{
content: '';
display: block;
width: 100%;
height: calc(100% + 16px);
position: absolute;
top: 0;
left: 0;
z-index: -100;
}
.header-menu>.menu-list .nav-menu:hover::before{
border-bottom: 2px solid var(--primary-600);
}
.header-main .header-menu{
display: flex;
}
.header-menu .menu-list{
display: flex;
gap: 31px;
align-items: center;
}
.nav-menu .menu-head{
display: flex;
align-items: center;
text-decoration: none;
color: inherit;
}
.menu-list>.nav-menu .menu-head span{
margin-right: 4px;
}
.nav-menu .menu-children{
position: fixed;
left: 50%;
transform: translate(-50%, 0%);
max-width: 1184px;
top: 108.3px;
z-index: 2;
width: 100%;
height: fit-content;
transition: all linear .2s;
border-left: 1px solid var(--gray-1);
border-right: 1px solid var(--gray-1);
border-bottom: 1px solid var(--gray-1);
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: var(--white);
opacity: 0;
visibility: hidden;
display: none;
}
.nav-menu:hover .menu-children,
.nav-menu .menu-children:hover {
opacity: 1;
visibility: visible;
display: block;
}
.menu-children .menu-container{  }
.menu-container .menu-wrapper{
display: flex;
flex-direction: row;
}
.menu-wrapper .sidebar{
max-width: 336px;
width: 100%;
padding-top: 31px;
padding-left: 31px;
padding-right: 11px;
padding-bottom: 31px;
border-right: 1px solid var(--gray-1);
}
.sidebar .sidebar-group{
height: max-content;
}
.sidebar-group .menu-list{
display: flex;
flex-direction: column;
align-items: start;
gap: 7px;
}
.menu-wrapper .menu-content{
position: relative;
max-width: 848px;
width: 100%;
padding-left: 31px;
padding-right: 31px;
padding-top: 31px;
padding-bottom: 31px;
}
.sidebar-group ul li{
list-style: none;
align-items: flex-start;
width: 100%;
transition: all .1s ease;
}
.menu-list .item{
padding: 11px;
border-bottom: 2px solid transparent;
cursor: pointer;
}
.menu-list .item .item-link a{
width: 100%;
justify-content: space-between;
align-items: baseline;
}
.menu-list .item .item-link a .direct-link-icon{
display: flex;
justify-content: center;
align-items: center;
}
.menu-list .item .item-link a .direct-link-icon svg{
fill: var(--primary-600);
}
.menu-list .sidebar-title{
color: var(--gray-2);
padding-top: 11px;
padding-bottom: 11px;
border-bottom: 1px solid var(--gray-1);
font-size: 12px;
}
.menu-list .item.active{
border-bottom: 2px solid var(--primary-600);
background-color: var(--primary-100);
color: var(--primary-600);
}
.menu-list .item:hover{
border-bottom: 2px solid var(--primary-600);
background-color: var(--primary-100);
color: var(--primary-600);
}
.menu-content .pane {
display: none;
}
.menu-content .pane.active {
display: block;
}
.menu-content .pane .pane-content{
display: flex;
flex-direction: column;
gap: 11px;
}
.pane-content .big-hgh-cstories-card-list{
gap: 21px;
}
.pane-content .big-hgh-cstories-card-item{
flex: 0 0 calc(50% - 21px);
margin: unset;
}
.pane-content .pane-title{
color: var(--gray-2);
padding-top: 11px;
padding-bottom: 11px;
border-bottom: 1px solid var(--gray-1);
font-size: 12px;
}
.menu-links .see-more-container{
margin-top: 21px;
}
.pane-content .menu-links{
display: flex;
flex-wrap: wrap;
width: 100%;
row-gap: 11px;
}
.pane-content .menu-links .menu-link{
flex: 0 0 calc(100%);
padding: 11px;
width: 100%;
text-decoration: none;
color: var(--black-2);
border-radius: 7px;
}
.pane-content .menu-links.two-row .menu-link{
flex: 0 0 calc(50% - 31px);
}
.pane-content .menu-links .menu-link:hover{
background-color: var(--primary-100);
color: var(--primary-600);
}
.burger-menu {
display: none;
cursor: pointer;
padding: 10px;
position: relative;
width: 25px;
height: 20px;
}
.burger-menu span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: var(--primary-600);
border-radius: 1px;
opacity: 1;
left: 0;
transition: all 0.3s ease;
}
.burger-menu span:nth-child(1) {
top: 0;
}
.burger-menu span:nth-child(2) {
top: 9px;
}
.burger-menu span:nth-child(3) {
bottom: 0;
}
.burger-menu.active span:nth-child(1) {
transform: rotate(45deg);
top: 9px;
}
.burger-menu.active span:nth-child(2) {
opacity: 0;
}
.burger-menu.active span:nth-child(3) {
transform: rotate(-45deg);
bottom: 9px;
}
.header-left .cta-group {
display: none;
}
.mobile-only {
display: none;
}
.menu-content .mobile-back{
display: none;
}
@media (max-width: 991px) {
.header-main {
position: fixed;
left: 0;
right: 0;
top: 109.3px;
height: 95dvh;
background: var(--white);
flex-direction: column;
justify-content: start;
align-items: start;
gap: 0;
padding: 16px 32px;
transition: opacity 0.3s ease, visibility 0.3s ease;
overflow-y: auto;
opacity: 0;
visibility: hidden;
display: none;
}
.header-main.active {
opacity: 1;
visibility: visible;
display: flex;
}
.header-left .header-logo {
height: 34px;
}
.header-group {
padding-right: 16px;
padding-left: 16px;
}
.header-left {
margin-right: 0;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.header-left-right-group .cta-group {
display: flex;
margin-top: 0;
}
.header-left .header-left-right-group {
display: flex;
align-items: center;
gap: 31px;
}
.header-main .header-menu {
width: 100%;
}
.header-menu .menu-list {
display: flex;
flex-direction: column;
width: 100%;
gap: 0;
}
.nav-menu {
width: 100%;
border-bottom: 1px solid var(--gray-1);
}
.nav-menu .menu-head {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 0;
cursor: pointer;
}
.header-menu > .menu-list .nav-menu {
width: 100%;
flex-direction: column;
}
.nav-menu .menu-children {
position: static;
transform: none;
max-width: 100%;
width: 100%;
opacity: 1;
visibility: visible;
display: none;
border: none;
border-radius: 0;
background: transparent;
height: auto;
}
.nav-menu.open .menu-children {
display: block;
}
.menu-children .menu-container {
padding-left: 0;
padding-right: 0;
}
.menu-wrapper {
flex-direction: column;
}
.menu-wrapper .sidebar {
flex: 0 0 100%;
width: 100%;
padding-left: 0;
padding-top: 11px;
max-width: 100%;
position: relative;
border-right: 0;
background: var(--white);
}
.menu-wrapper .menu-content {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
border: none;
padding: 16px 32px;
position: fixed;
top: 109.3px;
left: -100%;
background: var(--white);
visibility: hidden;
height: calc(95dvh - 109.3px);
overflow-y: auto;
transition: left 0.3s ease, visibility 0.3s ease;
z-index: 9998;
}
.menu-wrapper .menu-content.is-open {
left: 0;
visibility: visible;
}
.menu-content .mobile-back {
display: flex;
align-items: center;
gap: 8px;
position: sticky;
top: 0;
padding: 12px 0px;
background: var(--white);
border-bottom: 1px solid var(--gray-1);
z-index: 2;
}
.menu-content .mobile-back button {
appearance: none;
border: none;
background: transparent;
padding: 8px 0;
font: inherit;
color: var(--primary-600);
display: inline-flex;
align-items: center;
gap: 6px;
cursor: pointer;
}
.menu-content .mobile-back svg {
width: 14px;
height: 14px;
fill: var(--primary-600);
}
.burger-menu {
display: block;
}
.header-right {
display: none;
}
.header-menu > .menu-list .nav-menu:hover::before {
border: none;
}
.mobile-bottom {
margin-top: auto;
width: 100%;
padding-bottom: 96px;
padding-top: 31px;
border-top: 1px solid var(--gray-1);
background: var(--white);
}
.mobile-bottom-inner {
display: grid;
gap: 14px;
}
.mobile-phones {
display: flex;
flex-wrap: wrap;
gap: 10px 16px;
}
.mobile-phones .top-call-item {
text-decoration: none;
}
.mobile-phones .top-call-list .top-call-icon{
display: none;
}
.mobile-phones .top-call-list{
display: flex;
align-items: center;
gap: 11px;
flex-wrap: wrap;
}
.mobile-cta .cta-group {
margin-top: 4px;
}
}
@media (max-width: 575px){
.header-left .header-left-right-group{
gap: 11px;
}
.pane-content .big-hgh-cstories-card-list{
flex-direction: column;
}
}
@media (max-width: 320px){
.header-left-right-group .cta-group{
display: none;
}
.pane-content .menu-links.two-row .menu-link{
flex: 0 0 calc(100%);
}
}  .top-header{
border-bottom: 1px solid var(--gray-1);
}
.top-header-group{
max-width: 1440px;
padding-left: 32px;
padding-right: 32px;
margin: 0 auto;
padding-top: 7px;
padding-bottom: 7px;
display: flex;
justify-content: end;
}
.top-header-group .top-call-list{
display: flex;
justify-content: start;
align-items: center;
padding-right: 31px;
border-right: 1px solid var(--gray-1);
margin-right: 31px;
gap: 11px;
}
.top-call-icon svg{
fill: var(--black-2);
color: var(--black-2);
width: 25px;
height: 25px;
} .top-call-list .top-call-item{
display: flex;
align-items: center;
justify-content: center;
padding: 2px 7px;
text-decoration: none;
background-color: var(--primary-100);
border-radius: 50px;
}
.top-call-list .top-call-item:hover{
text-decoration: underline;
}
.top-header-group .top-menu-list{
display: flex;
justify-content: end;
align-items: center;
}
.top-menu-list .menu {
list-style: none;
display: flex;
gap: 20px;
}
.top-menu-list .menu li {
position: relative;
}
.top-menu-list .menu li a {
text-decoration: none;
color: var(--black-2);
font-weight: 400;
}
.top-menu-list .menu li a:hover {
color: var(--primary-600);
}
.top-menu-list .sub-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #fff;
padding: 10px;
min-width: 200px;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
z-index: 999;
}
.top-menu-list .menu li:hover > .sub-menu {
display: block;
}
@media (max-width: 991px){
.top-header-group{
padding-left: 16px;
padding-right: 16px;
}
}
@media (max-width: 767px){
.top-header-group .top-call-list{
display: none;
}
}  .hero-section{
padding-top: 64px;
padding-bottom: 64px;
}
.breadcrumb-section + .hero-section{
padding-top: 16px;
}
.hero-section.bg{
background-color: var(--primary-100);
}
.hero-group{
display: flex;
align-items: center;
justify-content: space-between;
gap: 31px;
}
.hero-group .hero-detail{
max-width: 578px;
width: 100%;
display: flex;
flex-direction: column;
gap: 11px;
}
.hero-detail .hero-logo{
max-width: 150px;
width: 100%;
overflow: hidden;
border-radius: 15px;
}
.hero-image img{
object-position: left;
align-self: stretch;
}
.hero-detail .support-text{
color: var(--primary-600);
}
.hero-detail .home-small-text{
font-size: 18px;
width: 100%;
}
.hero-group .hero-image{
max-width: 511px;
width: 100%;
border-radius: 7px;
overflow: hidden;
height: auto;
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.hero-group .hero-detail{
max-width: 100%;
}
.hero-group .hero-image{
max-width: 100%;
}
.hero-group{
flex-direction: column;
align-items: start;
justify-content: center;
width: 100%;
}
.hero-detail .hero-logo{
max-width: 110px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}
@media (max-width: 320px) {
} .client-slider-section {
padding-top: 64px;
padding-bottom: 64px;
background: var(--primary-100);
}
.client-slider-group {
display: flex;
align-items: center;
justify-content: space-between;
gap: 31px;
}
.client-detail {
flex: 0 0 35%;
max-width: 329px;
width: 100%;
}
.client-desc {
font-size: 18px;
color: var(--black-1);
margin: 0;
}
.client-list-wrapper {
flex: 1;
overflow: hidden;
position: relative;
max-width: 726px;
width: 100%;
}
.client-list {
display: flex;
align-items: center;
gap: 30px;
animation: marquee 25s linear infinite;
width: max-content;
}
.client-list-wrapper::before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 60px;
width: 63px;
z-index: 2;
background: linear-gradient(to right, var(--primary-100), transparent);
}
.client-list-wrapper::after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 60px;
width: 63px;
z-index: 2;
background: linear-gradient(to left, var(--primary-100), transparent);
}
.client-item {
flex-shrink: 0;
max-width: 102px;
width: 100%;
height: 62px;
display: flex;
align-items: center;
}
.client-item img {  max-width: 100px;
object-fit: cover;
align-self: stretch;
opacity: 0.8;
transition: all 0.3s ease;
}
.client-item:hover img {
opacity: 1;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.client-slider-group {
flex-direction: column;
}
.client-detail {
flex: 0 0 100%;
margin: 0 auto;
max-width: 450px;
}
.client-desc {
text-align: center;
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}
@media (max-width: 320px) {
} .feature-highlight-tab-section {
padding-top: 64px;
padding-bottom: 64px;
}
.feature-hgh-detail {
text-align: center;
max-width: 784px;
width: 100%;
margin: 0 auto;
display: flex;
gap: 11px;
flex-direction: column;
}
.feature-hgh-tab {
display: flex;
flex-direction: column;
margin-top: 31px;
align-items: center;
}
.tab-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 11px;
background-color: var(--primary-100);
padding: 4px;
width: fit-content;
margin: 0 auto;
margin-bottom: 31px;
border-radius: 180px; top: 120px;
z-index: 2;
}
.tab-point-section.bg .tab-list{
background-color: var(--white);
}
.tab-list .tab-btn{
padding: 7px 24px;
border-radius: 50px;
width: fit-content;
color: var(--primary-600); transition: all 0.1s linear;
background:var(--white);
border: 1px solid var(--gray-1);
font-weight: 500;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.tab-list .tab-btn:hover{
background: var(--linear-gradient);
color: var(--white);
}
.tab-list .tab-btn.active{
background: var(--linear-gradient);
color: var(--white);
}
.feature-hgh-tab .feature-hgh-tab-content {
max-width: 1184px;
margin-top: 31px;
}
.feature-hgh-tab-content .tab-content{
width: 100%;
display: none;
}
.feature-hgh-tab-content .tab-content.active{
display: flex;
flex-wrap: wrap;
width: 100%;
gap: 31px;
}
.tab-content .tab-content-item{ flex: 0 0 calc(50% - 31px); margin-bottom: 21px;
border-radius: 7px;
overflow: hidden;
background: var(--white);
border: 1px solid var(--gray-1);
background: var(--white);
transition: all 0.1s linear;
}
.tab-content .tab-content-item:hover{
background: var(--primary-400);
}
.tab-content-item .tab-content-img{
position: relative;
padding: 21px;
overflow: hidden;
height: auto; border-radius: 7px;
}
.tab-content-img img{
border-radius: 7px;
background: var(--white);
object-position: left top;
align-self: stretch;
border: 1px solid var(--gray-1);
}
.tab-content-item .tab-content-detail{
padding: 21px;
}
.tab-content-detail .tab-content-desc{
margin-top: 4px;
}
.tab-content-detail .cta-tertiary{
width: fit-content;
margin-top: 21px;
}
.tab-content-item:hover .tab-content-detail .cta-tertiary{
color: var(--white);
border-bottom: 1px solid var(--white);
}
.tab-content-item:hover .tab-content-detail .cta-tertiary span{
fill: var(--white);
color: var(--white);
}
.tab-content-item:hover .tab-content-detail .tab-content-title{
color: var(--white);
}
.tab-content-item:hover .tab-content-detail .tab-content-desc{
color: var(--white);
}
@media (max-width: 991px) {
.tab-content .tab-content-item{
flex: 0 0 calc(100%);
margin: 0 auto;
margin-top: 21px;
}
.tab-list .tab-btn{
padding: 4px 12px;
}
}  .value-propo-section{
padding-top: 64px;
padding-bottom: 64px;
}
.value-propo-section .cta-group{
margin: 0 auto;
margin-top: 31px;
max-width: fit-content;
}
.value-propo-section .value-propo-detail{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 11px;
}
.value-propo-detail .value-propo-smalltitle{
color: var(--primary-600);
text-align: center;
}
.value-propo-detail .value-propo-title{
color: var(--black-1);
text-align: center;
}
.value-propo-detail .value-propo-desc{
color: var(--black-2);
text-align: center;
}
.value-propo-list {
display: flex;
max-width: 1184px;
width: 100%;
flex-wrap: wrap;
margin: 0 auto;
margin-top: 31px;
gap: 31px;
}
.value-propo-list .value-propo-item{
max-width: 374px;
display: flex;
flex: 0 0 calc(33.33% - 31px);
flex-direction: column;
gap: 11px;
padding: 21px;
border-radius: 7px;
background: var(--white);
border: 1px solid var(--gray-1);
flex-grow: 1;
}
.value-propo-list.two-row .value-propo-item{
max-width: 561px;
flex: 0 0 calc(50% - 31px);
}
.value-propo-item .value-detail {
display: flex;
flex-direction: column;
gap: 7px;
}
.value-detail .value-title{
color: var(--black-1);
font-size: 18px;
}
.value-detail .value-desc{
color: var(--black-2);
}
.value-propo-item .value-icon svg{
fill: var(--primary-600);
width: 32px;
height: 32px;
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
.value-propo-list .value-propo-item{
flex: 0 0 calc(33.33% - 31px);
}
}
@media (max-width: 991px) {
.value-propo-item .value-icon svg{
width: 24px;
height: 24px;
}
.value-propo-list .value-propo-item{
gap: 11px;
flex: 0 0 calc(50% - 31px);
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.value-propo-list .value-propo-item{
flex: 0 0 calc(100%);
}
.value-propo-list.two-row .value-propo-item{
flex: 0 0 calc(100%);
}
.value-propo-list .value-propo-item{
flex: 0 0 calc(100%);
max-width: 100%;
}
}
@media (max-width: 320px) {
}  .certaward-section{
padding-top: 64px;
padding-bottom: 64px;
background-color: var(--primary-100);
}
.certaward-group {
display: flex;
align-items: center;
justify-content: space-between; gap: 31px;
}
.certaward-left{ max-width: 679px;
width: 100%;
}
.certaward-right{ max-width: 474px;
width: 100%;
}
.certaward-detail {
display: flex;
flex-direction: column;
gap: 7px;
}
.certaward-wrap{
border: 1px solid var(--gray-1);
border-radius: 7px;
padding: 16px;
overflow: hidden;
position: relative;
}
.certaward-wrap .certaward-list{
background: var(--white);
border-radius: 7px;
padding: 21px;
}
.certaward-item .certaward-item-logo{
max-width: 86px;
max-height: 86px;
}
.certaward-item{
max-width: 442px;
width: 100%; background: var(--white);
border-radius: 7px;
}
.certaward-item-logo img{
width: 100%;
object-fit: contain;
}
.certaward-item .certaward-item-detail{
margin-top: 31px;
display: flex;
flex-direction: column;
gap: 7px;
}
.certaward-item-detail .certaward-title{
font-size: 18px;
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
}
@media (max-width: 991px) { .certaward-group{
justify-content: center;
flex-direction: column;
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
}
@media (max-width: 320px) {
}  .quick-intro-section{
padding-top: 64px;
padding-bottom: 64px;
background: var(--primary-600)
}
.quick-intro-group{
display: flex;
flex-direction: column;
gap: 31px;
}
.quick-intro-logo{
display: flex;
gap: 11px;
}
.quick-intro-logo .quick-intro-logo-item{
max-width: 111px;
}
.quick-intro-logo-item img{
width: 100%;
object-fit: contain;
}
.quick-intro-detail{
display: flex;
flex-direction: column;
gap: 11px;
}
.quick-intro-detail .quick-intro-title{
color: var(--white);
}
.quick-intro-detail .quick-intro-desc{
color: var(--white);
}
.quick-intro-number{
display: flex;
align-items: start;
margin-top: 31px;
flex-wrap: wrap;
gap: 31px; }
.intro-number-item {
display: flex;
flex-direction: column;
position: relative;
align-items: center;
flex: 0 0 calc(20% - 31px);
}
.intro-number-item .intro-number{
font-size: 42px;
font-weight: 500;
color: var(--white);
text-align: center;
}
.intro-number-item .intro-desc{ color: var(--white); text-align: center;
}
.quick-intro-number .divider{
width: 2px;
height: 75px;
background-color: var(--white);
}
@media (max-width: 1199px){
.intro-number-item {
flex: 0 0 calc(33.33% - 31px);
}
.intro-number-item .intro-number{
font-size: 38px;
}
}
@media (max-width: 991px){
.intro-number-item .intro-number{
font-size: 32px;
}
}
@media (max-width: 767px){
.intro-number-item {
flex: 0 0 calc(50% - 31px);
}
.intro-number-item .intro-number{
font-size: 28px;
}
}
@media (max-width: 320px){
.intro-number-item {
flex: 0 0 calc(100%);
}
}  .bigbg-hghtesti-section{
padding-top: 64px;
padding-bottom: 64px;
background-color: var(--primary-600);
}
.bigbg-hgh-testi-group{
padding-bottom: 32px;
max-width: 1184px;
overflow: hidden;
width: 100%;
}
.bigbg-hgh-testi-list{
position: relative;
width: 100%;
}
.bigbg-hgh-testi-list .big-hgh-cstories-item{
display: flex !important;
flex-direction: column;
gap: 31px;
align-items: center;
}
.bigbg-hgh-testi-list .slick-dots li.slick-active button{
background-color: var(--white);
}
.bigbg-hgh-testi-group .big-hgh-cstories-item .hgh-cstories-text{
font-style: italic;
color: var(--white);
}
.bigbg-hgh-testi-group .hgh-cstories-person-group .cstories-person-name{
color: var(--white);
text-align: center;
}
.bigbg-hgh-testi-award-group{
padding-top: 32px;
display: flex;
position: relative;
justify-content: space-around;
border-top: 1px solid var(--white);
gap: 31px;
}
.bigbg-hgh-testi-award-group .big-bg-hgh-testi-left{
max-width: 483px; width: 100%;
display: flex;
flex-direction: column;
gap: 4px;
}
.big-bg-hgh-testi-left-detail .big-bg-hgh-testi-left-title{
color: var(--white);
font-weight: 500;
font-size: 18px;
line-height: 140%;
}
.big-bg-hgh-testi-left-detail .big-bg-hgh-testi-left-desc{
color: var(--white);
font-weight: 400;
font-size: 16px;
line-height: 160%;
}
@media (max-width: 991px){
.bigbg-hgh-testi-award-group{
flex-direction: column;
gap: 31px;
}
.bigbg-hgh-testi-award-group .big-bg-hgh-testi-left{
max-width: 100%;
flex: 0 0 100%;
border-right: none;
}
}  .hero-featureovw-section{
padding-top: 64px;
padding-bottom: 64px;
}
.hero-featureovw-group{
display: flex;
flex-direction: column;
align-items: center;
}
.hero-featureovw-detail{
display: flex;
max-width: 784px;
margin: 0 auto;
flex-direction: column;
gap: 11px;
}
.hero-featureovw-detail .support-text{
text-align: center;
color: var(--primary-600);
}
.hero-featureovw-detail .hero-title{
text-align: center;
}
.hero-featureovw-detail .hero-desc{
text-align: center;
}
.hero-solutionovw-group{
margin-top: 31px;
}
.hero-solution-list{
display: flex;
align-items: center;
gap: 21px;
flex-wrap: wrap;
}
.hero-solution-list .hero-solution-item{
display: flex;
flex-direction: column;
gap: 11px;
max-width: 275px;
width: 100%;
flex: 0 0 calc(25% - 21px);  border-right: 1px solid var(--gray-1);
}
.hero-solution-list .hero-solution-item:last-child{
border-right: 1px solid transparent;
margin-right: 0px;
padding-right: 0px;
}
.hero-solution-item .solution-head{
display: flex;
align-items: center;
gap: 21px;
}
.solution-head .solution-roles{
display: flex;
flex-direction: column;
font-size: 18px;
color: var(--black-1);
font-weight: 500;
}
.solution-head .solution-icon{
display: flex;
align-items: center;
justify-content: center;
}
.solution-head .solution-roles span{
font-size: 14px;
color: var(--gray-2);
}
.hero-solution-list .divider{
height: 100px;
width: 2px;
background-color: var(--gray-2);
}
.hero-featureovw-section .cta-group .cta-primary{
margin: 0 auto;
}
.hero-featureovw-slide{
position: relative;
max-width: 1184px;
flex: 1;
margin-top: 31px;
overflow: hidden;
}
.hero-featureovw-slide::before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 63px;
z-index: 2;
background: linear-gradient(to right, var(--white), transparent);
}
.hero-featureovw-slide::after{
content: '';
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 63px;
z-index: 2;
background: linear-gradient(to left, var(--white), transparent);
}
.featureovw-slide-group{
display: flex;
align-items: center;
gap: 11px;
animation: marquee 20s linear infinite;
width: max-content;
}
.featureovw-slide-group .feature-slide-item{
height: 402px;
border-radius: 15px;
overflow: hidden;
border: 1px solid var(--gray-1);
display: flex;
align-items: center;
justify-content: center;
}
.feature-slide-item img{
object-fit: cover;
}
@media (max-width: 1399px) {
}
@media (max-width: 1199px) {
.hero-solution-list .hero-solution-item{
flex: 0 0 calc(50% - 11px);
border: none;
padding-right: 0;
max-width: 100%;
}
.hero-featureovw-slide{
max-width: 100%;
}
}
@media (max-width: 991px) {
.featureovw-slide-group .feature-slide-item{
height: 302px;
}
}
@media (max-width: 767px) {
}
@media (max-width: 575px) {
.hero-solution-list .hero-solution-item{
flex: 0 0 calc(60%);
margin-right: 0px;
padding-right: 0px;
}
.hero-solution-list{
justify-content: center;
}
}
@media (max-width: 320px) {
}   .bg-accordion-tab-section {
padding-top: 64px;
padding-bottom: 64px;
}
.bg-accordion-group {
max-width: 1184px;
display: flex;
align-items: flex-start; margin: 0 auto;
gap: 31px;
}
.bg-accordion-tab-head{
margin-bottom: 41px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.bg-accordion-tab-head .bg-accordion-tab-detail{
max-width: 768px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 7px;
}
.bg-accordion-tab-detail .bg-accordion-tab-smalltitle{
text-align: center;
color: var(--primary-600);
}
.bg-accordion-tab-detail .bg-accordion-tab-title{
text-align: center;
}
.bg-accordion-tab-detail .bg-accordion-tab-desc{
text-align: center;
}
.bg-accordion-group .accordion-tab {
max-width: 460px; display: flex;
flex-direction: column;
gap: 31px;
background: var(--primary-600, #2563eb);
border-radius: 7px;
width: 100%;
flex: 1;
}
.accordion-tab .accordion-tab-group {
padding: 21px;
position: relative;
}
.accordion-tab-group .accordion-tab-list {
display: flex;
flex-direction: column;
gap: 11px;
}
.accordion-tab-list .accordion-tab-item {
display: flex;
gap: 11px;
padding: 21px;
border-radius: 7px;
border: 1px solid transparent;
cursor: pointer;
transition: all 0.3s ease;
}
.accordion-tab-list .accordion-tab-item.active {
border: 1px solid var(--white, #ffffff);
background-color: rgba(255, 255, 255, 0.1);
}
.accordion-tab-item .item-icon svg {
fill: var(--white, #ffffff);
width: 32px;
height: 32px;
}
.accordion-tab-item .item-detail {
display: flex;
flex-direction: column;
gap: 11px;
flex: 1;
}
.accordion-tab-item .item-detail .item-title {
font-size: 18px;
color: var(--white, #ffffff);
margin: 0;
}
.accordion-tab-item .item-detail .item-desc {
color: var(--white, #ffffff);
margin: 0;
display: none;
}
.accordion-tab-item .item-detail .cta-group {
margin-top: 0;
display: none;
}
.accordion-tab-item.active .item-desc,
.accordion-tab-item.active .cta-group {
display: block;
}
.accordion-tab-item .item-chevron {
margin-left: auto;
}
.accordion-tab-item .item-chevron svg {
fill: var(--white, #ffffff);
transition: transform 0.3s ease;
}
.accordion-tab-item.active .item-chevron svg {
transform: rotate(180deg);
}
.bg-accordion-group .accordion-content {
max-width: 693px;
position: relative;
overflow: hidden;
border-radius: 7px;
width: 100%;
position: sticky;
top: 150px;
flex: 1; }
.accordion-content .accordion-pane {
display: none;
transition: opacity 0.3s ease;
}
.accordion-content .accordion-pane.active {
display: block;
}
.accordion-content .accordion-pane img {
width: 100%;
height: auto;
object-fit: cover;
border-radius: 7px;
} .accordion-pane-mobile {
display: none;
margin-top: 15px;
}
.accordion-pane-mobile img {
width: 100%;
height: 100%;
border-radius: 7px;
}
@media (max-width: 991px) {
.bg-accordion-group {
flex-direction: column;
}
.bg-accordion-group .accordion-tab,
.bg-accordion-group .accordion-content {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
.accordion-content {
display: none;
}
.accordion-pane-mobile {
display: block;
height: 422px;
}
.accordion-tab-item .item-desc,
.accordion-tab-item .cta-group {
display: none !important;
}
.accordion-tab-item.active .item-desc,
.accordion-tab-item.active .cta-group {
display: block !important;
}
.accordion-tab-item .item-icon svg{
width: 24px;
height: 24px;
}
}
@media (max-width: 767px) {
.accordion-pane-mobile {
height: 322px;
}
.accordion-tab .accordion-tab-group{
padding: 11px;
}
.accordion-tab-list .accordion-tab-item{
padding: 11px;
}
}
@media (max-width: 575px) {
.accordion-pane-mobile {
height: 222px;
}
} .cta-tertiary-white {
color: white;
text-decoration: none;
font-weight: 500;
display: inline-flex;
align-items: center;
gap: 5px;
}   .value-propo-section.bg{
background-color: var(--primary-600);
}
.value-propo-section.bg .value-propo-list .value-propo-item{
background-color: transparent;
border: 1px solid var(--gray-1);
}
.value-propo-section.light-bg .value-propo-item .value-icon svg{
fill: var(--primary-600);
}
.value-propo-section.light-bg{
background-color: var(--primary-100);
}
.value-propo-section.bg .value-propo-detail .value-propo-title{
color: var(--white);
}
.value-propo-section.bg .value-propo-detail .value-propo-desc{
color: var(--white);
}
.value-propo-section.bg .value-propo-item .value-icon svg{
fill: var(--white);
}
.value-propo-section.bg .value-detail .value-title{
color: var(--white);
font-size: 20px;
}
.value-propo-section.bg .value-detail .value-desc{
color: var(--white);
}
.value-propo-section.bg .cta-group .cta-tertiary{
justify-content: start;
}
.value-propo-section.bg .cta-group .cta-primary{
margin: 0 auto;
}  .proof-stats-section{
padding-top: 64px;
padding-bottom: 64px;
background-color: var(--primary-600);
}
.proof-stats-group{
display: flex;
justify-content: space-between;
align-items: center;
gap: 31px;
}
.proof-stats{
max-width: 517px;
width: 100%;
display: flex;
flex-direction: column;
gap: 31px;
}
.proof-image{
max-width: 525px;
width: 100%;
border-radius: 7px;
overflow: hidden;
}
.proof-image img{
width: 100%;
}
.proof-stats-detail {
display: flex;
flex-direction: column;
gap: 7px;
}
.proof-stats-detail .proof-stats-smalltitle{
color: var(--white);
}
.proof-stats-detail .proof-stats-title{
color: var(--white);
}
.proof-stats-detail .proof-stats-desc{
color: var(--white);
}
.proof-stats-number-group{
display: flex;
justify-content: space-between;
align-items: start;
flex-wrap: wrap;
gap: 10px;
}
.stats-number-item{
display: flex;
flex-direction: column;
gap: 11px;
flex: 0 0 calc(33.33% - 31px);
padding-right: 21px;
width: 100%;
border-right: 1px solid var(--gray-2);
}
.stats-number-item:first-child{
padding-left: 0;
}
.stats-number-item:last-child{
border-right: none;
}
.stats-number-item .stats-number{
font-size: 48px;
font-weight: 600;
color: var(--white);
}
.stats-number-item .stats-desc{
font-size: 14px;
font-weight: 500;
color: var(--white);
} @media (max-width: 991px){
.proof-stats{
max-width: 100%;
flex: 0 0 calc(100%);
}
.proof-stats-group{
flex-direction: column;
}
.stats-number-item .stats-number{
font-size: 32px;
}
.proof-image{
max-width: 100%;
height: 425px;
}
}
@media (max-width: 575px){
.stats-number-item{
padding: 0;
border: none;
}
.proof-stats-number-group{
flex-direction: column;
gap: 21px;
}
}  .tab-point-section{
padding-top: 64px;
padding-bottom: 64px;
}
.tab-point-section.bg{
background: var(--primary-100);
}
.tab-point-group{
display: flex;
flex-direction: column;
gap: 31px;
}
.tab-point-head-detail{
max-width: 784px;
width: 100%;
margin: 0 auto;
}
.tab-point-head-detail .tab-point-title{
text-align: center;
}
.tab-point-head-detail .tab-point-desc{
text-align: center;
}
.tab-point-content .tab-content-point{
display: none;
align-items: center;
gap: 31px;
justify-content: space-around;
}
.tab-content-point .tab-point-image{
max-width: 511px;
border-radius: 7px;
overflow: hidden;
height: 405px;
width: 100%;
}
.tab-point-image img{
object-fit: contain;
border-radius: 7px;
}
.tab-content-point .tab-point-detail{
max-width: 578px;
display: flex;
flex-direction: column;
gap: 31px;
}
.tab-point-detail .tab-point-detail-group{
display: flex;
flex-direction: column;
gap: 11px;
}
.tab-point-desc-list{
display: flex;
flex-direction: column;
gap: 21px;
}
.tab-point-desc-list .desc-item{
display: flex;
align-items: start;
gap: 21px;
font-weight: 500;
color: var(--black-1);
}
.desc-item .desc-icon{
display: flex;
padding-bottom: 4px;
align-items: center;
justify-content: center;
}
.desc-item .desc-icon.icon-bg{
padding: 7px;
border-radius: 4px;
background-color: var(--primary-100);
}
.desc-icon svg{
color: var(--primary-600);
fill: var(--primary-600);
width: 28px;
height: 28px;
}
.desc-detail .detail-title{
font-size: 18px;
}
.tab-content-point.active {
display: flex;
}
@media (max-width: 991px){
.tab-content-point .tab-point-image{
margin: 0 auto;  width: 100%;
height: 295px;
}
.tab-content-point .tab-point-detail{
margin: 0 auto; width: 100%;
}
}  .hgh-cstories-section{
padding-top: 64px;
padding-bottom: 64px;
}
.hgh-cstories-group{
display: flex;
flex-direction: column;
gap: 31px;
justify-content: center;
align-items: center;
}
.hgh-cstories-group .cta-group{
margin-top: 0;
}
.hgh-cstories-group .hgh-cstories-head{
position: relative;
}
.hgh-cstories-head .head-hgh-cstories-detail{
max-width: 784px;
}
.hgh-cstories-head .head-hgh-cstories-detail .head-hgh-cstories-title{
text-align: center;
}
.hgh-cstories-head .head-hgh-cstories-detail .head-hgh-cstories-desc{
text-align: center;
}
.hgh-cstories-group .big-hgh-cstories{
position: relative;
width: 100%;
}
.big-hgh-cstories .big-hgh-cstories-wrap{
max-width: 1184px;
padding: 21px;
border: 1px solid var(--gray-2);
border-radius: 15px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 31px;
align-items: center;
}
.big-hgh-cstories-wrap .big-hgh-cstories-list{
width: 100%;
}
.big-hgh-cstories-list .big-hgh-cstories-item{
display: flex !important;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 31px;
}
.big-hgh-cstories-item .hgh-cstories-image{
height: 48px;
overflow: hidden;
border-radius: 7px; }
.hgh-cstories-image img{
object-fit: contain;
object-position: center;
align-self: stretch;   
}
.big-hgh-cstories-item .hgh-cstories-text{
text-align: center;
font-size: 28px;
font-weight: 500;
line-height: 140%;
color: var(--black-2);
font-style: italic;
}
.big-hgh-cstories-item .hgh-cstories-person-group{
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.hgh-cstories-person-group .cstories-person-name{
font-size: 18px;
font-weight: 500;
line-height: 140%;
color: var(--black-1);
}
.hgh-cstories-person-group .cstories-person-role{
font-size: 16px;
font-weight: 400;
line-height: 160%;
color: var(--black-2);
}
.hgh-cstories-group .big-hgh-cstories-card-group{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.big-hgh-cstories-card-list{
display: flex;
max-width: 1184px;
width: 100%;
gap: 31px;
}   
.big-hgh-cstories-card-item{ flex: 0 0 calc(33.33% - 31px); margin: 0 auto;
display: flex;
flex-direction: column;
gap: 21px;
width: 100%;
}
.big-hgh-cstories-card-item:last-child{
padding-right: 0;
}
.big-hgh-cstories-card-item .hgh-cstories-card-image{
width: 100%;
height: 211.91px;
border-radius: 7px;
overflow: hidden;
border: 1px solid var(--gray-1);
}
.big-hgh-cstories-card-item .hgh-cstories-card-image img{ align-self: stretch;
object-position: left;
}
.big-hgh-cstories-card-item .hgh-cstories-detail{
display: flex;
flex-direction: column;
gap: 4px;
flex-grow: 1;
}
.hgh-cstories-detail .hgh-cstories-title{ text-align: start;
}
.hgh-cstories-detail .hgh-cstories-category{
text-align: start;
color: var(--primary-600);
}
.hgh-cstories-category span {
color: var(--gray-2);
}
.hgh-cstories-category .term-link{
text-decoration: none;
}
.hgh-cstories-category .term-link:hover{
text-decoration: underline;
}
.big-hgh-cstories-card-item .cta-group{
margin-top: auto;
}
@media (max-width: 991px){
.big-hgh-cstories-item .hgh-cstories-text{
font-size: 18px;
}
.hgh-cstories-person-group .cstories-person-name{
font-size: 16px;
text-align: center;
}
.hgh-cstories-person-group .cstories-person-role{
font-size: 14px;
text-align: center;
}
.big-hgh-cstories-card-item{
margin-bottom: 21px;
}
.tab-point-content .tab-content-point{
flex-direction: column;
}
.hgh-cstories-group .big-hgh-cstories-card-list{
flex-direction: column;
justify-content: center;
align-items: center;
gap: 31px;
}
.big-hgh-cstories-card-item{
flex: 0 0 calc(100%);
padding-right: 0;
margin-bottom: 31px;
width: 100%;
}
.big-hgh-cstories-card-item .hgh-cstories-card-image{
max-width: 100%;
height: 273px;
}
.big-hgh-cstories-card-item .cta-group{
max-width: fit-content;
}
}
@media (max-width: 575px) { }  .resource-hgh-section{
padding-top: 64px;
padding-bottom: 64px;
}
.resource-hgh-section.bg{
background-color: var(--primary-100);
}
.resource-hgh-group{
display: flex;
flex-direction: column;
gap: 31px;
align-items: center;
}
.resource-hgh-head-detail{
display: flex;
flex-direction: column;
gap: 11px;
max-width: 784px;
width: 100%;
margin: 0 auto;
}
.resource-hgh-head-detail .resource-hgh-title{
text-align: center;
}
.resource-hgh-head-detail .resource-hgh-desc{
text-align: center;
}
.resource-hgh-card-group{
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.resource-hgh-card-list{
display: flex;
max-width: 1184px;
width: 100%;
gap: 31px;
flex-wrap: wrap;
}
.resource-hgh-card-item{ flex: 0 0 calc(33.33% - 31px);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 21px;
width: 100%;
flex-grow: 1;
}
.resource-hgh-card-item:last-child{
padding-right: 0;
}
.resource-hgh-card-item .resource-card-image{
height: 209.91px;
border-radius: 7px;
overflow: hidden;
border: 1px solid var(--gray-1);
}
.resource-card-image img{
align-self: stretch;
object-position: left top;
}
.resource-hgh-card-item .resource-card-detail{
display: flex;
flex-direction: column;
gap: 4px;
}
.resource-card-detail .resource-card-category{
color: var(--primary-600);
} .resource-hgh-card-item .cta-group{
margin-top: auto;
}
@media (max-width: 991px){
.resource-hgh-card-item{
padding-right: 0;
flex: 0 0 calc(100%);
}
.resource-hgh-card-item .resource-card-image{
height: auto;
}
}
@media (max-width: 767px) {
.resource-hgh-card-item .cta-group{
max-width: fit-content;
}
.resource-hgh-card-list{
justify-content: center;
flex-direction: column;
gap: 31px;
}
}  .top-nav-section { width: 100%;
margin: 0 auto; border-bottom: 1px solid var(--gray-1);
position: sticky;
top: 122px;
background: var(--white);
z-index: 100;
}
.top-nav-group {
padding-left: 32px;
padding-right: 32px;
max-width: 1440px;
margin: 0 auto;
}
.top-nav-group ul li {
list-style: none;
}
.top-nav-group .top-nav-list {
display: flex;
position: relative;
margin: 0 -2px; }
.top-nav-list .child-nav-group {
display: flex;
flex-wrap: wrap;
margin: 0 -2px; }
.top-nav-list li,
.top-nav-list .child-nav-group li {
display: flex;
justify-content: center;
align-items: center;
position: relative;
cursor: pointer;
color: var(--black-2);
font-weight: 500;
font-size: 14px;
line-height: 140%;
}
.top-nav-list li a,
.top-nav-list .child-nav-group li a {
text-decoration: none;
color: var(--black-2);
padding: 14px 21px;
display: block;
height: 100%;
box-sizing: border-box;
font-size: 12px;
}
.top-nav-list .child-nav-group li:hover a,
.top-nav-list .child-nav-group li.active a {
color: var(--primary-600);
} .top-nav-list .child-nav-group li {
position: relative;
}
.top-nav-list .child-nav-group li:hover::after,
.top-nav-list .child-nav-group li.active::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: var(--primary-600);
}
.top-nav-list li.parent {
background: var(--primary-600);
position: relative;
margin: 0 2px;
max-width: max-content;
width: 100%;
}
.top-nav-list li.parent a {
color: var(--white);
text-decoration: none;
height: fit-content;
} .top-nav-list .parent .dropdown-icon {
display: none;
margin-left: 8px;
transition: transform 0.3s ease;
}
@media (max-width: 991px) {
.top-nav-group {
padding: 0;
border-bottom: none;
}
.top-nav-section{
top: 110px;
}
.top-nav-group .top-nav-list {
display: block;
margin: 0;
}
.top-nav-list .child-nav-group {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: white;
z-index: 2;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
flex-direction: column;
flex-wrap: nowrap;
margin: 0;
}
.top-nav-list .child-nav-group.active {
display: flex;
}
.top-nav-list li.parent {
display: flex;
justify-content: space-between;
align-items: center;
padding: 7px 16px;
cursor: pointer;
margin: 0 auto;
max-width: 100%;
margin-top: 10px;
}
.top-nav-list .parent .dropdown-icon {
display: inline-block;
}
.top-nav-list .parent .dropdown-icon.active {
transform: rotate(180deg);
}
.top-nav-list li,
.top-nav-list .child-nav-group li {
width: 100%;
border-bottom: 1px solid var(--gray-1);
padding: 0;
justify-content: flex-start;
margin: 0;
}
.top-nav-list li a,
.top-nav-list .child-nav-group li a {
padding: 12px 16px;
width: 90%;
} .top-nav-list .child-nav-group li:hover::after,
.top-nav-list .child-nav-group li.active::after {
display: none;
}
.top-nav-list .child-nav-group li:hover,
.top-nav-list .child-nav-group li.active {
border-bottom: 1px solid var(--gray-1);
}
.top-nav-list .child-nav-group li:hover a,
.top-nav-list .child-nav-group li.active a {
color: var(--primary-600);
background: rgba(0, 0, 0, 0.05);
}
} .key-feature-section {
padding-top: 64px;
padding-bottom: 64px;
}
.key-feature-tab-group {
margin-top: 31px;
}
.key-feature-head{
display: flex;
flex-direction: column;
gap: 11px;
justify-content: center;
max-width: 784px;
margin: 0 auto;
}
.key-feature-head .key-feature-title{
text-align: center;
}
.key-feature-head .key-feature-desc{
text-align: center;
}
.key-feature-tab-list {
display: flex;
flex-wrap: wrap;
border-bottom: 1px solid var(--gray-2);
justify-content: center;
}
.key-feature-tab-item {
padding: 21px;
font-size: 14px;
font-weight: 500;
color: var(--gray-2);
cursor: pointer;
position: relative;
}
.key-feature-tab-item:hover {
color: var(--primary-600);
border-bottom: 2px solid var(--primary-600);
}
.key-feature-tab-item.active {
color: var(--primary-600);
border-bottom: 2px solid var(--primary-600);
}
.key-feature-content-item {
display: none;
margin-top: 31px;
}
.key-feature-content-item.active {
display: flex;
gap: 31px;
}
.key-feature-content-item .key-feature-content-image{
max-width: 693px;
width: 100%;
overflow: hidden;
height: fit-content;
}
.key-feature-content-image img{
border-radius: 7px;
object-fit: cover;
object-position: left;
align-self: stretch;
}
.key-feature-content-item .key-feature-content-detail {
display: flex;
flex-direction: column;
gap: 11px;
max-width: 460px;
width: 100%;
padding: 63px 70px;
background: var(--primary-600);
border-radius: 7px;
}
.key-feature-content-detail .key-feature-content-image{
display: none;
height: auto;
}
.key-feature-content-detail .cta-group{
max-width: 100%;
width: 100%;
}
.key-feature-content-detail .cta-group .cta-secondary-white{
width: 100%;
}
.key-feature-content-detail .key-feature-content-title,
.key-feature-content-detail .key-feature-content-desc {
color: var(--white);
}
@media (max-width: 1199px){
.key-feature-content-item .key-feature-content-detail{
max-width: 360px;
padding: 45px 48px;
}
}
@media (max-width: 991px){
.key-feature-content-item .key-feature-content-image{
display: none;
}
.key-feature-content-detail .key-feature-content-image{
display: block;
margin-top: 31px;
max-width: 100%;
}
.key-feature-content-item .key-feature-content-detail{
max-width: 100%;
padding: 21px;
}
}  .module-intro-section{
padding-top: 64px;
padding-bottom: 64px;
}
.module-intro-head{
display: flex;
flex-direction: column;
gap: 11px;
justify-content: center;
max-width: 784px;
margin: 0 auto;
}
.module-intro-head .module-intro-title,
.module-intro-head .module-intro-desc{
text-align: center;
}
.module-intro-accordion {
max-width: 1184px;
margin: 0 auto;
margin-top: 31px;
}
.module-intro-accordion .module-intro-accordion-group{
position: relative;
width: 100%;
}
.module-intro-accordion-group .module-intro-accordion-list{
display: flex;
flex-direction: column;
gap: 11px;
}
.module-intro-accordion-item {
background: var(--white);
border-radius: 7px;
padding: 21px 11px;
border: 1px solid var(--gray-1);
transition: all 0.1s ease;
display: flex;
align-items: flex-start;
position: relative;
gap: 11px;
cursor: pointer;
} .module-intro-item-icon {
color: var(--black-2);
flex-shrink: 0;
}
.module-intro-item-icon svg {
width: 32px;
height: 32px;
color: var(--black-2);
}
.module-intro-item-content {
flex-grow: 1;
padding-top: 2px;
}
.module-intro-item-content .module-intro-item-title {
font-size: 20px;
font-weight: 500;
}
.module-intro-item-content .module-intro-item-desc {
font-size: 16px;
font-weight: 400;
line-height: 160%;
color: var(--black-2);
max-height: 0;
overflow: hidden;
transition: max-height 0.1s ease; }
.module-intro-item-desc ul{
padding-left: 36px;
margin-top: 11px;
margin-bottom: 11px;
}
.module-intro-accordion-item.active .module-intro-item-desc {
max-height: 500px;
margin-top: 11px;
}
.module-intro-accordion-item .module-intro-item-icon svg{
color: var(--black-2);
fill: var(--black-2);
}
.module-intro-accordion-item.active .module-intro-item-icon svg,
.module-intro-accordion-item.active .module-intro-item-title{
color: var(--primary-600);
fill: var(--primary-600);
}
.module-intro-close {
transition: transform 0.1s ease;
display: flex;
align-items: start;
padding-top: 2px;
}
.module-intro-accordion-item.active .module-intro-close {
transform: rotate(180deg);
}
@media (max-width: 991px){
.module-intro-item-content .module-intro-item-title{
font-size: 18px;
}
.module-intro-item-icon svg{
width: 24px;
height: 24px;
}
}  .accordion-default-section{
padding-top: 64px;
padding-bottom: 64px;
}
.accordion-default-section.bg{
background-color: var(--primary-100);
}
.accordion-default-head{
display: flex;
flex-direction: column;
gap: 11px;
justify-content: center;
max-width: 784px;
margin: 0 auto;
}
.accordion-default-head .accordion-head-title{
text-align: center;
}
.accordion-default-head .accordion-head-desc{
text-align: center;
}
.accordion-default-tab-list{ }
.accordion-default-tab-item {
display: flex;
align-items: start;
padding: 21px 11px;
margin-bottom: 10px;
border-radius: 8px;
cursor: pointer;
transition: all 0.3s ease;
border: 1px solid var(--gray-1);
gap: 11px; }
.accordion-default-group{
display: flex;
gap: 31px;
position: relative;
margin-top: 31px;
}
.accordion-default-group.right-row{
flex-direction: row-reverse;
}
.accordion-default-group .accordion-default-tab{
max-width: 461px;
width: 100%;
}
.accordion-default-group .accordion-default-content{
max-width: 661px;
width: 100%;
}
.accordion-default-content-list{
position: sticky;
top: 167px;
}
.accordion-default-tab-item:hover { }
.accordion-default-tab-item.active { }
.tab-item-icon svg{
color: var(--black-1);
fill: var(--black-1);
width: 32px;
height: 32px;
}
.tab-item-text {
flex-grow: 1;
}
.tab-item-text .tab-item-title {
margin: 0;
font-size: 20px;
color: var(--black-1);
}
.tab-item-text .tab-item-desc {
margin: 5px 0 0;
color: var(--black-2);
max-height: 0;
overflow: hidden;
transition: max-height 0.1s ease, margin 0.1s ease;
}
.tab-item-text .tab-item-desc ul{
padding-left: 21px;
margin-top: 7px;
margin-bottom: 7px;
}
.accordion-default-tab-item.active .tab-item-text .tab-item-desc{
max-height: 500px;
}
.accordion-default-tab-item.active .tab-item-text .tab-item-title{
color: var(--primary-600);
}
.accordion-default-tab-item.active .tab-item-icon svg{
fill: var(--primary-600);
color: var(--primary-600);
}
.tab-item-text .accordion-default-content-image{
display: none;
}
.tab-item-chevron{
display: flex;
align-items: center;
justify-content: center;
margin-left: 10px;
transition: transform 0.3s ease;
}
.tab-item-chevron svg {
width: 25px;
height: 25px;
color: var(--black-1);
fill: var(--black-1);
}
.accordion-default-tab-item.active .tab-item-chevron svg{
fill: var(--primary-600);
color: var(--primary-600);
}
.accordion-default-content-item {
display: none;
}
.accordion-default-content-item.active {
display: block;
}
.accordion-default-content-image {
border-radius: 15px;
overflow: hidden;
height: auto;
display: flex;
align-items: center;
justify-content: center;
}
.accordion-default-content-image img{ object-position: left;
align-self: stretch;
}
@media (max-width: 991px){
.accordion-default-tab-item.active .tab-item-text .accordion-default-content-image{
display: block;
margin-top: 21px;
min-height: fit-content;
height: 371px;
padding: 0;
align-self: stretch;
object-position: left top;
}
.accordion-default-tab-item.active .tab-item-text .accordion-default-content-image img{
object-fit: cover;
border-radius: 7px;
}
.accordion-default-group .accordion-default-content{
display: none;
}
.accordion-default-group .accordion-default-tab{
max-width: 100%;
}
.tab-item-icon svg{
width: 24px;
height: 24px;
}
.tab-item-text .tab-item-title{
font-size: 18px;
}
}
@media (max-width: 575px){
.accordion-default-tab-item.active .tab-item-text .accordion-default-content-image{
height: 201px;
}
}  .feature-strength-section{
padding-top: 64px;
padding-bottom: 64px;
}
.feature-strength-head{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 11px;
justify-content: center;
text-align: center;
}
.feature-strength-head .feature-strength-head-smalltitle{
text-align: center;
color: var(--primary-600);
}
.feature-strength-head .feature-strength-head-title{
text-align: center;
}
.feature-strength-head .feature-strength-head-desc{
text-align: center;
}
.feature-strength-group{
display: flex;
gap: 31px;
align-items: center;
justify-content: center;
padding-top: 32px;
padding-bottom: 32px;
}
.feature-strength-group.no-padding{
padding-top: 0px;
padding-bottom: 0px;
}
.feature-strength-group.right-row{
flex-direction: row-reverse;
}
.feature-strength-group .feature-strength-detail{
max-width: 578px;
width: 100%;
position: relative;
display: flex;
flex-direction: column; }
.feature-strength-group .feature-strength-image-content{
max-width: 511px;
width: 100%;
position: relative;
}
.feature-strength-image-content{
max-height: 569px;
min-height: 569px;
display: flex;
align-items: center;
justify-content: center;
padding: 11px;
border-radius: 7px;
overflow: hidden;
}
.feature-strength-image-content .feature-strength-image{
border-radius: 7px;
overflow: hidden;
}
.feature-strength-image img{
border-radius: 7px;
}
.feature-strength-list{
display: flex;
flex-direction: column;
gap: 21px;
margin-top: 31px;
}
.feature-strength-detail .feature-strength-desc{
margin-top: 11px;
}
.feature-strength-item .feature-strength-item-detail .feature-strength-item-title{
font-size: 18px;
color: var(--black-1);
line-height: 140%;
font-weight: 500;
}
.feature-strength-list .feature-strength-item{
gap: 11px;
}
.feature-strength-list .feature-strength-item .feature-strength-icon.icon-bg svg {
width: 28px;
height: 28px;
}
.feature-strength-list .feature-strength-item .feature-strength-icon svg {
width: 28px;
height: 28px;
}
.feature-strength-list .feature-strength-item{
display: flex;
align-items: start;
gap: 21px;
}
.feature-strength-item .feature-strength-icon{
display: flex;
align-items: center;
justify-content: center;
}
.feature-strength-icon.icon-bg{
background: var(--primary-100);
padding: 7px;
border-radius: 4px;
}
.feature-strength-icon.icon-bg svg{
width: 28px;
height: 28px;
}
.feature-strength-icon svg{
width: 32px;
height: 32px;
fill: var(--primary-600);
color: var(--primary-600);
}
@media (max-width: 991px){
.feature-strength-group{
flex-direction: column-reverse;
}
.feature-strength-group.right-row{
flex-direction: column;
}
.feature-strength-group .feature-strength-detail{
max-width: 100%;
}
.feature-strength-group .feature-strength-image-content{
max-width: 100%;
}
.feature-strength-image-content{
min-height: 100%;
max-height: 100%;
}
.feature-strength-icon svg{
width: 24px;
height: 24px;
}
.feature-strength-list{
gap: 11px;
}
.feature-strength-icon.icon-bg{
padding: 7px;
}
.feature-strength-icon.icon-bg svg{
width: 21px;
height: 21px;
}
}  .service-overview-section{
padding-top: 64px;
padding-bottom: 64px;
background: var(--primary-600);
}
.service-overview-detail{
display: flex;
gap: 31px;
}
.service-overview-detail .service-overview-title{
max-width: 578px;
width: 100%;
color: var(--white);
}
.service-overview-detail .service-overview-desc p{
max-width: 560px;
width: 100%;
color: var(--white);
}
@media (max-width: 991px){
.service-overview-detail{
flex-direction: column;
}
.service-overview-detail .service-overview-title{
max-width: 100%;
}
.service-overview-detail .service-overview-desc p{
max-width: 100%;
}
}  .usp-box-section{
padding-top: 64px;
padding-bottom: 64px;
}
.usp-box-head{
max-width: 784px;
display: flex;
flex-direction: column;
gap: 11px;
margin: 0 auto;
align-items: center;
}
.usp-box-head .usp-box-head-title,
.usp-box-head .usp-box-head-desc{
text-align: center;
}
.usp-box-group{
margin-top: 31px;
}
.usp-box-group .usp-box-list{
display: flex;
flex-direction: row;
gap: 31px;
flex-wrap: wrap;
}
.usp-box-list .usp-box-item{
display: flex;
flex-direction: column;
flex: 0 0 calc(50% - 31px);
padding: 21px;
border: 1px solid var(--gray-1);
border-radius: 15px;
}
.usp-box-item .usp-box-image{
min-height: 352px;
max-height: 352px;
border-radius: 7px;
overflow: hidden;
}
.usp-box-image img{
object-fit: cover;
align-self: stretch; }
.usp-box-item .usp-box-detail{
display: flex;
flex-direction: column;
gap: 7px;
margin-top: 31px;
}
.usp-box-detail .usp-box-title{
font-size: 20px;
}
.usp-box-item .feature-strength-item .feature-strength-item-detail .feature-strength-item-title{
font-size: 18px;
color: var(--black-1);
line-height: 140%;
font-weight: 500;
}
.usp-box-item .feature-strength-list .feature-strength-item{
gap: 11px;
}
.usp-box-item .feature-strength-list .feature-strength-item .feature-strength-icon.icon-bg{
padding: 4px;
}
.usp-box-item .feature-strength-list .feature-strength-item .feature-strength-icon.icon-bg svg {
width: 20px;
height: 20px;
}
.usp-box-item .feature-strength-list .feature-strength-item .feature-strength-icon{
padding: 4px;
}
.usp-box-item .feature-strength-list .feature-strength-item .feature-strength-icon svg {
width: 20px;
height: 20px;
}
@media (max-width: 991px){
.usp-box-list .usp-box-item{
flex: 0 0 calc(100%);
}
.usp-box-item .usp-box-image{
min-height: 252px;
max-height: 252px;
}
}  .service-expertise-section{
padding-top: 64px;
padding-bottom: 64px;
}
.service-expertise-section .service-expertise-group{
display: flex;
gap: 31px;
}
.service-expertise-group .service-expertise-detail{
max-width: 533px;
width: 100%;
display: flex;
flex-direction: column;
gap: 11px;
}
.service-expertise-group .service-expertise-list{
max-width: 630px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.service-expertise-list .service-expertise-item{
display: flex;
flex: 0 0 calc(50% - 21px);
padding: 21px;
gap: 21px;
}
.service-expertise-item-detail {
display: flex;
flex-direction: column;
gap: 7px;
}
.service-expertise-item-detail .service-expertise-item-title {
font-size: 18px;
font-weight: 500;
color: var(--black-1);
line-height: 140%;
}
.service-expertise-item-detail .service-expertise-item-desc{
font-size: 16px;
color: var(--black-2);
font-weight: 400;
line-height: 160%;
}
.service-expertise-item .service-expertise-icon{
display: flex;
align-items: center;
justify-content: center;
height: fit-content;
}
.service-expertise-icon svg{
width: 32px;
height: 32px;
color: var(--primary-600);
fill: var(--primary-600);
}
@media (max-width: 991px){
.service-expertise-section .service-expertise-group{
flex-direction: column;
}
.service-expertise-group .service-expertise-detail{
max-width: 100%;
}
.service-expertise-group .service-expertise-list{
max-width: 100%;
}
}
@media (max-width: 575px){
.service-expertise-list .service-expertise-item{
flex: 0 0 calc(100%);
}
}  .strength-hero-section{
padding-top: 64px;
padding-bottom: 64px;
}
.strength-hero-section.bg{
background: var(--primary-100);
}
.strength-hero-group{
max-width: 1008px;
}
.strength-hero-detail {
display: flex;
flex-direction: column;
gap: 11px;
}  .video-image-section{
padding-top: 64px;
padding-bottom: 64px;
}
.video-image-group{
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.video-image-group .video-image-detail{
max-width: 784px;
width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 11px;
}
.video-image-detail .video-image-smalltitle{
color: var(--primary-600);
text-align: center;
}
.video-image-detail .video-image-title{
text-align: center;
}
.video-image-detail .video-image-desc{
text-align: center;
}
.video-image-content{
margin-top: 31px;
position: relative;
width: 100%;
}
.video-image-content .video-image-thumbnail{ width: 100%; height: auto;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--gray-1);
border-radius: 15px;
overflow: hidden;
}
.video-image-thumbnail.bg-video::after{
content: '';
position: absolute;
background: var(--black-1);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
opacity: 0.3;
border-radius: 15px;
}
.video-image-thumbnail img{
object-fit: cover;
object-position: center;
align-self: stretch;
border-radius: 15px;
}
.video-image-thumbnail .video-player{
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
z-index: 2;
}
.video-play-button svg{
width: 100px;
height: 100px;
}
@media (max-width: 991px){
.video-play-button svg{
width: 70px;
height: 70px;
}
}  .solution-divider-section{
padding-top: 32px;
padding-bottom: 32px;
background: var(--primary-600);
}
.solution-divider-group .solution-divider-title{
color: var(--white);
text-align: center;
}  .value-propo-item.first-item{
background-color: var(--primary-600);
}
.value-propo-item.first-item .value-detail{
gap: 21px;
}
.value-propo-item.first-item .value-detail .value-title,
.value-propo-item.first-item .value-detail .value-desc{
color: var(--white);
}
.value-propo-item.first-item .value-detail .value-title{
font-size: 28px;
}
.solution-usp-supp-text{ }  .solution-accordion-section{
padding-top: 64px;
padding-bottom: 64px;
}
.solution-accordion-head-detail {
display: flex;
max-width: 784px;
margin: 0 auto;
gap: 11px;
flex-direction: column;
margin-bottom: 31px;
}
.solution-accordion-head-detail .solution-accordion-head-title{
text-align: center;
}
.solution-accordion-head-detail .solution-accordion-head-desc{
text-align: center;
}
.solution-accordion-group{
display: flex;
gap: 31px;  }
.solution-accordion-group.right-row{
flex-direction: row-reverse;
}
.solution-accordion-group .solution-accordion-left{
max-width: 560px;
width: 100%;
}
.solution-accordion-left .cta-group{
margin-bottom: 31px;
margin-top: 0;
}
.solution-accordion-group .solution-accordion-right{
max-width: 593px;
width: 100%;
}
.solution-accordion-left .solution-accordion-detail{
display: flex;
flex-direction: column;
gap: 11px;
margin-bottom: 31px;
}
.solution-accordion-detail .solution-accordion-title{
font-size: 28px;
}
.solution-accordion-left .accordion-default-tab{ }
.solution-accordion-right .accordion-default-content{
height: 100%;
}
@media (max-width: 991px){
.solution-accordion-group .solution-accordion-right{
display: none;
}
.solution-accordion-group .solution-accordion-left{
max-width: 100%;
}
}  .solution-overview-section{
padding-top: 64px;
padding-bottom: 64px;
}
.solution-overview-section.bg{
background-color: var(--primary-100);
}
.solution-overview-list-group{
margin-top: 31px;
}
.solution-overview-list-group .solution-overview-list{
display: flex;
gap: 21px;
flex-wrap: wrap;
}
.solution-overview-item{
flex: 0 0 calc(25% - 21px);
display: flex;
align-items: center;
justify-content: center;
padding: 21px;
border: 1px solir var(--gray-1);
background: var(--primary-100);
border-radius: 7px;
}
.solution-overview-item .solution-overview-title{
font-size: 14px;
font-weight: 500;
line-height: 140%;
}
@media (max-width: 991px){
.solution-overview-item{
flex: 0 0 calc(50% - 21px);
}
}
@media (max-width: 575px){
.solution-overview-item{
flex: 0 0 calc(100% - 21px);
}
}  .solution-client-section{
padding-top: 64px;
padding-bottom: 64px;
background: var(--primary-100);
}
.solution-client-group{
display: flex;
align-items: center;
gap: 31px;
}
.solution-client-group .solution-client-left{
max-width: 500px;
width: 100%;
}
.solution-client-group .solution-client-right{
max-width: 653px;
width: 100%;
}
.solution-client-detail {
display: flex;
flex-direction: column;
gap: 11px;
}
.solution-client-detail .solution-client-smalltitle{
color: var(--primary-600);
}
.solution-client-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
width: 100%;
}
.solution-client-item{
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 calc(25% - 31px);
padding: 7px;
border: 1px solid var(--gray-1);
border-radius: 7px;
background: var(--white);
width: 100%;
}
.solution-client-item img {
transition: opacity .6s ease-in-out;
opacity: 1;
}
.solution-client-item img.fade-out { 
opacity: 0; 
}
.solution-client-item img {
object-fit: contain;
object-position: center;
display: block;
}
@media (max-width: 991px){
.solution-client-group{
flex-direction: column;
}
.solution-client-group .solution-client-left{
max-width: 100%;
}
.solution-client-group .solution-client-right{
max-width: 100%;
}
}
@media (max-width: 575px){
.solution-client-item{
flex: 0 0 calc(33.33% - 31px);
}
}
@media (max-width: 320px){
.solution-client-item{
flex: 0 0 calc(50% - 31px);
}
}  .strength-icon-marquee-section{
padding-top: 64px;
padding-bottom: 64px;
}
.strength-icon-marquee-head{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.strength-icon-marquee-head .strength-icon-marquee-head-detail{
display: flex;
flex-direction: column;
gap: 11px;
}
.strength-icon-marquee-head-detail .strength-icon-marquee-title{
text-align: center;
}
.strength-icon-marquee-head-detail .strength-icon-marquee-desc{
text-align: center;
}
.strength-icon-marquee-detail{
width: 100%;
position: relative;
display: flex;
flex-direction: column;
gap: 11px;
overflow: hidden;
}
.strength-icon-marquee-detail .feature-strength-smalltitle{
color: var(--primary-600);
}
.strength-icon-marquee-group{
margin-top: 31px;
}
.feature-strength-list.strength-icon-marquee-list{
flex-direction: row;
flex-wrap: wrap;
gap: 21px;
}
.feature-strength-list.strength-icon-marquee-list .feature-strength-item{
flex: 0 0 calc(50% - 21px);
flex-direction: column;
padding: 21px;
border: 1px solid var(--gray-1);
border-radius: 7px;
}
.feature-strength-list.strength-icon-marquee-list .feature-strength-item .feature-strength-item-detail{
display: flex;
gap: 7px;
flex-direction: column;
}
.strength-icon-marquee-group .feature-strength-group{
flex-direction: column;
gap: 0px;
}
.strength-icon-marquee-group .featureovw-slide-group{
margin-top: 31px;
}
@media (max-width: 575px){
.feature-strength-list.strength-icon-marquee-list .feature-strength-item{
flex: 0 0 calc(100% - 21px);
}
}  .resource-section{
padding-top: 64px;
padding-bottom: 64px;
}
.resource-group {
display: flex;
gap: 27px;
max-width: 1184px;
width: 100%;
margin: 0 auto;
position: relative;
}
.sidebar-resource{
max-width: 227px;
width: 100%;
position: sticky;
top: 140px;
height: fit-content;
}
.resource-group .main-content-resource{
max-width: 930px;
width: 100%;
}
.main-content-resource-head .main-content-resource-head-title .page-title{
font-size: 36px;
font-weight: 500;
}
.resource-filter-frame-item{
padding: 11px;
border: 1px solid var(--gray-1);
border-radius: 7px;
display: flex;
flex-direction: column;
gap: 11px;
max-height: 286px;
overflow: auto;
margin-top: 21px;
}
.resource-filter-category-list{
display: flex;
flex-direction: column;
}
.resource-filter-category-item{
border-radius: 4px;
overflow: hidden;
}
.resource-filter-category-item:hover{
background: var(--primary-100);
}
.resource-filter-category-item a{
padding: 10px 8px;
display: block;
color: var(--primary-600);
width: 100%;
height: 100%;
text-decoration: none;
}
.pagination-group{
max-width: 1184px;
margin: 0 auto;
margin-top: 31px;
}
.pagination-group .page-numbers{
display: flex;
gap: 11px;
align-items: center;
justify-content: center;
}
.page-numbers li{
list-style: none;
width: 31px;
height: 31px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 100%;
background: var(--primary-100);
color: var(--black-1);
font-size: 12px;
line-height: 160%;
}
.page-numbers li:hover{
background: var(--primary-600);
color: var(--white);
}
.page-numbers li:has(.current){
background: var(--primary-600);
color: var(--white);
}
.pagination-group .next,
.pagination-group .prev{
font-size: 18px;
}
.page-numbers li a{
font-size: 12px;
line-height: 160%;
width: 100%;
height: 100%;
display: block;
}
.page-numbers li:hover a{
color: var(--white);
}
.page-numbers li a{
text-decoration: none;
}
@media (max-width: 991px){
.resource-group{
flex-direction: column;
}
.main-content-resource-head .main-content-resource-head-title .page-title{
font-size: 24px;
}
}  .headline-blog-resource-group{
display: flex;
position: relative;
width: 100%;
gap: 31px;
}
.headline-blog-resource-group .headline-blog-main-group{
max-width: 447.5px;
width: 100%;
}
.headline-blog-resource-group .headline-blog-latest-group{
max-width: 447.5px;
width: 100%;
}
.headline-blog-main-item{
width: 100%;
display: flex;
flex-direction: column;
gap: 31px;
}
.headline-blog-main-item .headline-blog-image{
border-radius: 7px;
overflow: hidden;
height: 258.22px;
}
.headline-blog-image img{
border-radius: 7px; object-position: left top;
align-self: stretch;
}
.blog-top-info{
display: flex;
gap: 7px;
align-items: center;
}
.blog-top-info .category-name a{
text-decoration: none;
}
.blog-top-info .long-time-read{
color: var(--gray-2);
}
.blog-title{
margin-top: 7px;
}
.blog-title a{
color: var(--black-1);
text-decoration: none;
}
.blog-title:hover a{
color: var(--primary-600);
text-decoration: underline;
}
.blog-bottom-info{
display: flex;
gap: 7px;
align-items: center;
flex-wrap: wrap;
}
.blog-bottom-info .author-name{
color: var(--gray-2);
text-transform: capitalize;
}
.blog-bottom-info .published-date{
color: var(--gray-2);
}
.blog-bottom-info .modified-date{
color: var(--gray-2);
}
.blog-latest-item {
padding-bottom: 21px;
border-bottom: 1px solid var(--gray-1);
margin-top: 21px;
}
.blog-latest-head{
padding-bottom: 10px;
border-bottom: 2px solid var(--primary-600);
}
.blog-latest-head .blog-latest-head-title{
font-size: 18px;
line-height: 140%;
font-weight: 500;
color: var(--black-1);
}
@media (max-width: 767px){
.headline-blog-resource-group{
flex-direction: column;
}
.headline-blog-resource-group .headline-blog-main-group{
max-width: 100%;
}
.headline-blog-resource-group .headline-blog-latest-group{
max-width: 100%;
}
}  .blog-category-section{
padding-top: 64px;
}
.blog-category-head{
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
}
.blog-category-head .blog-category-name{
color: var(--black-2);
line-height: 140%;
font-weight: 500;
font-size: 18px;
display: flex;
width: 100%;
}
.blog-category-head .blog-category-name::after{
content: '';
border-bottom: 2px solid var(--primary-600);
width: 100%;
margin-right: 15px;
margin-left: 15px;
}
.blog-category-name span{
width: 100%;
max-width: max-content;
}
.blog-category-head .blog-category-link{
width: min-content;
}
.blog-category-head .blog-category-link a{
width: max-content;
display: flex;
}
.blog-category-list{
margin-top: 31px;
display: flex;
flex-wrap: wrap;
gap: 21px;
}
.blog-card-item{
flex: 0 0 calc(33.33% - 21px);
}
.blog-card-item .blog-card-image{
height: auto;
border-radius: 7px;
overflow: hidden;
}
.blog-card-image img{
border-radius: 7px;
object-fit: cover;
object-position: left top;
align-self: stretch;
}
.blog-card-item .blog-card-detail{
margin-top: 21px;
}
@media (max-width: 767px){
.blog-card-item{
flex: 0 0 calc(50% - 21px);
}
}
@media (max-width: 575px){
.blog-card-item{
flex: 0 0 calc(100% - 21px);
}
}  .single-blog-section{
padding-top: 64px;
padding-bottom: 0px;
}
.single-blog-content-group{
display: flex;
gap: 27px;
max-width: 1184px;
width: 100%;
margin: 0 auto;
position: relative;
padding-top: 64px;
padding-bottom: 64px;
}
.single-blog-content-group .single-blog-sidebar{
max-width: 227px;
width: 100%;
}
.single-blog-content-group .single-blog-content{
max-width: 930px;
width: 100%;
}
.single-blog-head{
padding-top: 32px;
padding-bottom: 32px;
border-bottom: 1px solid var(--gray-1);
}
.single-blog-content {
max-width: 926px;
width: 100%;
}
.single-blog-content .single-blog-content-thumbnail{
height: auto;
border-radius: 15px;
overflow: hidden;
}
.single-blog-content-thumbnail img{ object-position: left top;
align-self: stretch;
border-radius: 15px;
}
.single-blog-content .single-blog-content-fill{
max-width: 821px;
width: 100%;
margin: 0 auto;
padding-top: 30px;
padding-bottom: 64px;
}
.single-bottom-group {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.resource-filter-toc-item ul li{
list-style: none;
border-radius: 4px;
overflow: hidden;
margin-bottom: 4px;
}
.resource-filter-toc-item ul li:hover{
background-color: var(--primary-100);
}
.resource-filter-toc-item ul li.active{
background-color: var(--primary-100);
}
.resource-filter-toc-item ul li.active a{
color: var(--primary-600);
}
.resource-filter-toc-item ul li a{
padding: 10px 8px;
text-decoration: none;
color: var(--black-2);
font-weight: 400;
display: block;
width: 100%;
height: 100%;
}
.related-article-group{
padding-top: 64px;
padding-bottom: 64px;
}
.single-blog-content-fill p{
margin-bottom: 24px;
}
.single-blog-content-fill p strong{
font-weight: 600;
}
.single-blog-content-fill ul{
padding-left: 24px;
margin-bottom: 24px;
}
.single-blog-content-fill ul li{
margin-bottom: 11px;
}
.single-blog-content-fill figure{
margin-bottom: 24px;
height: auto;
overflow: hidden;
border-radius: 15px;
}
.single-blog-content-fill figure img{
object-fit: cover;
object-position: center top;
border-radius: 15px;
height: 100%;
}
.single-blog-content-fill h1, .single-blog-content-fill h2, .single-blog-content-fill h3, .single-blog-content-fill h4, .single-blog-content-fill h5, .single-blog-content-fill h6{
margin-bottom: 24px;
}
.single-blog-content-fill h1 strong, .single-blog-content-fill h2 strong, .single-blog-content-fill h3 strong, .single-blog-content-fill h4 strong, .single-blog-content-fill h5 strong, .single-blog-content-fill h6 strong{
font-weight: 600;
}
@media (max-width: 991px){
.single-blog-content-group{
flex-direction: column;
padding-top: 32px;
}
.single-blog-content-group .single-blog-sidebar{
max-width: 100%;
}
.sidebar-resource{
max-width: 100%;
position: static;
}
}
@media (max-width: 767px){
.single-bottom-group{
flex-direction: column;
gap: 21px;
}
}   .hero-group .cstory-highlight-group{
max-width: 474px;
width: 100%;
}
.cstory-highlight-group .cstory-highlight-list{
padding: 16px;
border-radius: 15px;
overflow: hidden;
border: 1px solid var(--gray-1);
}
.cstory-highlight-item .cta-group{
margin-top: 11px;
}
.cstory-highlight-item .cstory-highlight-title{
margin-top: 21px;
}
.cstory-highlight-title a{
text-decoration: none;
color: var(--black-1);
}
.cstory-highlight-title:hover a{
color: var(--primary-600);
text-decoration: underline;
}
.cstory-highlight-list .slick-dots{
margin-top: 11px;
}
.cstory-highlight-image{
height: 247.5px;
border-radius: 15px;
overflow: hidden;
}
.cstory-highlight-image img{
border-radius: 15px; object-position: left top;
align-self: stretch;
}
.cstory-list-section{
padding-top: 64px;
padding-bottom: 64px;
}
.cstory-list-section .cta-group{
margin: 0 auto;
margin-top: 31px;
}
.cstory-list-section.shortcode-cstory .cstory-list-head{
max-width: 768px;
margin: 0 auto;
}
.cstory-list-section.shortcode-cstory .cstory-list-head .cstory-list-head-title{
text-align: center;
}
.cstory-list-section.shortcode-cstory .cstory-list-head .cstory-list-head-desc{
text-align: center;
}
.cstory-item-list{
display: flex;
flex-wrap: wrap;
position: relative;
gap: 31px;
margin-top: 31px;
}
.cstory-card-item{
flex: 0 0 calc(33.33% - 31px);
border: 1px solid var(--gray-1);
border-radius: 7px;
overflow: hidden;
padding: 11px;
display: flex;
flex-direction: column;
}
.cstory-card-item .cstory-image{ height: auto;
overflow: hidden;
border-radius: 7px;
}
.cstory-image img{ object-position: left top;
align-self: stretch;
border-radius: 7px;
}
.cstory-card-item .cstory-detail{
margin-top: 11px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
flex-direction: column;
flex-grow: 1;
}
.cstory-detail .cstory-logo{
height: 56px; max-width: fit-content;
width: 100%;
overflow: hidden;
border-radius: 7px;
}
.cstory-logo img{
object-fit: contain;
object-position: center;
align-self: stretch;
border-radius: 7px;
}
.cstory-detail .cstory-title{
margin-top: 21px;
}
.cstory-title a{
text-decoration: none;
color: var(--black-1);
display: block;
width: 100%;
}
.cstory-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
.cstory-detail .cstory-cta-info{
padding-bottom: 11px;
border-bottom: 1px solid var(--gray-1);
flex-direction: column;
max-width: 100%;
gap: 7px;
}
.cstory-info{
display: flex;
gap: 7px;
align-items: start;
margin-top: 21px;
margin-bottom: 11px;
flex-direction: column;
padding-bottom: 11px;
border-bottom: 1px solid var(--gray-1);
}
.cstory-info .dot{
display: none;
}
.cstory-info .cstory-category{
color: var(--primary-600);
}
.cstory-info .cstory-category a{
text-decoration: none;
}
.cstory-card-item .cta-group{
margin: unset;
margin-top: auto;
}
@media (max-width: 991px){
.cstory-card-item{
flex: 0 0 calc(50% - 31px);
}
.cstory-card-item .cta-group{
max-width: fit-content;
}
}
@media (max-width: 767px){
.cstory-card-item{
flex: 0 0 calc(100%);
}
} .cstory-single-hero-section{
padding-top: 64px;
padding-bottom: 64px;
}
.cstory-single-group{
display: flex;
gap: 31px;
align-items: center;
justify-content: space-between;
}
.cstory-single-group .cstory-single-detail-group{
max-width: 578px;
display: flex;
flex-direction: column;
width: 100%;
}
.cstory-single-detail .cstory-single-logo{
height: 56px;
overflow: hidden;
border-radius: 7px;
max-width: fit-content;
}
.cstory-single-logo img{
object-fit: contain;
object-position: left center;
align-self: stretch;
border-radius: 7px;
}
.cstory-single-detail .cstory-single-title{
margin-top: 11px;
}
.cstory-single-info{
margin-top: 31px;
}
.cstory-single-info-source .info-source-name{
font-size: 20px;
font-weight: 600;
color: var(--black-1);
line-height: 140%;
text-transform: capitalize;
}
.cstory-single-info-source .info-source-role{
font-size: 14px;
font-weight: 400;
color: var(--black-2);
line-height: 140%;
text-transform: capitalize;
}
.cstory-single-group .cstory-single-image{
max-width: 511px;
width: 100%;
height: 293.94px;
overflow: hidden;
border-radius: 15px;
}
.cstory-single-image img{
object-position: left top;
align-self: stretch;
border-radius: 15px;
}
.cstory-video .cta-primary{
gap: 7px;
padding: 7px 20px;
}
.cstory-video .cta-primary span{
display: flex;
align-items: center;
justify-content: center;
}
.cstory-video .cta-primary span svg{
width: 20px;
height: 20px;
}
.cstory-factsheets .cta-secondary{
gap: 7px;
padding: 7px 20px;
}
.cstory-factsheets .cta-secondary span{
display: flex;
align-items: center;
justify-content: center;
}
.cstory-factsheets .cta-secondary span svg{
width: 20px;
height: 20px;
color: var(--primary-600);
fill: var(--primary-600);
}
.single-cstory-content-group{
display: flex;
gap: 31px;
padding-top: 64px;
padding-bottom: 64px;
}
.single-cstory-content-group .single-cstory-sidebar{
max-width: 336px;
width: 100%;
}
.single-cstory-content-group .single-cstory-content{
max-width: 848px;
width: 100%;
}
.resource-filter-compdetail{
display: flex;
flex-direction: column;
gap: 11px;
}
.resource-filter-frame-item:has(.resource-filter-compdetail){
max-height: max-content;
}
.compdetail-item span{
color: var(--gray-2);
}
.compdetail-item .compdetail-title{
font-size: 16px;
line-height: 160%;
color: var(--black-2);
}
.compdetail-item .compdetail-title a{
text-decoration: none;
color: var(--primary-600);
}
.compdetail-item .compdetail-title a:hover{
text-decoration: underline;
}
.compdetail-item .compdetail-title:has(a){
display: flex;
flex-direction: column;
}
.single-cstory-content-fill p{
margin-bottom: 24px;
}
.single-cstory-content-fill ul{
padding-left: 24px;
margin-bottom: 24px;
}
.single-cstory-content-fill ul li{
margin-bottom: 11px;
}
.single-cstory-content-fill p strong{
font-weight: 600;
}
.single-cstory-content-fill figure{
margin-bottom: 24px;
height: auto;
overflow: hidden;
border-radius: 15px;
}
.single-cstory-content-fill figure img{
object-position: center top;
border-radius: 15px;
height: 100%;
}
.single-cstory-content-fill h1, .single-cstory-content-fill h2, .single-cstory-content-fill h3, .single-cstory-content-fill h4, .single-cstory-content-fill h5, .single-cstory-content-fill h6{
margin-bottom: 24px;
}
.single-cstory-content-fill h1 strong, .single-cstory-content-fill h2 strong, .single-cstory-content-fill h3 strong, .single-cstory-content-fill h4 strong, .single-cstory-content-fill h5 strong, .single-cstory-content-fill h6 strong{
font-weight: 600;
}
@media (max-width: 991px){
.cstory-single-group{
flex-direction: column;
}
.cstory-single-group .cstory-single-detail-group{
max-width: 100%;
}
.cstory-single-group .cstory-single-image{
max-width: 100%;
}
.single-cstory-content-group{
flex-direction: column;
}
.single-cstory-content-group .single-cstory-sidebar{
max-width: 100%;
}
.single-cstory-content-group .single-cstory-content{
max-width: 100%;
}
}    .why-stats-section{
padding-top: 64px;
padding-bottom: 64px;
background:var(--primary-100)
}
.why-stats-head{
max-width: 784px;
margin: 0 auto;
}
.why-stats-head .why-stats-head-title{
text-align: center;
}
.why-stats-group{
display: flex;
gap: 31px;
align-items: center;
margin-top: 31px;
}
.why-stats-group .why-stats-detail-group{
max-width: 533px;
width: 100%;
}
.why-stats-detail-group .why-stats-proof-desc{
margin-top: 31px;
}
.why-stats-detail-group .why-stats-detail-desc{
margin-top: 31px;
}
.why-stats-group .why-stats-proof-group{
max-width: 620px;
width: 100%;
display: flex;
flex-direction: column;
}
.why-stats-proof-group .why-stats-proof-list{
display: flex;
flex-wrap: wrap;
gap: 21px;
margin-top: 31px;
}
.why-stats-proof-item{
flex: 0 0 calc(50% - 21px);
}
.why-stats-proof-item .why-stats-proof-number{
font-size: 48px;
line-height: 120%;
font-weight: 600;
color: var(--primary-600);
}
@media (max-width: 991px){
.why-stats-group{
flex-direction: column;
}
.why-stats-group .why-stats-detail-group{
max-width: 100%;
}
.why-stats-group .why-stats-proof-group{
max-width: 100%;
}
.why-stats-proof-item .why-stats-proof-number{
font-size: 38px;
}
}
@media (max-width: 575px){
.why-stats-proof-item{
flex: 0 0 calc(100%);
}
.why-stats-proof-item .why-stats-proof-number{
font-size: 32px;
}
}  .single-image-section{
padding-top: 64px;
padding-bottom: 64px;
}
.single-image-section.bg{
background-color: var(--primary-100);
}
.single-image-group{
display: flex;
gap: 21px;
flex-direction: column;
align-items: center;
}
.single-image-group .single-image-group-head{
max-width: 784px;
margin: 0 auto;
}
.single-image-group-head .single-image-title{
text-align: center;
}
.single-image-group-head .single-image-desc{
text-align: center;
}
.single-image-group .single-image{
max-width: 991px;
margin: 0 auto;
}
.single-image img{
object-fit: contain;
object-position: center;
align-self: stretch;
}
.single-image-group .single-image-sub-title{
text-align: center;
max-width: 784px;
margin: 0 auto;
}
.single-image-sub-title p{
color: var(--black-1);
}  .hero-comp-section{
padding-top: 64px;
padding-bottom: 64px;
}
.hero-comp-group .hero-comp-detail{
max-width: 784px;
margin: 0 auto;
}
.hero-comp-group .cta-group{
margin: 0 auto;
margin-top: 31px;
}
.hero-comp-detail .hero-comp-smalltitle{
text-align: center;
color: var(--primary-600);
}
.hero-comp-detail .hero-comp-title{
text-align: center;
}
.hero-comp-detail .hero-comp-desc{
text-align: center;
}  .certificate-section{
padding-top: 64px;
padding-bottom: 64px;
}
.certificate-head {
display: flex;
flex-direction: column;
gap: 7px;
}
.certificate-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
margin-top: 31px;
}
.certificate-item{
flex: 0 0 calc(50% - 31px);
max-width: max-content;
width: 100%;
display: flex;
flex-direction: column;
gap: 21px;
flex-grow: 0;
padding: 21px;
border-radius: 7px;
border: 1px solid var(--gray-1);
}
.certificate-item .certificate-detail{
max-width: 519px;
width: 100%;
display: flex;
flex-direction: column;
gap: 7px;
}
.certificate-item .certificate-image{
height: 86px;
max-width: 84px;
overflow: hidden;
border-radius: 7px;
display: flex;
align-items: center;
justify-content: center;
}
.certificate-image img{
object-fit: contain;
object-position: center;
align-self: stretch;
}
.certificate-item .cta-group{
margin: unset;
margin-top: auto;
max-width: fit-content;
}
@media (max-width: 991px){
.certificate-item{
flex: 0 0 calc(100%);
max-width: 100%;
}
}   .event-hero-section{
padding-top: 14px;
padding-bottom: 64px;
}
.event-hero-group{
position: relative;
min-height: 585px;
display: flex;
justify-content: center;
align-items: center;
}
.event-hero-group .event-hero-detail{
z-index: 2;
max-width: 1199px;
margin: 0 auto;
position: relative;
display: flex;
flex-direction: column;
gap: 11px;
}
.event-hero-detail .event-hero-title{
text-align: center;
color: var(--primary-600);
}
.event-hero-detail .event-hero-subtitle{
text-align: center;
font-size: 24px;
}
.event-hero-detail .event-hero-desc{
text-align: center;
}
.event-hero-group .event-hero-background{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 991px){
.event-hero-section{
padding-top: 0px;
}
}  .event-banner-section{
padding-top: 64px;
padding-bottom: 64px;
}
.event-banner-group{
max-width: 1024px;
margin: 0 auto;
}
.event-banenr-group .event-banner-head{
max-width: 784px;
margin: 0 auto;
}
.event-banner-head .event-banner-title{
text-align: center;
}
.event-banner-list{
margin-top: 31px;
}
.event-banner-list .event-banner-item{
height: 576px;
border-radius: 15px;
overflow: hidden; }
.event-banner-item img{
object-fit: unset;
object-position: center;
align-self: center;
vertical-align: middle;
}
.event-banner-list .slick-dots{
margin: 0 auto;
max-width: fit-content;
margin-top: 21px;
}
@media (max-width: 991px){
.event-banner-list .event-banner-item{
height: 456px;
}
}
@media (max-width: 767px){
.event-banner-list .event-banner-item{
height: 296px;
}
}
@media (max-width: 575px){
.event-banner-list .event-banner-item{
height: 226px;
}
}  .event-calendar-canvas-section{ padding-bottom: 64px;
}  .event-list-section{
padding-top: 64px;
padding-bottom: 64px;
}
#event-list-section{
scroll-margin-top: 100px;
}
.event-filter-head{
display: flex;
gap: 11px;
margin-top: 11px;
}
.event-filter-head select{
max-width: fit-content;
}
.event-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
margin-top: 31px;
}
.event-item{
flex: 0 0 calc(50% - 21px);
display: flex;
flex-direction: column;
gap: 21px;
}
.event-item .event-image{
height: 298px;
overflow: hidden;
border-radius: 7px;
}
.event-image img{
object-fit: cover;
object-position: left;
align-self: stretch;
}
.event-item .event-detail{
display: flex;
flex-direction: column;
gap: 11px;
flex-grow: 1;
}
.event-top-info{
display: flex;
gap: 7px;
align-items: center;
}
.event-top-info .event-info{
padding: 7px 21px;
border-radius: 360px;
background: var(--primary-100);
}
.event-title a{
text-decoration: none;
color: var(--black-2);
}
.event-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
.event-item .event-cta-group{
margin-top: auto;
}
.event-cta-group .event-video-cta{
text-decoration: none;
}
.event-cta-group .event-video-cta:hover{
text-decoration: underline;
}
@media (max-width: 991px){
.event-item{
flex: 0 0 calc(100%);
}
.event-item .event-image{
height: 358px;
}
}
@media (max-width: 767px){
.event-item .event-image{
height: 298px;
}
}
@media (max-width: 575px){
.event-item .event-image{
height: 218px;
}
}   .contact-hero-section{
padding-top: 64px;
padding-bottom: 64px;
}
.contact-hero-group{
display: flex;
gap: 31px;
align-items: start;
justify-content: space-between;
}
.contact-hero-group .contact-hero-left{
max-width: 561px;
width: 100%;
display: flex;
flex-direction: column;
gap: 31px;
}
.contact-hero-detail{
display: flex;
flex-direction: column;
gap: 11px;
}
.contact-hero-detail .contact-hero-title{
font-size: 36px;
}
.contact-hero-group .contact-hero-right{
max-width: 523px;
width: 100%;
padding: 21px;
border-radius: 7px;
border: 1px solid var(--gray-1);
background: var(--primary-100);
}
.contact-hero-right .contact-form-group{
border-radius: 7px;
padding: 21px;
background: var(--white);
}
.contact-form-group .wpcf7-form{
display: flex;
flex-direction: column;
gap: 21px;
}
.contact-hero-testi .big-hgh-cstories-item .hgh-cstories-text{
font-size: 18px;
text-align: start;
}
.contact-hero-testi .big-hgh-cstories .big-hgh-cstories-wrap{
background: var(--primary-100);
border: 0px;
}
.contact-hero-testi .big-hgh-cstories-list .big-hgh-cstories-item{
align-items: start;
}
.contact-form-group .wpcf7-list-item label{
display: flex;
align-items: center;
}
.contact-form-group .wpcf7-list-item label input{
max-width: max-content;
margin-right: 11px;
}
.contact-form-group .wpcf7-list-item{
margin-left: 0;
}
.contact-form-group .wpcf7-form label{
height: fit-content;
display: block;
}
.contact-form-group .wpcf7-form label .wpcf7-form-control-wrap{
height: fit-content;
display: inline-block;
width: 100%;
}
.contact-form-group .wpcf7 form .wpcf7-response-output{
padding: 11px;
margin: 0;
border-radius: 7px;
}
.contact-form-group .wpcf7-form p:has(.wpcf7-spinner){
position: relative;
}
.contact-form-group .wpcf7-form p:has(.wpcf7-spinner) .wpcf7-spinner{
margin: 0 auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.contact-form-group .contact-terms{
margin-top: 21px;
}
@media (max-width: 1199px){
.contact-hero-detail .contact-hero-title{
font-size: 30px;
}
}
@media (max-width: 991px){
.contact-hero-detail .contact-hero-title{
font-size: 24px;
}
.contact-hero-group{
flex-direction: column;
}
.contact-hero-left .contact-hero-testi{
display: none;
}
.contact-hero-group .contact-hero-left{
max-width: 100%;
}
.contact-hero-group .contact-hero-right{
max-width: 100%;
}
}  .location-section{
padding-top: 64px;
padding-bottom: 64px;
}
.location-group .location-head{
max-width: 784px;
margin: 0 auto;
}
.location-head .location-head-title{
text-align: center;
}
.location-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
margin-top: 31px;
}
.location-item{
flex: 0 0 calc(33.33% - 31px);
display: flex;
flex-direction: column;
gap: 21px;
padding: 21px;
border: 1px solid var(--gray-1);
border-radius: 7px;
}
.location-item .location-detail-group{
display: flex;
flex-grow: 1;
flex-direction: column;
gap: 21px;
}
.location-item .location-detail-group .cta-group{
max-width: fit-content;
margin-top: auto;
}
.location-item .location-image{
height: 197px;
overflow: hidden;
border-radius: 7px;
}
.location-image img{
object-fit: cover;
object-position: left;
align-self: stretch;
}
.location-item .location-country{
display: flex;
align-items: center;
gap: 11px;
width: 100%;
}
.location-flag{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--gray-1);
border-radius: 2px;
}
.location-flag svg{
width: 18px;
height: 14px;
}
.location-info-item{
display: flex;
align-items: center;
gap: 7px;
}
.location-info-item span{
display: flex;
align-items: center;
justify-content: center;
}
.location-info-item span svg{
width: 18px;
height: 18px;
fill: var(--black-2);
}
@media (max-width: 991px){
.location-item{
flex: 0 0 calc(50% - 31px);
}
}
@media (max-width: 767px){
.location-item{
flex: 0 0 calc(100%);
}
}  .leadership-section{
padding-top: 64px;
padding-bottom: 64px;
}
.leadership-group{
position: relative;
}
.leadership-group .leadership-head{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 11px;
}
.leadership-head .leadership-title{
text-align: center;
font-size: 36px;
font-weight: 500;
}
.leadership-head .leadership-smalltitle{
text-align: center;
color: var(--primary-600);
}
.leadership-head .leadership-desc{
text-align: center;
}
.leadership-list{
margin-top: 31px;
display: flex;
flex-wrap: wrap;
gap: 31px;
}
.leadership-item{
flex: 0 0 calc(25% - 31px);
padding: 7px;
border-radius: 7px;
border: 1px solid var(--gray-1);
display: flex;
flex-direction: column;
gap: 21px;
}
.leadership-item .leadership-image{
height: 233px;
overflow: hidden;
border-radius: 7px;
}
.leadership-image img{
object-fit: cover;
object-position: center top;
align-self: stretch;
}
.leadership-role{
color: var(--gray-2);
}
.leadership-detail{
display: flex;
flex-direction: column;
gap: 7px;
flex-grow: 1;
}
.leadership-detail .socmed-list{
margin-top: auto;
}
.leadership-region{
color: var(--gray-2);
}
.socmed-list{
display: flex;
align-items: center;
gap: 7px;
}
.socmed-item{
padding: 7px;
background: var(--primary-100);
border-radius: 4px;
max-width: fit-content;
}
.socmed-item a{
display: flex;
align-items: center;
justify-content: center;
}
.socmed-item a svg{
width: 17px;
height: 17px;
fill: var(--primary-600);
}
@media (max-width: 1199px){
.leadership-item{
flex: 0 0 calc(33.33% - 31px);
}
.leadership-head .leadership-title{
font-size: 30px;
}
}
@media (max-width: 991px){
.leadership-item{
flex: 0 0 calc(50% - 21px);
}
.leadership-head .leadership-title{
font-size: 24px;
}
}
@media (max-width: 375px){
.leadership-item{
flex: 0 0 calc(100%);
}
}  .terms-section{
padding-top: 64px;
padding-bottom: 64px;
}
.terms-group{
display: flex;
gap: 31px;
}
.terms-group .terms-sidebar{
max-width: 227px;
width: 100%;
}
.terms-group .terms-content{
max-width: 926px;
width: 100%;
}
.terms-content .terms-content-fill{
margin-top: 31px;
}
.terms-content-fill p{
margin-bottom: 24px;
}
.terms-content-fill p strong{
font-weight: 600;
}
.terms-content-fill ul{
padding-left: 24px;
margin-bottom: 24px;
}
.terms-content-fill ul li{
margin-bottom: 11px;
}
.terms-content-fill figure{
margin-bottom: 24px;
height: auto;
overflow: hidden;
border-radius: 15px;
}
.terms-content-fill figure img{
object-fit: cover;
object-position: center top;
border-radius: 15px;
height: 100%;
}
.terms-content-fill h1, .terms-content-fill h2, .terms-content-fill h3, .terms-content-fill h4, .terms-content-fill h5, .terms-content-fill h6{
margin-bottom: 24px;
}
.terms-content-fill h1 strong, .terms-content-fill h2 strong, .terms-content-fill h3 strong, .terms-content-fill h4 strong, .terms-content-fill h5 strong, .terms-content-fill h6 strong{
font-weight: 600;
}
@media (max-width: 991px){
.terms-group{
flex-direction: column;
}
.terms-group .terms-sidebar{
max-width: 100%;
}
.terms-group .terms-content{
max-width: 100%;
}
}  .journey-section{
padding-top: 64px;
padding-bottom: 64px;
}
.journey-head{
max-width: 784px;
margin: 0 auto;
}
.journey-head .journey-head-smalltitle{
color: var(--primary-600);
text-align: center;
}
.journey-head .journey-head-title{
text-align: center;
}
.journey-head .journey-head-desc{
text-align: center;
}
.journey-list{
display: flex;
flex-direction: column;
gap: 31px;
margin-top: 31px;
}
.journey-item{
display: flex;
padding: 31px 0px;
gap: 31px;
align-items: center;
}
.journey-item .journey-item-detail{
display: flex;
gap: 31px;
align-items: start;
width: 100%;
}
.journey-item-detail .journey-image{
height: 100%;
overflow: hidden;
border-radius: 7px;
max-width: 347px;
width: 100%;
}
.journey-image img{
object-fit: cover;
object-position: center;
align-self: stretch;
border-radius: 7px;
}
.journey-item-detail .journey-detail{
max-width: 701px;
width: 100%;
}
.journey-detail .cta-group{
margin-top: 21px;
}
.journey-item .journey-year{
font-size: 28px;
font-weight: 600;
line-height: 140%;
max-width: 106px;
width: 100%;
}
@media (max-width: 991px){
.journey-item{
flex-direction: column;
}
.journey-item .journey-item-detail{
flex-direction: column;
}
.journey-item-detail .journey-image{
max-width: 100%;
height: 379px;
}
.journey-item-detail .journey-detail{
max-width: 100%;
}
.journey-detail .cta-group{
max-width: fit-content;
}
}
@media (max-width: 575px){
.journey-item-detail .journey-image{
height: 289px;
}
}  .customer-logo-section{
padding-top: 64px;
padding-bottom: 64px;
background: var(--primary-100);
}
.customer-logo-list{
display: flex;
flex-wrap: wrap;
gap: 21px;
width: 100%;
margin-top: 31px;
}
.customer-logo-item{
flex: 0 0 calc(20% - 21px);
height: 132px;
overflow: hidden;
border: 1px solid var(--gray-1);
border-radius: 7px;
background: var(--white);
}
.customer-logo-item img{
object-fit: contain;
object-position: center;
align-self: stretch;
}
.customer-logo-filter{
margin-top: 11px;
}
.customer-logo-filter form{
display: flex;
gap: 11px;
}
.customer-logo-filter select{
max-width: fit-content;
}
@media (max-width: 1199px){
.customer-logo-item{
flex: 0 0 calc(25% - 21px);
}
}
@media (max-width: 991px){
.customer-logo-item{
flex: 0 0 calc(33.33% - 21px);
}
}
@media (max-width: 767px){
.customer-logo-item{
flex: 0 0 calc(50% - 21px);
}
}
@media (max-width: 320px){
.customer-logo-item{
flex: 0 0 calc(100%);
}
}   .ebook-hero-section{
padding-top: 64px;
padding-bottom: 64px;
}
.ebook-hero-group{
display: flex;
gap: 31px;
align-items: center;
justify-content: space-between;
}
.ebook-hero-group .ebook-hero-detail{
max-width: 508px;
}
.ebook-hero-detail .ebook-hero-smalltitle{
color: var(--primary-600);
}
.ebook-hero-detail .ebook-hero-title{
margin-top: 11px;
}
.ebook-hero-detail .subscribe-form-group{
margin-top: 31px;
}
.ebook-hero-group .ebook-hero-list-group{
max-width: 475px;
width: 100%;
padding: 16px;
border-radius: 15px;
border: 1px solid var(--gray-1);
}
.ebook-hero-list-group .ebook-hero-list .ebook-hero-item{
display: flex;
gap: 11px;
align-items: start;
flex-direction: column;
flex-grow: 1;
}
.ebook-hero-item-detail .category-name{
color: var(--primary-600);
}
.ebook-hero-item .ebook-hero-item-detail{
display: flex;
flex-direction: column;
gap: 11px; width: 100%;
}
.ebook-hero-item .ebook-hero-item-image{
height: 291px;
border-radius: 7px;
overflow: hidden;
border: 1px solid var(--gray-1); width: 100%;
}
.ebook-hero-item-image img{
object-fit: cover;
object-position: left;
align-self: stretch;
}
.ebook-hero-item-detail .author-name{
color: var(--gray-2);
}
.ebook-hero-item-detail .ebook-hero-item-title a{
text-decoration: none;
color: var(--black-2);
}
.ebook-hero-item-detail .ebook-hero-item-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
.subscribe-form-group .contact-form-group .wpcf7-form p:has(.wpcf7-spinner){
max-width: fit-content;
}
.subscribe-form-group .contact-form-group .wpcf7-form p:has(.wpcf7-spinner) input{
background-color: var(--white);
}
.subscribe-form-group .contact-form-group .wpcf7-form{
gap: 11px;
}
@media (max-width: 1399px){
.ebook-hero-item .ebook-hero-item-detail{
max-width: 100%;
}
.ebook-hero-item .ebook-hero-item-image{
max-width: 100%;
}
}
@media (max-width: 991px){
.ebook-hero-group{
flex-direction: column;
align-items: start;
}
.ebook-hero-group .ebook-hero-list-group{
max-width: 100%;
}
.ebook-hero-group .ebook-hero-detail{
max-width: 100%;
}
}  .ebook-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
}
.ebook-card{
flex: 0 0 calc(33.33% - 31px);
display: flex;
flex-direction: column;
gap: 21px;
border-radius: 7px;
}
.ebook-card .ebook-image{ height: auto;
overflow: hidden;
border-radius: 7px;
}
.ebook-image img{
object-fit: cover;
object-position: left;
align-self: stretch;
}
.ebook-detail .category-name{
color: var(--gray-2);
}
.ebook-detail .ebook-bottom-info{
display: flex;
align-items: center;
gap: 7px;
}
.ebook-title a{
text-decoration: none;
color: var(--black-2);
}
.ebook-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
.ebook-card .ebook-detail{
display: flex;
flex-direction: column;
gap: 11px;
flex-grow: 1;
}
.ebook-bottom-info .published-date{
color: var(--gray-2);
}
.ebook-bottom-info .author-name{
color: var(--gray-2);
}
.ebook-detail .ebook-download{
margin-top: auto;
}
@media (max-width: 1399px){ }
@media (max-width: 767px){
.ebook-card{
flex: 0 0 calc(50% - 31px);
} }
@media (max-width: 575px){
.ebook-card{
flex: 0 0 calc(100%);
}
}  .ebook-category-group{
display: flex;
flex-direction: column;
gap: 31px;
margin-bottom: 64px;
}
.ebook-single-section{
padding-top: 64px;
padding-bottom: 64px;
}
.ebook-single-group .ebook-single-right{
max-width: 593px;
width: 100%;
padding: 21px;
border-radius: 7px;
display: flex;
flex-direction: column;
gap: 31px;
}
.ebook-single-group{
display: flex;
gap: 31px;
}
.ebook-single-left .ebook-single-thumbnail{
max-width: 512px;
position: sticky;
top: 120px;
}
.ebook-actions { margin-top: 12px; }
.is-hidden { display: none !important; }
@media (max-width: 991px){
.ebook-single-group{
flex-direction: column-reverse;
}
.ebook-single-left .ebook-single-thumbnail{
max-width: 100%;
}
.ebook-single-group .ebook-single-right{
max-width: 100%;
}
}   .tutorial-section{
padding-bottom: 0;
}
.tutorial-category-section{ padding-bottom: 64px;
}
.tutorial-category-section .resource-group{
max-width: 100%;
}
.tutorial-section .resource-group{
max-width: 100%;
}
.tutorial-section .resource-group .main-content-resource{
max-width: 100%;
}
.tutorial-card-item{
flex: 0 0 calc(33.33% - 31px);
display: flex;
flex-direction: column;
gap: 21px;
}
.tutorial-card-item .tutorial-card-image{
height: 218px;
overflow: hidden;
border-radius: 7px;
}
.tutorial-card-image img{
object-fit: cover;
object-position: left;
align-self: stretch;
}
.tutorial-card-detail{
display: flex;
flex-direction: column;
flex-grow: 1;
gap: 21px;
}
.tutorial-card-detail .cta-group{
margin-top: auto;
max-width: 100%;
}
.tutorial-card-detail .cta-group .cta-secondary{
width: 100%;
}
@media (max-width: 991px){
.tutorial-card-item{
flex: 0 0 calc(50% - 31px);
}
}
@media (max-width: 575px){
.tutorial-card-item{
flex: 0 0 calc(100%);
}
}  .glossary-section{
padding-top: 64px;
padding-bottom: 64px;
}
.glossary-group{
display: flex;
flex-direction: column;
}
.glossary-group .glossary-head{
max-width: 784px;
margin: 0 auto;
}
.glossary-head .glossary-head-smalltitle{
color: var(--primary-600);
text-align: center;
}
.glossary-head .glossary-head-title{
text-align: center;
margin-top: 7px;
}
.glossary-head .glossary-head-desc{
text-align: center;
margin-top: 7px;
}
.glossary-head-search{
margin-top: 31px;
width: 100%;
}
.glossary-head-search .resource-filter-search-input{
position: relative;
max-width: 658px;
margin: 0 auto;
width: 100%;
}
.glossary-head-search .resource-filter-search-input form{
display: flex;
align-items: center;
gap: 11px;
width: 100%;
margin: 0 auto;
}
.glossary-head-search .resource-filter-search-input input{
max-width: 498px;
width: 100%;
}
.glossary-head-search .resource-filter-search-input button{
max-width: 117px;
width: 100%;
margin-top: 0;
}
.glossary-group .glossary-list-group {
display: flex;
flex-direction: column;
padding-top: 64px;
padding-bottom: 64px;
}
.glossary-list-category{
display: flex;
align-items: start;
justify-content: space-between;
padding-top: 32px;
padding-bottom: 32px;
gap: 31px;
}
.glossary-list-category .glossary-list{
max-width: 913px;
width: 100%;
display: flex;
flex-wrap: wrap;
gap: 11px;
padding-top: 11px;
}
.glossary-list .glossary-item{
flex: 0 0 calc(33.33% - 11px);
}
.glossary-item h3 a{
text-decoration: none;
display: block;
height: 100%;
max-width: fit-content;
width: 100%;
padding: 11px 7px;
}
.glossary-item h3 a:hover{
text-decoration: underline;
}
.glossary-list-category .glossary-category-head{
display: flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
background: var(--primary-600);
border-radius: 360px;
}
.glossary-category-head .glossary-category-title{
font-size: 32px;
line-height: 120%;
color: var(--white);
}
@media (max-width: 1399px){
.glossary-list-category .glossary-list{
max-width: 813px;
}
}
@media (max-width: 1199px){
.glossary-list-category .glossary-list{
max-width: 713px;
}
}
@media (max-width: 991px){
.glossary-list-category{
flex-direction: column;
padding-top: 11px;
padding-bottom: 11px;
}
.glossary-list-category .glossary-category-head{
height: fit-content;
width: 100%;
padding: 7px 0px;
}
.glossary-category-head .glossary-category-title{
font-size: 24px;
}
.resource-filter-search-input form{
flex-direction: column;
}
.glossary-head-search .resource-filter-search-input input{
max-width: 100%;
}
.glossary-head-search .resource-filter-search-input button{
max-width: 100%;
}
}
@media (max-width: 767px){
.glossary-category-head .glossary-category-title{
font-size: 18px;
}
}
@media (max-width: 575px){
.glossary-list .glossary-item{
flex: 0 0 calc(50% - 11px);
}
}  .glossary-section{
padding-top: 64px;
padding-bottom: 64px;
}
.glossary-single-group{
display: flex;
gap: 31px;
}
.glossary-single-group .glossary-sidebar{
max-width: 227px;
width: 100%;
}
.glossary-single-group .glossary-content{
max-width: 926px;
width: 100%;
}
.glossary-content .glossary-content-fill{
margin-top: 31px;
}
.glossary-content-fill p{
margin-bottom: 24px;
}
.glossary-content-fill p strong{
font-weight: 600;
}
.glossary-content-fill ul{
padding-left: 24px;
margin-bottom: 24px;
}
.glossary-content-fill ul li{
margin-bottom: 11px;
}
.glossary-content-fill figure{
margin-bottom: 24px;
height: auto;
overflow: hidden;
border-radius: 15px;
}
.glossary-content-fill figure img{
object-fit: cover;
object-position: center top;
border-radius: 15px;
height: 100%;
}
.glossary-content-fill h1, .glossary-content-fill h2, .glossary-content-fill h3, .glossary-content-fill h4, .glossary-content-fill h5, .glossary-content-fill h6{
margin-bottom: 24px;
}
.glossary-content-fill h1 strong, .glossary-content-fill h2 strong, .glossary-content-fill h3 strong, .glossary-content-fill h4 strong, .glossary-content-fill h5 strong, .glossary-content-fill h6 strong{
font-weight: 600;
}
@media (max-width: 991px){
.glossary-single-group{
flex-direction: column;
}
.glossary-single-group .glossary-sidebar{
max-width: 100%;
}
.glossary-single-group .glossary-content{
max-width: 100%;
}
}   .search-list{
display: flex;
gap: 31px;
flex-wrap: wrap;
margin-top: 31px;
}
.post-type-group{
padding-top: 32px;
padding-bottom: 32px;
}
.post-type-group .post-type-title{
font-size: 24px;
}
.search-card-item{
flex: 0 0 calc(50% - 31px);
padding: 21px;
border-radius: 7px;
border: 1px solid var(--gray-1);
display: flex;
flex-direction: column;
gap: 11px;
}
.search-card-item .search-card-smalltitle{
color: var(--primary-600);
}
.search-card-item .search-card-title a{
text-decoration: none;
color: var(--black-2);
}
.search-card-item .search-card-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
@media (max-width: 575px){
.search-card-item{
flex: 0 0 calc(100%); 
}
}  .media-press-section{
padding-top: 64px;
padding-bottom: 64px;
}
.media-press-head{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 11px;
}
.media-press-head .media-press-head-smalltitle{
color: var(--primary-600);
text-align: center;
}
.media-press-head .media-press-head-title{
text-align: center;
}
.media-press-head .media-press-head-desc{
text-align: center;
}
.media-press-list{
display: flex;
flex-wrap: wrap;
gap: 31px;
margin-top: 31px;
}
.media-press-item{
flex: 0 0 calc(33.33% - 31px);
display: flex;
flex-direction: column;
gap: 21px;
}
.media-press-item .media-press-image{
height: 197.54px;
overflow: hidden;
border-radius: 7px;
}
.media-press-image img{
object-position: left;
align-self: stretch;
}
.media-press-item .media-press-detail{
display: flex;
flex-direction: column;
gap: 11px;
flex-grow: 1;
}
.media-press-detail .media-press-title a{
text-decoration: none;
color: var(--black-2);
}
.media-press-detail .media-press-title:hover a{
text-decoration: underline;
color: var(--primary-600);
}
.media-press-detail .cta-group{
margin-top: auto;
max-width: fit-content;
}
@media (max-width: 991px){
.media-press-item{
flex: 0 0 calc(50% - 31px);
}
}
@media (max-width: 767px){
.media-press-item{
flex: 0 0 calc(100%);
}
}  .big-cta-section{
padding-top: 64px;
padding-bottom: 64px;
border-top: 1px solid var(--gray-1);
}
.big-cta-group{
display: flex;
gap: 31px;
align-items: center;
justify-content: space-between;
}
.big-cta-left {
max-width: 647px;
width: 100%;
}
.big-cta-detail {
display: flex;
flex-direction: column;
gap: 4px;
}
.big-cta-right{
max-width: 405px;
width: 100%;
}
.big-cta-right .contact-form-group .form-row{
display: flex;
width: 100%;
gap: 11px;
}
.big-cta-right .contact-form-group .form-row .form-col{
flex: 0 0 calc(50% - 11px);
}
.big-cta-right .contact-form-group .form-row .form-col.full{
flex: 0 0 100%;
}
.big-cta-left-form{
max-width: 447px;
}
.big-cta-right-form{
max-width: 100%;
}
@media (max-width: 991px){
.big-cta-group-form{
flex-direction: column;
}
.big-cta-left-form{
max-width: 100%;
}
.big-cta-group{
flex-direction: column;
}
.big-cta-left{
max-width: 100%;
}
.big-cta-right{
max-width: 100%;
}
}
@media (max-width: 767px){
}  .breadcrumb-section{
padding-top: 54px;
padding-bottom: 11px; }
.breadcrumbs{ margin: 0 auto;
width: 100%;
}
.breadcrumbs span{
display: flex;
align-items: center;
gap: 3px;
flex-wrap: wrap;
}
.breadcrumbs span span a{
text-decoration: none;
font-size: 14px;
}
.breadcrumbs span .breadcrumb_last{
font-size: 14px;
}
.breadcrumbs span span a:hover{
text-decoration: underline;
}
.breadcrumbs .breadcrumb-separator svg{
width: 15px;
height: 15px;
fill: var(--gray-2);
color: var(--gray-2);
}  .footer-section {
background: var(--primary-900);
padding-top: 64px;
padding-bottom: 32px;
}
.footer-section .footer-group{
display: flex;
padding-left: 32px;
padding-right: 32px;
max-width: 1440px;
margin: 0 auto;
gap: 64px;
}
.footer-left .footer-logo{
max-width: 187px;
width: 100%;
margin-left: -11px
}
.footer-left .footer-comp-name{
color: var(--white);
font-size: 14px;
line-height: 140%;
font-weight: 500;
}
.footer-group .footer-left{
display: flex;
flex-direction: column;
gap: 31px;
max-width: 184px;
width: 100%;
}
.footer-certificate-list{
display: flex;
gap: 11px;
flex-wrap: wrap;    
margin-top: 11px;
}
.footer-certificate-list .footer-certificate-item{
flex: 0 0 calc(33.33% - 11px);
height: 55px;
overflow: hidden;
max-width: fit-content;
}
.footer-certificate-item img{
object-fit: contain;
object-position: center;
align-self: stretch;
}
.socmed-list{
display: flex;
gap: 11px;
flex-wrap: wrap;
margin-top: 11px;
}
.socmed-item{
flex: 0 0 calc(25% - 11px);
background: var(--primary-100);
border-radius: 5px;
} .socmed-item a span{
display: flex;
justify-content: center;
align-items: center;
}
.socmed-item a span svg{
fill: var(--primary-600);
}
.footer-group .footer-main{
max-width: 100%;
}
.footer-main .footer-column-list{
display: flex;
flex-wrap: wrap;
color: var(--white);
font-size: 12px;
line-height: 160%;
font-weight: 500;
gap: 64px 32px;
}
.footer-column-list .footer-column{
display: flex;
flex-direction: column;
gap: 7px;
flex: 0 0 calc(20% - 21px);
max-width: fit-content;
}
.footer-column .footer-column-title{
font-weight: 500;
}
.footer-column ul{
padding-left: 4px;
display: flex;
flex-direction: column;
gap: 4px;
}
.footer-column ul li{
list-style: none;
color: var(--white);
}
.footer-column ul li a{
text-decoration: none;
color: var(--white);
font-weight: 400;
font-size: 12px;
}
.footer-column ul li:hover a{
text-decoration: underline;
}
.footer-certificate-group .footer-certificate-title,
.footer-socmed-group .footer-socmed-title{
color: var(--white);
font-weight: 500;
font-size: 12px;
}
.footer-bottom {
margin-top: 64px;
}
.footer-bottom-copyright{
color: var(--white);
font-size: 12px;
font-weight: 400;
text-align: center;
}
@media (max-width: 991px){
.footer-bottom-copyright{
font-size: 14px;
}
.footer-column-list .footer-column{
flex: 0 0 calc(50% - 21px);
}
}
@media (max-width: 767px){
.footer-group .footer-left{
max-width: 100%;
}
.footer-section .footer-group{
flex-direction: column;
}
}
@media (max-width: 575px){
.footer-column-list .footer-column{
flex: 0 0 calc(100%);
}
}  .top-menu-lang-switch .wpml-ls.is-hidden {
display: none !important;
}
.top-menu-lang-switch {
position: relative;
display: flex;
align-items: center;
}
.lang-switcher {
position: relative;
display: inline-block;
color: var(--black-2);
z-index: 10;
margin-right: 21px;
}
.lang-switcher .lang-current {
display: inline-flex;
align-items: center;
gap: 8px;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
padding: 6px 10px;
cursor: pointer;
color: var(--black-2);
font-size: 14px;
}
.lang-switcher .lang-current:hover {
color: var(--primary-600);
}
.lang-switcher.open .lang-current {
color: var(--primary-600);
background: var(--white);
}
.lang-switcher .lang-caret {
display: inline-flex;
}
.lang-switcher .lang-dropdown {
position: absolute;
left: 0;
top: calc(100% + 8px);
min-width: 260px;
background: var(--white);
border: 1px solid var(--gray-1);
border-radius: 8px;
box-shadow: 0 8px 20px rgba(0,0,0,.08);
display: none;
}
.lang-switcher.open .lang-dropdown {
display: block;
}
.lang-switcher .lang-item {
list-style: none;
}
.lang-switcher .lang-link {
display: block;
padding: 10px 14px;
text-decoration: none;
color: var(--black-2);
border-radius: 4px;
font-size: 14px;
}
.lang-switcher .lang-item.active .lang-link {
font-weight: 400;
}
.lang-switcher .lang-link:hover {
background: var(--primary-100);
color: var(--primary-600);
}
@media (max-width: 991px) {
.lang-switcher .lang-dropdown {
left: 0;
right: 0;
min-width: unset;
}
}  .not-found-section{
padding-top: 128px;
padding-bottom: 128px;
}
.not-found-group{
max-width: 784px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: center;
}
.not-found-group .not-found-title{
color: var(--primary-600);
font-size: 128px;
text-align: center;
}
.not-found-group .not-found-desc{
text-align: center;
}
@media (max-width: 991px){
.not-found-group .not-found-title{
font-size: 64px;
}
}  .read-other-blog {
padding: 11px 16px;
background: var(--primary-100);
border-left: 3px solid var(--primary-600);
display: flex;
flex-direction: column;
gap: 7px;
}
.read-other-blog .sub-title{
margin-bottom: auto;
}  .sfsi_tool_tip_2 { display: none !important; opacity: 0 !important; visibility: hidden !important; }
.sfsi_shortcode_container .sfsi_wicons{
margin-left: 0px !important;
padding-top: 0px !important;
}
.sfsi_widget {
min-height: fit-content !important;
margin-top: 7px;
}
.norm_row{
display: flex;
align-items: center;
gap: 7px;
flex-wrap: wrap;
}   .page-id-77506 .featureovw-slide-group,
.page-id-14 .featureovw-slide-group, 
.page-id-92348 .featureovw-slide-group {
display: none;
}
.page-id-77506 .hero-featureovw-section,
.page-id-14 .hero-featureovw-section, 
.page-id-92348 .hero-featureovw-section {
padding-top: 0px;
padding-bottom: 30px;
}
.page-id-77506 .hero-solution-list,
.page-id-14 .hero-solution-list, 
.page-id-92348 .hero-solution-list {
padding-bottom: 30px;
}
.page-id-77506 .hero-section,
.page-id-14 .hero-section, 
.page-id-92348 .hero-section {
padding-bottom: 30px;
}
.page-id-77506 .bigbg-hghtesti-section,
.page-id-14 .bigbg-hghtesti-section, 
.page-id-92348 .bigbg-hghtesti-section {
padding-top: 10px;
padding-bottom: 50px;
}
.page-id-77506 .bigbg-hgh-testi-list .big-hgh-cstories-item,
.page-id-14 .bigbg-hgh-testi-list .big-hgh-cstories-item, 
.page-id-92348 .bigbg-hgh-testi-list .big-hgh-cstories-item {
margin-bottom: -30px;
}
.page-id-77506 .feature-strength-group,
.page-id-14 .feature-strength-group, 
.page-id-92348 .feature-strength-group {
margin-top: -80px;
margin-bottom: -100px;
} .page-id-77473 .value-propo-section {
padding-top: 0;
} .page-id-77394 .hero-section {
padding-bottom: 100px;
}
.page-id-77394 .feature-strength-section {
padding-top: 0px;
padding-bottom: 0px;
}
.page-id-77394 .feature-strength-head-title {
margin-top: 60px;
}
.page-id-77394 .bigbg-hghtesti-section {
margin-top: 60px;
padding-bottom: 20px;
}
.page-id-77394 .proof-stats-section {
padding-top: 40px;
} .parent-pageid-90057 .featureovw-slide-group{
animation: marquee 80s linear infinite;
}
.parent-pageid-90057 .top-nav-list .child-nav-group .dataon-sunfish-conference-tickets{
display: none;
} .key-takeaways-box {
background: #EEF2FB;
border: 1px solid #DCE3F4;
border-radius: 16px;
padding: 24px 28px;
margin: 40px 0;
box-sizing: border-box;
width: 100%;
}
.key-takeaways-title {
color: #395EBC;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
margin: 0 0 24px;
}
.key-takeaways-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.key-takeaways-item {
display: flex;
align-items: flex-start;
gap: 20px;
}
.key-takeaways-item .kt-icon {
flex: 0 0 22px;
width: 22px;
height: 22px;
display: inline-flex;
margin-top: 2px;
}
.key-takeaways-item .kt-icon svg {
display: block;
width: 100%;
height: 100%;
}
.key-takeaways-item .kt-text {
flex: 1;
color: #3F3F46;
font-size: 14px;
font-weight: 400;
line-height: 1.45;
} @media (max-width:991px){
.key-takeaways-box{
padding:22px;
}
.key-takeaways-title{
font-size:18px;
}
.key-takeaways-item{
gap:16px;
}
.key-takeaways-item .kt-icon{
width:38px;
height:38px;
flex-basis:38px;
}
.key-takeaways-item .kt-text{
font-size:14px;
}
} @media (max-width:767px){
.key-takeaways-box{
padding:20px;
margin:30px 0;
}
.key-takeaways-title{
font-size:14px;
margin-bottom:18px;
}
.key-takeaways-list{
gap:18px;
}
.key-takeaways-item{
gap:14px;
}
.key-takeaways-item .kt-icon{
width:30px;
height:30px;
flex-basis:30px;
}
.key-takeaways-item .kt-text{
font-size:12px;
line-height:1.5;
}
}
.blog-title-group {
gap: 40px;
align-items: baseline;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: 40px;
row-gap: 20px;
}
.blog-title-group .blog-title {
min-width: 0;
}
.blog-title-group .key-takeaways-box {
width: 100%;
}
@media (max-width: 991px) {
.blog-title-group {
grid-template-columns: 1fr;
}
.key-takeaways-box {
margin-top: 24px;
}
}
.single-blog-head.has-takeaways{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
column-gap:40px;
row-gap:20px;
grid-template-areas:
"topinfo takeaways"
"title takeaways"
"bottom bottom";
align-items:start;
}
.single-blog-head.has-takeaways .blog-top-info{
grid-area:topinfo;
}
.single-blog-head.has-takeaways .blog-title{
grid-area:title;
}
.single-blog-head.has-takeaways .single-bottom-group{
grid-area:bottom;
}
.single-blog-head.has-takeaways .key-takeaways-box{
grid-area:takeaways;
}
@media (max-width:991px){
.single-blog-head.has-takeaways{
display:block;
}
.key-takeaways-box{
margin-top:25px;
}
}