/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
.button-menu .elementor-icon-wrapper
{
	display: flex;
}
.button-menu:hover svg path {
    fill: #fff;
}
.btn a
{
	touch-action: manipulation;
    transition: all 0.3s ease-out 0s;

    position: relative; overflow: hidden; z-index: 2;
}
.btn a::before {
    content: "";
    position: absolute;
    transition-duration: 800ms;
    width: 200%;
    height: 200%;
    top: 110%;
    left: 50%;
    background: var(--e-global-color-secondary);
    transform: translateX(-50%);
    border-radius: 50%;
    z-index: -1;

}
.btn a:hover:before, .btn a:focus-visible:before {
    top: -40%;
}
.menu-mb .has-submenu {
    display: flex;
    justify-content: space-between;
}
/* Nếu table CÓ thead -> Style cho thead */
table thead,
/* Nếu table KHÔNG CÓ thead -> Style cho tr đầu tiên trong tbody (hoặc tr đầu của table) */
table:not(:has(thead)) tbody tr:first-child,
table:not(:has(thead)) > tr:first-child {
    background: var(--e-global-color-primary);
    color: #fff;
}
.services-thumb a{display: block;overflow: hidden;
    position: relative;
    z-index: 1;}
.services-thumb a::before {
    position: absolute;
    top: 0;
    left: -100%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(-25deg);
}
.item-service:hover .services-thumb a::before {
    animation: hoverShine 1.2s;
}
@keyframes hoverShine {
  100% {
    left: 125%;
  }
}

.service-icon 
{
	width: 70px;
    height: 70px;
    background: var(--e-global-color-e6894e3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    line-height: 0;
   
    border: 3px solid #fff;
    border-radius: 50%;

    z-index: 2;
    transition: all 0.4s ease-out 0s;

}
.service-icon img
{
	transition: all 0.4s ease-out 0s;
	filter: brightness(0) saturate(100%) invert(18%) sepia(58%) saturate(542%) hue-rotate(83deg) brightness(96%) contrast(89%);
}
.item-service:hover .service-icon {
    background: var(--e-global-color-secondary) !important;
   
}
.item-service:hover .service-icon img

{
	    transform: rotateY(180deg);
    transition: all 0.4s ease-out 0s;

	filter: brightness(0) invert(1);
}
.tamquantrong .e-n-accordion-item-title[aria-expanded='false']
{
	border-radius: 20px !important
}
.uytin img
{
	    transition: 0.3s linear;
}
.uytin:hover img
{
transform: rotateY(180deg);
}
.item-service-chu:hover *
{
    color: var(--e-global-color-e6894e3) !important;
}
.item-service-chu:hover svg{
    fill:#FFF !important;
}