/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


.header-inner.container { max-width: 1520px; display: flex;grid-gap: 64px; }
.home .header  {  position: fixed; }
.nav-uppercase>li>a {text-transform: unset; padding: 8px 12px;}
.flex-left ul.header-nav-main { gap: 36px; }
.flex-left ul.header-nav-main li  { margin: 0; }
.flex-left  { flex: 1; }
#logo  {width: 158px !important; margin: 0   }
.hide-for-medium.flex-right { display: inline-flex !important; }

.header-inner.container:after { display: none; }
.html_topbar_left  a.English  img,.html_topbar_left  a.Vietnamese img{ display: none !important }
.html_topbar_left  a.English  ,.html_topbar_left  a.Vietnamese  { display: inline-block;width: 24px !important; height:  24px !important; position: relative; }
.html_topbar_left  a.English:before { content: "";  background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/flag_en.png); background-size: contain; position: absolute; left: 0; top: 0; width: 24px; height: 24px; }
.html_topbar_left  a.Vietnamese:before { content: "";  background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/flag_vn.png); background-size: contain; position: absolute; left: 0; top:0;width: 24px; height: 24px; }
.html_topbar_left  .gtranslate_wrapper a.gt-current-lang { opacity: 1 }
.html_topbar_left  .gtranslate_wrapper a { opacity: 0.6 }


.gtranslate_wrapper  { display: inline-flex; grid-gap: 12px; }
.nav-right  .html_topbar_left  { margin: 0; }
.nav>li>a { font-size: 1em; }
.home .nav>li>a { color: #fff }

.home .header-wrapper.stuck .nav>li>a { color: #000 }
.header-wrapper.stuck { box-shadow: none !important }

.footer-widgets.footer.footer-1  {padding: 0; text-align: center;}

.footer-widgets.footer.footer-1  img  { display: inline-block; width: 211px; margin: -2px 0 0 0; position: relative; }
.footer-widgets.footer.footer-1  .widget  { margin: 0;padding: 0 0 40px 0; border-bottom: 1px solid #35DE35; }
.footer-widgets.footer.footer-1  h2 { color: #FFF;font-size: 36px;font-weight: 700;line-height: 38px;letter-spacing: -1.32px; text-align: center; margin-bottom:  }
#footer { background: linear-gradient(169deg, #02B102 8.43%, #A3D10C 119.37%, #FD8004 211.14%); }
.footer.footer-2 .block_widget ul li { display: flex; padding-left: 30px; position: relative; }
.footer.footer-2 .block_widget ul li:before { content: ""; width: 16px; height: 16px; position: absolute; left: 4px; top: 4px;background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/Ellipse-6.png); background-size: contain; }
#block_widget-2  ul li {  display: flex; align-items: flex-start; grid-gap: 10px; }
#block_widget-2  ul li strong  { min-width: 90px; }
.widget>ul>li>a { padding: 0; }
#block_widget-2 { max-width: 33.33%  !important;-ms-flex-preferred-size:33.33% !important;flex-basis: 33.33% !important }
.footer.footer-2  .large-columns-4 .block_widget{ max-width:22.22% !important;-ms-flex-preferred-size:22.22%  !important;flex-basis: 22.22% !important }
.widget .is-divider { display: none; }
span.widget-title { color: #FFF;font-size: 22px;font-weight: 700;line-height: 26px;letter-spacing: -0.396px; margin-bottom: 16px;  display: inline-block; }
.widget>ul>li+li { border-color:  transparent !important;  }
.widget>ul>li { margin-bottom: 12px; }

.form-footer  { position: relative; }
.form-footer  input.button-form { position: absolute; right: 4px; top: 4px; margin: 0 ; padding: 4px 8px; font-size: 16px; line-height: 20px;border-radius: 2px !important;
background:#FD8004; color: #fff; min-height: auto; height: 28px !important;font-weight: 500; text-transform: unset;  }
.form-footer input {  padding: 6px 56px 6px 12px; font-size: 16px; line-height: 24px;min-height: auto  ;border-radius: 4px !important; height:36px !important  }
.wpcf7 form .wpcf7-response-output { margin: 5px 0; }
.Title-home-new  h2, .Title-home-new h3  { text-align: center;font-size: 120px !important ;font-weight: 400;line-height: 130px !important ;letter-spacing: -6.082px; }
.Title-home-new  h2 {  color: rgba(238, 237, 246, 0.70) }
.Title-home-new h3  { color: #FD8004; }

.home-title  h5  { border-radius: 100px; background: rgba(112, 107, 137, 0.12);padding: 4px 12px 4px 40px; position: relative;color: var(--Grey-grey-1, #706B89);
font-size: 14px;font-weight: 500;line-height:17px;letter-spacing: 0.028px; line-height: 24px; display: inline-block; width: auto;  margin-bottom: 16px; }
.home-title  h5:before  { content: ""; width: 16px; height: 16px; position: absolute; left: 16px; top: 8px;background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/Ellipse-6.png); background-size: contain; }
.home-title h2  { color:  #11083A;font-size: 42px;font-weight: 700;line-height: 43px;letter-spacing: -1.708px; margin-bottom: 32px;}
.home-title h2 strong { background: linear-gradient(143deg, #02B102 -25.75%, #A3D10C 33.65%, #FD8004 93.04%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-style: italic; }
.home-title p  { color:  #11083A;font-size: 16px;font-style: normal;font-weight: 400;line-height:  24px letter-spacing: -0.016px;  margin-bottom: 24px;}
.home-title p:last-child { margin-bottom: 0 }
.home-title p a { display: flex; border-radius:  6px;background: #FD8004; display: flex;padding: 8px 12px 8px 16px;align-items: center;gap:8px; display: flex; align-items: center; display: inline-flex; width: auto; font-weight: 500; color: #fff}
.home-title p a  img  { margin-bottom: 0 !important ; width: 24px; height: auto; }
.home-box1 { background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/Group-2.png) bottom center; background-size: cover; background-repeat: no-repeat;  }
.home-box1 .home-title { position: relative; z-index: 2		 }
.col  { padding: 0 !important ; }

.home-box2-content .col-inner  {display: flex; height: 100%;min-height: 722px;}
.home-box2-content .home-title { max-width: 100%; width: 994px; margin: auto; }
.home-box2-content  { background: url(http://flatsome.thietkewebre.vn/wp-content/uploads/2025/09/Section-→-section-tam-nhin-bg.png.png) center center; background-size: contain; background-repeat: no-repeat; }
.home-box3 .home-title { max-width: 100%; width: 994px; margin: auto; }
.home-box3 .home-title h2  {  color: #fff }
.home-box3 .home-title h5 { background: #fff }

.home-box3-items  { display: flex;padding: 16px 16px 16px 32px; border-radius: 24px;background:  #FFF; margin-bottom: 32px;}
.home-box3-items  img { padding-left: 72px; }
.home-box3-items  h5  { color:  #02B102;font-size: 64px;font-weight:700;line-height: 67px;letter-spacing: -1.232px; margin-bottom: 18px; font-family: Anton;}
.home-box3-items  p  { color:  #706B89;font-size: 18px;font-weight: 400;line-height: 22px;letter-spacing: -0.156px;  margin-bottom: 18px; }
.home-box3-items  p:last-child  { margin-bottom: 0 }
.home-box3-items  p strong  { font-size: 34px; font-weight: 700; line-height: 37px; color: #11083A; }
.home-box3-items:last-child { margin-bottom: 0; }

@media only screen and (max-width: 992px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.hide-for-medium.flex-right {display: none !important}

}