/*
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_ss1,
.home_ss1 .section-content .home_ss1 img {height:100vh;}
.home_ss1a .large-12 .col-inner .bg {
  position:absolute;
  width:370px !important;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.home_ss1a {height:100vh;}
.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;
  position:relative;
  z-index:9;
}
.home_ss1a h3 {
  font-size:50px;
  position:absolute;
  bottom:-340px;
}
.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 {height:80vh;}
.home_ss3 h2 {font-size:44px;}
.home_ss3 .large-4 .col-inner {
  height:100%;
  min-height:500px;
}
.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:-240px;
  }
  .home_ss1a {
    height:640px;
    padding-top:0 !important;
    margin-top:-30px;
  }
  .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 {
    height:auto;
    padding-top:40px !important;
  }
  .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;
}
}