body.page-template-page-transparent-header header#header {
position: fixed;
top: 50px;
left: 0; right: 0;
border-radius: 8px;
z-index: 9999;
transition: transform .3s ease, opacity .3s ease;
will-change: transform, opacity;
} body.page-template-page-transparent-header header#header.hide {
transform: translateY(calc(-100% - 80px)) !important; opacity: 0 !important;
pointer-events: none !important;
} body.page-template-page-transparent-header .header-inner.flex-row.container.logo-left.medium-logo-center {
background: #fff;
border-radius: 300px;
padding: 0 35px;
box-shadow: 0 4px 8px rgba(0,0,0,.15);
}
ul.header-nav.header-nav-main.nav.nav-left.nav-size-large.nav-spacing-xlarge {
display: flex;
gap: 35px;
}
ul.header-nav.header-nav-main.nav.nav-left a {
font-size: 18px;
color: #679646;
font-weight: 400;
transition: color 0.3s ease;
}
ul.header-nav.header-nav-main.nav.nav-left>li.active a,
ul.header-nav.header-nav-main.nav.nav-left>li.current a,
ul.header-nav.header-nav-main.nav.nav-left>li:hover a {
color: #A883B6;
font-weight: 700;
}
a.glink {
font-size: 18px;
}
h2 {
line-height: 1.2 !important;
}
.absolute-footer.dark {
display: none;
}
.section-footer span.ux-menu-link__text {
color: #515E65;
transition: color 0.3s 
ease;
}
.section-footer span.ux-menu-link__text:hover {
color: #A883B6;
}
.section-footer .icon-box-img img {
filter: invert(37%) sepia(6%) saturate(418%) hue-rotate(163deg) brightness(91%) contrast(85%);
}
.section-footer {
border-top: 1px solid #D8DBDD;
}
.signup-mini {
width: 100%;
}
.signup-mini .wpcf7-form-control-wrap {
display: block;
}
.signup-mini input.wpcf7-email {
width: 100%;
height: 52px;
padding: 0 16px;
border-radius: 10px;
border: 1px solid rgba(150, 200, 220, 0.8);
background: rgba(255, 255, 255, 0.18);
color: #ffffff;
outline: none;
transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
margin-bottom: 2px;
}
.signup-mini input.wpcf7-email::placeholder {
color: #515E65;
}
.signup-mini input.wpcf7-email:focus {
border-color: #8ecae6;
box-shadow: 0 0 0 3px rgba(142, 202, 230, 0.25);
background: rgba(255, 255, 255, 0.2);
}
.signup-mini .actions {
margin-top: 10px;
}
.signup-mini input.wpcf7-submit {
width: 100%;
height: 52px;
border: none;
border-radius: 10px;
background: #679646;
color: #ffffff;
font-weight: 600;
line-height: 44px;
cursor: pointer;
transition: transform 0.2s ease, filter 0.2s ease, background 0.2s ease;
position: relative;
padding: 0 48px 0 16px;
-webkit-appearance: none;
appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 640'%3E%3Cpath fill='%23ffffff' d='M471.1 297.4C483.6 309.9 483.6 330.2 471.1 342.7L279.1 534.7C266.6 547.2 246.3 547.2 233.8 534.7C221.3 522.2 221.3 501.9 233.8 489.4L403.2 320L233.9 150.6C221.4 138.1 221.4 117.8 233.9 105.3C246.4 92.8 266.7 92.8 279.2 105.3L471.2 297.3z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: 16px;
background-position: calc(70% - 18px) 50%;
margin-bottom: -16px;
}
.signup-mini input.wpcf7-submit:hover {
filter: brightness(1.02);
}
.signup-mini input.wpcf7-submit:active {
transform: translateY(0);
}
.wpcf7 form.submitting .signup-mini input.wpcf7-submit {
opacity: 0.7;
pointer-events: none;
}
.text-ok p {
background: #A8CB8B;
width: 104px;
padding: 10px 5px;
color: #000;
}
.button span {
font-weight: 500;
}
.col-img {
position: relative;
z-index: 1;
}
.col-ok {
position: absolute;
z-index: 10;
}
.col-background {
position: relative;
z-index: 0;
isolation: isolate;
overflow: hidden;
}
.col-background::after { content: ""; position: absolute; inset: 0; background-image: url(//aspira-vietnam.com/wp-content/themes/flatsome-child/assets/img/background-about.png); background-size: cover; background-position: center; background-repeat: no-repeat; z-index: -1; pointer-events: none; height: 77%; }
.col-grad-light-green>.col-inner {
border-radius: 30px;
background: linear-gradient(180deg, #FFFFFF 0%, #E3FFCF 60%);
box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.15);
}
.row-price .icon-box {
border-bottom: 1px solid;
margin: 16px 0px;
}
.col-grad-dark-green>.col-inner {
border-radius: 30px;
background: linear-gradient(180deg, #E9FFD8 0%, #A9E87B 100%);
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);
}
.col-grad-purple>.col-inner {
border-radius: 30px;
background: linear-gradient(180deg, #F9EFFF 0%, #D5B7E3 100%);
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.15);
}
.row-4-box .col-inner {
min-height: 255px;
}
.slider-fb img {
border-radius: 50%;
}
.slider-fb * {
opacity: 1 !important;
}
.flickity-page-dots .dot {
border: unset;
border-radius: 50%;
cursor: pointer;
display: inline-block;
height: 12px;
margin: 0 5px;
opacity: .4;
transition: opacity .3s;
width: 12px;
background: rgba(217, 217, 217, 1);
}
.flickity-page-dots .dot.is-selected {
background-color: rgba(168, 203, 139, 1);
opacity: 1 !important;
}
.slider-fb .flickity-page-dots {
bottom: -28px;
}
.box-none .box-text {
display: contents !important;
}
.blog-big h5.post-title.is-large {
font-size: 26px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
margin: 12px 0px;
}
.post-meta {
color: #000;
font-weight: 600;
margin: 10px 0px;
font-size: 14px;
}
p.from_the_blog_excerpt {
font-size: 15px;
}
.blog-scroll h5.post-title.is-large {
font-size: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #000;
}
.blog-scroll {
max-height: 528px;
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: #295E48 #EAEAEA;
}
.blog-scroll .col.post-item {
margin-bottom: -24px;
}
.blog-scroll::-webkit-scrollbar {
width: 8px;
}
.blog-scroll::-webkit-scrollbar-track {
background: #EAEAEA;
border-radius: 10px;
}
.blog-scroll::-webkit-scrollbar-thumb {
background-color: #295E48;
border-radius: 10px;
}
.blog-scroll::-webkit-scrollbar-thumb:hover {
background-color: #1f4d3b;
}
.blog-scroll::-webkit-scrollbar-button:single-button {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.blog-scroll::-webkit-scrollbar-button:start:decrement,
.blog-scroll::-webkit-scrollbar-button:end:increment,
.blog-scroll::-webkit-scrollbar-button:vertical:increment,
.blog-scroll::-webkit-scrollbar-button:vertical:decrement {
display: none !important;
-webkit-appearance: none !important;
background: none !important;
height: 0 !important;
width: 0 !important;
}
.col-bg-about-page {
background-image: url(//aspira-vietnam.com/wp-content/themes/flatsome-child/assets/img/bg-about-page.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 40px;
}
.section-bg-tim {
background-image: url(//aspira-vietnam.com/wp-content/themes/flatsome-child/assets/img/Union.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
min-height: 400px;
max-height: 600px;
margin-top: 30px;
background-color: transparent;
position: relative;
border-radius: 40px;
}
.text-ly p {
width: 126px;
}
.slider-csvc button.flickity-button.flickity-prev-next-button {
top: -384px;
}
.slider-csvc button.flickity-button.flickity-prev-next-button.previous {
right: 70px;
left: auto;
}
.text-long p {
width: 254px;
color: #000;
}
.wpcf7 form .cf7-card-vn {
--green: #5fa24b;
--border: #dfe6df;
--text: #222;
max-width: 520px;
background: #fff;
border-radius: 16px;
}
.cf7-card-vn .cf7-row {
display: flex !important;
}
.wpcf7 form .cf7-row {
display: flex;
gap: 14px;
margin-bottom: 14px;
}
.wpcf7 form .cf7-col {
flex: 1;
min-width: 0;
}
.wpcf7 form .cf7-full {
flex-basis: 100%;
}
.wpcf7 form .cf7-label {
display: flex;
font-size: 14px;
color: #333;
margin-bottom: 6px;
font-weight: 500;
align-items: center;
}
.wpcf7 form .cf7-card-vn input[type="text"],
.wpcf7 form .cf7-card-vn input[type="tel"],
.wpcf7 form .cf7-card-vn input[type="email"],
.wpcf7 form .cf7-card-vn select,
.wpcf7 form .cf7-card-vn textarea {
width: 100% !important;
height: 48px;
padding: 12px 14px;
font-size: 14px;
color: var(--text);
border: 1px solid var(--border);
border-radius: 8px;
background: #fff;
outline: none;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .02);
transition: border-color .2s, box-shadow .2s;
}
.wpcf7 form .cf7-card-vn textarea {
height: 140px;
resize: vertical;
}
.wpcf7 form .cf7-card-vn ::placeholder {
color: #9aa49a;
}
.wpcf7 form .cf7-card-vn input:focus,
.wpcf7 form .cf7-card-vn select:focus,
.wpcf7 form .cf7-card-vn textarea:focus {
border-color: var(--green);
box-shadow: 0 0 0 3px rgba(95, 162, 75, .12);
}
.wpcf7 form .cf7-card-vn select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image:
linear-gradient(45deg, transparent 50%, #555 50%),
linear-gradient(135deg, #555 50%, transparent 50%);
background-position: calc(100% - 20px) 20px, calc(100% - 15px) 20px;
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
padding-right: 40px;
}
.wpcf7 form input.wpcf7-submit.cf7-btn-vn {
width: 488px;
height: 44px;
border-radius: 6px;
background: rgba(103, 150, 70, 1);
color: #fff;
border: 0;
font-weight: 300;
letter-spacing: .4px;
cursor: pointer;
transition: filter .2s, transform .02s;
text-transform: none;
}
.wpcf7 form input.wpcf7-submit.cf7-btn-vn:hover {
filter: brightness(.95);
}
.wpcf7 form input.wpcf7-submit.cf7-btn-vn:active {
transform: translateY(1px);
}
.wpcf7 form .wpcf7-response-output {
margin: 14px 0 0;
border-radius: 8px;
}
.wpcf7 form .cf7-row {
display: flex;
flex-wrap: wrap;
gap: 14px;
}
.wpcf7 form .cf7-row>p {
display: flex;
flex: 1 1 0%;
margin: 0 !important;
gap: 10px;
align-items: center;
}
.wpcf7 form .cf7-row>p>.cf7-col {
flex: 1 1 0%;
min-width: 0;
}
.wpcf7 form .cf7-row:nth-of-type(2)>p {
flex-basis: calc(50% - 7px);
}
.wpcf7 form .cf7-row .cf7-full {
flex-basis: 100% !important;
}
.wpcf7 form .cf7-card-vn input[type="text"],
.wpcf7 form .cf7-card-vn input[type="tel"],
.wpcf7 form .cf7-card-vn input[type="email"],
.wpcf7 form .cf7-card-vn select,
.wpcf7 form .cf7-card-vn textarea {
width: 100% !important;
border: 1px solid rgba(42, 82, 61, 1);
}
.wpcf7 form .cf7-card-vn ::placeholder {
color: rgba(31, 31, 31, 1) !important;
opacity: 1;
}
.box-text .button {
margin-top: 0px;
}
.text-yeah p {
width: 196px;
}
.icon-box.featured-box.icon-box-yeah {
display: flex;
align-items: center;
}  .wpcf7 form .cf7-card-apply {
--green: #6aa146;
--fg: #1f1f1f;
--muted: #9aa49a;
--fill: #f7f7f7;
--bd: #e8ece8;
margin: 0 auto;
background: #fff;
border-radius: 18px;
padding: 24px 0px;
font-size: 15px;
} .wpcf7 form .cf7-row {
display: block;
margin-bottom: 16px;
}
.wpcf7 form .cf7-row.row--two {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
.wpcf7 form .cf7-row.row--three {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 10px;
}
.wpcf7 form .cf7-row.label-2col {
display: grid;
grid-template-columns: 240px 1fr;
align-items: center;
gap: 12px;
}
@media (max-width:768px) {
.wpcf7 form .cf7-row.row--two,
.wpcf7 form .cf7-row.row--three,
.wpcf7 form .cf7-row.label-2col {
grid-template-columns: 1fr;
}
} .wpcf7 form .cf7-label {
display: block;
font-weight: 600;
color: #333;
margin: 0 0 6px;
width: auto;
} .wpcf7 form .cf7-card-apply input[type="text"],
.wpcf7 form .cf7-card-apply input[type="email"],
.wpcf7 form .cf7-card-apply input[type="tel"],
.wpcf7 form .cf7-card-apply input[type="date"],
.wpcf7 form .cf7-card-apply input[type="number"],
.wpcf7 form .cf7-card-apply select,
.wpcf7 form .cf7-card-apply textarea {
width: 100%;
height: 46px;
line-height: 44px;
background: var(--fill);
color: var(--fg);
border: 1px solid var(--bd);
border-radius: 10px;
padding: 10px 12px;
outline: none;
transition: border-color .2s, box-shadow .2s;
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .02);
appearance: none;
font-size: 15px;
}
.wpcf7 form .cf7-card-apply textarea {
height: 160px;
line-height: 1.5;
resize: vertical;
} .wpcf7 form .cf7-card-apply ::placeholder {
color: rgba(31, 31, 31, 1);
opacity: 1;
} .wpcf7 form .cf7-card-apply input:focus,
.wpcf7 form .cf7-card-apply select:focus,
.wpcf7 form .cf7-card-apply textarea:focus {
border-color: var(--green);
box-shadow: 0 0 0 3px rgba(106, 161, 70, .15);
} .wpcf7 form .cf7-card-apply select {
background-image:
linear-gradient(45deg, transparent 50%, #333 50%),
linear-gradient(135deg, #333 50%, transparent 50%);
background-position: calc(100% - 20px) 20px, calc(100% - 14px) 20px;
background-size: 6px 6px, 6px 6px;
background-repeat: no-repeat;
padding: 2px 40px 10px 10px;
} .wpcf7 form .cf7-card-apply .date-wrap {
position: relative;
}
.wpcf7 form .cf7-card-apply .date-wrap input[type="date"] {
padding-right: 10px;
} .wpcf7 form .cf7-card-apply input[type="file"] {
width: 100%;
height: 46px;
border-radius: 10px;
border: 1px solid var(--bd);
background: var(--fill);
padding: 4px 10px;
color: #444;
}
.wpcf7 form .cf7-card-apply input[type="file"]::file-selector-button,
.wpcf7 form .cf7-card-apply input[type="file"]::-webkit-file-upload-button {
margin-right: 10px;
border: 0;
border-radius: 8px;
padding: 8px 12px;
background: #fff;
color: #333;
border: 1px solid #e2e2e2;
cursor: pointer;
font-weight: 500;
} .wpcf7 form .cf7-btn-apply,
.wpcf7 form input.wpcf7-submit.cf7-btn-apply {
display: inline-block;
width: 200px;
height: 46px;
line-height: 46px;
border-radius: 23px;
background: var(--green);
color: #fff;
border: 0;
font-weight: 700;
letter-spacing: .2px;
cursor: pointer;
text-align: center;
transition: filter .2s, transform .02s;
display: flex;
margin: 0 auto;
}
.wpcf7 form input.wpcf7-submit.cf7-btn-apply:hover {
filter: brightness(.95);
}
.wpcf7 form input.wpcf7-submit.cf7-btn-apply:active {
transform: translateY(1px);
} .wpcf7 form .wpcf7-response-output {
margin-top: 14px;
border-radius: 8px;
}
.wpcf7 .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
label.cf7-label.cf7-ok {
width: 115px;
}
label.cf7-label.cf7-phone {
width: 214px;
}
a.job-apply-btn:hover {
color: #fff;
}
.section-divide {
border-top: 1px solid rgba(0, 0, 0, 0.2);
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 48em) { body.page-template-page-transparent-header header#header {
position: fixed;
top: 0px;
left: 0;
right: 0;
border-radius: 8px;
z-index: 9999;
transition: transform .3s 
ease, opacity .3s 
ease;
will-change: transform, opacity;
}
body.page-template-page-transparent-header .header-inner.flex-row.container.logo-left.medium-logo-center {
border-radius: 0px;
}
i.icon-menu {
color: #679646;
}
.col-img {
padding: 0px;
}
.slider-fb .row-small {
padding: 10px !important;
}
.section-bg-tim {
background-image: url(//aspira-vietnam.com/wp-content/themes/flatsome-child/assets/img/Union.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%; margin-top: -238px;
background-color: transparent;
position: relative;
border-radius: 40px;
max-height: unset;
}
.wpcf7 form input.wpcf7-submit.cf7-btn-vn {
width: 300px;
display: block;
}
.icon-box-number .icon-box-img {
width: 46px !important;
}
.row-4-box .col-inner {
min-height: auto;
}
.aspira-job-content-wrapper {
display: flex;
flex-direction: column;
} .aspira-job-main-content {
order: 1;
} .aspira-job-sidebar {
order: 2;
}
ul.nav.nav-sidebar.nav-vertical.nav-uppercase {
margin-top: 83px;
}
}