@charset "UTF-8";
/**
 * _base.scss
 * 
 * 1/ biến màu săc
 * 2/ biến kích thước font chữ
 * 3/ Cấu hình border
 * 4/ Mixin
 * 5/ Responsive
*/
.pri-color {
  color: var(--fs-color-primary);
}
.pri-color * {
  color: var(--fs-color-primary);
}

.sec-color {
  color: var(--fs-color-secondary);
}
.sec-color * {
  color: var(--fs-color-secondary);
}

.justify {
  text-align: justify;
}
.justify * {
  text-align: justify;
}

.hyg_mb-0 {
  margin-bottom: 0 !important;
}
.hyg_mb-0 * {
  margin-bottom: 0 !important;
}

.hyg_mt-0 {
  margin-top: 0 !important;
}
.hyg_mt-0 * {
  margin-top: 0 !important;
}

.hyg_pb-0 {
  padding-bottom: 0 !important;
}
.hyg_pb-0 * {
  padding-bottom: 0 !important;
}

.fit-img div img {
  object-fit: fill;
}

.featured-boxbanner .icon-box-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: solid 3px white;
  display: flex;
  align-items: center;
  justify-content: center;
}
.featured-boxbanner .icon-box-img svg {
  width: 100%;
  height: 32px;
  color: white;
}
.featured-boxbanner .icon-box-text h3 {
  font-size: 16px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0px !important;
}
.featured-boxbanner .icon-box-text p {
  font-size: 13px;
  color: #eaeaea;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.title-section p {
  font-size: 26px;
  color: #444544;
  font-weight: 600;
  font-family: Roboto, sans-serif;
  margin-bottom: 12px !important;
}

.tab-content ul li a {
  font-size: 16px;
  color: #444544;
  font-weight: 600;
  font-family: Roboto, sans-serif;
}
.tab-content .tab-panels {
  padding: 30px 30px 0px 30px !important;
}
.tab-content .tab-panels span {
  font-size: 16px;
  color: #444544;
  font-weight: 400;
  font-family: Roboto, sans-serif;
}

.text-goi p:first-child {
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 4px;
  color: #444544;
  font-weight: 800;
  font-family: Roboto, sans-serif;
}
.text-goi p:nth-child(2) {
  font-style: italic;
}

.list-mucdich a {
  width: 100%;
  margin-bottom: 0px;
}
.list-mucdich a span {
  font-size: 14px;
}

.list-duanthicong div a {
  color: #444544;
}

.box-thicong {
  padding: 0px 5px 0px 5px !important;
}
.box-thicong .box-image img {
  height: 150px;
}
.box-thicong .box-text {
  padding: 0px !important;
  margin-top: 10px;
}
.box-thicong .box-text p {
  font-size: 16px;
  font-weight: 600;
  font-family: Roboto, sans-serif;
  color: #444544;
}

.title-tab p {
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 0px;
  color: white;
  text-transform: capitalize;
  font-family: Roboto, sans-serif;
}

.tab-duan {
  margin-top: -130px;
}
.tab-duan .nav {
  gap: 15px;
}
.tab-duan .nav li {
  background-color: #eaeaea;
}
.tab-duan .nav li a {
  font-size: 16px;
}
.tab-duan .tab-panels {
  margin-top: 26px;
}

.phukien-product {
  margin-top: -90px !important;
}

.img-tennis div img {
  height: 115px;
}

.single-page {
  padding: 30px 0px !important;
}
.single-page .ez-toc-counter {
  width: 100% !important;
}

.post-sidebar {
  padding: 0px !important;
}
.post-sidebar .widget-area {
  padding: 0px !important;
}

.group-btn div {
  padding: 0px;
}

.list-quytrinh {
  padding-bottom: 0px;
}

.text-des {
  border-radius: 50px;
}

.box-info {
  box-shadow: 5px 5px 5px;
  border-radius: 30px;
  width: fit-content !important;
  padding: 8px 24px;
  background-color: var(--fs-color-primary);
}
.box-info .last-reset p {
  margin-bottom: 0px;
  color: white;
}

.mb-0 p {
  margin-bottom: 20px !important;
}

.tab-duanhome ul li {
  border: 1px solid gray;
  border-radius: 30px;
  margin-right: 15px;
}
.tab-duanhome ul li a {
  font-size: 16px;
}

/* Flex hàng ngang cho 2 ô đầu */
.wpcf7 .form-row {
  display: flex;
  gap: 10px;
  margin-bottom: 0px;
}

.wpcf7 .form-col {
  flex: 1;
}

/* Style input + textarea */
.wpcf7 input.input,
.wpcf7 textarea.input {
  width: 100%;
  background: #f1f1f1;
  border: none;
  padding: 12px 15px;
  font-size: 15px;
  border-radius: 4px;
  box-sizing: border-box;
}

/* Nút đỏ */
.wpcf7 .form-submit {
  text-align: center;
  margin-top: 15px;
}

.wpcf7 .form-submit .button.red {
  background-color: #c62828;
  color: #fff;
  width: fit-content;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 4px;
  border: none;
  cursor: pointer;
}

.wpcf7 .form-submit .button.red:hover {
  background-color: #a12323;
}

.wpcf7 .wpcf7-form {
  padding: 0px 32px;
}

.text-form .text h1 {
  font-size: 22px;
  font-family: Roboto, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}
.text-form .text p {
  font-size: 14px;
}

.video-bg {
  object-fit: fill !important;
}

@media (max-width: 767px) {
  .section-ckcl .section-content {
    padding: 30px 0px !important;
  }
  .box-info {
    width: 100% !important;
    padding: 8px 0px !important;
  }
  .construction-steps .steps h4 {
    font-size: 16px !important;
    height: 50px;
  }
  .shop-page-title .page-title-inner {
    padding-top: 0px !important;
  }
  .category-page-row {
    padding: 0px !important;
  }
  .category-page-row .shop-container {
    padding: 0px !important;
  }
  .title-section p {
    line-height: 26px;
  }
  .list-mucdich div div {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .tab-benifit {
    margin-top: 20px !important;
  }
  .box-benifit {
    padding-bottom: 0px !important;
  }
  .text-mt-bt p {
    font-size: 17px;
  }
  .tab-text-2bt div {
    padding-bottom: 0px;
  }
  .tab-duanhome ul li {
    border: 1px solid gray;
    border-radius: 30px;
    margin-right: 6px !important;
  }
  .tab-duanhome ul li a {
    font-size: 11px !important;
  }
}