.navbar .navigation .navbar-nav .nav-link:hover{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.navbar .navigation .navbar-nav .active .nav-link{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.navbar.is-sticky .navbar-nav .active .nav-link{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.navbar.is-sticky .navbar-nav.nav-light .nav-link:hover{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.navbar.is-sticky .navbar-nav.nav-light .active .nav-link{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.navbar .navigation .navbar-nav .active .nav-link{
  --tw-text-opacity: 1;
  color: rgb(95 181 139 / var(--tw-text-opacity));
}
.tns-nav button.tns-nav-active{
  --tw-border-opacity: 1;
  border-color: rgb(95 181 139 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(95 181 139 / var(--tw-bg-opacity));
}
.border-red-500{
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 181 139 / var(--tw-border-opacity)) !important;
}
.bg-red-500 {
  --tw-text-opacity: 1 !important;
  background-color: rgb(95 181 139 / var(--tw-text-opacity)) !important;
}
.bg-red-500\/10{
  background-color: rgb(95 181 139 / 0.1) !important;
}
.bg-red-500\/5 {
  background-color: rgb(95 181 139 / 0.05) !important;
}
.from-red-500{
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(95 181 139 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
  }
.via-red-500\/70{
  --tw-gradient-to: rgb(95 181 139 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(95 181 139 / 0.7) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
  }
.to-red-500\/20{
  --tw-gradient-to: rgb(95 181 139 / 0.2) var(--tw-gradient-to-position) !important;
} 
.text-red-500 {
  --tw-text-opacity: 1 !important;
  color: rgb(95 181 139 / var(--tw-text-opacity)) !important;
}  
.shadow-red-500\/10{
  --tw-shadow-color: rgb(95 181 139 / 0.1) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.shadow-red-500\/20{
  --tw-shadow-color: rgb(95 181 139 / 0.2) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.before\:from-red-500::before{
  content: var(--tw-content) !important;
  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position) !important;
  --tw-gradient-to: rgb(95 181 139 / 0) var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
}
.before\:via-red-500\/50::before{
  content: var(--tw-content) !important;
  --tw-gradient-to: rgb(95 181 139 / 0)  var(--tw-gradient-to-position) !important;
  --tw-gradient-stops: var(--tw-gradient-from), rgb(95 181 139 / 0.5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important;
}         
.after\:bg-red-500::after{
  content: var(--tw-content) !important;
  --tw-bg-opacity: 1 !important;
  background-color: rgb(95 181 139 / var(--tw-bg-opacity)) !important;
}
.after\:bg-red-500\/20::after{
  content: var(--tw-content) !important;
  background-color: rgb(95 181 139 / 0.2) !important;
}
.after\:shadow-red-500\/40::after {
  content: var(--tw-content) !important;
  --tw-shadow-color: rgb(95 181 139 / 0.4) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.hover\:border-red-500:hover{
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 181 139 / var(--tw-border-opacity)) !important;
}
.hover\:bg-red-500:hover{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(95 181 139 / var(--tw-bg-opacity)) !important;
}
.hover\:text-red-500:hover{
  --tw-text-opacity: 1 !important;
  color: rgb(95 181 139 / var(--tw-text-opacity)) !important;
}
.focus\:border-red-500:focus{
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 181 139 / var(--tw-border-opacity)) !important;
}
.group:hover .group-hover\:bg-red-500{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(95 181 139 / var(--tw-bg-opacity)) !important;
}
.dark\:bg-red-500\/10:is(.dark *) {
  background-color: rgb(95 181 139 / 0.1) !important;
}
.dark\:hover\:bg-red-500:hover:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: rgb(95 181 139 / var(--tw-bg-opacity)) !important;
}
.dark\:hover\:text-red-500:hover:is(.dark *){
  --tw-text-opacity: 1 !important;
  color: rgb(95 181 139 / var(--tw-text-opacity)) !important;
}
.dark\:focus\:border-red-500:focus:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 181 139 / var(--tw-border-opacity)) !important;
}
.dark\:focus\:border-red-500:focus:is(.dark *){
  --tw-border-opacity: 1 !important;
  border-color: rgb(95 181 139 / var(--tw-border-opacity)) !important;
}
.text-slate-400{
  --tw-text-opacity: 1 !important;
  color: rgb(150 150 150 / var(--tw-text-opacity)) !important;
}
.gap-12 {
  gap: 3.0rem !important;
}
@media (max-width: 991px) {
  .navbar{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
    --tw-shadow: 0 0 3px rgb(60 72 88 / 0.15) !important;
    --tw-shadow-colored: 0 0 3px var(--tw-shadow-color) !important;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
  }
  .navbar:is(.dark *){
    --tw-bg-opacity: 1 !important;
    background-color: rgb(10 14 28 / var(--tw-bg-opacity)) !important;
    --tw-shadow-color: #1f2937 !important;
    --tw-shadow:
    var(--tw-shadow-colored) !important;
  }
  .navbar .navigation .navbar-nav{
    display: block;
    height: 100%;
    max-height: 20rem;
  }
  .navbar .navigation .navbar-nav .nav-link{
    --tw-text-opacity: 1;
    color: rgb(15 23 42 / var(--tw-text-opacity));
  }
  .navbar .navigation .navbar-nav .active .nav-link{
    --tw-text-opacity: 1;
    color: rgb(239 68 68 / var(--tw-text-opacity));
  }
  .navbar .navigation .navbar-nav .menu-social{
    margin-bottom: 1.25rem !important;
  }
}
.dark hr {
  border-color: #656667; /* Màu viền trong chế độ dark mode */
}
.dark\:bg-gray-a0:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: #a0a0a0 !important;
}
.dark\:bg-262e46:is(.dark *){
  --tw-bg-opacity: 1 !important;
  background-color: #262e46 !important;
}