/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');

/*************** ADD CUSTOM CSS HERE.   ***************/
@media (max-width: 768px) {
	ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center li {
		width: auto !important;
		background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
		background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
		text-align: center;
		/* display: inline-block; */
		/* float: left; */
		padding: 0px 25px;
	}
	body #main .hnh-tab-join .row ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a span {
		font: normal normal bold 24px/48px Barlow !important;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
	}
	.tab-panels .row {
		/* max-width: 100% !important; */
		/* width: 100% !important; */
		/* margin: 0 auto; */
		/* display: inline-block; */
		/* display: flex; */
		/* justify-content: center; */
		margin: 0px !important;
	}

	ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center {
		/* display: inline-block !important; */
		margin-bottom: 20px;
	}

	ul.nav.nav-simple.nav-normal.nav-size-normal.nav-center li a {
		font-size: 24px !important;
		color: #fff !important;
	}
	.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) a {
		padding-left: 0px !important;
	}
	.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) a span {background-image: none !important;padding-left: 0px !important;}

	.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(2) a span {
		background-image: none !important;
		padding-left: 0px !important;
	}

	.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(3) a span {
		background-image: none !important;
		padding-left: 0px !important;
	}

	ul.nav.nav-line.nav-normal.nav-size-normal.nav-center {
		margin-bottom: 20px;
	}
	body #footer .hnh-footer-edit.vn .section-content  a.hnh-social.one {
		margin-left: 0px !important;
	}
	body .hnh-copy {
		float: none !important;
	}
	.hnh-text-row p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: inherit !important;
	}
	.hnh-text-row-2 p:nth-child(3) {
		-webkit-line-clamp: inherit !important;
	}
	body a.button.primary.is-outline.hnh-button-fff {
		border: 2px solid #24B7FB;
		border-radius: 20px;
		width: 60% !important;
		height: 60px !important;
		line-height: 60px !important;
	}
	body h3.hnh-48 {
		letter-spacing: 0px;
		font-family: 'Oswald', sans-serif;
		font-size: 36px !important;
	}
	body #content .banner h2.hnh-72 {
		letter-spacing: 0px;
		font-family: 'Oswald', sans-serif !important;
		font-size: 44px !important;
	}
	.banner.has-hover.hnh-overlay {
		padding-top: 600px !important;
	}
	body #main .hnh-careers .swiper-slide {
		width: 50% !important;
		margin-right: 0px !important;
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media (min-width: 1024px) {
	
	.hnh-show-max-991 {
		display: none;
	}
}
@media (max-width: 1024px) {
	.hnh-tab-join {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}

	.hnh-tab-join .hnh-tab-img {
		height: auto !important;
	}
	body .hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(3) a span {
		
		background-position: 50px top;
		background-size: 40px;
	}
	body .hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(2) a span {
		
		background-position: 75px 1px;
		background-size: 40px;
	}
	body .hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) a span {
		
		background-size: 35px;
		background-position-y: 7px;
	}
	body .hnh-tab-join .row ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a span {
		font: normal normal bold 26px/48px Barlow !important;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
	}
	.hnh-slider-where .container {
		max-width: 720px;
		display: flex;
  		justify-content: center;
	}
	body .hnh-game.hnh-1364.hnh-show-max-991 .large-6{
		    max-width: 100% !important;
			-ms-flex-preferred-size: 100% !important;
			flex-basis: 100% !important;
	}
	.hnh-game.hnh-1364.hnh-show-max-991 .row {
		max-width: 670px !important;
		margin: 0 auto;
	}
	.hnh-show-min-991 {
		display: none;
	}
	.hnh-show-max-991 {
		display: block !important;
	}
	.hnh-about.hnh-1512 .hnh-text-row-5 p:nth-child(5) {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
	}
	.hnh-1391 .gap-element {
		padding-top: 25px !important;
	}
	.hnh-text-row-2 p:nth-child(3) {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}
	
	body #footer .hnh-footer-edit.en a.hnh-social.one {
		margin-left: 150px !important;
	}


	.hnh-footer-edit.en.has-block .row.row-large.row-dashed:nth-child(1) .col.medium-2.small-6.large-2 {
		display: none !important;
	}
	.hnh-footer-edit.en.copy .col.medium-2.small-6.large-2 {
		display: none !important;
	}
    .hnh-footer-edit.en.has-block .row.row-large.row-dashed:nth-child(2) .col.medium-2.small-6.large-2 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.hnh-footer-edit.en.has-block .row.row-large.row-dashed:nth-child(2) .col.medium-4.small-6.large-4 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.hnh-footer-edit.en .col.medium-4.small-6.large-4 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	
	
	
	
	body #footer .hnh-footer-edit.vn a.hnh-social.one {
		margin-left: 82px !important;
	}


	.hnh-footer-edit.vn.has-block .row.row-large.row-dashed:nth-child(1) .col.medium-2.small-6.large-2 {
		display: none !important;
	}
	.hnh-footer-edit.vn.copy .col.medium-2.small-6.large-2 {
		display: none !important;
	}
    .hnh-footer-edit.vn.has-block .row.row-large.row-dashed:nth-child(2) .col.medium-2.small-6.large-2 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.hnh-footer-edit.vn.has-block .row.row-large.row-dashed:nth-child(2) .col.medium-4.small-6.large-4 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.hnh-footer-edit.vn .col.medium-4.small-6.large-4 {
		width: 50%;
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

	.hnh-footer-edit:nth-child(1) {
		padding-top: 30px !important;
	}
	.hnh-1391 {
		padding-bottom: 15px !important;
	}
	body .hnh-careers .swiper-slide {
		width: 33.3333333333% !important;
		margin-right: 0px !important;
		padding-left: 15px;
		padding-right: 15px;
	}

	.hnh-text-row p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4; /* number of lines to show */
	}

	.hnh-doi-song.hnh-1391 .gap-element {
		padding-top: 30px !important;
	}
	p.hnh-more {
		display: inline !important;
	}

	p.hnh-dots {
		display: inline !important;
	}

	button#myBtn {
		padding: 0px;
		margin: 0px;
		text-transform: inherit !important;
	}
	.nav-spacing-xlarge>li {
		margin: 0 10px !important;
	}
	a.button.primary.lowercase.hnh-button-fff {
		font: normal normal 500 21px/25px Barlow !important;
		letter-spacing: 0px;
		color: #FFFFFF;
		border-radius: 20px !important;
		letter-spacing: 0px;
		max-height: 60px;
		display: inline-block;
	}

	a.button.primary.lowercase.hnh-button-fff span {
		line-height: 60px !important;
	}
	body .banner h2.hnh-72 {
		letter-spacing: 0px;
		font-family: 'Oswald', sans-serif !important;
		font-size: 57px !important;
	}
	body p {
		letter-spacing: 0px;
		font-family: 'Barlow', sans-serif;
		font-size: 23px;
	}

	body h2.hnh-48 {
		font: normal normal bold 42px/20px Barlow !important;
	}
	.sec-homeProduct .slide-text__title {
		font-size: 35px !important;
		margin-bottom: 25px;
		font-weight: 700 !important;
		font-family: 'Barlow';
	}
	body .sec-homeProduct .slide3d .slide3d__content {
		max-width: 65% !important;
	}
	h3.hnh-48 {
		letter-spacing: 0px;
		font-family: 'Oswald', sans-serif;
		font-size: 43px !important;
	}
	a.button.primary.is-outline.hnh-button-fff {
		border: 2px solid #24B7FB;
		border-radius: 20px;
		width: 45% !important;
		height: 60px !important;
		line-height: 60px !important;
	}

	a.button.primary.is-outline.hnh-button-fff span {
		line-height: 60px !important;
	}
}
@media (max-width: 1350px) {
	body .hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a span {
		font: normal normal bold 36px/48px Barlow !important;
		letter-spacing: 0px;
		color: #FFFFFF;
		opacity: 1;
	}
	body.single-tuyen-dung .hnh-careers .row {
		max-width: 100% !important;
		width: 100% !important;
		/* margin: 0 auto; */
		/* display: block; */
		margin: 0px !important;
	}
	body .hnh-1178 {
		padding-top: 30px !important;
		padding-bottom: 30px !important;
	}
	body .hnh-1178 .row {
		max-width: 100% !important;
	}

	body .hnh-1178 .gap-elemnet {
		display: none !important;
	}

	body .hnh-1178 .gap-element {
		display: none !important;
	}

	body .hnh-1400 .row {
		max-width: 100% !important;
	}
	body .hnh-row-tuyendung .row {
		max-width: 100% !important;
	}
	.hnh-1259 .row {
		width: 100% !important;
		max-width: 100% !important;
	}

	body .hnh-tab-join .tabbed-content {
		width: 100% !important;
	}

	body .hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li {
		width: 33.3333333333% !important;
	}

	body .hnh-tab-img {
		width: 33.3333333333333% !important;
		/* height: 591px; */
		max-width: 33.3333333333333% !important;
	}
	.hnh-1368 .row {
		max-width: 100% !important;
		width: 100% !important;
	}
	body .hung-download.android a {

		height: 60px;
	
		padding-top: 10px;
	
	}
	body .hung-download.ios a {

		height: 60px;
	
		padding-top: 10px !important;
	
	}
	.hnh-1364 .row {
		max-width: 100% !important;
		width: 100% !important;
	}
	.hnh-1391 .row {
		max-width: 100% !important;
	}
	.hnh-1370 .row {
		width: 100% !important;
		max-width: 100% !important;
	}
	.hnh-about.hnh-1509 .gap-element{
		padding-top: 35px !important;
	}
	.hnh-our-vision.hnh-1370 {
		padding-bottom: 0px !important;
		padding-top: 20px !important;
	}
	.hnh-about.hnh-1509 {
		padding-bottom: 0px !important;
	}

	.hnh-1370 {
		padding-bottom: 0px !important;
	}

	section.section.sec-history {
		padding-bottom: 0px !important;
	}

	.hnh-1370 .col.small-12.large-12 {
		padding-bottom: 0px !important;
	}

	.hnh-about.hnh-1512 {
		padding-bottom: 0px !important;
	}
	.hnh-our-vision.hnh-1370 {
		padding-bottom: 0px !important;
		padding-top: 20px !important;
	}
	span.ux-menu-link__text {
		color: #fff;
		margin-right: 5px !important;
		opacity: 0.87;
	}
	.hnh-our-vision.hnh-1370 .gap-element{
		padding-top: 15px !important;
	}
	.hnh-about.hnh-1512 .gap-element {
		padding-top: 30px !important;
	}
	body .hnh-copy-right {
		/* display: inline-block !important; */
		-js-display: flex;
		display: -webkit-box !important;
		display: -ms-flexbox;
		display: inherit;
	}
	.hnh-1512 .row {
		max-width: 100% !important;
		width: 100% !important;
	}
	span.ux-menu-link__text {
		font: normal normal 600 17px/29px Barlow !important;
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	
	body .hnh-footer-edit.en a.hnh-social.one {
		margin-left: 60px !important;
	}

	body .hnh-footer-edit.vn a.hnh-social.one {
		margin-left: 10px !important;
	}

	body a.hnh-16-2 {
		font: normal normal normal 14px/19px Barlow !important;
		/* letter-spacing: 0px; */
	}

	body a.hnh-social.two {--stack-gap: 0.3rem !important;}
	body .hnh-careers .swiper-slide {
	
		margin-right: 0px !important;
		padding-left: 15px;
		padding-right: 15px;
	}
	body .hnh-careers .row .container {
		max-width: 100% !important;
		width: 100% !important;
	}
	body .sec-homeProduct .slide3d .slider-left {
		left: 0px;
	}
	body .sec-homeProduct .slide3d .slider-right {
		right: 0px;
	}
	body .hnh-careers .row {
		max-width: 100% !important;
		width: 100% !important;
	}


	body .careerBox {
		width: 100% !important;
		height: auto !important;
	}


}
header#header {
    padding-top: 10px;
}

.page-template-template-page-hnh header#header div#masthead {
    background: #222222 !important;
    opacity: 1 !important;
    height: 96px;
}
.hnh-single-tuyen-dung .overlay {
    background: transparent linear-gradient(180deg, #3B3B3B 0%, #000000 100%) 0% 0% no-repeat padding-box !important;
    opacity: 0.8;
}
.page-template-template-page-hnh header#header {
    padding-top: 0px;
}
div#masthead ul li.current-menu-item a {
    color: #24b7fb !important;
}
#wpadminbar .ab-icon, #wpadminbar .ab-item:before, #wpadminbar>#wp-toolbar>#wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow {
    position: relative;
    float: left;
    font: normal 20px/1 dashicons !important;
    speak: never;
    padding: 4px 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-image: none!important;
    margin-right: 6px;
}
body .header.show-on-scroll, body .stuck .header-main {
    height: 66px!important;
}
.hnh-icon-ft .col-inner {
    margin-top: -10px;
}
.hnh-chungtoi p {
    margin-bottom: 5px;
    line-height: 29px;
}
.hnh-page-chuan h3 {
    font: normal normal bold 40px/48px Barlow !important;
    letter-spacing: 0px;
    color: #222222;
}
.albumGallery__thumbnail i {
    display: none !important;
}
.hnh-overlay .overlay {
    /* background-color: #3B3B3B; */
    background: transparent linear-gradient(180deg, #3B3B3B 0%, #000000 100%) 0% 0% no-repeat padding-box !important;
    opacity: 0.8;
}
.hnh-horus-vi p {
    font: normal normal normal 24px/32px Barlow !important;
    letter-spacing: 0px;
    color: #222222;
}
.hnh-horus-en p {
    font: normal normal normal 24px/32px Barlow !important;
	letter-spacing: 0px;
	color: #222222;
}
.lang-item.lang-item-3 {
    margin-right: 0px;
}
@media (max-width: 500px){
    #footer .hnh-copy-right {
        float: none !important;
    }
    #footer .stack.stack-row {
        float: right;
        text-align: center;
    }
}
.hnh-footer-edit:nth-child(1) {
    padding-top: 100px !important;
}
.wpsm_counterbox {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
a.hnh-social {
        height: 34px;
        width: 34px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
    }
    .hnh-social img {

          height: 34px;
    width: 34px;
    /* text-align: center; */
    /* text-decoration: none; */
    border-radius: 50%;

     
    }

    .hnh-social .on-hover{
        display: none;
    }

    .hnh-social:hover img.on-hover{
        display: block;
    }
    .hnh-social:hover img.no-hover{
        display: none;
    }
.hnh-1512 p {
    font: normal normal normal 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}
.hnh-footer-edit.en .hnh-footer-menu {
    transform: translateX(-20px);
}
li.lang-item a {
    font-size: 0px !important;
    position: relative;
}
.hnh-chungtoi .row {
    margin: 0 auto;
}
.hung-download.android a:hover {
    transform: scale(1.1) !important;
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
.n2-ss-slider .n2-ss-slide--focus {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    z-index: -99999;
}
.hung-download.ios:hover {
    transform: scale(1.1) !important;
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
li.lang-item.current-lang a {
    margin: 0 auto;
    text-align: center !important;
    width: 70px !important;
    height: 48px !important;
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box !important;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box !important;
    border-radius: 8px !important;
    opacity: 1 !important;
    /* display: inline-block; */
    display: block;
}
.nav:hover>li:not(:hover)>a:before{
	opacity: 1 !important;
}
li.lang-item.lang-item-3 a:before {
    content: "EN";
    
    font: normal normal 600 20px/24px Barlow !important;
    letter-spacing: 0px !important;
    color: #FFFFFF;
    opacity: 1;
}

li.lang-item.lang-item-6 a:before {
    content: "VIE";
    font: normal normal 600 20px/24px Barlow !important;
    letter-spacing: 0px !important;
    color: #FFFFFF;
    opacity: 1;
}
.sec-history .historyBox .item__text p {
    font-size: 20px !important;
    letter-spacing: -0.56px !important;
    font: normal normal normal 20px/24px Barlow;
    letter-spacing: 0px !important;
    color: #222222 !important;
}
.nav-spacing-xlarge>li {
        margin: 0 27px;
    }
h2.hnh-center {
    text-align: center;
}
.hnh-page-chuan p {
    font: normal normal normal 20px/24px Barlow !important;
    letter-spacing: 0.3px;
    color: #222222 !important;
    opacity: 1;
}
p.hnh-center {
    text-align: center;
    font: italic normal 400 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 0.38;
}

.hnh-page-chuan {
    padding-top: 100px;
}

.hnh-page-chuan li {
    font: normal normal normal 20px/24px Barlow !important;
    letter-spacing: 0.3px;
    color: #222222;
    opacity: 1;
}

.hnh-page-chuan ul {
    padding-left: 25px;
}

.hnh-page-chuan li::marker {
    color: #222222;
}
@media (min-width: 1349px){
				.hnh-534 img {
				width: 534px;
				height: 524px;
			}
				.hnh-page-chuan {
				width: 1366px;
				margin: 0 auto;
			}
			.page-template-page-blank main#main {
			width: 1366px;
			margin: 0 auto;
		}

		.hnh-careers .row .col-inner.text-center {
			/* width: 1648px !important; */
			/* max-width: 1648px !important; */
			/* padding: 0px !important; */
			/* margin: 0px !important; */
		}

		.hnh-careers .row .col {
			padding: 0px !important;
		}

		.hnh-careers .swiper-slide {
			width: 388px !important;
			height: 539px !important;
			margin-right: 32px !important;
		}
	.careerBox {
		position: relative;
		overflow: hidden;
		width: 388px;
		height: 539px;
	}
	.hnh-careers .row {
		max-width: 1648px !important;
		width: 1648px !important;
	}
	.hnh-careers .swiper-slide{
		overflow: inherit !important;
	}
	.hnh-careers .row .container {
		max-width: 1648px !important;
		width: 1648px !important;
	}
    .sec-homeProduct .slide3d .slide3d__content {
        max-width: 808px;
        /* max-height: 487px; */
        height: 487px;
    }
    
    
	.full-width .ubermenu-nav, .container, .row {
		max-width: 1648px;
	}
    body div#masthead .container {
        max-width: 1648px !important;
    }
    body .hnh-footer-edit .row {
        max-width: 1648px !important;
		margin: 0 auto;
    }
    .hnh-khonggian .row {
        max-width: 100% !important;
        width: 100% !important;
    }
    .hnh-1370 .row{
       max-width: 1370px;
       width: 1370px;
    }
    .hnh-counter-up{
        max-width: 1364px;
       width: 1364px;
    }
    .hnh-1400 .row{
        max-width: 1400px;
       width: 1400px;
    }
    .hnh-1228 .row{
        max-width: 1228px;
       width: 1228px;
    }
    .hnh-1259 .row{
        max-width: 1259px;
       width: 1259px;
    }
    .hnh-1364 .row{
       max-width: 1364px;
       width: 1364px;
    }
    .hnh-1368 .row{
       max-width: 1368px;
       width: 1368px;
    }
    .hnh-1509 .row{
       max-width: 1509px;
       width: 1509px;
    }
    .hnh-row-tuyendung .row {
        max-width: 1228px !important;
    }
    body .container .section, body .row .section {
        padding-left: 0px;
        padding-right: 0px;
    }
    .hnh-1512 .row{
        max-width: 1512px;
        width: 1512px;
    }
    .hnh-1391 .row{
        max-width: 1391px;
        width: 1391px;
    }
    .hnh-1178 .row{
        max-width: 1178px !important;
    }
    .hnh-1400 .row{
        max-width: 1400px !important;
    }
}
h2.hnh-ct {
    margin-bottom: 0px !important;
}
.slide-text__btn a.btn:hover{
    transform: scale(1.1) !important;
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
a.button.primary.lowercase.hnh-button-fff:hover {
    transform: scale(1.1) !important;
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
.slide-text__btn {
    padding-bottom: 20px;
}
.slide-text__btn a.btn{
   
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
.hnh-bottom-logo p {
    font: normal normal 600 24px/29px Barlow !important;
    letter-spacing: 0px !important;
    color: #FFFFFF !important;
    opacity: 0.87 !important;
}
.hnh-slider-img-br img {
    border-radius: 24px;
    transform: scale(0.8);
}
.hnh-slider-img-br img {
    border-radius: 24px;
    transform: scale(0.7);
    
}
.hnh-slider-img-br .is-selected img {
    width: 1088px;
    height: 710px;
}
.hnh-slider-img-br .is-selected img {
    transform: scale(1) !important;
}


.hnh-footer-edit.vn a.hnh-social.one {
    margin-left: 60px !important;
}
.hnh-footer-edit.en a.hnh-social.one {
    margin-left: 110px !important;
}
.hnh-bottom-logo {
    margin-top: 40px;
}
a.button.primary.lowercase.hnh-button-fff {
    
    transition: 0.5s;
    opacity: 1 !important;
    box-shadow: none !important;
}
.careerBox__img img {
    border-radius: 21px;
}
.careerBox__img {
    /* border-radius: 21px !important; */
}
body.single-tuyen-dung ul li span {
    font: normal normal normal 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}

body.single-tuyen-dung h3.hnh-join-title {
    font: normal normal bold 32px/38px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 1;
}
body.single-tuyen-dung p.hnh-hannop {
    font: normal normal normal 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 0.67 !important;
}
body.single-tuyen-dung h3.hnh-join-title-2 {
    font: normal normal bold 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}
.careerBox {
    border-radius: 21px !important;
}
.careerBox__body {
    text-align: left;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet-active {
    background: #24B7FB !important;
    width: 20px !important;
    height: 20px !important;
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets .swiper-pagination-bullet {
    background: #B3E5FE;
    width: 16px;
    height: 16px;
}
.careerBox {
    border-radius: 21px !important;
}
p.careerBox__text {
    font: normal normal 600 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
p.careerBox__text {
    font: normal normal 600 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

a.careerBox__btn.btn-link {
    font: normal normal 600 18px/29px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    border-bottom: 1px solid #24b7fb;
    /* padding-top: 5px; */
}

a.careerBox__btn.btn-link:after {
    content: "\f178";
    font-family: 'FontAwesome';
    color: #24b7fb;
    font-weight: 400;
    margin-left: 3px;
}
.hnh-doi-song .hnh-image-br img {
    border-radius: 16px !important;
}
.careerBox__title {
    font: normal normal 600 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.hnh-about p {
    /* margin-bottom: 10px !important; */
    font: normal normal normal 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}
.sec-history .historyBox .item__text p {
    font-size: 20px !important;
    
}

#footer .hnh-16 {
    font: normal normal 600 16px/19px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    opacity: 0.6;
}
.swiper-pagination {
    position: static;
    line-height: 1;
    margin-top: 20px;
}
.hnh-careers .careerBox__inner {
    transform: translateY(50px) !important;
}
.hnh-chungtoi p {
    margin-bottom: 5px;
}
.hnh-about .hnh-image-br img {
    border-radius: 12px !important;
}
.banner p {
    font: normal normal 400 40px/48px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}

.btn-link {
    display: table !important;
    font-size: 14px;
    font-weight: bold;
}
.hnh-ceo p {
    line-height: 1;
}
.ux-menu-link__link {
    padding-top: 0px !important;
}
.careerBox__title a {
    color: #fff !important;
}
.hnh-ceo em {
    font: italic normal normal 16px/19px Barlow;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}
.hnh-ceo span {
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    color: #24B7FB;
    opacity: 1;
}
.hnh-adress {
    margin-bottom: 15px;
}
.hnh-adress p {
    font: normal normal normal 20px/32px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}
.hnh-600-24 span{
	font: normal normal 600 24px/29px Barlow !important;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
}
.hnh-600-24 span strong {
    font-weight: 600 !important;
}
.hnh-56{
	font: normal normal bold 56px/67px Barlow !important;
	letter-spacing: 0px;
	color: #222222;
	opacity: 1;
}
.hnh-game p {
    font: normal normal normal 18px/22px Barlow;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 1;
    line-height: 1.5;
}

span.counter {
    font-size: 53px;
    font-weight: 700;
    font: normal normal bold 60px/72px Barlow !important;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    font-weight: 700 !important;
    font-family: 'Barlow' !important;
    font-size: 60px;
}
.hung-download.android a {
    font: normal normal 400 18px/22px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.hung-download.ios a {
    font: normal normal 400 18px/22px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    /* margin-top: 5px; */
    /* display: block; */
}

.hung-download.ios {
    padding-top: -3px !important;
}
p {
    letter-spacing: 0px;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
    font: normal normal normal 24px/36px Barlow;
    letter-spacing: 0px;
    color: #222222 !important;
}
h2.entry-title {
    font: normal normal bold 40px/48px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 1;
}
.hnh-our-vision p {
    /* margin-bottom: 5px; */
    font: normal normal normal 24px/32px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
}
p.hnh-24-f {
    font: normal normal 600 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    margin-bottom: 0px !important;
}
em {
    font: italic normal 600 24px/29px Barlow;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}
.hnh-careers .box-text.text-center h4, .box-text.text-center p, .box-text.text-center a {
    font: normal normal 600 24px/29px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF !important;
}
h2 strong {
    font-weight: 700 !important;
}
.sec-homeProduct .slide-text__title {
    font-size: 40px;
    margin-bottom: 25px;
    font-weight: 700 !important;
    font-family: 'Barlow';
}
.sec-homeProduct .slide3d .slide3d__content.next .preactive .slider-single-image {
    border-radius: 24px !important;
}
.banner h3.uppercase strong {
    font-weight: 700;
}
.banner h3 strong {
    font-weight: 700;
}
a.button.primary.lowercase.hnh-button-fff {
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
}
.banner h2.hnh-72 {
    letter-spacing: 0px;
    font-family: 'Oswald', sans-serif !important;
    font-size: 72px !important;
    font-weight: 500 !important;
}
h3.hnh-48 {
    letter-spacing: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
    font-weight: 500 !important;
}
a.button.primary.is-outline.hnh-button-fff {
    font: normal normal medium 18px/22px Barlow;
    letter-spacing: 0px;
    font-size: 18px;
    /* font-family: 'Barlow'; */
    /* font-family: 'Oswald', sans-serif; */
    font-family: 'Barlow', sans-serif;
    font-weight: 500 !important;
}
.banner h3.uppercase {
    font: normal normal bold 56px/67px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
.banner h3 {
    font: normal normal bold 56px/67px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
@media only screen and (max-width: 48em) {
	
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	  body .hung-download.ios a {
		margin-top: 2px;
	}
	.hnh-khampha-mobi .col-inner {
		padding: 0px !important;
	}
	.hnh-counter-up .col {
    max-width: 33.3333333333333% !important;
    flex-basis: 33.3333333333333% !important;
    padding: 0px !important;
}

span.counter {
    font-size: 30px !important;
}
	.wpsm_counterbox .wpsm_count-title{
		letter-spacing: 0px !important;
	}


.wpsm_counterbox {
    margin: 0px !important;
}
	
h3.slide-text__title {
    font: normal normal bold 40px/48px Barlow;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

h3.wpsm_count-title {
    font-size: 14px !important;
}
	
        .header-wrapper.stuck i.icon-menu {
        color: #fff;
    }
    input#s {
        height: 33px;
        border-radius: 0px !important;
    }

    button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
        margin-top: -7px !important;
        display: block;
    }
	

}

.header-main .nav > li > a {
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
    /* font-family: 'Barlow', sans-serif; */
}
a.button.primary.is-outline.hnh-button-fff span {
    line-height: 68px;
}
a.button.primary.is-outline.hnh-button-fff {
    font: normal normal medium 18px/22px Barlow;
    letter-spacing: 0px;
    font-size: 18px;
    font-family: 'Barlow';
    /* font-family: 'Oswald', sans-serif; */
    font-family: 'Barlow', sans-serif;
}

a.button.primary.is-outline.hnh-button-fff {
    border: 2px solid #24B7FB;
    border-radius: 20px;
    width: 256px;
    height: 72px;
}
.block-lg a {
    font: normal normal 600 20px/24px Barlow;
    letter-spacing: 0px;
}
a.button.primary.is-outline.hnh-button-fff {
    font: normal normal medium 18px/22px Barlow;
    letter-spacing: 0px;
    font-size: 18px;
    font-family: 'Barlow';
    /* font-family: 'Oswald', sans-serif; */
    font-family: 'Barlow', sans-serif;
}
.block-lg {
   
    margin-left: 10px;
}
h2.hnh-72{
	letter-spacing: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 72px;
}
h3.hnh-48{
	letter-spacing: 0px;
    font-family: 'Oswald', sans-serif;
    font-size: 48px;
}

.hnh-48{
	letter-spacing: 0px;
    font-family: 'Barlow', sans-serif;
    font-size: 48px;
}
p{
	letter-spacing: 0px;
    font-family: 'Barlow', sans-serif;
    font-size: 24px;
}
.wpsm_col-md-3.wpsm_col-sm-6 {
    width: 20% !important;
}
h2 {
    font: normal normal bold 48px/58px Barlow !important;
    letter-spacing: 0px;
    color: #222222;
}
.hnh-16{
	font: normal normal 600 16px/19px Barlow;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 0.6;
	}
.hnh-20{
	font: normal normal normal 20px/32px Barlow;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 0.87;
	}
.banner h2.hnh-72 {
    letter-spacing: 0px;
    font-family: 'Oswald', sans-serif !important;
    font-size: 72px !important;
}
.hnh-16-2{
	font: normal normal normal 16px/19px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 0.38;
}
.hnh-img img {
    width: 191px;
   
}
a.hnh-16-2{
	font: normal normal normal 16px/19px Barlow;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
span.ux-menu-link__text {
    color: #fff;
    margin-right: 10px;
    opacity: 0.87;
}
p.hnh-16 span {
    font: normal normal 600 16px/19px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.6;
}
.hnh-footer-menu{
    transform: translateX(-8px);
}
.hnh-icon-ft .col-inner {
    padding-left: 0px;
}
.hnh-copy-right p a {
    /* float: right; */
    transform: translateX(33px);
    
}
.hnh-careers .box-text.text-center h4, .box-text.text-center p, .box-text.text-center a {
    /* font-size: 24px; */
    font: normal normal 600 24px/29px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
}
div#text-2166914509 {
    font: normal normal 600 24px/29px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
}
span.ux-menu-link__text {
    font: normal normal 600 20px/29px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
}

a.button.primary.lowercase.hnh-button-fff {
    font: normal normal 500 26px/31px Barlow;
    letter-spacing: 0px;
    color: #FFFFFF;
    border-radius: 20px !important;
    letter-spacing: 0px;
    max-height: 64px;
    display: inline-block;
}
a.button.primary.lowercase.hnh-button-fff span{
    line-height: 62px;
}
body .wpsm_counterbox span {
    font: normal normal bold 60px/72px Barlow !important;
}
.hnh-khonggian .col-inner {
    padding: 0px !important;
}
a.button.primary.is-outline.hnh-button-fff {
    color: #fff;
    
    border-radius: 20px !important;
}

.wpsm_col-md-3.wpsm_col-sm-6:nth-child(1) span.counter:after {
    content: "+";
}

.wpsm_counterbox span, .wpsm_counterbox h3.wpsm_count-title {
    font-family: "Roboto", sans-serif !important;
    /* font-family: ""; */
}
.wpsm_col-md-3.wpsm_col-sm-6:nth-child(2) span.counter:after {
    content: "M+";
}

.wpsm_col-md-3.wpsm_col-sm-6:nth-child(3) span.counter:after {
    content: "M+";
}

.wpsm_col-md-3.wpsm_col-sm-6:nth-child(4) span.counter:after {
    content: "K+";
}

.wpsm_row:nth-child(2) .wpsm_col-md-3.wpsm_col-sm-6 span.counter:after {
    content: "K+";
}
.hnh-cong {}

.hnh-cong span.counter:after {
    content: "+";
}

.hnh-m-cong span.counter:after {
    content: "M+";
}

.hnh-k-cong span.counter:after {
    content: "K+";
}
.hnh-counter-up .col {
    max-width: 20%;
    flex-basis: 20%;
}

.wpsm_col-md-4.wpsm_col-sm-6 {
    width: 100%;
}
.wpsm_count-icon {
    display: none !important;
}

span.counter {
    font-size: 53px;
    font-weight: 700;
}
h3.wpsm_count-title {
    margin: 5px !important;
    border-bottom: 3px solid #24b7fb;
    padding: 0px !important;
    min-height: inherit !important;
}


ul.header-nav.header-nav-main.nav.nav-right.nav-size-large.nav-spacing-large li.current-menu-item a {
    color: #24b7fb !important;
}
ul.header-nav.header-nav-main.nav.nav-right.nav-size-large.nav-spacing-large {
    margin-top: 13px;
}
body .box-bounce:hover .box-image {
    -webkit-transform: inherit !important;
    transform: inherit !important;
    /* -webkit-transform-origin-x: center; */
}
body.single-post header#header div#masthead {
    background: #222 !important;
}
body.single-tuyen-dung header#header {
    position: absolute;
    background: transparent !important;
}

body.single-tuyen-dung header#header .header-bg-color {
    background: transparent !important;
}
.nav-dark .nav>li>a {
    color: #fff !important;
}
.header-wrapper.stuck div#masthead {
    background: #222222 !important;
}

h3.wpsm_count-title {
    letter-spacing: 0px !important;
}

.header:not(.transparent) .header-nav-main.nav > li > a {
    color: #fff !important;
}
div#comments {
    display: none !important;
}
.header:not(.transparent) .header-nav-main.nav > li > a:hover {
    color: #24b7fb !important;
}
.nav-dark .nav>li>a:hover {
    color: #24b7fb !important;
}
.row-dashed .col:before, .row-solid .col:before {
    opacity: 0;
}
.row-dashed .col:after, .row-solid .col:after {
    opacity: 0;
}
.hnh-image-br img {
    border-radius: 32px;
}
body .hnh-slider-img-br img.skip-lazy {
    border-radius: 4px;
}
h2.hnh-58-la {
    font: normal normal bold 56px/67px Barlow !important;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}
.hnh-slider-img-br img {
    border-radius: 24px;
}
.n2-active picture.skip-lazy {
    border: 2px solid #24b7fb;
    border-radius: 10px !important;
}

.hnh-khonggian .is-selected .img-inner.image-cover.dark:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent !important;
    opacity: 1 !important;
}
.slider-style-container .flickity-slider>*:not(.is-selected), .slider-style-shadow .flickity-slider>*:not(.is-selected), .slider-style-focus .flickity-slider>*:not(.is-selected){
	opacity: 1 !important;
}
.hnh-map p {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}
.hnh-map span.section-title-main {
    border: none !important;
    margin: 0px !important;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
}
::marker {
    user agent: ;
    stylesheet: :marker;
    color: #24b7fb;
}
.hnh-tab-img {
    width: 471px !important;
    height: 591px;
    max-width: 471px !important;
}
.col.medium-7.small-12.large-7 .col-inner {
    padding-top: 30px;
    padding-left: 30px;
}
.tab-panels {
    background: #fff;
}
.hnh-tab-img .col-inner {
    padding: 0px;
}

.tab-panels {
    padding-top: 0px;
}
.panel .col:first-child .col-inner {
    padding-left: 0px !important;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a {
    padding: 25px 0px;
}

.hnh-tab-join .tabbed-content {
    width: 1261px;
}
.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) {
    width: 471px;
}

.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(2) {
    width: 395px;
}

.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) {}

.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(3) {
    width: 395px;
}

.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) a {
    padding-left: 20px;
}
::marker {
   
    color: #24b7fb;
    font-size: 24px;
}
.hnh-tab-join .nav-line > li.active > a:before {
    background: #FB6824;
    height: 8px;
}
.hnh-tab-join .panel h2 {
    font: normal normal bold 32px/38px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 1;
}
.hnh-tab-join .panel ul li span {
    font: normal normal normal 24px/29px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 1;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a {
    text-align: center;
    margin: 0 auto;
    display: block;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li {
    width: 33.33333333%;
}
.hnh-tab-join ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li a span {
    font: normal normal bold 40px/48px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li {
    margin: 0px !important;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(2) a {
    background: transparent linear-gradient(270deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
}

ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(3) a {
    background: transparent linear-gradient(270deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(270deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
}
ul.nav.nav-line.nav-normal.nav-size-normal.nav-center li:nth-child(1) a {
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
}
.hnh-map span.section-title-main i {
    color: #24b7fb !important;
    opacity: 1 !important;
}

.hnh-map h4.section-title.section-title-normal {
    border: none !important;
}

input::placeholder {
    font: normal normal normal 20px/24px Barlow !important;
    letter-spacing: 0px;
    color: #222222 !important;
    opacity: 0.38 !important;
}


input[type=email], input[type=date], input[type=search], input[type=number], input[type=text], input[type=tel], input[type=url], input[type=password], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
    font: normal normal normal 20px/24px Barlow !important;
    letter-spacing: 0px !important;
    color: #222222 !important;
    /* opacity: 0.38 !important; */
}

.hnh-183 img {
   
    width: 183px;
   
}
.hnh-map .container.section-title-container {
    margin-bottom: 0px;
}

.n2-active picture.skip-lazy img {
    border-radius: 7px !important;
}
#footer .ux-menu.stack.stack-col.justify-start {
    color: #fff;
}
button.flickity-button.flickity-prev-next-button.previous {
    /* color: #fff; */
    /* background: red; */
}

button.flickity-button.flickity-prev-next-button.previous svg.flickity-button-icon {
    color: #fff;
    border: 2px solid #24B7FB;
    background: #2a87b2;
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box !important;
}

button.flickity-button.flickity-prev-next-button.previous {
    opacity: 1 !important;
}

button.flickity-button.flickity-prev-next-button.next {
    opacity: 1;
}
.flickity-page-dots .dot.is-selected {
    background-color: #2a87b2 !important;
    opacity: 1 !important;
}
.n2-ss-slider-controls.n2-ss-slider-controls-below {
    /* background: transparent !important; */
}
div#n2-ss-2 .nextend-arrow img {
    width: 32px;
    /* filter: invert(1); */
    filter: invert(0.5) sepia(1) saturate(5) hue-rotate(179deg);
    /* fill: #24b7fb !important; */
}
div#n2-ss-2 .n2-style-df32cb3742fdac43eb0251df7d67c185-simple {
    background: transparent !important;
}

.n2-ss-slider-controls.n2-ss-slider-controls-below {
    display: flex !important;
    justify-content: center !important;
    text-align: center;
    margin: 0 auto;
}
.flickity-page-dots .dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    border: 3px solid #2a87b2 !important;
    border-radius: 50%;
    opacity: .4;
    cursor: pointer;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
}
button.flickity-button.flickity-prev-next-button.next svg {
    color: #fff;
    border: 2px solid #24B7FB;
    background: #2a87b2;
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box !important;
}
.hung-download.android svg {
    padding-top: 7px;
    transform: translateY(3px);
}

.hung-download.android a {
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    /* background: #24b7fb; */
    color: #fff;
    border-radius: 11px;
    /* padding: 10px 10px; */
    width: 160px;
    border-radius: 20px;
    height: 72px;
    display: inline-block;
    padding-top: 18px;
    text-align: center;
    font: normal normal 500 18px/22px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.hnh-ceo-br img {
    border-radius: 99px;
}
i.fa.fa-quote-right {
    color: #24b7fb;
    font-size: 21px;
}
.hung-download.ios p {
    margin-bottom: 0px;
}
.hung-download.android {
    margin-top: 2px !important;
}
.hung-download.android p {
    margin-bottom: 0px;
}
.hung-download.ios svg {
    padding-top: 7px;
    transform: translateY(3px);
}
.hnh-adress p {
    line-height: 2.5 !important;
}
.hung-download.ios a {
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    /* background: #24b7fb; */
    color: #fff;
    border-radius: 11px;
    padding: 0px !important;
    width: 160px;
    border-radius: 20px;
    height: 72px;
    display: inline-block;
    padding-top: 18px !important;
    text-align: center;
    font: normal normal 500 18px/22px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.hnh-copy {
    float: left !important;
}
.button.icon.circle {
    background: #fff;
    color: #000;
    /* line-height: 19px; */
    line-height: 30px !important;
}
.hnh-adress {
    line-height: 2;
}

.hnh-adress svg {
    margin-right: 10px;
    /* color: #000; */
}

.hnh-adress {
    color: #000;
}
#footer .col-inner.text-left {
    padding-bottom: 0px !important;
}
.absolute-footer.dark.medium-text-center.small-text-center {
    display: none;
}

footer#footer section {
    padding-bottom: 0px !important;
}

.social-icons .button.icon.circle {
    background: #fff;
    color: #000;
    /* line-height: 19px; */
    line-height: 30px !important;
}
h3.slide-text__title {
    font: normal normal bold 40px/48px Barlow;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

a.btn {}

.slide-text__btn  a.btn {
    width: 187px; 
    height: 64px;
    line-height: 64px;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
   
    background: transparent linear-gradient(180deg, var(--unnamed-color-24b7fb) 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    background: transparent linear-gradient(180deg, #24B7FB 0%, #009CEA 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px !important;
    opacity: 1;
    font-size: 22px;
    font-family: 'Barlow';
    font-weight: 400;
    font: normal normal 500 22px/26px Barlow !important;
    letter-spacing: 0px;
    color: #FFFFFF;
    
    padding-top: 20px;
}


span.ux-menu-link__text {
    color: #fff;
    margin-right: 10px;
}
#footer .col {
    padding-left: 0px;
}

.hnh-careers img{
	border-radius: 21px;
}
a.hnh-view {
    font-size: 11px;
    border-bottom: 1px solid #24b7fb;
}

a.hnh-view:after {
    content: "\f178";
    font-family: 'FontAwesome';
    color: #24b7fb;
    font-weight: 400;
    margin-left: 3px;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #24b7fb !important;
}
.flickity-page-dots {
    position: absolute;
    bottom: 5px !important;
    left: 20%;
    right: 20%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #24b7fb;
}
.slider-nav-light .flickity-page-dots .dot {
    background-color: #009cea !important;
}
.slider-nav-light .flickity-page-dots .dot {
    border-color: transparent !important;
}
a.hnh-view {
    opacity: 0;
}

.box.has-hover.has-hover:hover  .box-text-inner a.hnh-view {
    opacity: 1;
}

.hnh-careers .box-text.text-center {
    background: transparent !important;
    position: absolute;
    bottom: -38px;
    z-index: 99;
}

.hnh-careers .box-text.text-center h4, .box-text.text-center p, .box-text.text-center a {
    color: #fff;
}
.hnh-careers .box-bounce:hover .box-text {
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px);
   
}

a.button.primary.is-outline.hnh-button-fff {
    color: #fff;
    
    
}

  .sec-history .historyBox .item {
    text-align: center;
  }
  .sec-history .historyBox .item:nth-child(even) .item__text {
    margin-left: auto;
  }
  .sec-history .historyBox .item__inner {
    width: 100%;
  }
  .sec-history .historyBox .item__yeah {
    font-size: 24px;
    line-height: 1;
    color: #24b7fb;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  .sec-history .historyBox .item__line {
    position: relative;
    width: 1px;
    height: 40px;
    margin: 15px auto;
  }
  .sec-history .historyBox .item__line span {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 0;
    background-color: #fb6824;
    opacity: 1;
  }
  .sec-history .historyBox .item__body {
    position: relative;
  }
  .sec-history .historyBox .item__body .item__line {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    margin: 0;
  }
  .sec-history .historyBox .item__textGroup {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
  }
  .sec-history .historyBox .item__text {
    font-size: 18px;
    line-height: 1.7;
    color: #000;
  }
  .sec-history .historyBox .item__text p {
    margin: 0;
  }
  .sec-history .historyBox .item__text p + p {
    margin-top: 30px;
  }
  .sec-history .sharp-bg {
    position: absolute;
    z-index: -1;
  }
  .sec-history .sharp-bg span {
    display: block;
  }
  .sec-history .sharp-1 {
    top: 7%;
    left: 5%;
    max-width: 6%;
  }
  .sec-history .sharp-1 span {
    -webkit-animation: rotateIn 5s linear alternate infinite;
    animation: rotateIn 5s linear alternate infinite;
  }
  .sec-history .sharp-2 {
    top: 4%;
    right: 0;
    max-width: 25%;
    -webkit-transform: translateX(43%);
    transform: translateX(43%);
  }
  .sec-history .sharp-2 span {
    -webkit-animation: zoomIn 7s alternate infinite;
    animation: zoomIn 7s alternate infinite;
  }
  .sec-history .sharp-3 {
    top: 30%;
    left: 10%;
    max-width: 7%;
  }
  .sec-history .sharp-3 span {
    -webkit-animation: bounce 4s alternate infinite;
    animation: bounce 4s alternate infinite;
  }
  .sec-history .sharp-4 {
    bottom: 35%;
    right: 9%;
    max-width: 6%;
  }
  .sec-history .sharp-4 span {
    -webkit-animation: rotateOut 5s linear alternate infinite;
    animation: rotateOut 5s linear alternate infinite;
  }
  .sec-history .sharp-5 {
    bottom: 6%;
    left: 0;
    max-width: 24%;
    -webkit-transform: translateX(-51%);
    transform: translateX(-51%);
  }
  .sec-history .sharp-5 span {
    -webkit-animation: zoomIn 7s alternate infinite;
    animation: zoomIn 7s alternate infinite;
  }
  .sec-history .sharp-6 {
    bottom: 14%;
    right: 5%;
    max-width: 7%;
  }
  .sec-history .sharp-6 span {
    -webkit-animation: bounce 4s alternate infinite;
    animation: bounce 4s alternate infinite;
  }
  @media (max-width: 1259.98px) {
    .sec-history .sharp-bg-wrap {
      display: none;
    }
  }
  @media (max-width: 767.98px) {
    .sec-history .historyBox .item {
      margin-bottom: 30px;
    }
    .sec-history .historyBox .item__line span {
      background-color: #5a5a5a;
      opacity: 1;
    }
    .sec-history .historyBox .item__body .item__line {
      display: none;
    }
    .sec-history .historyBox .item__yeah {
      margin-bottom: 15px;
    }
  }
  @media (min-width: 768px) {
    .sec-history .historyBox .item__text {
      text-align: left;
    }
    .sec-history .historyBox .item__body {
      margin: 20px 0;
    }
    .sec-history .historyBox .item__text {
      max-width: 44%;
      padding-top: 15px;
      padding-bottom: 15px;
    }
    .sec-history .historyBox .item:not(:first-child) .item__header .item__line {
      display: none;
    }
    .sec-history .item:last-child .item__body .item__line {
      position: relative;
      height: 100px;
    }
    .sec-history .item:last-child .item__text {
      max-width: 500px;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }
  }
  
}


  
  .sec-homeProduct .slide3d {
    position: relative;
    opacity: 0;
  }
  .sec-homeProduct .slide3d.show {
    opacity: 1;
  }
  .sec-homeProduct .slide3d .slide3d__content {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
  }
  @media (min-width: 768px) {
    .sec-homeProduct .slide3d .slide3d__content {
      max-width: 85%;
    }
  }
  @media (min-width: 1260px) {
    .sec-homeProduct .slide3d .slide3d__content {
      max-width: 65%;
    }
  }
  @media (min-width: 1500px) {
    body.single-tuyen-dung .row.row-dashed.hnh-1382 {
        max-width: 1382px;
        width: 1382px;
    }
    .sec-homeProduct .slide3d .slide3d__content {
      max-width: 808px;
    }
  }
  .sec-homeProduct .slide3d .slide3d__content:after {
    content: "";
    display: block;
    padding-top: 52%;
  }
  .sec-homeProduct .slide3d .slide3d__content .slider-single {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: z-index 0ms 300ms;
    transition: z-index 0ms 300ms;
    pointer-events: none;
  }
  .sec-homeProduct .slide3d .slide3d__content .slider-single.active {
    pointer-events: visible;
  }
  .sec-homeProduct .slide3d .slide3d__content .slider-single-image {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    
    -webkit-transition: 600ms linear;
    transition: 600ms linear;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  .sec-homeProduct .slide3d .slide3d__content .slider-single-image img {
    display: none;
  }
  .sec-homeProduct .slide3d .slide3d__content .proactivede {
    z-index: 0;
  }
  .sec-homeProduct
    .slide3d
    .slide3d__content.next
    .preactivede
    .slider-single-image {
    -webkit-animation: backLeft 600ms linear forwards;
    animation: backLeft 600ms linear forwards;
  }
  .sec-homeProduct .slide3d .slide3d__content.next .preactive {
    z-index: 1;
  }
  .sec-homeProduct
    .slide3d
    .slide3d__content.next
    .preactive
    .slider-single-image {
    opacity: 1;
    -webkit-animation: leftNext 600ms linear forwards;
    animation: leftNext 600ms linear forwards;
  }
  .sec-homeProduct .slide3d .slide3d__content.next .active {
    z-index: 2;
  }
  .sec-homeProduct
    .slide3d
    .slide3d__content.next
    .active
    .slider-single-image {
    opacity: 1;
    -webkit-animation: activeNext 600ms linear forwards;
    animation: activeNext 600ms linear forwards;
  }
  .sec-homeProduct .slide3d .slide3d__content.next .proactive {
    z-index: 1;
  }
  .sec-homeProduct
    .slide3d
    .slide3d__content.next
    .proactive
    .slider-single-image {
    opacity: 1;
    -webkit-animation: rightNext 600ms linear forwards;
    animation: rightNext 600ms linear forwards;
  }
  .sec-homeProduct .slide3d .slider-left,
  .sec-homeProduct .slide3d .slider-right {
    position: absolute;
    z-index: 9;
    top: 50%;
    font-size: 25px;
    line-height: 1;
    color: #000;
    padding: 20px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .sec-homeProduct .slide3d .slider-left:hover,
  .sec-homeProduct .slide3d .slider-right:hover {
    color: #ff921e;
  }
  .sec-homeProduct .slide3d .slider-left {
    left: -30px;
  }
  .sec-homeProduct .slide3d .slider-right {
    right: -30px;
  }
  @media (min-width: 768px) {
    .sec-homeProduct .slide3d .slider-left,
    .sec-homeProduct .slide3d .slider-right {
      font-size: 30px;
    }
    .sec-homeProduct .slide3d .slider-left {
      left: -15px;
    }
    .sec-homeProduct .slide3d .slider-right {
      right: -15px;
    }
  }
  @media (min-width: 992px) {
    a.slider-left i.fa.fa-chevron-left {
        position: absolute;
        color: #fff;
        top: 11px;
        left: 11px;
        font-size: 20px;
    }
    a.slider-right i.fa.fa-chevron-right {
            position: absolute;
            color: #fff;
            top: 11px;
            right: 11px;
            font-size: 20px;
    }
    .sec-homeProduct .slide3d .slider-left,
    .sec-homeProduct .slide3d .slider-right {
          font-size: 13px;
        font-weight: 400 !important;
        background: #24b7fb;
        width: 20px !important;
        height: 20px !important;
        /* line-height: 30px; */
        /* text-align: center; */
        border-radius: 99px;
    }
  }
}
/*! CSS Used from: https://nopowerup.com/wp-content/plugins/elementor/assets/css/frontend.min.css ; media=all */
@media all {
  .elementor *,
  .elementor :after,
  .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
  }
  .elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
/*! CSS Used keyframes */
@-webkit-keyframes backLeft {
  0% {
    -webkit-transform: translateX(-37%) scale(0.6);
    transform: translateX(-37%) scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
    opacity: 0;
  }
}
@keyframes backLeft {
  0% {
    -webkit-transform: translateX(-37%) scale(0.6);
    transform: translateX(-37%) scale(0.6);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes leftNext {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
  50% {
    -webkit-transform: translateX(-40%) scale(0.8);
    transform: translateX(-40%) scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateX(-37%) scale(0.6);
    transform: translateX(-37%) scale(0.6);
    opacity: 0.5;
  }
}
@keyframes leftNext {
  0% {
    -webkit-transform: translateX(0) scale(1);
    transform: translateX(0) scale(1);
  }
  50% {
    -webkit-transform: translateX(-40%) scale(0.8);
    transform: translateX(-40%) scale(0.8);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: translateX(-37%) scale(0.6);
    transform: translateX(-37%) scale(0.6);
    opacity: 0.5;
  }
}
@-webkit-keyframes activeNext {
  0% {
    -webkit-transform: translateX(37%) scale(0.6);
    transform: translateX(37%) scale(0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(40%) scale(1);
    transform: translateX(40%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
    opacity: 1;
  }
}
@keyframes activeNext {
  0% {
    -webkit-transform: translateX(37%) scale(0.6);
    transform: translateX(37%) scale(0.6);
    opacity: 1;
  }
  50% {
    -webkit-transform: translateX(40%) scale(1);
    transform: translateX(40%) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) scale(1);
    transform: translateX(0%) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes rightNext {
  0% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }
  100% {
    -webkit-transform: translateX(37%) scale(0.6);
    transform: translateX(37%) scale(0.6);
    opacity: 0.5;
  }
}
@keyframes rightNext {
  0% {
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0);
  }
  100% {
    -webkit-transform: translateX(37%) scale(0.6);
    transform: translateX(37%) scale(0.6);
    opacity: 0.5;
  }
}

.historyBox {
    width: 100% !important;
    display: block;
}
.item__line:last-child {
    display: none !important;
}

.historyBox .item:last-child .item__line {
    display: none !important;
}

@media all {
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
  }
  .swiper-wrapper {
    transform: translate3d(0px, 0, 0);
  }
  .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
  }
  .swiper-pagination {
   
    text-align: center;
    transition: 0.3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
  }
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 4px;
  }
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
}
/*! CSS Used from: https://nopowerup.com/wp-content/themes/nopowerup/assets/css/main.css ; media=all */
@media all {
  *,
  *::before,
  *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  h3 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.3;
    color: #000000;
  }
  h3 {
    font-size: calc(1.3rem + 0.6vw);
  }
  @media (min-width: 1200px) {
    h3 {
      font-size: 1.75rem;
    }
  }
  p {
    margin-top: 0;
    margin-bottom: 1rem;
  }
  a {
    color: #ff921e;
    text-decoration: none;
  }
  a:hover {
    color: shift-color(#ff921e, 20%);
  }
  img {
    vertical-align: middle;
  }
  [role="button"] {
    cursor: pointer;
  }
  ::-moz-focus-inner {
    padding: 0;
    border-style: none;
  }
  .container {
    width: 100%;
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
    margin-right: auto;
    margin-left: auto;
  }
  
  
  .mt-30 {
    margin-top: 30px !important;
  }
  .btn {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    background-color: #000000;
    padding: 0 24px;
  }
  .btn i {
    margin-left: 6px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .btn:hover {
    background-color: #ff921e;
    color: #fff;
  }
  .btn:hover i {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  .btn:focus {
    color: #fff;
  }
  .btn-link {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
  }
  .btn-link i {
    margin-left: 6px;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .btn-link:hover {
    color: #ff921e;
  }
  .btn-link:hover i {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  
  
  @media (min-width: 1440px) {
    .container {
      max-width: 85%;
    }
  }
  .swiper-pagination {
    position: static;
    line-height: 1;
    
  }
  .swiper-pagination span {
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    background-color: #d5d5d5;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0 6px;
  }
  .swiper-pagination span:focus {
    outline: none;
  }
  .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #ff921e;
  }
  
  .container {
    position: relative;
  }
  .careerBox {
    position: relative;
    overflow: hidden;
  }
  .careerBox:after {
    content: "";
    display: block;
    padding-top: 121%;
  }
  .careerBox__img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
   
  }
 
  .careerBox__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent linear-gradient(180deg, #3B3B3B00 0%, #000000 100%) 0% 0% no-repeat padding-box;
  }
  .careerBox__body {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 30px;
    right: 0;
    color: #fff;
    overflow: hidden;
    padding: 0 20px;
  }
  .careerBox__inner {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .careerBox__title {
    color: #fff;
    font-size: 24px;
    margin: 0;
  }
  .careerBox__group {
    padding-top: 10px;
  }
  .careerBox__text {
    font-size: 18px;
  }
  .careerBox:hover .careerBox__inner {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  @media (min-width: 992px) {
    .careerBox__body {
      padding: 0 20px;
    }
  }
  .sec-homeCareers .btn-footer {
    margin-top: 50px;
  }
  @media (max-width: 767.98px) {
    .sec-homeCareers .swiper-overflow {
      margin-right: -25px;
    }
    .sec-homeCareers .swiper-container .swiper-slide {
      width: 80%;
    }
  }
  @media (min-width: 768px) {
    .sec-homeCareers .btn-footer {
      margin-top: 40px;
    }
  }
  @media (min-width: 992px) {
    .sec-homeCareers .btn-footer {
      margin-top: 30px;
    }
  }
  @media (min-width: 1260px) {
    .sec-homeCareers .swiper-container .swiper-slide {
      width: 25%;
    }
  }
  @media (min-width: 1260px) and (max-width: 1499.98px) {
    .sec-homeCareers .btn-footer {
      margin-top: 40px;
    }
    .sec-homeCareers .careerBox__body {
      padding: 0 15px;
    }
    .sec-homeCareers .careerBox__title {
      font-size: 20px;
    }
    .sec-homeCareers .careerBox__text {
      font-size: 16px;
    }
  }
}
/*! CSS Used from: https://nopowerup.com/wp-content/themes/nopowerup/style.css ; media=all */
@media all {
  .btn {
    display: inline-block !important;
  }
}
/*! CSS Used from: https://nopowerup.com/wp-content/plugins/elementor/assets/css/frontend.min.css ; media=all */
@media all {
  .elementor *,
  .elementor :after,
  .elementor :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .elementor a {
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
  }
  .elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
  .swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
  }
  .swiper-pagination {
   
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 5px;
    left: 0;
    width: 100%;
  }
  .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    display: inline-block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
  }
  .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
  }
  .swiper-pagination-bullet-active {
    opacity: 1;
  }
  .swiper-container-horizontal
    > .swiper-pagination-bullets
    .swiper-pagination-bullet {
    margin: 0 6px;
  }
}
/*! CSS Used from: https://nopowerup.com/wp-content/plugins/elementor-pro/assets/css/frontend.min.css ; media=all */
@media all {
  .swiper-pagination-bullets {
    color: #fff;
    cursor: default;
  }
  .swiper-slide {
    border-style: solid;
    border-width: 0;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: border, background, -webkit-transform;
    transition-property: border, background, -webkit-transform;
    -o-transition-property: border, background, transform;
    transition-property: border, background, transform;
    transition-property: border, background, transform, -webkit-transform;
    overflow: hidden;
  }
  .swiper-slide a {
    display: inline;
  }
}
.careerBox__text {
    font-size: 18px;
    color: #fff !important;
}

button.flickity-button.flickity-prev-next-button.previous svg.flickity-button-icon {
	background: none !important;
	border: none !important;
}
button.flickity-button.flickity-prev-next-button.next svg.flickity-button-icon {
	background: none !important;
	border: none !important;
}

.wpcf7 .wpcf7-form-control {
	border-radius: 5px;
	height: 40px;
}
.wpcf7 label {
	font-size: 20px;
	font-weight: 500;
}
.wpcf7 .cf7sr-g-recaptcha {
	margin-bottom: 10px;
}
.wpcf7 .wpcf7-submit {
	width: 100%;
	font-size: 20px;
}