:root,
 [data-bs-theme=light] {
   --bs-primary: #0032b1;
   --bs-primary-rgb: 0, 50, 177;
   --bs-secondary: #f98500;
   --bs-secondary-rgb: 249, 133, 0;
   --bs-primary-hover: #0044d4;
   --bs-primary-hover-rgb: 0, 68, 212;
   --bs-body-bg: #ffffff;
   --bs-body-color: #494B5B;
   --bs-heading-color: #16181B;
   --bs-link-color: var(--bs-primary);
   --nav-bg: #ffffff;
   --nav-color: #16181B;
   --nav-hover-color: var(--bs-primary);
   --dropdown-bg: #ffffff;
   --dropdown-color: #16181B;
   --dropdown-hover-bg: #f7f7f7;
   --inverse-color: #494B5B;
   --inverse-color-rgb: 73, 75, 91;
   --nav-inverse: #000000;
   --nav-inverse-alt: #ffffff;
 }


 .icon-check {
   font-size: 1rem !important;
 }

 .site-wrap {
   position: relative;
 }

 ::-moz-selection {
   background-color: var(--bs-black);
   color: var(--bs-white);
 }

 .section {
   padding: 70px 0;
   scroll-margin-top: 60px;
 }

 @media (max-width: 767.98px) {
   .section {
     padding: 40px 0;
   }
 }

 .section.first-section {
   padding-top: 100px;
 }

 @media (min-width: 992px) {
   .section.first-section {
     padding-top: 130px;
   }
 }

 .btn {
   padding: 12px 20px;
   background-color: var(--bs-primary);
   color: var(--bs-white);
   border: 1px solid transparent;
   border-radius: 7px;
   font-weight: 600;
   position: relative;
   text-decoration: none;
 }

 .btn:hover,
 .btn:active,
 .btn:focus {
   color: var(--bs-white);
   background-color: var(--bs-primary-hover) !important;
   border: 1px solid var(--bs-primary-hover) !important;
 }

 .btn.btn-white-outline {
   border: 1px solid rgba(var(--inverse-color-rgb), 0.2) !important;
   color: var(--inverse-color) !important;
   background-color: transparent;
 }

 .btn.btn-white-outline:hover,
 .btn.btn-white-outline:focus,
 .btn.btn-white-outline:active {
   background-color: transparent !important;
   border: 1px solid rgba(var(--inverse-color-rgb), 0.5) !important;
 }

 .page-title {
   padding: 50px 0;
   /* Giảm padding để phù hợp với HTML tĩnh */
   background-color: rgba(var(--inverse-color-rgb), 0.03);
 }

 .special-link {
   color: var(--bs-heading-color);
 }

 .special-link .icons {
   display: inline-block;
   width: 38px;
   height: 38px;
   line-height: 38px;
   border-radius: 50%;
   text-align: center;
   position: relative;
   border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
 }

 .special-link .icons i {
   font-size: 20px;
   /* Điều chỉnh kích thước icon */
   position: relative;
   display: inline-block;
   transition: 0.3s all ease-in-out;
 }

 .special-link:hover {
   color: var(--bs-primary);
 }

 .special-link:hover .icons {
   border-color: var(--bs-primary);
 }

 /* Hero Section */
 .hero__v6 {
   padding: 2.5rem 0 !important;
   padding-top: 7rem !important;
   /* Thêm padding-top để không bị che bởi header (nếu có) */
 }

 .hero__v6 .hero-subtitle {
   background: var(--bs-secondary);
   color: #fff;
   display: inline-block;
   padding: 5px 12px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 0.75rem;
   margin-bottom: 10px;
 }

 .hero__v6 .hero-title {
   font-size: 48px;
 }

 @media (max-width: 1199.98px) {
   .hero__v6 .hero-title {
     font-size: 40px;
   }
 }

 @media (max-width: 991.98px) {
   .hero__v6 .hero-title {
     font-size: 30px;
   }
 }

 .hero__v6 .hero-img {
   position: relative;
 }

 .hero__v6 .hero-img .img-main {
   position: relative;
   z-index: 9;
 }

 .hero__v6 .hero-img .img-card {
   z-index: 10;
   border-radius: 20px;
   box-shadow: 0 15px 40px 0 rgba(0, 0, 0, 0.1);
   position: absolute;
   max-width: 280px;
   bottom: -40px;
   left: -60px;
 }

 @media (max-width: 991.98px) {
   .hero__v6 .hero-img .img-card {
     left: 10px;
     max-width: 380px;
   }
 }

 @media (max-width: 575.98px) {
   .hero__v6 .hero-img .img-card {
     left: 10px;
     max-width: 280px;
   }
 }

 /* About Section */
 .about__v4 .subtitle {
   background-color: var(--bs-secondary);
   color: var(--bs-white);
   display: inline-block;
   padding: 5px 12px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 0.75rem;
   margin-bottom: 10px;
 }

 .about__v4 .features li .icon {
   display: inline-block;
   width: 20px;
   height: 20px;
   line-height: 20px;
   background-color: var(--bs-primary);
   color: var(--bs-white);
 }


 .about__v4 .mission-statement {
   background-color: var(--bs-primary);
   position: relative;
   bottom: -20px;
   width: 100%;
 }

 .about__v4 .mission-statement h3 {
   font-size: 14px;
   color: var(--bs-secondary);
 }

 .about__v4 .mission-statement p {
   color: var(--bs-white);
 }

 .about__v4 .mission-icon {
   width: 50px;
   height: 50px;
   flex: 0 0 50px;
   line-height: 50px;
   display: inline-block;
   background-color: rgba(var(--bs-secondary-rgb), 0.1);
 }

 .about__v4 .mission-icon .icon-idea {
   color: var(--bs-secondary);
 }

 /* Features Section */
 .features__v2 .icon {
   width: 60px;
   height: 60px;
   line-height: 60px;
   border-radius: 50%;
   background-color: var(--bs-secondary);
   color: var(--bs-primary);
 }

 .features__v2 .icon .why-choice-icon {
   color: var(--bs-body-bg) !important;
   font-size: 24px;
 }

 .features__v2 .content {
   background-color: rgba(var(--bs-secondary-rgb), 0.2);
 }

 /* How It Works Section */
 .howitworks__v1 .subtitle {
   background-color: var(--bs-secondary);
   color: var(--bs-white);
   display: inline-block;
   padding: 5px 12px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 0.75rem;
   margin-bottom: 10px;
 }

 .howitworks__v1 .step-card {
   position: relative;
 }

 .howitworks__v1 .step-card .step-number {
   width: 60px;
   height: 60px;
   line-height: 60px;
   display: inline-block;
   color: var(--bs-white);
   background-color: var(--bs-secondary);
   font-size: 18px;
 }

 .howitworks__v1 .arch-line {
   position: absolute;
   top: 15px;
   width: 150px;
   right: 0;
   left: calc(100% + 24px);
   transform: translateX(-50%);
   filter: grayscale(1) brightness(0.2);
 }

 @media (max-width: 991.98px) {
   .howitworks__v1 .arch-line {
     display: none;
   }
 }

 .howitworks__v1 .arch-line.reverse {
   top: 20px;
   filter: grayscale(1) brightness(0.2);
 }

 /* Services Section */
 .services__v3 .subtitle {
   background-color: var(--bs-secondary);
   color: var(--bs-white);
   display: inline-block;
   padding: 5px 12px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 0.75rem;
   margin-bottom: 10px;
 }

 .services__v3 .service-card {
   border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
 }

 .services__v3 .service-card .icon-1 {
   transform: rotate(-45deg);
 }

 /* FAQ Section */
 .faq__v2 {
   background-color: rgba(var(--inverse-color-rgb), 0.02);
 }

 .faq__v2 .subtitle {
   background-color: var(--bs-secondary);
   color: var(--bs-white);
   display: inline-block;
   padding: 5px 12px;
   border-radius: 7px;
   font-weight: 600;
   font-size: 0.75rem;
   margin-bottom: 10px;
 }

 .faq__v2 .custom-accordion {
   --bs-accordion-bg: var(--bs-body-bg);
   --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23494B5B'%3e%3cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3e%3c/svg%3e");
   --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230032b1'%3e%3cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3e%3c/svg%3e");
 }

 .faq__v2 .custom-accordion .accordion-item {
   border: none;
   margin-bottom: 10px;
   border-radius: 10px;
   overflow: hidden;
   transition: 0.3s all ease-in-out;
 }

 .faq__v2 .custom-accordion .accordion-item .accordion-header .accordion-button {
   outline: none;
   box-shadow: none;
   font-size: 18px;
   font-weight: 500;
   color: var(--bs-heading-color);
   padding-top: 20px;
   padding-bottom: 20px;
   border: none;
 }

 .faq__v2 .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
   background-color: transparent;
   color: var(--bs-heading-color);
   box-shadow: 0 1px 1px rgba(var(--inverse-color-rgb), 0.05);
 }

 /* Contact Form Placeholder */
 .contact-form-section {
   background-color: #f8f9fa;
   padding: 70px 0;
 }