/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.13
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
@media screen and (min-width: 850px) {
    .large-6 .res-text {
        font-size: inherit;
    }
}
.button {
     
    border-color: rgb(3 12 30 / 65%);
 
}
.shake-img {
  animation: smooth-swing 5s cubic-bezier(0.42, 0, 0.58, 1) infinite;
  display: block;
  width: 150px;
}

@keyframes smooth-swing {
  0%   { transform: translateX(0); }
  15%  { transform: translateX(-8px); }
  30%  { transform: translateX(8px); }
  45%  { transform: translateX(-6px); }
  60%  { transform: translateX(6px); }
  75%  { transform: translateX(-4px); }
  90%  { transform: translateX(4px); }
  100% { transform: translateX(0); }
}

.shake-img2 {
  animation: smooth-bounce 4s ease-in-out infinite;
  display: block;
  width: 150px; /* Tùy chỉnh theo ảnh */
}

@keyframes smooth-bounce {
  0%   { transform: translateY(0); }
  15%  { transform: translateY(-8px); }
  30%  { transform: translateY(8px); }
  45%  { transform: translateY(-6px); }
  60%  { transform: translateY(6px); }
  75%  { transform: translateY(-4px); }
  90%  { transform: translateY(4px); }
  100% { transform: translateY(0); }
}
.img-inner{
	border-radius: 10px;
}
.marquee-wrapper {
  width: 600px; /* 👈 chiều ngang giới hạn khung */
  overflow: hidden;
  
}

.marquee-track {
  display: flex;
  gap: 40px;
  animation: marqueeScroll 20s linear infinite;
  width: max-content;
}

.marquee-track img {
  height: 40px; /* điều chỉnh theo cần thiết */
}

@keyframes marqueeScroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}


/* Tùy chọn: Giảm khoảng cách giữa các logo */
#stack-4001264130 > * {
  margin-right: 3rem;
}
.image-anime{
	border-radius: 10px;
	 transition: transform 0.6s ease;
     transform-style: preserve-3d;
}
.image-anime::before,
    .image-anime::after {
      content: "";
      position: absolute;
      width: 0;
      height: 100%;
      top: 0;
      background: linear-gradient(
        45deg,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.5) 50%,
        rgba(255, 255, 255, 0) 100%
      );
      z-index: 2;
      opacity: 0;
    }

    .image-anime::before {
      left: 50%;
      transform: translateX(-50%) rotate(-45deg);
      transform-origin: left center;
    }

    .image-anime::after {
      right: 50%;
      transform: translateX(50%) rotate(45deg);
      transform-origin: right center;
    }

    .image-anime:hover::before,
    .image-anime:hover::after {
      animation: glowSpread 1.2s ease forwards;
    }

    @keyframes glowSpread {
      0% {
        width: 0;
        opacity: 0.2;
      }
      50% {
        width: 100%;
        opacity: 0.4;
      }
      100% {
        width: 0;
        opacity: 0;
      }
    }
.fill{
	border-radius: 20px;
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection {
  box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    color: #333;
    margin-bottom: 15px;
    padding: 23px 20px;
    border: none;
    background: #f8f8f8;
    font-size: 1em;
    border-radius: 5px;
    font-weight: 500;
    letter-spacing: 0.9px;
	box-shadow: none;
	border: 1px solid #e1e1e1;
  
}
.single-post .entry-header-text .entry-divider {
    display: none !important;
}