body{
  font-family:"Roboto",sans-serif;
  font-size:14px;
  margin:0;
  padding:0;
  color:#222;
  overflow-x:hidden;
  counter-reset:my-sec-counter;
  scroll-behavior: smooth
}
 .text-center {
    text-align: center!important;
    font-size: 15px;
 } 

.badge-pill {
    padding-right: 1.2em;
    padding-left: 1.2em;
    border-radius: 10rem;
    font-size: 13px;
}
.list-group-item {
    border: none;
}
.btn-auth {
    display: block; /* Đảm bảo nút chiếm toàn bộ chiều ngang */
    width: 100%; /* Full ngang */
    background: linear-gradient(45deg, #e63946, #f77f00, #f4a261, #2a9d8f, #457b9d, #1d3557); /* Gradient với nhiều màu */
    font-size: 14px; /* Font chữ vừa phải */
    font-weight: bold;
    color: #ffffff;
    text-align: center;
    border-radius: 0.5rem; /* Bo góc nhẹ */
    border: none;
    padding: 5px 0; 
    margin-top: 10px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background-size: 300% 300%; /* Tăng kích thước gradient để tạo chuyển động */
}

.btn-auth:hover {
    transform: translateY(-3px); /* Hiệu ứng nâng cao hơn khi hover */
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.3); /* Bóng đổ rõ hơn */
}

.btn-auth:active {
    transform: scale(0.95); /* Hiệu ứng thu nhỏ khi nhấn */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); /* Giảm bóng đổ */
    background: linear-gradient(45deg, #f4a261, #e63946, #1d3557); /* Đổi màu tập trung vào tông nóng */
}

        
    .nav-pills .nav-link {
    background: #00000026;
   }  
   .card-title {
    margin-bottom: .5rem;
    font-weight: 700;
    text-transform: uppercase;
}
.card-hot-deal {
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    padding: 7px 13px;
    border-radius: 8px;
    background: #ffffff;
    border: 2px dotted red;
}

.footer {
    padding-top: 40px;
    background: #252525;
    color: rgba(161,161,161,.6);
    -webkit-clip-path: polygon(0 0,36% 0,calc(36% + 1.25rem) 1.25rem,100% 1.25rem,100% 100%,0 100%);
    clip-path: polygon(0 0,36% 0,calc(36% + 1.25rem) 1.25rem,100% 1.25rem,100% 100%,0 100%);
    text-align: center;
}
.badge-module {
    padding: 0.45em 0.6em;
    border-radius: 3px;
    font-size: 11px;
}
.swal2-popup {
    font-size: 14px; 
}