/*-----------------------------------------------------------------------------------

    Template Name: Enfhess - Tailwind CSS
    Author: saihoai
    Author Url: https://themeforest.net/user/saihoai
    Version: 1.0

-----------------------------------------------------------------------------------*/


a {
    color: unset !important; /* Remove any color set on <a> */
    text-decoration: none !important; /* Remove underline */
}

.container a {
    color: unset !important;
    text-decoration: none !important;
}



.custom-quill .ql-editor {
    color: black !important;
  }
  
  .custom-quill .ql-editor a {
    text-decoration: underline !important;
    color: blue !important;
  }
  
  .product-content a {
    color: rgb(25, 0, 255) !important; /* Initial link color */
    text-decoration: underline; /* Remove default underline */
    position: relative; /* Required for the underline effect */
    transition: color 0.3s ease; /* Smooth color transition */
  }
  
  .product-content a::after {
    content: ""; /* Create the underline effect */
    position: absolute;
    left: 0;
    bottom: -2px; /* Adjust distance below text */
    width: 0; /* Start with no underline */
    height: 2px; /* Thickness of underline */
    background-color: rgb(6, 19, 28); /* Match the link color */
    transition: width 0.3s ease; /* Smooth underline transition */
  }
  
  .product-content a:hover {
    color: #007bff; /* Change color on hover */
  }
  
  .product-content a:hover::after {
    width: 100%; /* Expand the underline on hover */
  }