/**css tuy chinh rieng cho tung trang**/
.breadcrumb-area .breadcrumb-inner ul.page-list {
  display:none;
}
/*header*/
.navbar-area.nav-style-02 .nav-container .logo-wrapper {
  filter: drop-shadow(1px 1px 4px #fff);
}
.header-style-01 {
  background-color: transparent;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 5;
}
.navbar-area .utility-nav .navbar-collapse .navbar-nav > li > a {
    color: #fff !important;
}
.navbar-area .utility-nav .navbar-collapse .navbar-nav > li.menu-item-has-children:before {
    color: #fff !important;
}
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover > a,
.navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover.menu-item-has-children:before {
  color:var(--main-color-two) !important;
}
.navbar-area.nav-fixed .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover > a,
.navbar-area.nav-fixed .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover.menu-item-has-children:before {
  color:var(--main-color-one) !important;
}
/*Banner*/
.header-style-01:has(> .nav-fixed) ~ .slide_header {
  margin-top:77px;
}
.slide_header .owl-nav button {
  color: #c7c0c0 !important;
  font-size: 30px !important;
  outline: none;
  border: 0 !important;
}
.header-area.slide_header .owl-carousel .owl-stage .item {
  position: relative;
  height: 100vh;
  background-size: 100% 100%;
  background-position:center;
  background-repeat:no-repeat;
 
}
.header-area.slide_header .owl-carousel .owl-stage .active .item{
   animation: fadeOutZoom 20s infinite alternate;
}
@keyframes fadeOutZoom {
  0% {
    background-size: 100% 100%;
     background-position:center;
  }
  50% {
    background-size: 110% 110%;
     background-position:center left;
  }
  100% {
    background-size: 100% 100%;
     background-position:center;
  }
}
.header-area.slide_header .owl-carousel .owl-stage .item .container_header {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 10%;
  filter: drop-shadow(1px 5px 4px #555);
}

.header-area.slide_header .owl-carousel .owl-dots {
  display:none;
}

.header-area.slide_header {
  margin-top:-3px;
}
.header-area.container .owl-carousel {
  display:flex;
}

.header-area.slide_header .owl-carousel .owl-stage .item .header-inner .title {
  font-size:45px;
  font-weight:600;
  line-height: 60px;
  margin-bottom:20px;
  color: var(--white);
  letter-spacing: 0;
  text-transform: uppercase;
}
.header-area.slide_header .owl-carousel .owl-stage .item .header-inner .subtitle {
  font-size: 22px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0;
  word-wrap: break-word;
  text-transform: none;
}
.header-area.slide_header .subtitle:after {
  display:none;
}
/*nut qua lại*/

/*Giới thiệu*/
.gioithieu .learning > div {
  max-width:1920px;
}
.gioithieu {
  margin-top: -1px;
  background-size:cover;
  background-position:calc(-150px) center;
  background-repeat:no-repeat;
}
.gioithieu .bulid-content-area .title a {
  pointer-events:none;
}
.gioithieu .bulid-content-area .title h4.title {
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  color:var(--main-color-one);
  margin-bottom:8px;
}
.gioithieu .bulid-content-area div:last-of-type h4.title {
  margin-bottom: 8px;
  text-align: center;
  color: var(--main-color-two);
  font-style: italic;
  font-size: 28px;
}
.gioithieu .bulid-content-area div:last-of-type div.wow {
  font-size: 16px;
  margin-top: 35px;
  color: var(--paragraph-color);
  text-align:justify;
}
/*Dịch vụ*/
.build-area-02 {
    background-image: url(/assets/tenant/uploads/media-uploader/khoinguyen/logistics-dotted-map-1png-11729745617.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.build-area-02 .stream-app-area > div:last-of-type {
  justify-content:center;
}
.build-area-02 .stream-app-area .section-title H3.title {
  color: var(--main-color-one);
  text-align: center;
  font-weight: 700;
  font-size: 50px;
  padding: 30px 0;
}
.build-area-02 .stream-app-area .row:nth-child(2) .single-icon-box-08 {
  position:relative;
  margin-bottom: 30px;
  text-align: center;
  padding: 82px 36px;
  background-color: #fff;
  height:400px;
  box-shadow: 0 1px 3px -2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  transition: background-color 0.5s ease;
}
.build-area-02 .stream-app-area .single-icon-box-08 .content > a {
  top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.build-area-02 .stream-app-area .row:nth-child(2) .single-icon-box-08:hover {
  background-color:var(--main-color-two);
}
.build-area-02 .stream-app-area .row:nth-child(2) .single-icon-box-08:hover .audio-pera,
.build-area-02 .stream-app-area .row:nth-child(2) .single-icon-box-08:hover .title {
    color: #fff;
}
.build-area-02 .stream-app-area .single-icon-box-08 .icon i{
  justify-content: center;
  display: flex;
  height: 85px;
  width: 85px;
  margin:0 auto 24px;
  border-radius: 50%;
  background-color: #f0f0f4;
  align-items: center;
  font-size: 50px;
  color: var(--main-color-one);
}
.build-area-02 .stream-app-area .single-icon-box-08 .content h3.title {
  color: var(--main-color-two);
  font-size: 23px;
  font-weight: 700;
  height: 60px;
  padding: 191px 48px;
}
.build-area-02 .stream-app-area .single-icon-box-08 .content p.audio-pera {
  color: var(--paragraph-color);
  font-size: 16px;
  font-weight: 400;
  padding-top:81px;
  
}
/*Why*/
section[data-layoutid="section3"] > div:first-of-type {
    max-width: none !important;
}
section[data-layoutid="section3"] .accoridions > div:last-of-type .card {
  border: 0;
  border-bottom: 1px solid #99a9b5;
  border-radius:0;
}
section[data-layoutid="section3"] .accoridions > div:last-of-type .card .card-header:hover {
  background-color: rgba(0, 0, 0, .03);
}
section[data-layoutid="section3"] .accoridions > div:last-of-type .card .card-body {
  font-size: 16px;
  font-weight: 400;
  color: var(--paragraph-color);
  padding-top:4px;
}
section[data-layoutid="section3"] .accoridions > div:last-of-type .card .card-header {
  background-color:#fff;
  cursor:pointer;
  padding:0;
  border:0;
}
section[data-layoutid="section3"] .accoridions > div:last-of-type .card .card-header a.white {
  display: block;
  padding: 20px 1.8rem;
  font-size: 16px;
  font-weight: 700;
  color: var(--main-color-two);
}
.card .card-header a:before {
  content: " - ";
  position: absolute;
  width: 10px;
  height: 2px;
  color: #99a9b5;
  top:18px;
  left:10px;
}
.accoridions a.collapsed:before {
  content: " + ";
}

section[data-layoutid="section3"] .accoridions .section-title h2.title {
  margin-bottom: 24px;
  text-align: center;
  color: var(--main-color-one);
  font-size: 36px;
  font-weight: 700;
}
section[data-layoutid="section3"] .accoridions > div > div:last-of-type > div {
  max-width: 85% !important;
  flex: 0 0 85% !important;
}
/*contact*/
.contact .title .section-title h4.title {
  color:var(--white);
  font-size:28px;
  font-weight:700;
  text-align:center;
  position:relative;
  z-index:2;
}
.contact > div > div {
  justify-content:center;
}
section[data-layoutid="section3"] > div > div > div:last-of-type {
  padding:0;
}
@media only screen and (max-width: 991px) {
  [data-padding-top="100"] {
    padding-top:0 !important;
  }
  .build-area.learning {
    padding: 60px 0 !important;
  } 
  .gioithieu .learning > div {
    max-width: 720px;
  }
  .gioithieu .build-area > div > div > div:first-of-type {
    display:none;
  }
  .gioithieu .build-area {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image:url(/assets/tenant/uploads/media-uploader/khoinguyen/download-15-11729151400.png);
    background-color: rgba(0, 0, 0, 0.35);
    background-blend-mode: darken;
  }
  .gioithieu .bulid-content-area div:last-of-type div.wow {
    color:#fff;
  }
  .gioithieu .bulid-content-area {
    margin: 10px;
    backdrop-filter: blur;
    background-color: #ffebda4f;
    backdrop-filter: blur(10px);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 10px 10px;
  } 
  .header-area.slide_header .owl-carousel .owl-stage .item {
    height:540px;
  }
  .header-area.slide_header .owl-carousel .owl-stage .item .header-inner .title {
    font-size:20px;
    line-height:20px;
  }
  .header-area.slide_header .owl-carousel .owl-stage .item .header-inner .subtitle {
    font-size:16px;
    width:85%;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover > a {
    color: #fff !important;
  }
  .navbar-area.nav-style-02 .nav-container.utility-nav .navbar-collapse .navbar-nav > li:hover.menu-item-has-children:before {
    color: #fff !important;
  }
}
@media (max-width: 767px) {
  section[data-layoutid="section3"] .accoridions > div > div:last-of-type > div {
    max-width:unset !important;
    flex:unset !important;
    padding:0;
  }
  .gioithieu .learning > div {
    max-width: 540px;
  }
  .header-area.slide_header .owl-carousel .owl-stage .item {
    height: 258px;
  }
  .gioithieu .bulid-content-area .title h4.title, .build-area-02 .stream-app-area .section-title H3.title,
  section[data-layoutid="section3"] .accoridions .section-title h2.title, .contact .title .section-title h4.title {
    font-size:25px;
  }
  .gioithieu .bulid-content-area div:last-of-type h4.title {
    font-size:20px;
  }
}
@media only screen and (max-width:430px) {
  .header-style-01:has(> .nav-fixed) ~ .slide_header {
    margin-top: 58px;
  }
  .build-area-02 .stream-app-area .row:nth-child(2) .single-icon-box-08 {
    padding: 30px 36px;
    height: 280px;
  }
  .build-area-02 .stream-app-area .single-icon-box-08 .icon i {
    height: 60px;
    width: 60px;
    font-size: 36px;
    margin: 0 auto 12px;
  }
  .build-area-02 .stream-app-area .single-icon-box-08 .content h3.title {
    padding: 118px 48px;
    font-size: 20px;
  }
}