@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
#wrapper * {
  font-family: "Inter", sans-serif;
}

#main h1 {
  font-size: 35px;
  line-height: 1.4;
  font-weight: 700;
}

#main h2 {
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
  margin-bottom: 21px;
}

#main h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
}

#main p {
  font-size: 16px;
  font-weight: 500;
}

#main .button span {
  font-size: 14px;
}

#main .button.is-large span {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

@media (min-width: 768px) {
  #main .col {
    padding-top: 0;
    padding-bottom: 0;
  }
}

#main .bold {
  font-weight: 700;
}

#header-contact a {
  color: #fff;
}

#header #top-bar {
  background-color: var(--primary-color) !important;
}

#header .menu-item-has-block .sub-menu.nav-dropdown {
  width: 700px;
  transform: translateX(-50%);
  padding: 20px;
  max-width: 96vw;
}

#header .menu-item-has-block .sub-menu.nav-dropdown .ux-menu-link__link {
  font-weight: 500;
  font-size: 16px;
}

#header .menu-item-has-block .sub-menu.nav-dropdown .ux-menu-link__link::before {
  content: none;
}

#header .menu-item {
  margin-left: 15px;
  margin-right: 15px;
}

#header .menu-item a {
  font-size: 18px;
  font-weight: 400;
  cursor: pointer;
}

#header .menu-item.current_page_item a {
  font-weight: 700;
  position: relative;
}

#header .menu-item.current_page_item a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  opacity: 1;
  background-color: #288CCC;
}

#header-contact span {
  text-transform: lowercase;
  font-size: 16px;
  font-weight: 600;
}

#header-contact {
  flex-direction: row-reverse;
  gap: 20px;
}

#header-contact a::after {
  content: none;
}

#footer {
  z-index: 1;
}

#footer > .section {
  padding-top: 70px;;
}

#footer h3.section-title {
  border: 0;
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  color: #D4D4D4;
}

#footer .section-title-container::after {
  content: none;
}

#footer .section-title-main {
  border: none;
  text-transform: capitalize;
}

#footer .section-title-container {
  margin-bottom: 0;
}

#footer .footer-copyright-wrapper {
  border-top: 1px solid #D3D3D3; 
  padding-top: 47px;
  margin-top: 30px;
}

#footer .footer-copyright-wrapper p {
  margin-bottom: 0;
}

#footer .wpcf7-form .wpcf7-email {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  height: 40px;
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
}

#footer .wpcf7-form > p {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

#footer .wpcf7-form .wpcf7-spinner {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#footer .wpcf7-form .wpcf7-submit {
  background-color: #0066B6;
  border-radius: 8px;
  width: 64px;
  height: 40px;
  color: #fff;
  margin-bottom: 0;
  margin-right: 0;
}

#footer ul {
  list-style: none;
}

#footer ul li {
  margin-left: 0;
}

#footer ul li,
#footer ul a {
  font-size: 14px;
  font-weight: 400;
  color: #FFFFFFF2;
  text-transform: capitalize;
}

#footer .absolute-footer {
  display: none;
}

.why-choose-home .col-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#main .why-choose-home {
  gap: 12px;
}

#main .why-choose-home .col {
  flex-basis: calc(25% - 9px);
  max-width: calc(25% - 9px);
  padding: 0;
}

#main .why-choose-home .col .img img {
  aspect-ratio: 1;
  object-fit: cover;
}

#main .why-choose-home .col p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}

.explore-our-home {
  background-color: #fff;
}

.explore-our-home .load-more-btn {
  margin-bottom: 0;
}

.general-introduction-home img {
  border-radius: 19px;
}

.general-introduction-home .col-inner {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#main .count-wrapper-home h2 {
  margin-bottom: 0;
}

.explore-our-home .blog-post-item {
  padding: 20px;
}
.explore-our-home .post-content {
  padding: 20px 0 0 0;
}
.explore-our-home .post-title a {
  text-transform: uppercase;
}
#wrapper .header-inner,
#wrapper .page-title-inner,
#wrapper .section-content .row,
#top-bar .container {
  width: 95vw;
  max-width: 1360px;
}

#wrapper .typical-numbers-sec p {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
}

#wrapper .title-form-info h2 {
  font-size: 40px;
}

#footer .social-icons.follow-icons a {
  color: #fff;
  margin: 0 5px;
}

#wrapper .desc-industry-specific-solutions p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
  text-align: center;
  color: #232529;
  max-width: 1065px;
  margin: 0 auto;
}

#wrapper .heading-solution h1,
#wrapper .heading-specific-solutions h1 {
  font-weight: 700;
  font-size: 60px;
  line-height: 1;
  color: #fff;
}

#wrapper .wpcf7 {
  max-width: 1112px;
  margin: 0 auto;
}

#wrapper .vision-mission-sec h2,
#wrapper .core-values-sec h2 {
  font-size: 40px;
  line-height: 1.4;
}

#wrapper .customer-sec .row {
  width: 100%;
  max-width: 100%;
}

#wrapper .customer-sec .col {
  padding-left: 0;
  padding-right: 0;
}

#wrapper .customer-sec .slider-wrapper {
  background-color: #F3F8FF;
  padding: 40px;
}

#wrapper .customer-sec .slider-wrapper .slider {
  width: 95vw;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

#wrapper .customer-sec .slider .img {
  padding-left: 20px;
  padding-right: 20px;
  height: 50px;
}

#wrapper .customer-sec .slider img {
  object-fit: contain;
  max-height: 100%;
  height: 50px;
}

#wrapper .customer-sec h3 {
  margin-bottom: 30px;
}

#wrapper .vision-mission-sec p {
  font-size: 24px;
} 

#wrapper .customer-sec .row:not(:first-child) {
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  #wrapper .customer-sec .row {
    width: 100vw;
  }
  #wrapper .customer-sec .col {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .customer-sec .slider-wrapper {
    padding: 10px;
  }
  #wrapper .customer-sec .slider-wrapper .img {
    max-width: 33.33% !important;
  }
  #wrapper .heading-solution h1, 
  #wrapper .heading-specific-solutions h1 {
    font-size: 32px;
  }
  #wrapper .desc-industry-specific-solutions {
    margin-bottom: 20px;
  }
  #wrapper .desc-industry-specific-solutions p {
    font-size: 16px;
  }
  #wrapper .banner-home-sec {
    min-height: auto;
    height: auto;
    padding-top: 80px !important;
  }
  #wrapper .general-introduction-home {
    flex-direction: column-reverse;
  }
  #main h1 {
    font-size: 32px;
  }
  #main h3 {
    font-size: 24px;
  }
  #header .top-divider {
    display: none;
  }
  #header .mobile-nav .icon-menu {
    color: #28A44A;
    font-size: 30px;
  }
  #main h2 {
    margin-top: 21px;
  }
  .count-wrapper-home .col {
    flex-basis: 100%;
    max-width: 100%;
    margin: 20px 0;
  }
  #main .why-choose-home .col {
    flex-basis: 100%;
    max-width: 100%;
  }
  #main .solution-home .col-inner {
    max-width: 100%;
  }
  #wrapper #main .explore-our-home .col-inner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #footer .col {
    flex-basis: 100%;
    max-width: 100%;
  }
  #footer .img img {
    max-width: 165px;
    margin-right: auto;
  }
  #footer > .section {
    padding-top: 50px;
  }
  #footer ul {
    margin-bottom: 0;
  }
  #footer .footer-copyright-wrapper {
    margin-top: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
  #footer .footer-copyright-wrapper .col {
    padding: 0;
    flex-basis: 50%;
    max-width: 50%;
  }
}

/* --------Start----------- */
/* Container chính */
.solutions-grid-container {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0;
}

#wrapper .solutions-grid-container .solution-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1;
  color: #fff;
  margin-bottom: 10px;
}

#wrapper .solutions-grid-container .solution-excerpt {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  margin-bottom: 0;
}

/* Grid layout */
.solutions-grid {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(3, 1fr);
}

.solutions-grid.columns-1 {
    grid-template-columns: 1fr;
}

.solutions-grid.columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.solutions-grid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.solutions-grid.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

/* Card styling */
.solution-card {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}

/* Hình ảnh */
.solution-image {
    position: relative;
    overflow: hidden;
    background: #f5f5f5;
}

.solution-image a {
    display: block;
    height: 100%;
}

.solution-image {
  background-color: #000;
}

.solution-image img {
    width: 100%;
    height: 432px;
    object-fit: cover;
    transition: transform 0.4s ease;
    opacity: 0.5;
}

.solution-card:hover .solution-image img {
    transform: scale(1.08);
}

.no-image-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
}

/* Nội dung */
.solution-content {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
}

/* Tiêu đề */
.solution-title {
    margin: 0 0 12px 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    min-height: 50px;
}

.solution-title a {
    color: #288CCC;
    font-size: 16px;
    font-weight: bold;
}

.solution-title a:hover {
    color: #2196f3;
}

/* Excerpt */
.solution-excerpt {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Footer với nút */
.solution-footer {
    margin-top: auto;
}

#wrapper .solution-btn {
    display: inline-block;
    padding: 10px 15px;
    background: #288CCC;
    color: white;
    text-decoration: none;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 900;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

/* No solutions message */
.no-solutions {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    color: #999;
    font-size: 16px;
}

/* Responsive - Tablet */
@media (max-width: 1024px) {
    .solutions-grid.columns-4 {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .solutions-grid.columns-3,
    .solutions-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .solutions-grid {
        gap: 20px;
    }
    
    .solution-content {
        padding: 20px;
    }
    
    .solution-title {
        font-size: 16px;
        min-height: auto;
    }
    
    .solution-excerpt {
        font-size: 13px;
    }
}

/* Responsive - Mobile */
@media (max-width: 480px) {
    .solutions-grid {
        grid-template-columns: 1fr !important;
        gap: 20px;
    }
    
    .solution-content {
        padding: 18px;
    }
    
    .solution-title {
        font-size: 16px;
    }
    
    #wrapper .solution-btn {
        padding: 8px 20px;
        font-size: 13px;
    }
}

/* Animation */
.solution-card {
    animation: fadeInUp 0.6s ease-out;
    animation-fill-mode: both;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Stagger animation cho các cards */
.solution-card:nth-child(1) { animation-delay: 0.1s; }
.solution-card:nth-child(2) { animation-delay: 0.2s; }
.solution-card:nth-child(3) { animation-delay: 0.3s; }
.solution-card:nth-child(4) { animation-delay: 0.1s; }
.solution-card:nth-child(5) { animation-delay: 0.2s; }
.solution-card:nth-child(6) { animation-delay: 0.3s; }
.solution-card:nth-child(7) { animation-delay: 0.1s; }
.solution-card:nth-child(8) { animation-delay: 0.2s; }
.solution-card:nth-child(9) { animation-delay: 0.3s; }

/* ---------End--------- */
#main .together-sec .text p {
  font-size: 20px;
  font-weight: 400;
}

#main .together-sec > .section-content > .row > .col {
  display: flex;
  align-items: center;
}

#main .together-sec .banner-grid .col:nth-child(2) {
  height: 253px;
}

#main .together-sec .banner-grid .col:nth-child(3) .col-inner {
  height: 249px;
  width: 332px;
  margin-left: 0;
  margin-right: auto;
  margin-top: 20px;
}

#main .together-sec .banner-grid .col:nth-child(4) .col-inner {
  height: 249px;
  width: 332px;
  margin-left: auto;
  margin-right: 0;
  margin-top: 20px;
}

#wrapper .solution-page-first-sec {
  padding-bottom: 0;
}

#main .form-register-now .wpcf7-submit {
  margin: 0 auto;
}

#wrapper .contact-now-sec {
  padding-bottom: 0;
  margin-bottom: -40px;
  z-index: 9;
}

.contact-now-sec .row {
  border: 1px solid #288CCC;
  border-radius: 12px;
  padding: 40px;
  background-color: #E3F4FF;
}

#wrapper .contact-now-sec .row .col:nth-child(1) {
  display: flex;
  align-items: center;
}

#wrapper .contact-now-sec .row .col:nth-child(2) {
  max-width: 427px;
  margin-left: auto;
}

#wrapper .contact-now-sec .row .col:nth-child(3) {
  max-width: 196px;
  margin-left: 20px;
}

#wrapper .contact-now-sec .row .col:nth-child(2),
#wrapper .contact-now-sec .row .col:nth-child(3) {
  background-color: #323232;
  box-shadow: 0px 4px 20px 0px #FFFFFF54;
  border-radius: 8px;
  padding: 12px 20px;
}

#wrapper .contact-now-sec .row h2 {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  text-align: left;
  font-weight: 600;
  font-size: 32px;
  line-height: 1;
  color: #288CCC;
}

#wrapper .contact-now-sec .row h2 a {
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  color: #FFFFFF;
}

#wrapper .solutions-related-sec .col-inner {
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 17px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}

#wrapper .contact-now-icon {
  display: flex;
  align-items: center;
  width: 33px;
  height: 33px;
}

#wrapper .benefits-solution-sec .img {
  height: 78px;
  display: flex;
  align-items: center;
}

#wrapper .solution-robot-sec .col {
  display: flex;
  align-items: center;
}

#wrapper .solution-robot-sec p {
  font-size: 24px;
  font-weight: 400;
}

#wrapper .solution-robot-sec img {
  border-radius: 50px;
}

#wrapper .advantage-robot-sec .img {
  width: 110px;
  height: 94px;
  object-fit: cover;
  object-position: top;
  margin: 10px auto;
  overflow: hidden;
}

#wrapper .advantage-robot-sec p {
  font-size: 16px;
  font-weight: 400;
}

#wrapper .solution-detail-sec .row:nth-child(2),
#wrapper .related-solution-sec .row:nth-child(2),
#wrapper .contact-now-sec .row {
  max-width: 1360px !important;
}

#wrapper .solution-detail-sec .align-equal .col-inner {
  display: flex;
  flex-direction: column;
}

#wrapper .solution-detail-sec .align-equal .button {
  width: max-content;
  margin: auto auto 0 !important;
}

@media (max-width: 768px) {
  #wrapper .header-inner, 
  #wrapper .page-title-inner,
  #wrapper .section-content .row, 
  #top-bar .container {
    max-width: 100% !important;
  }
  #masthead {
    padding: 10px 0;
    height: 90px;
  }
  #masthead .header-inner {
    max-width: 100% !important;
    padding-left: 5px;
    padding-right: 5px;
  }
}

/* Search Box */
#wrapper .search-box {
  background-color: #288CCC;
  border-radius: 34px;
  padding: 6px 7px;
  width: 413px;
  max-width: 100%;
  margin-left: auto;
  margin-bottom: 40px;
}

#wrapper .search-box.center {
  margin-right: auto;
}

#wrapper .search-box input[type="search"] {
  border: 1px solid #C5C5C7;
  background-color: #FEFDFE;
  max-width: calc(100% - 45px);
  margin-left: 0;
  margin-right: auto;
}

#wrapper .search-box button[type="submit"] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADXSURBVHgBzZPhDcIgEIUPJ2AE3KSbMILdoB2hG+gGjsAIugEjMALemSOSinAoP3zJhaQ8Pgr3ABAqxqixFiwfX3JYFnqFi0wGClhXhqVvNJpvYHNhfuW5mxR4+QTLPBt7rBIAPY1KqWPFo3Eg370FM7zzBu2NHd3vAcZKNx3cVSfweVFjsgufKp4lNQUEwCnLny3Mn1IWJTCzexnPvGGduYIo2HwES9nLFkycyZDBAwdbt2BJCWoKfy7q6BLf1f/4KzDSCr36XxgDx8EYuA6D7aCUqRl+1APgXtxIoXyQygAAAABJRU5ErkJggg==);
}

#wrapper .search-box button[type="submit"] .icon-search {
  display: none;
}

@media (max-width: 767px) {
  #wrapper .search-box {
    margin-bottom: 0;
  }
}



/* Timeline styles */
#timeline-embed {
  max-width: 1200px;
  margin: 30px auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
}
.tl-slide-content-container {
  background: #288CCC !important;
  border-radius: 16px;
  color: #fff !important;
}
.tl-headline {
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.tl-text ul, .tl-text p {
  color: #fff !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}
.tl-timenav {
  background: #f5f5f5 !important;
}
.tl-timenav-slider {
  background: #e0e0e0 !important;
}
.tl-timemarker .tl-timemarker-timespan {
  background: #288CCC !important;
}
.tl-timemarker.tl-timemarker-active .tl-timemarker-timespan {
  background: #1976d2 !important;
}
@media (max-width: 768px) {
  #timeline-embed { height: 300px !important; }
  .tl-headline { font-size: 18px !important; }
  .tl-text ul, .tl-text p { font-size: 13px !important; }
}

/* Detail Solution */
#wrapper .food-and-beverage-sec h2 {
  font-weight: 700;
  font-size: 35px;
  line-height: 1;
}

#wrapper .food-and-beverage-sec h3 {
  font-weight: 700;
  font-size: 26px;
  line-height: 1;
}

#wrapper .application-segments-sec .img img {
  border-radius: 12px;
}

#wrapper .application-segments-sec h4 {
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: #232529;
}

#wrapper .application-segments-sec p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  color: #232529;
}

#wrapper .application-segments-sec .ux-menu-link__link {
  color: #288CCC;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  border: 0;
}

@media (max-width: 768px) {
  #wrapper .contact-now-sec .row .col:nth-child(2), 
  #wrapper .contact-now-sec .row .col:nth-child(3) {
    max-width: 100%;
    width: 100%;
    margin: 5px 0;
  }
  #wrapper .contact-now-sec .row .col {
    padding: 0;
  }
  #wrapper .contact-now-sec .row h2 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  #wrapper .contact-now-sec .stack h2 {
    margin-bottom: 0;
  }
  #wrapper .contact-now-sec .row {
    padding: 20px;
  }
  #wrapper .contact-now-sec {
    margin-bottom: -20px;
  }
  #wrapper .advantage-robot-sec .col {
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wrapper .solution-robot-sec p {
    font-size: 18px;
  }
}

/* Accordion Pyramid Shortcode */
/* Container chính */
.automation-pyramid-container {
  margin: 40px auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.pyramid-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

/* Mỗi cấp độ kim tự tháp */
.pyramid-level {
  position: relative;
  transition: all 0.3s ease;
  width: 100%;
}

.level-info-top {
  display: flex;
  margin-bottom: 8px;
}

.level-info-top svg {
  margin-left: auto;
}

.level-info-top .level-number {
  font-family: 'Inter', sans-serif;
  color: #155DFC;
  font-weight: 700;
  font-style: Bold;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: -0.44px;
  margin-right: 16px;
}

.level-info-top .level-tag {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0px;
  color: #1447E6;
  border-radius: 4px;
  background-color: #DBEAFE;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 8px;
  margin-left: 16px;
  margin-right: 16px;
}

.pyramid-level[data-level="0"] .level-header .level-main:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHUAAACFCAYAAABllrelAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAaPSURBVHgB7Z1NbhtHEIW7mzSQP1v0CUJvAmgnnSDMCSIByTrMCex17MQ0kKzjGwTZxk6YG8Q3cHaG5YV1BMGGvRFn2j0UaYjkkN0z011dVawPEGxJI0Him2rNe9NVoxVz7j95NTLGPnT/Hbm3C/f2b88Ujyanh+eKKVox5sHTlyda62nNp87fvnl3/PjH4wvFEKMY4wT9fcunhjdvfXZPMYWtqD//fTZ2/wy3H6Hv3vvj+UAxhK2o2qq7nkMGn3/x6VgxhKWo1cWR1erId5wx5lvFEJaial2OAw8d3X/yYqSYwU7UyfTF0F0g/RB6vDG9h4oZ7ESdFWaimjHidsHEStSmVbqEm71hJWpR9kaqFbzsDbflt+3fR1b2ho2o/rBhN1qbxss2VjhVaqerWO18LRd7w0LUKmxQHap0CRd7w0JUrW0sMUY//XXmTaKwQ17UKxszv1caBWOC0yi0kBe1Rdiwk+qCibq9IS1q27DBw4B6GEFa1KLs+26vtUSTtjfEl197otIwpGxvyIraNWzwQdneUK7U1C862XutJEVNXaVL3EVYquU9KSRFtVaBXMhQtTfkRJ1Mz45ihg0eSNobcqLOCgv8IutEtikdpHboV2GDuxH+WgFTlsU3v31/+EwRgVSlxo4EQ6Fmb8iIuogEv1Z5IGVvyIi62H80VJmgZG8oLb9Zl0BK9oaEqFBhgwcy9oaEqAHNTkDQsDfoRQ1tdgJi8Ms/r9A3VaEXtUGzEwjWWvRLMOrwIVfY4AN7GIG6UnOFDT5cGIF6ZwTaSsVapUvevnl3G+sgELSVWpR91GYfs71BvPxa5PYBb6ccSlGRhA0+BrcObqK0N1grlcRdEWtx7uZHJ2qsZicgUN69QSdqxGYnEDDea0VlabDbmG1gszeoKhVr2OADm71BU6lUq3TBhavWO1iqFU2lpmt2AgHVIBBEy69FnSD5wDTnEIWoRMIGH2jsDZZK5TFAA4m9yS4qkypdgmLOYXZRoZqdoMBgb7JamqrZqSjVc8WL7PYma6XCNzuBkN3eZBM10WQVFOSec5hNVKqRYAi55xxmETVzsxMIOe1NFlFzNzsBMapOXpWBXMsvu4cR1FGUZqwyAC4qs7DBQ57NaTkqdS+qdEGWTjlQUYntP4oEvG0DFRVbsxMQ4HMOwUTlHDb4gLY3YKJyDhsCAB3jDiLqPlfpEsgx7iCiYm92ggByEAjQ8ou92QkEMHuTXNT9Cht8wAwCgajUfQobfAwg7E1SUfczbNgNhL1JKiq1Zicgkm8lTSZq7Cc7cSL1nMNkou552LCT1PYmiagSNnhJam+SiCpVGkI6e5NEVO77jyKRbM5hdFElbAgn1ZzDFJUqNiacJPYmqqhSpc1JMecwqqjcmp2AOIltb6KJWkWCEja0Irq9iSbqnu4/ikTcraRRRJWwoTNR5xxGEVXChu7EnHPYuel4Mf+oahwm90hKbMQa4965UhfNTiJoBIwxUaLDGMuvhA3R0FHsTSdRJWyITwx707VSpUqj093etBZV9h8lo/MgkNaiGoPl+Wv86DrnsJWlIT7GlQRd7E2rSpWwIT1dtpI2rlSpUjjajnFvXKmzsi8ZLxBt7U1jUbWyYyUA0c7eNBJVwgZwWtmbppUqYQMwbexNsKgPnr6sWgWGSoCm8ea0BpVK4yHrHGlqb4IsjdiY/PRMcWdyengecmxQpUrYkJ8mcw69lSpViobgMe7eSpUqRUOwvdkp6mT6eiDNTngI3e6yU9SivBQbg4ugOYe+5VfCBmSE2JutokokiBbvnMOtokqzE158cw5rLU21/8gY+58SsLLT3tRWqjQ7oWdnp9yGqNLsRIXtWfyGqBI2kGHrnMMVURdViuYxzMJuttmbFVGl2Ykctfda15dfCRuIUTfn8KOoEjbQpG7O4fVKlSqlyYa9mYsqzU7UWbU3c1Gl2Yk8K/bGXD3j0+79I0aoc93eGAkb2PDR3hgJG/iwnHOonZWxSuDC/O6NcfdNnymBC3N740QtHimBD9YemaoF3Vp76t47VwJ9tDlY2fkwmZ4dXc6KlcjJLc/D6+/3b/QOipm9vf69jNFfrn33gTtZNm4OaG2HavMnqfmY0Ab3+o47zyZMxZV/XuVytpl6rZ90FS4P3fjY5klX/7WOgXth1k5GXXccOtzv8/+v3311jFZU7EymVYj+yYr4dSedO8EGZVmuHFe32lUnkjv2YO2r61a7mpOumuai/rzRf/94cnp88QHKzkwJ5KAhCQAAAABJRU5ErkJggg==);
}

.pyramid-level[data-level="1"] .level-header .level-main:after {
  background-image: url(data:image/png;base64,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);
}

.pyramid-level[data-level="2"] .level-header .level-main:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXEAAACICAYAAAARbdvBAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAbtSURBVHgB7d1LbhzXGQXgv6pbc04DxEDH9AKSFai9AmUHLDoLkHaQZAVGdsAdJEvQEjxPAhOWBE09JuK+YVGIY5mvftTj3lvfN5FINKcHB9X33GpiYb7807vXsYs3TcQmgJq8/SmtL6+vfnMdC9LEgnz5zQ/fNql5E0CtfmxT8/U/r377XSxEGwux6b7fCHCo3tmuSd/GgiwmxFfN6i8BLMH2q+7dNhZiESHet/DbJ0cXASxCauLPsRCLCHEtHBZnu+k+bmIBqg9xLRyWqY2bLhag+hBfx4s/BrA4TdO+vi1xZ1G56kP89pvq1wEs0VkbbfUn0qoO8fPuh86oB5ZrCW286hBPTbOYb6iBB/VtvIuKVRviWjjQ69t4VKzeJt44kQLc2dQ8/qkyxL/qvt/e/rMNgKh7/FNliKdm1QXA/1U7xa8uxI17gIfU2sarC3ETe+ARVU7xqwpxLRx4Shs31Y1/qgrxdfvCOhN4VNO0F7WNf6oK8V1K7kkBnlLdFL+aEDfuAfZR2xS/mhA3sQf2VFUbryLEtXDgEDVN8asIcS0cONDZ5vLDq6hA8SHeT+y1cOBQq9hV8Uil+BBP7dqxQuAYVUzxiw7xu3FPCscKgaPUMMUvOsRN7IETFd/Giw1xE3tgCKktO0eKDXEtHBhESl3J458iQ7xv4SmalwEwgJLHP0WG+CpWjhUCgyl5il9kiBv3AAMrdopfXIib2ANjKHWKX1yIa+HASM7OL98Xd1KlqBA3sQfGlbooTFEhnpq1Fg6MqbjxTzEh/mncE9sAGFFpU/xiQty4B5hIUW28iBA3sQemVFIbLyLEtXBgYttN93ETBcg+xLVwYA5t3HRRgOxDfB0v3BcOTK6UKX72Ib5rkjf3AHMoYoqfdYib2ANzKqGNZx3iJvbAzPo23kXGsg1xLRzIQe4XY+XbxBsnUoAsbHIe/2QZ4v1FV2FiD2Qi5/FPliGemlUXAPnIdoqfXYgb9wA5yrWNZxfiJvZAprKc4mcV4lo4kLM2brIb/2QV4m27FuBAtpqmvcht/JPX45QUXQDkK7spfjYhbtwDlCC3KX42IW5iDxQiqzaeRYhr4UBJcpriZxHiWjhQmLPN5YdXkYHZQ7yf2GvhQGlWscvikcrsIZ7atZc+ACXKYoo/a4jfjXtSeP0aUKQcpvizhriJPVC42dv4bCFuYg/UILXz5thsIa6FA1VIqZtz/DNLiPctPEXzMgAqMOf4Z5YQX8XKsUKgGnNO8WcJceMeoDKzTfEnD3ETe6BGc03xJw9xLRyo1Nn55fvJT6pMGuIm9kDdUhcTmzTEU7PWwoGaTT7+mSzEP417YhsAFZt6ij9ZiBv3AAsxaRufJMRN7IElmbKNTxLiWjiwMNtN93ETExg9xLVwYInauOliAqOH+DpeuC8cWJyppvijh/iuSd7cAyzRJFP8UUPcxB5Ysina+KghbmIPLFzfxrsY0WghroUDjH8x1nhNvHEiBeDWZszxzygh3l90FSb2AHfGHP+MEuKpWXUBwP+MNsUfPMSNewDuG6uNDx7iJvYADxplij9oiGvhAI9r42bw8c+gId62awEO8IimaS+GHv8M+zglRRcAPGbwKf5gIW7cA/C8oaf4g4W4iT3AXgZt44OEuBYOsL8hp/iDhLgWDnCQs83lh1cxgJNDvJ/Ya+EAh1nFbpBHKieHeGrXXvoAcLhBpvgnhfjduCeF168BHGGIKf5JIW5iD3CSk9v40SFuYg9wutSelqNHh7gWDjCAlLpTxj9HhXjfwlM0LwOAk50y/jkqxFexcqwQYCCnTPGPCnHjHoBBHT3FPzjETewBhnfsFP/gENfCAUZxdn75/uCTKgeFuIk9wJhSFwc6KMRTs9bCAcZz8Phn7xD/NO6JbQAwmkOn+HuHuHEPwCQOauN7hbiJPcB0Dmnje4W4Fg4wqe2m+7jZ54PPhrgWDjC9Nm66/T73jHW8cF84wMT2neI/G+K7JnlzD8D09priPxniJvYA89mnjT8Z4ib2ALPq23j31AceDXEtHGB+z12M1T7xl06kAMxv89T458EQ7y+6ChN7gCw8Nf5pH/6DVRcA5OLRKf69EDfuAcjPY238Xoib2ANk6cEp/mchroUD5KuNmzf3f/fLH9q1AAfIVNO0F78e/3z+OCVFFwDk6t4U/+cQN+4ByN+vp/g/h7iJPUARPmvjdyGuhQOU45dT/PbTLxrXzQKU42xz+eFV/5+2n9iniN8HAMVYxe7ukUpz/s27v0cKb+8BKEyT4utWgAOUaRe7bf9M/McAoEh9iH8XABSnjfZt+1P6z2Vo4wBlSfG3f1198ba9vvrd9W2Q/+H2F/8IALKWUlzffqH5139ffXF3OuW/yfeosEdttgYAAAAASUVORK5CYII=);
}

.pyramid-level[data-level="3"] .level-header .level-main:after {
  background-image: url(data:image/png;base64,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);
}

.pyramid-level[data-level="4"] .level-header .level-main:after {
  background-image: url(data:image/png;base64,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);
}

.pyramid-level[data-level="0"] .level-header .level-main:before {
  right: 26%;
}

.pyramid-level[data-level="1"] .level-header .level-main:before {
  right: 20%;
}

.pyramid-level[data-level="2"] .level-header .level-main:before {
  right: 12%;
}

.pyramid-level[data-level="3"] .level-header .level-main:before {
  right: 4%;
}

.pyramid-level[data-level="4"] .level-header .level-main:before {
  right: -3%;
}

/* Header của mỗi level (clickable) */
.level-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.level-header.active {
  border-radius: 8px 8px 0 0;
}

.level-main {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px 30px;
  cursor: pointer;
  position: relative;
  border-radius: 0;
  min-height: 136px;
  margin: 0 50px 0 auto;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  flex: 1;
}

.level-main:before {
  content: '';
  position: absolute;
  width: 82px;
  height: 23px;
  right: 0;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFIAAAAPCAYAAAB3PJiyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGYSURBVHgB7ZjBbcJAEEVn1g4iN0pwpEgoJ3AJlEBSgN1BaIDIShogFQQKIJSQEgyHCImTS+AWRPBOZhbnEMA49g2tnzTele3dw9do/uwiHDCcrkIeAo4uR4tjzTFHVOPn+9sJ1JwEfyfRbOntUmeGaATMI3FU2ov6dwnU/MEIKSKm2vngqfePNbWYJ3DlUUJEwWQujz5YRBzHLWg0H3kaAhmtEk7DMWw3r77vrzGriW9QEq6ZoS0104h4dc3JRifKHs7h+6uniIyxlIZIh2ALJhMpxzuoq93GwC0wl3N0F4tFBBagC5JNoQoU7FucKlRdd4l4Rd/FbKRPrCLKutPpRGAB8ecyyAwmj0Rq5ByqUXXdxaG1Pm+qBBOFmFZyXkQagyWo3XbEauUkDrv2bjMyDfnT+yrmzCxhOpS8PLRvwCJMC+Q2B9w7ivF4PCagYSIiSh9pGnKFaT8lxX0SesVbEp9sdA8sQ8TiIcriCHFtkOPeXhxKzm0m9VT+q4+Hx+Dhi+F0GRI5QdZfmtsfEVAp4tufdn37k8MP9jCUUlk7njUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.level-main:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.level-label {
  font-size: 24px;
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
  text-align: center;
  z-index: 2;
}

.level-main svg {
  z-index: 9;
}

.level-main svg path {
  fill: #fff;
}

.level-info {
  border: 1px solid #E5E7EB;
  border-radius: 10px;
  padding: 25px;
  width: 500px;
  height: 135px;
  color: #101828;
  box-shadow: 0px 1px 3px 0px #0000001A;
}

.level-info .level-name {
  font-weight: 600;
  line-height: 1.4;
  color: #101828;
  font-size: 18px;
}

.level-name {
  font-size: 16px;
  font-weight: 600;
}

#main .level-description {
  line-height: 1.4;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 14px;
  color: #4A5565;
  padding-left: 39px;
}

.content-title {
  text-align: center;
  color: #288CCC;
  font-size: 30px;
  font-weight: 700;
}

.toggle-icon {
  position: absolute;
  right: 15px;
  bottom: 10px;
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,0.2);
}

.level-header.active .toggle-icon {
  transform: rotate(180deg);
}

/* Nội dung mở rộng */
.level-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  background: white;
  border-top: none;
  border-radius: 0 0 8px 8px;
  width: 100%;
  max-width: 90%;
  margin: 0 auto;
}

.level-content.active {
  max-height: 1000px;
  padding: 0;
  border: 1px solid #288CCC;
  margin: 70px auto;
  border-radius: 12px;
}

.content-inner {
  padding: 25px 30px;
}

.content-text {
  margin: 0 0 20px 0;
  color: #555;
  line-height: 1.6;
  font-size: 15px;
}

.content-images {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.image-card {
  position: relative;
  text-align: center;
  flex: 1;
  max-width: 281px;
  min-width: 250px;
  background-color: #000;
  border-radius: 12px;
}

.image-card img {
  height: 354px;
  object-fit: cover;
  border-radius: 12px;
  opacity: 0.6;
}

.image-placeholder {
  width: 100%;
  aspect-ratio: 16/9;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  margin-bottom: 10px;
}

#wrapper .image-title {
  margin: 0 0 12px 0;
  line-height: 1.4;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
}

#wrapper .image-info-wrap {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 14px;
  text-align: left;
}

#wrapper .image-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #FFFFFF;
  margin: 0;
}

/* Responsive Design - Tablet */
@media (max-width: 768px) {
  .level-main:before {
      content: none;
  }
  .level-main {
      margin: 0 auto;
      width: 100%;
      min-height: 76px;
  }
  .level-info .level-name,
  .content-title {
      font-size: 15px;
  }

  #main .level-description {
      font-size: 13px;
      line-height: 1;
  }

  .content-images {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }

  .image-card {
      width: 90%;
  }

  .level-info {
      width: 100%;
      margin-top: 16px;
      padding: 16px;
  }

  .level-header {
      flex-direction: column;
      align-items: flex-start;
      padding: 15px 20px;
      min-height: auto;
  }
  
  .level-description {
      max-width: 100%;
      text-align: left;
      margin-top: 8px;
  }
  
  .level-label {
      font-size: 20px;
  }
  
  .level-name {
      font-size: 14px;
  }
  
  .toggle-icon {
      top: 15px;
      right: 15px;
      bottom: auto;
  }
  .automation-pyramid-container {
      margin-top: 0;
      margin-bottom: 0;
  }
  .level-content.active {
      margin: 16px 0;
      max-width: 100%;
      max-height: unset;
  }
}

/* Responsive Design - Mobile */
@media (max-width: 480px) {
  .pyramid-level {
      width: 100% !important;
  }

  .pyramid-level[data-level="0"] .level-label {
    margin-top: 18px;
  }
  
  .level-header {
      padding: 0;
  }
  
  .level-label {
      font-size: 16px;
  }
  
  .level-name {
      font-size: 12px;
  }
  
  .level-description {
      font-size: 12px;
  }
  
  .content-inner {
      padding: 15px;
  }
  
  .content-images {
      grid-template-columns: 1fr;
  }
}

/* Animation */
.pyramid-level {
  animation: fadeInScale 0.5s ease-out;
  animation-fill-mode: both;
}

.pyramid-level:nth-child(1) { animation-delay: 0.1s; }
.pyramid-level:nth-child(2) { animation-delay: 0.2s; }
.pyramid-level:nth-child(3) { animation-delay: 0.3s; }
.pyramid-level:nth-child(4) { animation-delay: 0.4s; }
.pyramid-level:nth-child(5) { animation-delay: 0.5s; }

@keyframes fadeInScale {
  from {
      opacity: 0;
      transform: scale(0.95);
  }
  to {
      opacity: 1;
      transform: scale(1);
  }
}

/* ── Image Effect Shadow ───────────────────────────────────────── */
#wrapper .image-effect-shadow {
  position: relative;
  display: inline-block;
  border-radius: 10px;
  z-index: 1;
  margin-left: 20px;
}

#wrapper .image-effect-shadow img {
  display: block;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  object-fit: cover;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

#wrapper .image-effect-shadow::after {
  content: '';
  position: absolute;
  inset: 0;
  width: calc(100% - 20px);
  border-radius: 10px;
  background: #288ccc;
  transform: translate(-20px, 20px);
  z-index: -1;
}