/* Customer testimonial carousel. */

/* 
   4. Testimonial carousel
    */
.bk-testimonial-section{
  background:var(--bk-white)!important;
  padding:70px 0!important;
  overflow:hidden!important;
}

.bk-testimonial-section .section-content{
  position:relative!important;
  overflow:visible!important;
}

.bk-testimonial-heading,
.bk-testimonial-heading :is(h1,h2,h3,p){
  margin:0 0 30px!important;
  padding:0!important;
  color:var(--bk-navy)!important;
  font-size:clamp(28px,3vw,40px)!important;
  line-height:1.15!important;
  font-weight:800!important;
  text-align:center!important;
  text-transform:uppercase!important;
  letter-spacing:-.02em!important;
}

.bk-testimonial-slider{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
}

.bk-testimonial-track,
.row.bk-testimonial-track{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:var(--bk-gap)!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding-bottom:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x mandatory!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:none!important;
}

.bk-testimonial-track::-webkit-scrollbar,
.row.bk-testimonial-track::-webkit-scrollbar{
  display:none!important;
}

.bk-testimonial-track > .col,
.row.bk-testimonial-track > .col{
  flex:0 0 calc((100% - 72px)/4)!important;
  width:calc((100% - 72px)/4)!important;
  max-width:calc((100% - 72px)/4)!important;
  min-width:calc((100% - 72px)/4)!important;
  padding:0!important;
  float:none!important;
  clear:none!important;
  scroll-snap-align:start!important;
}

.bk-testimonial-track > .col > .col-inner,
.row.bk-testimonial-track > .col > .col-inner{
  display:flex!important;
  height:100%!important;
}

.bk-testimonial-card.box,
.bk-testimonial-card .box,
.bk-testimonial-track .box{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  height:100%!important;
  background:var(--bk-light)!important;
  border-radius:var(--bk-radius-lg)!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

.bk-testimonial-card .box-image,
.bk-testimonial-track .box-image{
  width:100%!important;
  height:240px!important;
  background:#e8e8e8!important;
  overflow:hidden!important;
}

.bk-testimonial-card .box-image img,
.bk-testimonial-track .box-image img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

.bk-testimonial-card .box-text,
.bk-testimonial-track .box-text{
  flex:1 1 auto!important;
  padding:22px 20px 26px!important;
  background:var(--bk-light)!important;
  color:var(--bk-text)!important;
  text-align:center!important;
}

.bk-testimonial-card .box-text :is(h1,h2,h3,h4,h5),
.bk-testimonial-track .box-text :is(h1,h2,h3,h4,h5){
  margin:0 0 8px!important;
  color:var(--bk-navy)!important;
  font-size:17px!important;
  line-height:1.25!important;
  font-weight:800!important;
  text-align:center!important;
  text-transform:uppercase!important;
}

.bk-testimonial-card .box-text p,
.bk-testimonial-track .box-text p{
  margin:0 0 8px!important;
  color:var(--bk-text)!important;
  font-size:14px!important;
  line-height:1.6!important;
  font-weight:500!important;
  text-align:center!important;
}

.bk-testimonial-card .box-text strong,
.bk-testimonial-track .box-text strong{
  color:var(--bk-text)!important;
  font-weight:700!important;
}

/* Nút review đồng bộ với shortcode dịch vụ */
.bk-testimonial-nav{
  display:none!important;
}

.bk-testimonial-slider > .bk-testimonial-arrow,
.bk-testimonial-section .bk-testimonial-arrow{
  position:absolute!important;
  top:50%!important;
  z-index:30!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:var(--bk-white)!important;
  color:#111!important;
  font:400 34px/1 Arial,sans-serif!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  transition:.25s!important;
}

.bk-testimonial-slider > .bk-testimonial-arrow:hover,
.bk-testimonial-section .bk-testimonial-arrow:hover{
  color:var(--bk-navy)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.24)!important;
}

.bk-testimonial-slider > :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev),
.bk-testimonial-section :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev){
  left:-21px!important;
  right:auto!important;
  transform:translateY(-50%)!important;
}

.bk-testimonial-slider > :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next),
.bk-testimonial-section :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next){
  right:-21px!important;
  left:auto!important;
  transform:translateY(-50%)!important;
}

.bk-testimonial-slider > .bk-testimonial-arrow:disabled,
.bk-testimonial-slider > .bk-testimonial-arrow.is-disabled,
.bk-testimonial-section .bk-testimonial-arrow:disabled,
.bk-testimonial-section .bk-testimonial-arrow.is-disabled{
  opacity:.35!important;
  cursor:not-allowed!important;
}

.bk-testimonial-section.is-single-page .bk-testimonial-arrow,
.bk-testimonial-section.is-not-scrollable .bk-testimonial-arrow{
  display:none!important;
}

@media (max-width:1199px){
.bk-testimonial-track,
.row.bk-testimonial-track{
  gap:22px!important;
}

.bk-testimonial-track > .col,
.row.bk-testimonial-track > .col{
  flex-basis:calc((100% - 22px)/2)!important;
  width:calc((100% - 22px)/2)!important;
  min-width:calc((100% - 22px)/2)!important;
  max-width:calc((100% - 22px)/2)!important;
}
}

@media (max-width:849px){
.bk-testimonial-section{
    padding:50px 0!important;
  }

  .bk-testimonial-heading,
  .bk-testimonial-heading :is(h1,h2,h3,p){
    font-size:26px!important;
    line-height:1.2!important;
    margin-bottom:24px!important;
  }

  .bk-testimonial-track,
  .row.bk-testimonial-track{
    gap:18px!important;
  }

  .bk-testimonial-track > .col,
  .row.bk-testimonial-track > .col{
    flex-basis:calc((100% - 9.9px)/1.55)!important;
    width:calc((100% - 9.9px)/1.55)!important;
    min-width:calc((100% - 9.9px)/1.55)!important;
    max-width:calc((100% - 9.9px)/1.55)!important;
  }

  .bk-testimonial-card .box-image,
  .bk-testimonial-track .box-image{
    height:220px!important;
  }

  .bk-testimonial-card .box-text,
  .bk-testimonial-track .box-text{
    padding:18px 16px 22px!important;
  }

  .bk-testimonial-card .box-text :is(h1,h2,h3,h4,h5),
  .bk-testimonial-track .box-text :is(h1,h2,h3,h4,h5){
    font-size:15px!important;
  }

  .bk-testimonial-card .box-text p,
  .bk-testimonial-track .box-text p{
    display:-webkit-box!important;
    -webkit-line-clamp:6!important;
    -webkit-box-orient:vertical!important;
    font-size:12px!important;
    line-height:1.55!important;
    overflow:hidden!important;
  }

.bk-testimonial-slider > .bk-testimonial-arrow,
.bk-testimonial-section .bk-testimonial-arrow{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  font-size:30px!important;
}

.bk-testimonial-slider > :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev),
.bk-testimonial-section :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev){
  left:-10px!important;
}

.bk-testimonial-slider > :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next),
.bk-testimonial-section :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next){
  right:-10px!important;
}
}

@media (max-width:549px){
.bk-testimonial-section{
    padding:44px 0!important;
  }

  .bk-testimonial-heading,
  .bk-testimonial-heading :is(h1,h2,h3,p){
    font-size:22px!important;
    margin-bottom:22px!important;
  }

  .bk-testimonial-track > .col,
  .row.bk-testimonial-track > .col{
    flex-basis:calc((100% - 13.5px)/1.75)!important;
    width:calc((100% - 13.5px)/1.75)!important;
    min-width:calc((100% - 13.5px)/1.75)!important;
    max-width:calc((100% - 13.5px)/1.75)!important;
  }

  .bk-testimonial-card.box,
  .bk-testimonial-card .box,
  .bk-testimonial-track .box{
    border-radius:10px!important;
  }

  .bk-testimonial-card .box-image,
  .bk-testimonial-track .box-image{
    height:170px!important;
  }

  .bk-testimonial-card .box-text,
  .bk-testimonial-track .box-text{
    padding:14px 12px 18px!important;
  }

  .bk-testimonial-card .box-text :is(h1,h2,h3,h4,h5),
  .bk-testimonial-track .box-text :is(h1,h2,h3,h4,h5){
    font-size:13px!important;
    line-height:1.25!important;
    margin-bottom:6px!important;
  }

  .bk-testimonial-card .box-text p,
  .bk-testimonial-track .box-text p{
    font-size:11px!important;
    line-height:1.5!important;
    -webkit-line-clamp:5!important;
  }

  .bk-testimonial-slider > .bk-testimonial-arrow,
  .bk-testimonial-section .bk-testimonial-arrow{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:27px!important;
  }

  .bk-testimonial-slider > :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev),
  .bk-testimonial-section :is(.bk-testimonial-arrow.is-prev,.bk-testimonial-prev){
    left:-6px!important;
  }

  .bk-testimonial-slider > :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next),
  .bk-testimonial-section :is(.bk-testimonial-arrow.is-next,.bk-testimonial-next){
    right:-6px!important;
  }
}