.form-booking .form-control{
  margin-bottom:0
}
.form-booking p{
line-height:normal
} 
.bg-flower-left1{
  max-width:250px;
position: absolute;
    left: 100px;
    bottom: 20px;
    z-index: 9999;
  -webkit-animation-name: shapeAnimaiton;
     -moz-animation-name: shapeAnimaiton;
       -o-animation-name: shapeAnimaiton;
          animation-name: shapeAnimaiton;
  -webkit-animation-duration: 8s;
     -moz-animation-duration: 8s;
       -o-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.bg-flower-right1{
  max-width:250px;
  position: absolute;
right: 40px;
    top: 40px;
     z-index: 9999;
  -webkit-animation-name: shapeAnimaiton2;
     -moz-animation-name: shapeAnimaiton2;
       -o-animation-name: shapeAnimaiton2;
          animation-name: shapeAnimaiton2;
  -webkit-animation-duration: 8s;
     -moz-animation-duration: 8s;
       -o-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear;
       -o-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes shapeAnimaiton {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  50% {
    -webkit-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
  75% {
    -webkit-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes shapeAnimaiton {
  0% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  25% {
    -moz-transform: translate(-20px, 0);
         transform: translate(-20px, 0);
  }
  50% {
    -moz-transform: translate(-20px, -20px);
         transform: translate(-20px, -20px);
  }
  75% {
    -moz-transform: translate(0, -20px);
         transform: translate(0, -20px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@-o-keyframes shapeAnimaiton {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  25% {
    -o-transform: translate(-20px, 0);
       transform: translate(-20px, 0);
  }
  50% {
    -o-transform: translate(-20px, -20px);
       transform: translate(-20px, -20px);
  }
  75% {
    -o-transform: translate(0, -20px);
       transform: translate(0, -20px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}

@keyframes shapeAnimaiton {
  0% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(-20px, 0);
       -moz-transform: translate(-20px, 0);
         -o-transform: translate(-20px, 0);
            transform: translate(-20px, 0);
  }
  50% {
    -webkit-transform: translate(-20px, -20px);
       -moz-transform: translate(-20px, -20px);
         -o-transform: translate(-20px, -20px);
            transform: translate(-20px, -20px);
  }
  75% {
    -webkit-transform: translate(0, -20px);
       -moz-transform: translate(0, -20px);
         -o-transform: translate(0, -20px);
            transform: translate(0, -20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-webkit-keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@-moz-keyframes shapeAnimaiton2 {
  0% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
  25% {
    -moz-transform: translate(20px, 0);
         transform: translate(20px, 0);
  }
  50% {
    -moz-transform: translate(20px, 20px);
         transform: translate(20px, 20px);
  }
  75% {
    -moz-transform: translate(0, 20px);
         transform: translate(0, 20px);
  }
  100% {
    -moz-transform: translate(0, 0);
         transform: translate(0, 0);
  }
}

@-o-keyframes shapeAnimaiton2 {
  0% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
  25% {
    -o-transform: translate(20px, 0);
       transform: translate(20px, 0);
  }
  50% {
    -o-transform: translate(20px, 20px);
       transform: translate(20px, 20px);
  }
  75% {
    -o-transform: translate(0, 20px);
       transform: translate(0, 20px);
  }
  100% {
    -o-transform: translate(0, 0);
       transform: translate(0, 0);
  }
}

@keyframes shapeAnimaiton2 {
  0% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  25% {
    -webkit-transform: translate(20px, 0);
       -moz-transform: translate(20px, 0);
         -o-transform: translate(20px, 0);
            transform: translate(20px, 0);
  }
  50% {
    -webkit-transform: translate(20px, 20px);
       -moz-transform: translate(20px, 20px);
         -o-transform: translate(20px, 20px);
            transform: translate(20px, 20px);
  }
  75% {
    -webkit-transform: translate(0, 20px);
       -moz-transform: translate(0, 20px);
         -o-transform: translate(0, 20px);
            transform: translate(0, 20px);
  }
  100% {
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@media (max-width:767px){
  .bg-flower-right1{
  max-width: 100px;
    top: 80px;
  }
  .bg-flower-left1{
bottom: 30px;
    max-width:100px
  }
} 
.float-icon-hotline ul li .fa-zalo{
      background: transparent url('/image/catalog/18265738341599780998-128.png') center center no-repeat !important;
} 
.banner-header__content{
position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
} 
.form-booking{
	display:flex;
  align-items:center;
}
.form-booking .form-newsletter__inside{
width:calc(100% - 160px)
} 
.form-booking__heading{
min-width:160px;
}
.form-newsletter__list{
	display:flex;
  align-items:center;
}
.form-newsletter__list > div{
width:16.67%
}
.form-newsletter__list > div:not(:last-child){
	margin-right:0.5rem
}
.form-booking .form-control{
		width:100%
}
.form-newsletter__notification{
margin:0
}
@media (min-width: 1200px) {
    .wrapper-booking-nail .container {
        max-width: 1260px;
    }
}
.form-booking p{
		margin:0;
}
.form-newsletter__list span{
display:inline
}
@media (max-width:991px){
.form-booking ,
  .form-booking .form-newsletter__list{
    flex-direction: column;
}
  .form-newsletter__list > div:not(:last-child){
  	margin-right:0;
    margin-bottom:10px;
  }
  .form-newsletter__list > div ,
  .form-booking .form-newsletter__inside{
    width: 100%;
}
}

.news .item {
  position: relative; /* đảm bảo .con_custom định vị theo .item */
  overflow: hidden;   /* tránh text tràn ra ngoài khi animate */
}

.news .item .con_custom{
  position: absolute;
  bottom: 20px;
  width:100%;
  padding: 0px 20px;
  left: 0%;
  transform: translate(0%, 20px); /* bắt đầu thấp hơn 20px */
  opacity: 0;                       /* ẩn mờ */
  visibility: hidden;               /* ẩn khỏi layout */
  transition:
    transform 300ms ease,
    opacity 300ms ease,
    visibility 0s linear 300ms;     /* delay visibility để tránh nhấp nháy */
}

.news .item:hover .con_custom{
  transform: translate(0%, 0);    /* chạy lên vị trí chuẩn */
  opacity: 1;
  visibility: visible;
  transition:
    transform 300ms ease,
    opacity 300ms ease,
    visibility 0s;                  /* hiện ngay khi hover */
}

.news .item .con_custom h5{
    color: #fff;
    font-size: 27px;
    font-weight: 400;
    margin-top: 5px;
    margin-bottom: 5px;
}
.logo img{width:165px} 
.product_row .con h6 span, .products-view .con h6 span {
    display: none;
}
.contact h3{
  color: var(--shop-color-main);
}
.reservations .text a {
    font-size: 15px;
    color: #000;
    font-family: 'Barlow Condensed', sans-serif;
    letter-spacing: 1px;
}
.reservations .icon span {
    font-size: 20px;
    color: #000;
}
.news .item .con_custom .line {
    text-align: center;
    height: 1px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.2);
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: 
ease-in-out;
    margin: auto 0 30px;
}
.news .item:hover .con_custom .line {
    width: 100%;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: 
ease-in-out;
}
.navbar-nav > .nav-item{
  background: var(--shop-color-main);
}
.navbar-nav > .nav-item a{
    color:#fff !important;
}
.nav-scroll{top:0 !important;transform:unset;z-index:99999;}