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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
  font-family:"AvenirNext_R";
  src:url("inc/fonts/AvenirNext-Regular.ttf") format("truetype");
  font-weight:normal;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_B";
  src:url("inc/fonts/AvenirNext-Bold.ttf")
format("truetype");
  font-weight:700;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_BI";
  src:url("inc/fonts/AvenirNext-BoldItalic.ttf")
format("truetype");
  font-weight:700;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_I";
  src:url("inc/fonts/AvenirNext-Italic.ttf")
format("truetype");
  font-weight:normal;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_DB";
  src:url("inc/fonts/AvenirNext-DemiBold.ttf")
format("truetype");
  font-weight:600;
  font-style:normal;
}
@font-face {
  font-family:"AvenirNext_DBI";
  src:url("inc/fonts/AvenirNext-DemiBoldItalic.ttf")
format("truetype");
  font-weight:600;
  font-style:italic;
}
@font-face {
  font-family:"AvenirNext_M";
  src:url("inc/fonts/AvenirNext-Medium.ttf")
format("truetype");
  font-weight:500;
  font-style:normal;
}
body {font-family:'AvenirNext_R' !important;}
.phongvt-center {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  height:100%;
}
.phongvt-center .divider {
  margin-left:auto;
  margin-right:auto;
}
.phongvt-btn-primary {
  padding:16px 36px;
  background-color:#ff6e00;
  font-style:normal;
  font-weight:600;
  line-height:24px;
  font-size:18px;
  color:white;
  border-radius:10px;
  transition:all 0.4s 
linear;
}
.phongvt-heading-home {
  font-style:normal;
  font-weight:700;
  font-size:22px;
  color:white;
  text-transform:uppercase;
  margin-bottom:69px;
}
.phongvt-subheading {
  font-style:normal;
  font-weight:600;
  line-height:44px;
  font-size:10px;
  color:white;
  margin-bottom:25px;
}
.phongvt-iconbox .icon-box-text {transition:all 0.3s ease;}
.home_ss2 .col-inner,
.home_ss2 .col-inner .box,
.home_ss2 .col-inner .box-image,
.home_ss2 .col-inner .box-image div,
.home_ss2 .col-inner .box-image img {height:100%;}

.home_ss1a .large-12 .col-inner .bg {
  position:absolute;
  width:500px !important;
  top:40%;
  left:50%;
  transform:translate(-50%,-50%);
  filter: opacity(.5);
}
.home_ss1a {
  overflow: hidden;
}
.home_ss1a .bg2 {
  position:absolute;
  top:35%;
  left:50%;
  animation:spin 100s linear infinite;
  max-width:800px;
  opacity:0.3;
}
.home_ss1a h2 {
  font-size:48px;
  font-weight:900;
  line-height:1.4;
  position:relative;
  z-index:9;
}
.home_ss1 h2.phongvt-heading-home {
  font-family:'AvenirNext_B';
  font-weight:700;
  font-size:56px;
  line-height:74px;
}
.home_ss1 h3.phongvt-subheading {
  font-family:'AvenirNext_DB';
  font-size:30px;
  font-weight:600;
}
.home_ss1 h2.phongvt-heading-home span {display:block;}
.home_ss3 h2 {font-size:44px;}
.home_ss6 {height:900px;}
.home_ss6 h2 {
  font-family:"AvenirNext_B";
  font-style:normal;
  font-weight:700;
  line-height:67px;
  font-size:50px;
  margin-top:12px;
}
.home_ss6 p {
  position:relative;
  padding-top:70px;
}
.home_ss6 p:before {
  content:'';
  background:url(https://digiworld.giaodien.org/wp-content/uploads/2025/10/quote.png) no-repeat;
  position:absolute;
  top:0;
  left:0;
  width:60px;
  height:60px;
}
#footer .row2 {
  background:url(https://digiworld.giaodien.org/wp-content/uploads/2025/10/bg-footer-address.svg) no-repeat;
  background-size:100%;
  padding:0;
}
#footer .row2 .col {padding:30px 24px;}
#footer .row2 .col .dgw-text-primary.text-uppercase.dgw-footer-address__label {
  font-size:14px;
  font-weight:700;
  font-family:'AvenirNext_B';
  text-transform:uppercase;
  color:#ff6e00;
  margin-bottom:4px;
}
#footer .row2 .col p {
  font-size:14px;
  font-weight:600;
  margin-bottom:8px;
}
#footer .ux-logo-link {padding:0 !important;}
.dgw-footer-block__content p {
  margin-bottom:8px;
  font-size:15px;
  font-weight:600;
}
#footer .accordion-title {
  font-size:14px;
  font-weight:600;
  font-family:'AvenirNext_DB';
  padding-left:0;
  border:0;
  text-transform:uppercase;
  padding-top:0;
  padding-bottom:16px;
}
#footer .accordion-inner {
  font-size:14px;
  font-weight:600;
  padding:0;
  padding-right:24px;
}
#footer .accordion-title button.toggle {
  right:-10px;
  left:auto;
}
#footer .accordion-inner p {margin-bottom:8px;}
#footer .accordion-inner p:last-child {margin-bottom:16px;}
#footer .dgw-footer-block__content-item {margin-bottom:18px;}
#footer .dgw-footer-block__content-item h6 {
  font-size:14px;
  font-family:'AvenirNext_B';
  text-transform:uppercase;
  margin-bottom:4px;
}
#footer h5 {
  font-size:20px;
  font-family:'AvenirNext_B';
  position:relative;
  margin-bottom:24px;
}
#footer h5:after {
  content:'';
  height:2.5px;
  width:30px;
  position:absolute;
  bottom:-6px;
  left:0;
  background:#fff;
}
.service_ss3 h2 {
  font-size:50px;
  font-family:'AvenirNext_B';
  margin-bottom:60px;
}
.service_ss3 {padding-top:60px !important;}
.service_ss3 .tabbed-content .nav li {
  text-align:center;
  width:16.66%;
  height:214px;
  margin:0;
  padding:0;
  justify-content:center;
  position:relative;
}
.service_ss3 .tabbed-content .nav li:before {
  content:'';
  background:url(/wp-content/uploads/2025/10/sv1.png) no-repeat;
  background-size:100%;
  background-position:center center;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  width:100%;
  height:100%;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  z-index:-1;
}
.service_ss3 .tabbed-content .nav li:nth-child(2):before {
  background:url(/wp-content/uploads/2025/10/sv2.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(3):before {
  background:url(/wp-content/uploads/2025/10/sv3.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(4):before {
  background:url(/wp-content/uploads/2025/10/sv4.jpg) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(5):before {
  background:url(/wp-content/uploads/2025/10/sv5.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li:nth-child(6):before {
  background:url(/wp-content/uploads/2025/10/sv6.png) no-repeat;
  background-size:100%;
  background-position:center center;
}
.service_ss3 .tabbed-content .nav li {
  position:relative;
  overflow:hidden;
}
.service_ss3 .tabbed-content .nav li::after {
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0%;
  background:#ff6e00;
  border-top-left-radius:12px;
  border-top-right-radius:12px;
  z-index:0;
  transition:height .35s ease;
}
.service_ss3 .tabbed-content .nav li.active::after {height:100%;}
.service_ss3 .tabbed-content .nav li a {
  text-transform:none;
  padding:30px;
  font-size:22px;
  font-family:'AvenirNext_B';
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  
/* giữ chữ trên overlay */;
}
.service_ss3 .tab-panels {
  background:#fff;
  padding-top:0;
}
.service_ss3 .tab-panels > *,
.service_ss3 .tab-panels h3,
.service_ss3 .tab-panels h4,
.service_ss3 .tab-panels p {color:#333;}
.service_ss3 .tab-panels .panel.active:nth-child(1),
.service_ss3 .tab-panels .panel.active:nth-child(4) {display:flex !important;}
.service_ss3 .tab-panels .panel.active .text {
  flex-basis:33.33%;
  padding:20px;
}
.service_ss3 .tab-panels .panel.active .text:nth-child(2) {background:#eff0f1;}
.service_ss3 .tab-panels .panel.active .text h3,
.tab-panels .panel.active h3 {font-size:20px;}
.service_ss3 .tab-panels .panel.active .text p,
.service_ss3 .tab-panels .panel.active .text li,
.tab-panels .panel.active p,
.tab-panels .panel.active li {font-size:15px;}
.service_ss3 .tab-panels .panel.active .text h4 {font-size:18px;}
.service_ss3:before {
  content:'';
  background:#000;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.service_ss3 .tabbed-content .tag {
  position:absolute;
  bottom:0;
  left:0;
  background:#ff6e00;
  padding:8px 18px;
  border-top-right-radius:12px;
  font-size:14px;
  font-family:'AvenirNext_DB';
  z-index:9;
}
.service_ss3 .section-bg.fill {
  background-position:top center !important;
  background-size:100% auto !important;
}
@keyframes spin {
  0% {
    -ms-transform:translateX(-50%) translateY(-50%) rotate(0);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(0);
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(0);
    -o-transform:translateX(-50%) translateY(-50%) rotate(0);
    transform:translateX(-50%) translateY(-50%) rotate(0);
  }
  100% {
    -ms-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    -o-transform:translateX(-50%) translateY(-50%) rotate(360deg);
    transform:translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@media only screen and (max-width:48em) {
  
/*************** ADD MOBILE ONLY CSS HERE  ***************/
  .home_ss1a h2 {font-size:24px;}
  .home_ss1a .large-12 .col-inner .bg {width:240px !important;}
  .home_ss1a .bg2 {width:85% !important;}
  .home_ss1a h3 {
    font-size:28px;
    bottom:-200px;
  }
  .home_ss1 h3.phongvt-subheading {
    font-size:24px;
    line-height:36px;
  }
  .home_ss1 h2.phongvt-heading-home {
    font-size:36px;
    line-height:1.6;
    margin-bottom:40px;
  }
  .home_ss1 h2.phongvt-heading-home span {display:inline;}
  .phongvt-btn-primary {
    font-size:16px;
    padding:14px 28px;
  }
  .home_ss3 h2 {
    font-size:30px;
    margin-bottom:0;
  }
  .home_ss3 .large-4 .col-inner {min-height:auto;}
  .home_ss6 h2 {
    font-size:28px;
    line-height:1.5;
  }
  .home_ss6 {height:auto;}
  #footer .ux-logo-link {padding-bottom:20px !important;}
  #footer .row2 {
    background-size:301%;
    background-repeat:repeat;
    background-position-x:-2px;
  }
  .home .icon-menu:before,
  .home .icon-search:before {color:#fff;}
  .medium-logo-center .logo {padding-top:10px;}
  .service_ss3 h2 {font-size:32px;}
  .service_ss3 .tab-panels .panel.active:nth-child(1),
  .service_ss3 .tab-panels .panel.active:nth-child(4) {display:block !important;}
  .service_ss3 .tabbed-content .nav {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start !important;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x proximity;
    padding:0;
    margin:0;
    list-style:none;
  }
  .service_ss3 .tabbed-content .nav li {
    flex:0 0 50%;
    min-width:50%;
    margin:0 !important;
    scroll-snap-align:start;
  }
  .service_ss3 .tabbed-content .nav::-webkit-scrollbar {display:none;}
	.phongvt-icon-xoay {
    margin-top: 0 !important;
}
}

.header-bottom.wide-nav .flex-col,
.header-bottom.wide-nav li.html {
  flex: 1;
}
.header-main .mobile-nav.nav li.html {
  margin: 0;
}
.header-main .mobile-nav.nav li.html .gtranslate_wrapper {
    display: flex;
    gap: 4px;
}
.header-main .mobile-nav.nav li.html .gtranslate_wrapper .glink {
  flex: 1;
}
.header-bottom.wide-nav .tradingview-widget-container {
  height: auto !important;
}
.tradingview-widget-copyright {
  display: none;
}

.header-main .nav > li.menu-item > a {
  padding-block: 0 !important;
}

.themanh-carousel-wrap {
  padding: 0 25px;
}
.themanh-carousel .owl-stage {
  display: flex;
  padding-block: 10px 0;
}
.themanh-carousel .owl-stage .owl-item {
		display: flex;
		flex: 1 0 auto;
}
.themanh-item {
      background: rgba(0, 0, 0, 0.4);
    color: #fff;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    transition: all 0.3s ease;
    flex-direction: column;
    width: 100%;
}
.themanh-divider {
    max-width: 70%;
    height: 2px;
    background-color: rgb(255, 118, 0);
    margin-block: 1em;
}
.themanh-item:hover {
    background: rgba(255, 102, 0, 0.8);
    transform: translateY(-5px);
}
.themanh-title {
      font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px;
}

.section-about-1 .section-bg{
    background-size: contain !important;
    background-position: center right !important;
    background-repeat: no-repeat;
}

.doitac-carousel-wrap {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
}
.doitac-carousel-wrap .owl-stage {
    display: flex;
    align-items: center;
}
.doitac-carousel-wrap .owl-item img {
    object-fit: contain;
    max-height: 80px;
}


@media screen and (max-width: 849px) {
    .medium-logo-left .flex-left {
      display: none;
    }
}
@media (max-width: 767px) {
  .themanh-carousel-wrap {
    padding: 0;
  }
  
  .section-about-1 .section-bg{
      background-position: bottom right !important;
  }
}