/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.h-section {
		padding: 0px !important;
	}

	.h-section .h-fullwwidth {
		padding-right: 0px;
		padding-left: 0px !important;
	}
	
}
/* Overlay mờ trên mobile */
@media (max-width: 768px) {
  .h-section .section-bg::after {
    content: "";
    position: absolute;
    inset: 0; /* top:0; right:0; bottom:0; left:0 */
    background: rgb(0 0 0 / 64%);
   
    z-index: 1;
  }

  .h-section .section-bg img {
    display: block;
    width: 100%;
   
  }

  /* Đảm bảo các nội dung khác nằm trên overlay */
  .h-section > *:not(.section-bg) {
    position: relative;
    z-index: 2;
  }

  /* Đặt .section-bg ở đúng vị trí */
  .h-section .section-bg {
    position: absolute;
    inset: 0;
    overflow: hidden;
  }

  .h-section {
    position: relative;
  }
}
@media (max-width: 1300px) {
	.h-img img {
		width: 75% !important;
	}
}
@media (max-width: 500px) {
	body .h-img img {
		width: 100% !important;
	}
}
header#header {
    display: none !important;
}
footer#footer {
    display: none !important;
}
.h-contact .col-inner {
    margin: 0 auto !important;
    /* margin: 0 auto; */
    /* display: block; */
}
.h-bt-1 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(180deg, #04E265 26%, #027E38 77%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #04E265;
    /* border-radius: 47px 47px 47px 47px; */
    /* padding: 15px 0px 15px 0px; */
    box-sizing: none !important;
    box-shadow: none !important;
}
.h-bt-2 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFB803 26%, #FF5300 77%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #990404;
	box-sizing: none !important;
    box-shadow: none !important;
    
}
.h-bt-3 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(180deg, #00A3FC 26%, #002E69 77%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0683C7;
	box-sizing: none !important;
    box-shadow: none !important;
    
}
.h-bt-4 {
    font-size: 25px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: transparent;
    background-image: linear-gradient(180deg, #FC0000 26%, #690000 77%);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #0683C7;
    
    box-sizing: none !important;
    box-shadow: none !important;
}


.h-bt-1, .h-bt-2,  .h-bt-3, .h-bt-4, .icon-box-img .icon {
  display: inline-block;
  text-decoration: none;

  transition: background 0.3s ease;
 
  will-change: transform;
}

/* Hiệu ứng mượt lặp vô hạn khi hover */
.h-bt-1:hover, .h-bt-2:hover, .h-bt-3:hover, .h-bt-4:hover, .icon-box-img .icon:hover {
  animation: pulseSmooth 1.6s ease-in-out infinite;
 
}

/* Keyframes tối giản, nhẹ GPU */
@keyframes pulseSmooth {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}