@import url("../css/variables.css");

.wrapper-main-menu {
  position: sticky;
  top: 0;
  z-index: 1030; /* cao hon header ho?c offcanvas */
  background: #fff; 
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); /* nh? nh�ng */
}


.wrapper-container {
  max-width: var(--container-max);
  margin: 0 auto;
/*   background-color: aquamarine; */
}

.description-main {
  font-size: var(--fs-16);
  color: var(--primary-black-1);
}

.carousel-plan {
  width: 1000px;
}

.heading-coiny-lg {
  font-family: "Pony", system-ui;
  letter-spacing: 0.8px;
  font-size: 40px;
}

.custom-nav-link {
  font-weight: 600;
}
 
.scroll-top-btn {
    position: fixed;
    bottom: 50px;
    right: 50px;
    background-color: #54b948;
    color: white;
    padding: 10px 20px;
    font-size: 18px;
    border: none;
    border-radius: 50px;
    cursor: pointer;
    box-shadow: 0px 8px 16px rgba(100, 103, 122, 0.2);
}

.scroll-top-btn:hover {
    background-color: #58d14b;
    color: white;
}

@media (max-width: 767.98px) {
  .scroll-top-btn {
    bottom: 20px;
    right: 20px
  }
}