/* ---------------- Page Home ----------------------- */
.kai-home-px{
      padding: 20px;
}
.kai-icon-nav{
  color: var(--header-text);
}
.kai-icon-color{
  color: var(--content-color) !important;
}


/* ----------------*/
@media (max-width: 991.98px) {

.kai-home-px{
      padding: 20px 5px;
}


}
/* ---------------- TITLE ----------------------- */
.kai-title{
      position: relative;
      display: inline-block;
      font-family: var(--font-family) !important;
      font-size: var(--heading-font-size);
      font-weight: var(--heading-font-weight);
      padding-bottom: 10px;
      margin-bottom: 20px;
	    color: var(--accent-color) !important;

    }
.kai-title::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 15%;
      transform: translateX(-50%);
      width: 30%; /* chiều dài đường gạch (thay đổi tùy ý) */
      height: 3px;
      background-color: var(--accent-color);
    }
/* ---------------- NÚT XEM TIẾP ----------------------- */
.btn-primary{
  background: none;
}
.btn-kai-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-kai {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 1px 4px !important;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  font-size: var(--content-font-size); /* Use content font size */

  &:focus {
    outline: none;
  }
}

.btn-kai-primary {
  color: var(--accent-color);
}

.btn-kai-border {
  border-radius: 5px;
  box-sizing: border-box;
}

.btn-kai-animated {
  transition-property: color;
  transition-duration: 0.5s;

  &.btn-kai-border.btn-kai-primary {
    border: 1px solid var(--content-color);
  }

  &:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--button-color);
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-out;
    z-index: -1;
  }

  &:hover {
    color: white; /* Consider using a theme-aware color here */

    &:before {
      transform: scaleX(1);
      transition-timing-function: cubic-bezier(0.45, 1.64, 0.47, 0.66);
    }
  }
}


/*------------MODULE DU AN -------------------*/

.btn-duan{
    right: 5px;
    background: none;
}

/*--------MODULE OUR SERVICES ---------------*/

.btn-our-services {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  padding: 4px 6px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  cursor: pointer;
  font-size: var(--content-font-size) !important;
  color: var(--content-color) !important; /* Use content font size */
  background: none;
}
/*--------NÚT SECTION VIDEO ---------------*/
.btn-video{
color: var(--content-color); /* Use dark text color for video button in dark theme, or a contrasting color */
}

/*--------MODULE BLOG CARD ---------------*/

.card-body {
background: #fff !important;
}