/*
Theme Name: ETM Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.absolute-footer, html { background-color: #fff !important; }

.header-nav-main > li { margin: 0; }
.header-nav-main > li > a { font-size: 16px; color: #fff !important; text-transform: none !important; padding: 8px 24px; }
.header-nav-main > li:last-child > a { border-radius: 8px; background-color: var(--primary-color); color: #fff; padding: 8px 24px; }

.home-banner:before { content: ""; background: linear-gradient(274deg, rgba(0, 0, 0, 0) 12.8%, rgba(0, 0, 0, 0.8) 100.59%); position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: 1; }
.home-banner .banner-layers { z-index: 2; }
.home-banner h1, .home-banner h3 { font-size: 44px; font-weight: 700; letter-spacing: -0.88px; }
.home-banner p { font-size: 20px; font-weight: 500; letter-spacing: -0.4px; }
.home-banner .button { box-shadow: 0px 4px 25px 0px rgba(9, 25, 92, 0.08); min-height: 58px; line-height: 58px; padding: 0 20px; }

.button:not(.icon) { border-radius: 8px; }

.home-about-section { z-index: 2; }

.home-about { background-color: #fff; box-shadow: 0px 4px 15px 0px rgba(162, 160, 160, 0.15); padding: 32px; border-radius: 12px; z-index: 3; }
.home-about .lead { color: #344054; font-size: 24px; font-weight: 500; letter-spacing: -0.72px; margin-bottom: 10px; }
.home-about h3 { font-size: 32px; line-height: 40px; /* 125% */ letter-spacing: -0.48px; }
.home-about .nav-line-bottom { border-bottom: 1px solid #98A2B3; counter-reset: nav-line-bottom-item; }
.home-about .nav-line-bottom > li { width: 31.3%; margin: 0 32px; counter-increment: nav-line-bottom-item; }
.home-about .nav-line-bottom > li > a { color: #667085; font-size: 22px; font-weight: 600; text-transform: none; letter-spacing: -0.33px; line-height: 32px; position: relative; padding-bottom: 16px; }
.home-about .nav-line-bottom > li > a span:before { content: counters(nav-line-bottom-item,".",decimal-leading-zero); color: currentColor; text-align: left; font-weight: 700; display: block; font-size: 44px; line-height: 56px; letter-spacing: -0.88px; }
.home-about .nav-line-bottom > li > a:before { height: 2px; }
.home-about .nav-line-bottom > li:hover > a, .home-about .nav-line-bottom > li.active > a { color: var(--primary-color); }
.home-about .tab-panels { padding-top: 50px; }
.home-about .tab-panels h4 { font-size: 27px; font-weight: 600; line-height: 36px; letter-spacing: -0.5px; }

@media (min-width: 768px) { .home-about { margin-top: -210px; margin-bottom: 140px; } }
.home-benefit { border-top: 5px solid #F6B219; min-height: 512px; position: relative; }
.home-benefit:after { content: ""; background: url(assets/images/home-benefit.png) no-repeat center left; background-size: cover; position: absolute; top: 0; right: 0; bottom: 0; height: 100%; width: 48%; z-index: 0; }
.home-benefit h2 { font-size: 44px; line-height: 56px; /* 127.273% */ letter-spacing: -0.88px; }
.home-benefit ul li { list-style: none; padding-left: 60px; position: relative; padding-top: 30px; padding-bottom: 30px; font-size: 18px; font-weight: 500; margin: 0; }
.home-benefit ul li:before { content: ""; background: url("assets/images/icon-check.png") no-repeat center center; height: 48px; width: 48px; position: absolute; top: 50%; transform: translateY(-50%); left: 0; }

.section-title b { opacity: 0; }
.section-title span.section-title-main { font-size: 44px; font-weight: 700; line-height: 56px; letter-spacing: -0.88px; text-transform: none; }

.row-why { margin-top: -100px; z-index: 2; }
.row-why .col .col-inner { padding: 16px; border-radius: 8px; border: 1px solid var(--Brand-500, #05469A); background: #FFF; box-shadow: 0px 4px 25px 0px rgba(229, 227, 227, 0.08); }
.row-why p { font-size: 16px; }
.row-why h4 { font-size: 22px; }

.wbc-congtrinh { border-radius: 8px; background: var(--Gray-100, #F2F4F7); padding: 20px; }
.wbc-congtrinh p { display: flex; align-items: center; font-size: 16px; }
.wbc-congtrinh p svg { width: 24px; height: 24px; margin-right: 16px; }
.wbc-congtrinh h4 { font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: -0.33px; }
.wbc-congtrinh .box-image .box-cover { border-radius: 8px; overflow: hidden; }

.home-client:before { content: ""; background: url(assets/images/bg_du_an.png) no-repeat center left; background-size: cover; position: absolute; top: -60%; left: 50%; transform: translateX(-50%); bottom: 0; height: 1185px; width: 1185px; z-index: 0; }

.section .h2 { font-size: 44px; font-weight: 700; line-height: 56px; letter-spacing: -0.88px; }

.footer { border-top: 5px solid #F6B219; position: relative; padding-bottom: 50px; margin-bottom: 120px; }
.footer .row { position: relative; }
.footer .row:before { content: ""; background: url(assets/images/favicon.png) no-repeat center left; background-size: cover; position: absolute; top: -78px; left: 0; bottom: 0; height: 92px; width: 106px; z-index: 0; }
.footer:after { content: ""; background: url(assets/images/logo-footer.png) no-repeat center left; background-size: cover; position: absolute; left: 0; bottom: 0; height: 150px; width: 439px; z-index: 0; }

.footer-wrapper { display: none; }

.wpcf7 { border-radius: 8px; border: 1px solid var(--Gray-300, #D0D5DD); background: #FFF; box-shadow: 0px 4px 15px 0px rgba(162, 160, 160, 0.15); overflow: hidden; margin-top: -100px; margin-bottom: -100px; }
.wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 select, .wpcf7 textarea { border: none; border-radius: 4000px; border: 1px solid var(--Gray-300, #D0D5DD); height: 48px; box-shadow: none; }
.wpcf7 form { margin-bottom: 0; }
.wpcf7 .wpcf7-spinner { display: none; }
.wpcf7 .wpcf7-submit { border-radius: 8px; background: #FFE731; box-shadow: 0px 4px 25px 0px rgba(9, 25, 92, 0.08); display: flex; align-items: center; justify-content: center; padding: 9px 24px; color: #000 !important; text-transform: none; width: 100%; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; letter-spacing: -0.4px; box-shadow: none !important; }
.wpcf7 .wpcf7-submit:hover { background-color: var(--primary-color); color: #fff !important; }
.wpcf7 .form-header { background-color: var(--primary-color); color: #FFF; padding: 32px 24px; font-size: 24px; font-weight: 600; line-height: 28px; letter-spacing: -0.24px; }
.wpcf7 .form-body { padding: 40px 24px; }
.wpcf7 .wpcf7-response-output { margin-top: 0; }

.back-to-top { border: none !important; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); height: 50px; width: 50px; bottom: 60px; background: var(--primary-color) !important; color: #fff !important; font-size: 19px; line-height: 47px !important; }

@media screen and (max-width: 820px) { .mobile-nav .header-language-dropdown { min-width: 52px; }
  .mobile-nav .header-language-dropdown > a { color: var(--blue-500) !important; font-size: 12px !important; font-weight: 700 !important; text-transform: uppercase !important; line-height: 40px; padding: 0 !important; display: flex; align-items: center; line-height: 1; gap: 5px; }
  .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: #fff !important; }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .has-icon .icon-menu { background: var(--primary-color); height: 36px; width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 5px; }
  .off-canvas .sidebar-menu { padding: 50px 0; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #000 !important; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 700; text-transform: uppercase; }
  .off-canvas .nav-vertical > li .toggle { color: #000; opacity: 1; }
  .off-canvas .nav-vertical > li.active > a { color: var(--fs-color-primary) !important; }
  .off-canvas .nav-vertical > li > ul { list-style: none; }
  .off-canvas .nav-vertical > li > ul > li a { color: #000 !important; font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .languages { padding: 0 20px; }
  .off-canvas .languages a { color: #000 !important; }
  .off-canvas-left.mfp-ready .mfp-content, .off-canvas-right.mfp-ready .mfp-content { transform: translate(0); min-width: 300px; background: #fff; }
  .home-banner h1, .home-banner h3, .home-benefit h2, .section-title span.section-title-main, .section .h2 { font-size: 34px; line-height: 48px; }
  .home-about h3 { font-size: 24px; line-height: 32px; }
  .home-about .nav-line-bottom > li { margin: 0 22px; }
  .home-about .nav-line-bottom > li > a { font-size: 16px; line-height: 24px; }
  .home-about .tab-panels h4, .wbc-congtrinh h4 { font-size: 18px; }
  .wpcf7 { margin-top: 40px; } }
@media screen and (max-width: 512px) { .home-banner h1, .home-banner h3, .home-benefit h2, .section-title span.section-title-main, .section .h2 { font-size: 23px; line-height: 32px; }
  .home-about h3 { font-size: 24px; line-height: 32px; }
  .home-about .nav-line-bottom > li { margin: 0 12px; width: 100%; }
  .home-about .nav-line-bottom > li > a { font-size: 14px; line-height: 20px; }
  .home-about .tab-panels h4, .wbc-congtrinh h4 { font-size: 16px; line-height: 24px; }
  .wpcf7 { margin-top: 20px; }
  .home-benefit ul li { padding-top: 20px; padding-bottom: 20px; font-size: 16px; }
  .home-about { padding: 25px 12px; }
  .home-about .lead { font-size: 16px; }
  .row-why h4 { font-size: 18px; line-height: 24px; }
  .home-about .nav-line-bottom > li > a span:before { font-size: 30px; } }