.skiptranslate.goog-te-gadget {
    margin-top:15px;
    visibility: hidden;
    position: relative;
}

.skiptranslate.goog-te-gadget .goog-te-combo {
    visibility: visible;
    position: absolute;
}

.swiper-container {
    width: 100%;
    padding: 20px 0;
}


.auth-box{
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid;
}
.text-gradient {
  background: linear-gradient(90deg, #ff0000, #ff7300, #ffeb00, #47ff00, #00ffee, #002bff, #7a00ff, #ff00b3, #ff0000);
  background-size: 300% 300%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientAnimation 10s infinite linear;
}

@keyframes gradientAnimation {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

*{
    user-select:none;
}

pre *{
   user-select:text; 
}
#sale-noti-btn {
    margin-bottom:10px;
    outline:none;
  padding: 10px 20px;
  border: none;
  font-size: 17px;
  color: #fff;
  border-radius: 7px;
  letter-spacing: 4px;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.5s;
  transition-property: box-shadow;
}

#sale-noti-btn {
  background: rgb(0,140,255);
  box-shadow: 0 0 25px rgb(0,140,255);

}

#sale-noti-btn:hover {
  box-shadow: 0 0 5px rgb(0,140,255),
              0 0 25px rgb(0,140,255),
              0 0 50px rgb(0,140,255),
              0 0 100px rgb(0,140,255);
}




/* Ẩn thanh top bar của Google Translate */
.goog-te-banner-frame {
    display: none !important;
}

/* Điều chỉnh lại chiều cao của body để tránh bị dịch chuyển */
body {
    top: 0 !important;
}

.goog-te-combo{
    margin-top: 10px;
    padding: 10px;
    width:150px;
}

iframe[id=":1.container"] {
    display: none;
}


#google_translate_element{
    margin-top:10px;
}

a.link, body {
    color: black;
}

.modal-content{
    border: none;
    border-radius: 10px;
}
#notificationModal strong {
    font-weight: bold;
}
.button-63 {
    align-items: center;
    background-image: linear-gradient(144deg,#AF40FF, #5B42F3 50%,#00DDEB);
    border: 0;
    border-radius: 16px;
    box-shadow: rgba(151, 65, 252, 0.2) 0 15px 30px -5px;
    box-sizing: border-box;
    color: #FFFFFF;
    display: flex;
    font-family: Phantomsans, sans-serif;
    font-size: 13px;
    justify-content: center;
    line-height: 1em;
    max-width: 100%;
    min-width: 140px;
    padding: 13px 18px;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    cursor: pointer;
    font-weight: 700;
  }
  
  .button-63:active,
  .button-63:hover {
    outline: 0;
  }
  
  @media (min-width: 768px) {
    .button-63 {
      font-size: 13px;
      min-width: 196px;
    }
  }

p{
    padding: 0;
    margin: 0;
}

.alert strong {
    font-weight: bold;
}

.intro strong {
    font-weight: bold;
}

.intro{
    color: black;
}



.hhh{
    color: black;
}

.blog_content strong{
    font-weight: bold;
}

.blog_content{
    color: black;
}

.btn{
  border-radius: 5px;
  border: none;
}

.btn-primary {
  color: #fff;
  background: linear-gradient(90deg, #00178f, #4B96FF);
  cursor: pointer;
  transition: background 0.3s ease;
}

.product{
  border: 1px solid black;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
  transition: box-shadow 0.3s ease;
  border-radius: 10px;
  overflow: hidden;
}

  .product .mt-2{
    margin-top: 0px!important;
  }
  .product p.text-danger{
    font-weight: 500!important;
  }

  .product:hover {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35); /* Bóng đổ tăng thêm khi hover */
    transform: scale(1.02); /* Phóng to 5% khi hover */
    transition: transform 0.3s ease-in-out;
  }

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link {
    color: #000000;
}

#main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon, #main-wrapper[data-layout=vertical] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link .feather-icon, #main-wrapper[data-layout=horizontal] .left-sidebar[data-sidebarbg=skin6] .sidebar-nav ul .sidebar-item .sidebar-link i {
  color: #000000;
}

.sidebar-nav #sidebarnav .sidebar-item .sidebar-link {
  opacity: 1;
}

.sidebar-nav #sidebarnav .sidebar-item.selected>.sidebar-link {
  border-radius: 0 60px 60px 0;
  color: #fff !important;
  background: linear-gradient(90deg, #00178f, #4B96FF);
  box-shadow: 0 7px 12px 0 rgba(95, 118, 232, .21);
  opacity: 1;
}

.sidebar-link div{
  display: flex;
  align-items: center;
}