/*@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
header, section, section a, p, span{font-family: "Montserrat", sans-serif;}
section .container{max-width: 1200px;margin: auto;padding: 0 16px;}
body[data-elementor-device-mode="desktop"] .show4mb{display: none;}
body[data-elementor-device-mode="mobile"] .show4desk{display: none;}
section ul{padding:0;}
section img{display: block;}
section p{margin-bottom: 0;color:#475569;}
.highlight,
section .highlight,
section .title strong{
    background: linear-gradient(to right, #0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section .center, .center{text-align: center;}
section h2.title{font-size:28px;line-height:1.3;margin:0 0 8px;font-weight:700;}
section h3.title{font-size:22px;line-height:1.3;margin:0 0 8px;font-weight:700;}
section strong{font-weight:700;}
section .desc{font-size:14px;color:#000000;}
section .btns{display:flex;justify-content:center;flex-wrap:wrap;gap:16px;}
section .btn, 
.btns .btn{
    padding: 12px 16px;
    line-height: 1.2;
    font-size: 14px;
    font-weight: 500;
    border-radius: 32px;
    text-decoration: none;
    border: 1px solid #EF004B;
    background-color: #EF004B;
    color: white;
    gap:4px;
}
section .btn:hover,
.btns .btn.is-outline{background-color:white;color:#EF004B;}
.btns .btn.is-outline:hover{background-color: #EF004B;color:white;}
.btns .btn.has-arrow:after{
    content: '\f061';
    font-weight: 900;
    font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
    margin-left: 4px;
}
section figure{margin:0;}
section figure img{border-radius: 16px;}
section .slick-slider .slick-track{display: flex;}
section .slick-slider .slick-slide{display: flex;height:auto;}
section .slick-dots{display: flex; justify-content: center; align-items: center;}
section .slick-dots li{display: flex;width: fit-content;}
section .slick-dots li button{width: 12px; height: 12px; background: #eee;}
section .slick-dots li.slick-active button{
    width: 32px;
    height: 12px;
    border-radius: 16px;
    background: linear-gradient(to right, #0693E3, #9900EF);
}
section .slick-dots li button:before{display:none;}
section .slick-slider .slick-arrow{
    background: linear-gradient(to right, #0693E3, #9900EF);
    width: 32px;
    height: 32px;
    border-radius: 100px;
    z-index: 2;
}
section.light .slick-slider .slick-arrow{
    background: #D9D9D9;
}
section.light .slick-slider .slick-arrow:hover{
    /*background: linear-gradient(to right, #0693E3, #9900EF);*/
    background: #FFFFFF;
}
section .slick-slider .slick-arrow.slick-prev{left: -32px;}
section .slick-slider .slick-arrow.slick-next{right: -32px;}
section .slick-slider .slick-arrow.slick-prev:before,
section .slick-slider .slick-arrow.slick-next:before{
    color: white;
    font-weight: 900;
    font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
    margin: 0;
}
section .slick-slider .slick-arrow.slick-prev:before{
    content: '\f104' !important;
}
section .slick-slider .slick-arrow.slick-next:before{
    content: '\f054' !important;
}
section.light .slick-slider .slick-arrow:before{
    background: linear-gradient(to right, #0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
section.light .slick-dots li.slick-active button{
    background: white;
}

.sec__banner{
    position: relative;
    background: linear-gradient(135deg, #0693E3, #9900EF);
    padding: 124px 0;
}
.sec__banner .bg img.bg{
    width: 100%;
    max-height: 100vh;
    object-fit: cover;
    object-position: center right;
    position:absolute;
}
.sec__banner .bg .wrapper{
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/
    display: flex;
    align-items: center;
    color: white;
}
.sec__banner .container{
    max-width: clamp(1140px, 85vw, 1650px);
    padding: 0 16px;
    margin: 0 auto;
}
.sec__banner .row{
    display: grid;
    align-items: center;
    grid-template-columns: 1.5fr 1fr;
}
.sec__banner .row .col img.img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sec__banner .title{
    font-size: 36px;
    line-height: 1.2;
    margin: 0;
}
.sec__banner hr{
    max-width: 320px;
    height: 2px;
    margin: 32px 0;
    background-color: white;
}
.sec__banner .text-wrap{margin-bottom: 24px;}
.sec__banner .text{
    font-size: 18px;
    line-height: 1.6;
    padding-right: 32px;
}
.sec__banner .text p{color: white;}
.sec__banner .btns{display: flex;justify-content:flex-start;}
.sec__banner .btns .btn{font-size:18px;margin-right: 24px;}
.sec__banner .btns .btn:hover,
.sec__banner .btns .btn:nth-child(even){
    background-color: white;
    color: #EF004B;
}
.sec__banner .btns .btn:nth-child(even):hover{
    background-color: #EF004B;
    color: white;
}
.sec__banner .btns .btn:nth-child(even):after{
    content: '\f061';
    font-weight: 900;
    font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
    margin-left: 4px;
}
.sec__banner .bottom{
    position: absolute;
    width:100%;
    bottom: -72px;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sec__banner .bottom .note{
    margin-top: 16px;
    color: #64748B;
    font-size:16px;
}
.sec__banner .bottom .note ul{
    list-style: none;
    padding-left: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.sec__banner .bottom .note ul li{
    position: relative;
    padding-left: 22px;
    display: flex;
    align-items: center;
}
.sec__banner .bottom .note ul li::before {
  content: "\f00c"; 
  font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
  font-weight: 900; 
  position: absolute;
  left: 0;
  color: #22C55E;
}
.sec__banner .thanhtuu{
    list-style: none;
    width: 100%;
    max-width: 900px;
    padding: 24px 0;
    margin: 0 auto;
    background-color: white;
    border-radius: 16px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    display: grid;
    grid-template-columns: repeat(3,1fr);
}
.sec__banner .thanhtuu .tt{
    padding: 0 24px;
    border-right: 1px solid #E2E8F0;
}
.sec__banner .thanhtuu .tt .tt--title{
    font-size: 20px;
    margin-bottom: 8px;
}
.sec__banner .thanhtuu .tt .tt--content{
    font-size: 14px;
    margin-bottom: 0;
}

.sec__banner .text-wrap {
  overflow: hidden;
}

.sec__banner .text.js-readmore {
  overflow: hidden;
  max-height: 999px; 
  transition:
    max-height .45s ease,
    opacity .3s ease,
    transform .3s ease;
}

.sec__banner .text.js-readmore.is-collapsed {
  opacity: 1;
}

.sec__banner .text.js-readmore.is-open {
  opacity: 1;
}

.sec__banner .text.js-readmore > * {
  transition: opacity .25s ease, transform .25s ease;
}

.sec__banner .text.js-readmore.is-collapsed > *:not(:first-child) {
  opacity: 0;
  transform: translateY(-6px);
  pointer-events: none;
}

.sec__banner .text.js-readmore.is-open > * {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.sec__banner .readmore-btn {
  margin-top: 14px;
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-weight: 500;
  color: white;
  font-size: 18px;
  width: 100%;
  justify-content: center;
}

.sec__banner .readmore-btn .text-rl {
  display: none;
}

.sec__banner .readmore-btn[aria-expanded="true"] .text-rm {
  display: none;
}

.sec__banner .readmore-btn[aria-expanded="true"] .text-rl {
  display: inline;
}

.sec__banner .readmore-btn i {
  margin-left: 6px;
  transition: transform .3s ease;
}

.sec__banner .readmore-btn[aria-expanded="true"] i {
  transform: rotate(180deg);
}


.sec__thitruong{padding: 124px 0 64px;}
.sec__thitruong .desc,
.sec__thitruong .thitruong-list{margin-bottom: 24px;}
.sec__thitruong .thitruong-list .slick-track{
    display: flex;
}
.sec__thitruong .thitruong-item{
    height: auto;
    padding: 4px;
}
.sec__thitruong .thitruong-card{
    padding: 24px;
    border-radius: 16px;
    background-color: #F8FAFC;
    height: 100%;
    border:1px solid #E2E8F0;
    position: relative;
}
.sec__thitruong .thitruong-card:before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    border-radius: 16px;
    background: #E2E8F0;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.sec__thitruong .thitruong-card:hover:before{
    background: linear-gradient(to bottom, #0693E3, #9900EF);
}
.sec__thitruong .thitruong-card .head img{
    transition: transform .35s ease;
    will-change: transform;
}

.sec__thitruong .thitruong-card:hover .head img{
    transform: rotate(-15deg);
}

.sec__thitruong .thitruong-card .thitruong--title{
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    margin: 24px 0;
}
.sec__thitruong .btns{margin-top:24px;}

.sec__dv{padding-bottom:64px;}
.sec__dv .container{max-width: 1024px;}
.sec__dv .accordion{margin-top: 24px;}
.sec__dv .accordion .accordion-item{
    padding: 16px 24px;
    border-radius: 16px;
    /*background-color: #F8FAFC;*/
    /*border: 1px solid #D9D9D9;*/
    margin-bottom: 16px;
    background: linear-gradient(135deg, #e6f0ff 0%, #fde8f0 100%);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.sec__dv .accordion .accordion-item[open]{
    border: 1px solid #0693E3;
}
.sec__dv .accordion .accordion-item summary {list-style: none;cursor:pointer;}
.sec__dv .accordion .accordion-item summary .head{
    display: grid;
    grid-template-columns: 40px 1fr auto;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    font-size: 16px;
}
.sec__dv .accordion .accordion-item summary .head .index{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    /*background: linear-gradient(135deg, #0693E3, #7b68ee);*/
      background: linear-gradient(90deg, #0BC5FC 0%, #6F2CC4 100%);
    color: white;
    font-weight: 700;
}
.sec__dv .accordion .accordion-item summary .head .item--title{font-size:16px;font-weight:700;margin:0;}
.sec__dv .accordion .accordion-item summary::-webkit-details-marker {display: none;}
.sec__dv .accordion .accordion-item summary:marker {
  content: '';
  display: none;
}
.sec__dv .accordion .accordion-item[open] summary .head .fa-angle-down,
.sec__dv .accordion .accordion-item[open] svg{
    transform: rotate(180deg);
    transition: 0.5s easy-in-out;
}
.sec__dv .accordion .accordion-item summary .head .fa-angle-down{
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: white;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}
.sec__dv .accordion .accordion-item summary .head .fa-angle-down:before{
    font-size: 20px;
    background: linear-gradient(to bottom, #0693E3, #7b68ee);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec__dv .accordion .accordion-item .accordion--content{
    display: flex;
    gap: 16px;
    padding-top: 16px;
}
.sec__dv .accordion .accordion-item .accordion--content img{
    max-width: 320px;
    height: 100%;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    /*aspect-ratio: 16/9;*/
    /*object-fit: contain;*/
}
.sec__dv .accordion .accordion-item .accordion--content ul{
    padding-left: 24px;
}
.subtitle.pp{
    margin-bottom: 8px;
    font-size:16px;
    font-weight: 700;
    background: linear-gradient(to right, #0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.sec__pp{
    padding: 64px 0;
    background: linear-gradient(135deg, #F0F9FF 0%, #F5F3FF 100%);
}
/*.sec__pp .pp-grid {*/
/*  display: grid;*/
/*  grid-template-columns: 1fr 1fr;*/
/*  gap: 24px;*/
/*  margin-top: 24px;*/
/*}*/
.sec__pp .pp-grid{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 32px;
}
.sec__pp .pp-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
}
.sec__pp .pp-nav button{
    padding: 12px 16px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
    border-radius: 99px !important;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s ease;
    background: white;
    color: black;
    position: relative;
}
.sec__pp .pp-nav button:before{
    content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 99px;
  background: linear-gradient(to right, #0693E3, #9900EF);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.sec__pp .pp-nav button.active,
.sec__pp .pp-nav button:hover{
    background: linear-gradient(to right, #0693E3, #9900EF);
    color: white;
}
.sec__pp .pp-nav button.active span,
.sec__pp .pp-nav button:hover span{
    /*background: linear-gradient(to right, #0693E3, #9900EF);*/
    /*-webkit-background-clip: text;*/
    /*-webkit-text-fill-color: transparent;*/
    border-radius: 32px;
}
.sec__pp .pp-media,
.sec__pp .pp-panel {
  display: none;
}

.sec__pp .pp-media.active,
.sec__pp .pp-panel.active {
  display: block;
}
.sec__pp img {
    width: 100%;
    object-fit: contain;  
    border-radius: 16px;
}
.sec__pp .pp-media iframe,
.sec__pp .pp-media video
{
  aspect-ratio: 16/9;
  border-radius: 16px;
  object-fit: contain;
}

.sec__pp .pp-content {
  grid-column: 1 / -1;
  padding: 24px;
  border-radius: 16px;
  background: linear-gradient(to right, #0693E3, #9900EF);
  border: 1px solid #94A3B8
}
.sec__pp .pp-content .pp-panel.active{
    display: flex;
    /*align-items: center;*/
}
.sec__pp .pp-content .pp-panel > div{
    padding-right: 24px;
}
.sec__pp .pp-content .pp-panel > img{
    flex-basis: 280px;
    max-width: 280px;
    width: 100%;
    object-fit: contain;
    border-radius: 16px;
}
.sec__pp .pp-content .pp-panel h3{
    color: white;
}
.sec__pp .pp-content p,
.sec__pp .pp-content li{
    color:#fff;
    font-size:14px;
    line-height: 1.5;
    font-weight: 300;
}
.sec__pp .pp-content strong{
    font-weight: 600;
}
.sec__pp .pp-content ul{
    padding-left: 32px;
}
.sec__pp .pp-content blockquote{
    padding:0;
    margin-bottom: 0;
    border-radius: 99px;
    font-weight: 600;
    position: relative;
    border: none;
}

.sec__pp .pp-content blockquote strong{
    color:#EF004B;
}
.sec__pp .pp-accordion{margin-top:24px;padding:0 16px;}
.sec__pp .pp-accordion .pp-acc-item{
    background-color:white;
    border-radius:16px;
    margin-bottom: 8px;
    position: relative;
}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-header{
    background-color:#F8FAFC;
    border:none;
    border-radius: 16px;
    border:1px solid white;
    padding:12px 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    font-size:13px;
    line-height: 1.2;
    font-weight: 700;
    
}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-header p{
    color: black;
    display:flex;
    align-items:center;
    gap:8px;
    text-align: left;
}
.sec__pp .pp-accordion .pp-acc-item[aria-expanded="true"] .pp-acc-header p.desc,
.sec__pp .pp-accordion .pp-acc-item.active .pp-acc-header p.desc{
    display: none;
}
/*.sec__pp .pp-accordion .pp-acc-item:before{*/
/*      content: "";*/
/*  position: absolute;*/
/*  inset: 1px;*/
/*  padding: 2px;*/
/*  border-radius: 16px;*/
/*  background: linear-gradient(to bottom, #0693E3, #9900EF);*/
/*  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
/*  -webkit-mask-composite: xor;*/
/*  mask-composite: exclude;*/
/*  pointer-events: none;*/
/*}*/
.sec__pp .pp-accordion .pp-acc-item .pp-acc-header{align-items:flex-start;}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-header span{
    /*display:inline-flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*width:24px;*/
    /*height:24px;*/
    /*background: linear-gradient(to right, #0693E3, #9900EF);*/
    /*color:white;*/
    /*border-radius: 100px;*/
}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body{
    display:none;
    padding:0 16px 16px;
    color:black;
}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body p,
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body li{color:black;font-size:12px;}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body ul{padding-left:24px;}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body blockquote{padding-left:8px;border:none;color:#64748B;}
.sec__pp .pp-accordion .pp-acc-item .pp-acc-body blockquote strong{color:#EF004B;}
.sec__pp .pp-accordion .pp-acc-item.active .pp-acc-body{display:block;}
.sec__pp .pp-accordion .pp-acc-item.active .pp-acc-header i{transform:rotate(180deg);}
.sec__dn{
    padding:64px 0;
}
.sec__dn .case-slider{
    margin-top:24px;
}
.sec__dn .case-slider .slick-track{display: flex;}
.sec__dn .case-slider .case-item{
    padding: 12px 12px 24px;
    height: auto;
}

.sec__dn .case-slider .case-item .cover{
    height:100%;
    background-color: #EFF6FF;
    border-radius:16px;
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
    transition: 
      transform .35s ease,
      box-shadow .35s ease;
}
.sec__dn .case-slider .case-item:hover .cover{
    transform: translateY(-8px);
    box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.10), 0px 12px 20px -3px rgba(0, 0, 0, 0.35);
}
.sec__dn .case-slider .case-item .cover .case-thumb{
    border-radius: 16px 16px 0 0;
    overflow: hidden;
}
.sec__dn .case-slider .case-item .cover .case-thumb img{
    transition: transform 0.35s ease;
    will-change: transform;
    aspect-ratio:16/9;
    object-fit: cover;
    border-radius: 16px 16px 0 0;
}
.sec__dn .case-slider .case-item:hover .cover .case-thumb img{
    transform: scale(1.1);
}

.sec__dn .case-body{position: relative;}
.sec__dn .case-meta{
    position: absolute;
  background: #EF004B;
  padding: 8px;
  border-radius: 4px;
  width: fit-content;
  font-size: 12px;
  top: -40px;
  line-height: 1;
  font-weight: 600;
  color: white;
}

.sec__dn .case-item .case-body{
    padding:20px;
    background-color: #EFF6FF;
    border-radius: 0 0 16px 16px;
}
.sec__dn .case-item .case-body .wrapper{
    padding: 16px;
    background-color: #F8FAFC;
    border-radius: 16px;
}
.sec__dn .case-item .case-body .case-stats{
    display: grid;
    grid-template-columns: 1fr 1fr;
    list-style: none;
    gap: 24px;
    margin-bottom: 8px;
    font-size:14px;
}
.sec__dn .case-item .case-body .case-stats span{color:#64748B;font-size:12px;}
.sec__dn .case-item .case-body .case-stats .traffic strong{
    background: -webkit-linear-gradient(#0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec__dn .case-item .case-body .case-stats .gold strong{
    color:#16A34A;
}
.sec__dn .case-header{
    display:grid;
    grid-template-columns: 1fr 20px;
    align-items:center;
    margin-bottom: 16px;
}
.sec__dn .case-header .case-name{display: flex;align-items:center;}
.sec__dn .case-header .case-name .name{font-size:20px;margin:0;font-weight:600;margin-right:8px;}
.sec__dn .case-header .case-name span{color:#64748B;font-size:16px;}
.sec__dn .case-desc{padding-top:8px;border-top:1px solid #64748B;}
.sec__dn .btns{display:flex;justify-content:center;gap:8px;align-items:center;margin-top:40px;}
/*.sec__dn .btns .btn.is-outline{background-color:white;color:#EF004B;}*/
.sec__ai{
    padding: 0 0 64px;
    /*border-top: 2px solid #333;*/
}
.sec__ai .btns{margin-top:32px;}
.sec__ai .ai-slider{
    margin: 24px 0 32px !important;
}
.sec__ai .ai-slider.show4desk .ai-slide{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.sec__ai .ai-slider.show4mb .slick-track:before,
.sec__ai .ai-slider.show4mb .slick-track:after{display:none;}
.sec__ai .ai-slider .ai-slide .ai-item figure{
    position: relative;
    margin-bottom: 8px;
}
.sec__ai .ai-slider .ai-slide .ai-item figure img{
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}
.sec__ai .ai-slider .ai-slide .ai-item figure figcaption{
    content: '';
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    padding: 16px;
    color: white;
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: flex-end;
    border-radius: 24px;
}
.sec__ai .cta.center{
    margin-top:32px;
    display: flex;
    justify-content: center;
}
.sec__feedback{
    padding: 64px 0;
    background: linear-gradient(to right, #0693E3, #9900EF);
}

.sec__feedback .title,
.sec__feedback .desc{color:white;}
.sec__feedback .feedback-slider{max-width:900px;margin:24px auto 32px;}
/*.sec__feedback .feedback-slider .slick-dots{bottom: -48px}*/
.sec__feedback .feedback-slider .feedback-item{
    padding: 0 16px 16px;
}
.sec__feedback .feedback-item .wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    background-color: white;
    color: black;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 32px;
    position: relative;
}
.sec__feedback .feedback-slider .feedback-item .fb-first{position:absolute;left:32px;top:32px;}
.sec__feedback .feedback-slider .feedback-item .fb-last{position:absolute;right:32px;bottom:32px;}
.sec__feedback .feedback-slider .feedback-item figure{
    max-width: calc(100% - 190px);
    margin: auto;
    padding: 0 24px;
}
.sec__feedback .feedback-slider .feedback-item blockquote{
    margin: 0 0 16px;
    padding: 0;
    border: none;
    font-style: normal;
    text-align: center;
}
.sec__feedback .feedback-slider .feedback-item figcaption{
    display: grid;
    grid-template-columns: 90px 1fr;
    gap: 8px;
    align-items: center;
}
.sec__feedback .feedback-slider .feedback-item figcaption .feedback-meta{
    display: grid;
    gap: 4px;
}
.sec__feedback .feedback-slider .feedback-item figcaption span{
    font-weight: 700;
    background: -webkit-linear-gradient(#0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec__feedback .feedback-slider .feedback-item figcaption .rating{
    color: #FFCC00;
    font-weight: 300;
}
.sec__visao{
    padding: 64px 0;
}
.sec__visao .row{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    margin-top: 24px;
}
.sec__visao .accordion .accordion-item{
    padding: 0 0 16px 32px;
    margin-bottom: 0;
    border-left: 4px solid #EFF6FF; 
}
.sec__visao .accordion .accordion-item summary{list-style: none;cursor:pointer;}
.sec__visao .accordion .accordion-item summary::-webkit-details-marker {display: none;}
.sec__visao .accordion .accordion-item summary:marker {
  content: '';
  display: none;
}
.sec__visao .accordion .accordion-item[open]{
    border-left: 4px solid transparent; 
    border-image: linear-gradient(to bottom, #0693E3, #9900EF) 1; 
    border-image-slice: 1
}
.sec__visao .accordion .accordion-item summary .accordion-title{
    font-size: 20px;
    font-weight: 700;
    background: -webkit-linear-gradient(#0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.sec__visao .accordion .accordion-item .accordion-content{
    font-size: 16px;
    font-weight: 300;
    margin-top: 8px;
    transition: all .35s cubic-bezier(.4,0,.2,1);
}
.sec__visao .accordion .accordion-item .accordion-content p{margin-bottom: 8px;font-size:14px;}
.sec__visao .accordion .accordion-item .accordion-content p:last-child{margin-bottom:0;}
.sec__logo .logo-slider{
    margin-top: 24px;
}
.sec__logo .logo-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 2 hàng x 5 cột */
    gap: 24px;
    align-items: center;
    list-style: none;
}

.sec__logo .logo-item img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.sec__doingu{
    padding: 64px 0;
}
.sec__doingu .desc strong{
    color: #EF004B;
    font-weight: 600;
}
.sec__doingu .row{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-top: 32px;
}
.sec__doingu .thongso{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 8px;
    margin:24px 0;
}
.sec__doingu .thongso .thongso-item{
    background-color: rgba(248, 250, 252, 90%);
    border-radius: 16px;
    padding: 8px 24px;
}
.sec__doingu .thongso .thongso-item dt{
    font-size:32px;
    font-weight: 900;
}

.sec__doingu .thongso .thongso-item dd{
    margin:0;
    font-weight: 500;
    color:#475569;
}
.sec__doingu .box{
    position: relative;
    padding: 16px 32px;
    border-radius: 16px;
    background: #F8FAFC;
    overflow: hidden;
      box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.sec__doingu .box::before{
    content: "";
    position: absolute;
    inset: 0;
    padding-left: 4px; 
    border-radius: 16px;
    background: linear-gradient(to bottom, #0693E3, #9900EF);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

.sec__doingu .box .box--head{
    display: grid;
    grid-template-columns: 70px 1fr;
    gap: 8px;
    align-items: center;
}
.sec__doingu .box .box--head .name{font-size:20px;line-height: 1.2;}
.sec__doingu .box .box--content{
    padding-left: 0;
    border:none;
    font-style:normal;
    font-size:16px;
    color:#475569;
    background-color: #F8FAFC;
    margin:16px 0 0;
}
.sec__doingu .col--R img{
    width: 100%;
    height:100%;
    border-radius: 16px;
    object-fit: cover;
}
.sec__quytrinh{
    max-width:1140px;
    margin:auto;
    background-color:#F8FAFC;
    border-radius:16px;
    padding:64px 100px;
}
.sec__quytrinh .cover {
    padding:32px 0 48px;
    margin-top: 24px;
    border-radius: 16px;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 10px -6px #0000001A;
}

.sec__quytrinh .process-bar{
    width: 100%;
    height: 6px;
    background: #F8FAFC;
    overflow: hidden;
}

.sec__quytrinh .process-fill{
    display: block;
    height: 100%;
    width: 0%;
    background: linear-gradient(to right, #0693E3, #9900EF);
    transition: width .4s ease;
}

.sec__quytrinh .quytrinh{
    padding: 32px 64px 0;
}
.sec__quytrinh .quytrinh .buoc{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sec__quytrinh .quytrinh .buoc img{
    margin-bottom: 24px;
    aspect-ratio: 1/1;
    border-radius: 99px;
}
.sec__quytrinh .quytrinh .buoc .step{
    text-transform: uppercase;
    color:#9900EF;
    font-size: 18px;
    font-weight: 700;
}
.sec__quytrinh .quytrinh .buoc h3{
    font-size:28px;
    margin: 8px 0;
}
.sec__quytrinh .quytrinh .buoc .content{
    margin-top:24px;
    font-size:16px;
}
.sec__quytrinh .quytrinh .slick-dots{
    /*width:calc(100% - 130px);*/
    bottom: -48px;
    left: 0;
}
.sec__quytrinh .quytrinh .slick-dots button{
    padding:0;
}
.sec__quytrinh .quytrinh .slick-arrow{
    width:40px;
    height:40px;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    background-color: white !important;
}
.sec__quytrinh .quytrinh .slick-arrow:before{
    content: '←' !important;
    color:black;
    font-family: dashicon;
    margin-top:-8px;
}
.sec__quytrinh .quytrinh .slick-arrow.slick-prev{left:32px;}
.sec__quytrinh .quytrinh .slick-arrow.slick-next{right:32px;}
.sec__cta{
    position: relative;
    /*margin-top: 64px;*/
    background: linear-gradient(to right, #0693E3, #9900EF);
}
.sec__cta img{width:100%;}
.sec__cta .wrapper{
    position: absolute;
    z-index: 2;
    right:0;
    top: 0;
    height: 100%;
    padding-right: calc((100% - 1140px) / 2);
    display: flex;
    align-items: center;
    width:60%;
    color:white;
}
.sec__cta.last .wrapper{
    right:auto;left:0;
    padding-left: calc((100% - 1140px) / 2);
    padding-right: 0;
}
.sec__cta .title{margin:0;}
.sec__cta .content{display: grid;gap:16px;font-size:16px;margin-top:24px;}
.sec__cta .content p{color:white;}
.sec__cta .content ul{list-style: none;padding:0;margin:0;display: grid;grid-template-columns: 1fr 1fr;}
.sec__cta .content p em{font-size:14px;display:block;text-align:center;}
.sec__cta .btn{font-size:16px;margin:24px auto auto;}
.sec__cta.last .content{gap:24px;}
.sec__cta.last .btns{justify-content:flex-start;}
.sec__cta.last .btns .btn{margin:0px;}
.sec__cta.last ul{display: flex;gap:8px;}
.sec__cta.last ul li{
    display: flex;
  list-style: none;
  gap: 8px;
  margin: 0px;
  font-size:14px;
  border-right: 1px solid white;
  padding-right: 8px;
}
.sec__cta.last ul li:last-child{border:none;}
.sec__cta.last ul li{
    position: relative;
  padding-left: 22px;
  display: flex;
  align-items: center;
}
.sec__cta.last ul li:before{
    content: "\f00c";
  font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
  font-weight: 900;
  position: absolute;
  left: 0;
  color: #22C55E;
}
.sec__baogia{
    padding: 64px 0;
}
.sec__baogia .subtitle {font-size:20px;font-weight: 600;color:black;margin:8px 0;}
.sec__baogia .baogia{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
    margin-top: 48px;
}
.sec__baogia .baogia .item{
    border-radius: 20px;
    box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.3);
    transition: transform .35s ease, box-shadow .35s ease;
}
.sec__baogia .baogia .item:hover{
    transform: translateY(-8px);
  box-shadow: 0px 6px 8px -4px rgba(0, 0, 0, 0.10), 0px 12px 20px -3px rgba(0, 0, 0, 0.35);
}
.sec__baogia .baogia .item .item-inner{
    padding:32px 24px;
    height: 100%;
    position:relative;
    border-radius: 20px;
}

.sec__baogia .baogia .item .item-inner,
.sec__baogia .baogia .item .price{
    display: grid;
    gap:16px;
    font-size:14px;
}
.sec__baogia .baogia .item .title{margin:0;font-weight:700;}
.sec__baogia .baogia .item .price strong{font-size:16px;}
.sec__baogia .baogia .item .btn{margin: auto;font-size:14px;}
.sec__baogia .baogia ul{list-style: none;padding:0;margin:0}
.sec__baogia .baogia ul li{margin-bottom: 8px;}
.sec__baogia .baogia ul li:last-child{margin-bottom:0;}
.sec__baogia .baogia ul li span{margin-right:8px;min-width:14px;display:inline-flex;}

.sec__baogia .baogia ul li  .icon-yes::before {
    content: "✔";
    color: #16A34A; /* xanh */
    font-weight: 700;
}

.sec__baogia .baogia ul li .icon-no::before {
    content: "✖";
    color: #EF004B; /* đỏ */
    font-weight: 700;
}
.sec__baogia .baogia .item:nth-child(2)::before{
    content: 'Best Value';
    position: absolute;
    width: 100%;
    height: 40px;
    top: -22px;
    left: calc((100% - 132px) / 2);
    width: 130px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #EF004B;
    background: #fff;
    border-radius: 99px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #ef4444;
}

/*.sec__baogia .baogia .item:nth-child(2)::after{*/
/*    content: '';*/
/*    position: absolute;*/
/*    height: 49px;*/
/*    width: 154px;*/
/*    left: calc((100% - 154px) / 2);*/
/*    border-radius: 99px;*/
/*    background: linear-gradient(to right, #0693E3, #9900EF);*/
/*    z-index: 1;*/
/*    top: -24px;*/
/*}*/

.sec__baogia .baogia .item:nth-child(2){
    position: relative;
}
.sec__baogia .baogia .item:nth-child(2) .item-inner{
    background: linear-gradient(to right, #0693E3, #9900EF);
    color: #fff;
}

.sec__baogia .baogia .item:nth-child(2) p{color:white;}
.sec__baogia .baogia .item:nth-child(2) .title.highlight{
    background: white;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec__baogia .baogia .item:nth-child(2) ul li .icon-yes::before{
    color:#97F748;
}
.sec__baogia .note, .sec__baogia .btns{margin-top:24px;}
.sec__baogia .note ul{display: flex;justify-content:center;list-style:none;gap:8px;margin:0px;}
.sec__baogia .note ul li {
  position: relative;
  padding-left: 22px;
  display: flex;
  align-items: center;
}
.sec__baogia .note ul li::before {
  content: "\f00c"; 
  font-family: "Font Awesome 6 Free", "Font Awesome 7 Free";
  font-weight: 900; 
  position: absolute;
  left: 0;
  color: #22C55E;
}

.sec__faq{padding-bottom: 64px;}
.sec__faq .faq__list{margin-top:24px;}
.sec__faq .faq__item{
    box-shadow: 0px 1px 2px 0px #0000004D;
    border-radius: 16px;
    margin-bottom: 24px;
    background-color:#F8FAFC;
    /*padding: 24px;*/
    position: relative;
}
.sec__faq .faq__item:last-child{margin-bottom:0;}
.sec__faq .faq__item:before{
    content: "";
    position: absolute;
    inset: 0;
    padding-left: 4px;
    border-radius: 16px;
    background: linear-gradient(to bottom, #0693E3, #9900EF);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.sec__faq .faq__item .faq__question{margin:0;border-radius:16px 16px 0 0;}

.sec__faq .faq__item .faq__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: 0;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(to right, #0693E3, #9900EF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 24px;
}

.sec__faq .faq__item .faq__icon {
    transition: transform .25s ease;
}
.sec__faq .faq__item .faq__answer{
    margin-top: 0px;
    font-size:16px;
    padding:0 24px 24px;
}
.sec__faq .faq__item .faq__answer ul{padding-left:24px; margin:0;}

/*Process*/
.sec__process {
  background: #ffffff;
  padding: 0 0 64px;
}
.sec__process img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  aspect-ratio: 16/9;
}
.sec__process .head {
  max-width: 1140px;
  margin: auto auto 32px;
}
.sec__process .process {
  max-width: clamp(1140px, 85vw, 1650px);
  margin: auto;
}
.sec__process .process ul {
  margin: 0;
}
.sec__process .process .row {
  display: grid;
  grid-template-columns: 40% 60%;
  padding: 32px;
  background-color: #eff6ff;
  border-radius: 16px;
  box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.1),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.sec__process .process .row .col {
  width: 100%;
}

.sec__process .process .row .col-R {
  padding: 0 32px 0 64px;
}
.sec__process .process .process-steps,
.sec__process .process .process-steps .slick-list,
.sec__process .process .process-steps .slick-track {
  height: 100%;
  margin-bottom: 0;
}
.sec__process .process .process-steps .slick-dots {
  bottom: 0;
}
.sec__process .process .process-steps .step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 16px 32px 48px;
}
.sec__process .process .process-steps .step .step-head {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  font-size: 18px;
  font-weight: 700;
}
.sec__process .process .process-steps .step .step-head img {
  width: 50px;
  height: 50px;
}
.sec__process .process .process-steps .step .step-output {
  background-color: white;
  padding: 8px 16px;
  border-radius: 32px;
  /*box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.1);*/
  font-size: 14px;
}
.sec__process .process .process-steps .step .step-output strong {
  color: #ef004b;
}
.sec__process .process .process-bar {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: white;
  border-radius: 2px;
  overflow: hidden;
}

.sec__process .process .process-bar-active {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background: linear-gradient(90deg, #0693e3 0%, #6a5cff 50%, #9900ef 100%);
  transition: width 0.45s ease;
}

@media (max-width:1024px){
    .sec__process{
        padding: 0 16px 32px;
    }
    .sec__process .head{margin-bottom:24px;}
  .sec__process .process .row .col-R{
      padding: 0 0 0 16px;
  }  
  .sec__process .process .row{padding:16px;}
  .sec__process .process .process-steps .step .step-head{
      font-size:14px;
      gap: 8px;
  }
  .sec__process .process .process-steps .step .step-head img{
      width:32px;
      height:32px;
  }
  .sec__process .process .process-steps .step{
      gap:16px;
  }
  .sec__process .process .process-steps .step .step-output{
      font-size:12px;
      padding:8px;
  }
}

@media (max-width:768px){
    .sec__process .process .row{grid-template-columns: 100%;}
    .sec__process .process .row .col-R{padding: 16px 0 0;}
    .sec__process .process .process-bar{display:none;}
    
    .sec__faq{padding-bottom: 32px;}
    .sec__faq .faq__list{margin-top:16px;}
    .sec__faq .faq__item{margin-bottom: 8px;border-radius:10px;}
    .sec__faq .faq__item:before{border-radius:10px;}
    .sec__faq .faq__item .faq__toggle,
    .sec__faq .faq__item .faq__answer{
        padding:16px;
        text-align:left;
        font-size:12px;
    }
    .sec__faq .faq__item .faq__answer{padding-top:0;margin:0;}
    .sec__baogia{padding:32px 0;}
    .sec__baogia .container{max-width: calc(100% - 32px);}
    .sec__baogia .note{display: none;font-size:12px;}
    .sec__baogia .baogia .item .price strong{font-size:14px;}
    .sec__baogia .baogia .item .btn,
    .sec__baogia .baogia .item .item-inner, 
    .sec__baogia .baogia .item .price{font-size:12px;gap:8px;}
    .sec__baogia .baogia .item .item-inner{padding: 24px;}
    .sec__baogia .baogia{
        grid-template-columns: 1fr;
        gap:24px;
        margin-top:24px;
    }
    .sec__baogia .baogia .item:nth-child(2){margin-top:32px;}
    .sec__baogia .baogia .item:nth-child(2)::before{
        font-size:16px;
        height: 40px;
    }
    .sec__baogia .baogia .item:nth-child(2)::after{height:44px;}
    .sec__baogia .subtitle{font-size:14px;}
    
    /*.sec__cta{margin-top:32px;}*/
    .sec__cta.last{margin-top:0px;}
    .sec__cta .wrapper{width: 100%;align-items:flex-start;padding: 32px 0 0;}
    .sec__cta .wrapper .container{margin-top:0;}
    .sec__cta .content,.sec__cta .btn{font-size:12px;margin-top:16px;gap:8px;text-align:center;}
    .sec__cta .content ul{grid-template-columns: 1fr;width:fit-content;margin:auto;}
    .sec__cta .content ul li{display:flex; gap: 8px;}
    .sec__cta .content p em{font-size:11px;}
    .sec__cta.last .btns{justify-content:center;gap:8px;}
    .sec__cta.last ul li{font-size:10px;}
    .sec__cta.last .title{text-align:center;}
    .sec__cta.last .content{gap:16px;}
    
    .sec__quytrinh{padding: 32px 0;border-radius:0;}
    .sec__quytrinh .cover{
        max-width: calc(100% - 32px);
        margin: 24px auto 0;
        padding:0;
        /*box-shadow:none;*/
        /*background-color: transparent;*/
    }
    .sec__quytrinh .quytrinh{padding:8px 24px 48px;margin-bottom:0 !important;}
    .sec__quytrinh .quytrinh .buoc{
        padding: 16px 16px 8px;
    }
    .sec__quytrinh .quytrinh .buoc .step,
    .sec__quytrinh .quytrinh .buoc .content{font-size:12px;}
    .sec__quytrinh .quytrinh .buoc h3{font-size:16px;}
    .sec__quytrinh .quytrinh .buoc .content{margin-top:8px;}
    .sec__quytrinh .quytrinh .buoc img{width:50px;height:50px;object-fit: contain;}
    .sec__quytrinh .quytrinh .slick-dots{bottom:16px;}
    .sec__quytrinh .quytrinh .slick-arrow{width:24px;height:24px;}
    .sec__quytrinh .quytrinh .slick-arrow.slick-next{right:8px;}
    .sec__quytrinh .quytrinh .slick-arrow.slick-prev{left:8px;}
    .sec__quytrinh .process-bar{display:none};
    
    .sec__doingu{padding:32px 0;}
    .sec__doingu .row,
    .sec__visao .row{grid-template-columns:1fr;gap:16px;}
    .sec__doingu .thongso{margin:16px 0 8px;}
    .sec__doingu .box{padding: 16px;}
    .sec__doingu .box .box--head .name{font-size:16px;}
    .sec__doingu .thongso .thongso-item,
    .sec__doingu .box .box--head .pos,
    .sec__doingu .box .box--content{font-size:12px;}
    .sec__doingu .thongso .thongso-item{padding:8px;}
    .sec__doingu .thongso .thongso-item dt{font-size:20px;}
    .sec__logo .show4mb .logo-list{grid-template-columns:1fr 1fr 1fr;}
    .sec__visao{padding:32px 0;}
    .sec__visao .accordion .accordion-item{padding-left:12px;padding-bottom:0px;margin-bottom:8px;}
    .sec__visao .accordion .accordion-item summary .accordion-title{font-size:14px;}
    .sec__visao .accordion .accordion-item .accordion-content{font-size:12px;margin-top:8px;}
    
    .sec__feedback{padding:32px 0;}
    .sec__feedback .feedback-slider .feedback-item{padding:0 8px 16px;}
    .sec__feedback .feedback-slider .feedback-item figure{max-width:100%;padding:0;}
    .sec__feedback .feedback-slider .feedback-item blockquote{font-size:12px;}
    .sec__feedback .feedback-slider .feedback-item .fb-first,
    .sec__feedback .feedback-slider .feedback-item .fb-last{width:32px;height:32px;}
    .sec__feedback .feedback-slider .feedback-item .fb-first{top:12px;left:10px;}
    .sec__feedback .feedback-slider .feedback-item .fb-last{right:12px;bottom:10px;}
    .sec__feedback .feedback-slider .feedback-item figcaption{grid-template-columns:48px 1fr;}
    .sec__feedback .feedback-slider .feedback-item figcaption .feedback-meta{font-size:12px;}
    .sec__feedback .feedback-item .wrapper{padding: 32px 16px 16px;}
    
    .sec__ai{padding:0 0 32px;}
    .sec__ai .ai-slider .ai-slide{gap:8px;}
    .sec__ai .ai-item{font-size:12px;}
    .sec__ai .ai-slider .ai-slide .ai-item{
        padding: 8px 24px 24px;
    }
    .sec__ai .ai-slider .ai-slide .ai-item figure{
        margin: 0px;
        padding: 16px;
        border-radius: 16px;
        background-color: #F1F5F9;
        box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
    }
    .sec__ai .ai-slider .ai-slide .ai-item figure figcaption .highlight{font-size:14px;}
    .sec__ai .ai-slider .ai-slide .ai-item figure figcaption{
        font-size:12px;
        position: unset;
        font-weight: 300;
        display: grid;
        gap: 8px;
        padding: 0px;
        margin-top: 12px;
    }
    .sec__ai .slick-dots{bottom:0;}
    .sec__ai .btns.center{margin-top:16px;padding:0 32px;}
    
    .sec__dn{padding:32px 0;}
    .sec__dn .case-slider{margin-top:16px;}
    .sec__dn .case-header .case-name h3{font-size:16px;}
    .sec__dn .case-header .case-name span,
    .sec__dn .case-desc{font-size:12px;}
    .sec__dn .case-item .case-body{padding:16px;}
    .sec__dn .case-item .case-body .case-stats{font-size:12px;}
    
    .sec__pp{padding:24px 0 32px;}
    .sec__pp .pp-content,
    .sec__pp .pp-content blockquote{
        padding:16px;
        border-radius:16px;
        color:black;
    }
    .sec__pp .pp-content blockquote strong{color:#EF004B;}
    .sec__pp .pp-content p, .sec__pp .pp-content li{font-size:12px;}
    .subtitle.pp{font-size:14px;}
    .sec__pp .pp-acc-content h3.title{font-size:14px;}
    
    .sec__dv{padding: 32px 0;}
    .sec__dv .accordion .accordion-item{padding: 12px 16px;}
    .sec__dv .accordion .accordion-item:last-child{
        margin-bottom: 0;
    }
    .sec__dv .accordion .accordion-item summary .head{
        font-size:12px;
        grid-template-columns: 24px 1fr auto;
    }
    .sec__dv .accordion .accordion-item summary .head .index{
        width:24px;
        height:24px;
    }
    .sec__dv .accordion .accordion-item summary .head .fa-angle-down{width:24px;height:24px;}
    .sec__dv .accordion .accordion-item summary .head .fa-angle-down:before{
        font-size:10px;
    }
    .sec__dv .accordion .accordion-item summary .head svg{width:100%;}
    .sec__dv .accordion .accordion-item .item--desc{font-size:12px;}
    .sec__dv .accordion .accordion-item .accordion--content{flex-wrap:wrap;justify-content:center;font-size:12px;gap:8px;}
    .sec__thitruong{
        margin-top: 100px;
        padding: 32px 0;
        overflow: hidden;
        background: url('./bg-tt.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .sec__thitruong .btns{margin-top:16px;}
    .sec__thitruong .thitruong-item{padding:4px 24px 24px;}
    .sec__thitruong .thitruong-card{
        padding:16px;
        box-shadow: 0px 4px 6px -4px rgba(0, 0, 0, 0.10), 0px 10px 15px -3px rgba(0, 0, 0, 0.15);
    }
    .sec__thitruong .thitruong-card .head{
        display: grid;
        grid-template-columns: 36px 1fr;
        align-items: center;
        gap: 8px;
        margin-bottom: 16px;
    }
    .sec__thitruong .thitruong-card .thitruong--title{margin:0;font-size:14px;}
    .sec__thitruong .thitruong-card .thitruong--desc{font-size:12px;}
    .sec__thitruong .thitruong-list{margin-bottom:16px;}
    .sec__thitruong .note{font-size:12px;}
    .sec__thitruong .slick-slider .slick-arrow.slick-prev{left:-8px;}
    .sec__thitruong .slick-slider .slick-arrow.slick-next{right:-8px;}
    .sec__thitruong .slick-dots{bottom:-16px;}
    .sec__thitruong .slick-dots li button{background-color:white;}
    
    .sec__banner{padding: 32px 0 110px;}
    
    .sec__banner .thanhtuu .tt .tt--content br{display:none;}
    .sec__banner .thanhtuu{
        left:16px;
        padding:8px 0;
        width:calc(100% - 16px);
        align-items: flex-start;
    }
    .sec__banner .thanhtuu .tt{padding: 0 8px;}
    .sec__banner .thanhtuu .tt .tt--title{font-size:12px;}
    .sec__banner .thanhtuu .tt .tt--content{font-size:10px;}
    .sec__banner .btns{
        flex-wrap:wrap;
        gap:8px;
        justify-content:center;
    }
    .sec__banner .bg .wrapper{align-items:flex-start;}
    .sec__banner .img.show4mb{display: block !important;}
    .sec__banner .title{font-size:28px;text-align:center;}
    .sec__banner .text{
        font-size:12px;
        padding:0;
        text-align:center;
    }
    .sec__banner .btns .btn{font-size:12px;padding:8px 14px;}
    .sec__banner .readmore-btn{font-size:12px;margin-top:0;}
    .sec__banner .wrapper .row{grid-template-columns:1fr;}
    .sec__banner .bottom .note{font-size:9px;padding:0 8px;}
    .sec__banner .bottom .note ul{gap:4px;}
    .sec__banner .bottom .note ul li{padding-left:12px;}
    
    section h2.title{font-size:22px;}
    section h3.title{font-size:18px;}
    section h2.title br{display: none;}
    section .btns{gap: 14px;}
    section .btn, .btns .btn,
    section .desc{font-size:12px;}
    section .slick-slider .slick-arrow{width:24px;height:24px;}
    section .slick-slider .slick-arrow:before{font-size:12px;}
    section .slick-slider .slick-arrow.slick-prev{left: -8px;}
    section .slick-slider .slick-arrow.slick-next{right: -8px;}
    section .slick-dots li button{height:8px;width:8px;}
}