/*
 Theme Name:   IMTA GeneratePress Child
 Theme URI:    https://imta.vn
 Description:  IMTA GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://imta.vn
 Template:     generatepress
 Version:      0.1
*/
/*CSS Trang Dich Vu Marketing Start*/
#post-49711 .entry-header {
      display: none;
}
/*CSS Trang Dich Vu Marketing End*/

/*Rankmath Breadcrumb*/
div.rankmath-breadcrumb {
    margin: 0px;
    padding: 3px 10px;
    background-color: #dedada4d;
	font-size:1rem;
}
.rankmath-breadcrumb a {
 text-decoration: none;
}

.rankmath-breadcrumb p {
	margin-bottom:0px;
}

/*Chinh menu*/
.main-navigation .inside-navigation {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left:20px;
	padding-right:20px;
font-size: 16px;
}
#mobile-header, nav#site-navigation {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}
/*chinh sua menu*/
div#primary-menu >ul>li>a {
    text-transform: uppercase;
}


/* Giao diện cơ bản của nút */
.btn-tuvan-header {
    display: inline-block;
    padding: 11px 22px !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #ffffff !important; /* Chữ màu trắng */
    border-radius: 6px; /* Bo tròn hoàn toàn kiểu hiện đại */
    text-decoration: none !important;
    transition: all 0.3s ease-in-out; /* Tạo hiệu ứng mượt mà */
    cursor: pointer;
    
    /* CHỌN 1 TRONG 2 KIỂU MÀU GRADIENT DƯỚI ĐÂY: */
    
    /* HOẶC KIỂU 1: GRADIENT CAM VÀNG (Năng động, nổi bật) */
    background: linear-gradient(135deg, #28bdbf, #00c6ff);    
    /* HOẶC KIỂU 2: GRADIENT XANH DƯƠNG - XANH NGỌC (Premium, tin cậy) */
    /* Để dùng màu xanh, hãy xóa 2 dòng Cam Vàng ở trên và mở khóa 2 dòng dưới này: */
    /* background: linear-gradient(135deg, #0072ff, #00c6ff); */
    /* box-shadow: 0 4px 15px rgba(0, 114, 255, 0.4); */
}

/* Hiệu ứng khi rê chuột vào (Hover) */
.btn-tuvan-header:hover {
    transform: translateY(-2px); /* Nút nhích nhẹ lên trên tạo cảm giác nổi */
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); /* Đổ bóng đậm hơn một chút */
    filter: brightness(1.1); /* Tăng độ sáng nhẹ để tạo hiệu ứng sáng lên */
}

/* Hiệu ứng khi click chuột vào (Active) */
.btn-tuvan-header:active {
    transform: translateY(1px); /* Nút lún xuống nhẹ khi click */
}
/* Định dạng giao diện chuẩn cho nút Số điện thoại */
.btn-contact-header {
   display: inline-block;
    padding: 10px 22px !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 6px;
    margin-left: 10px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: 2px solid #03c5f9;
}

/* Hiệu ứng khi hover (Rê chuột vào) */
.btn-contact-header:hover {
    transform: translateY(-2px) scale(1.03); /* Nhích nhẹ lên và phóng to một chút */
    box-shadow: 0 6px 20px rgba(0, 180, 219, 0.5); /* Đổ bóng phát sáng xanh ngọc */
    filter: brightness(1.1);
    animation-play-state: paused; /* Tạm dừng rung khi người dùng đã rê chuột vào */
}

/* Hiệu ứng click */
.btn-contact-header:active {
    transform: translateY(1px);
}
.custom-giaiphap-home li::marker {
color: #52a997;
}
.custom-footer {
    padding: 86px 0 92px;
    overflow: hidden;
    position: relative;

    background:
        radial-gradient(circle at top right,
            rgba(0, 198, 255, 0.35) 0%,
            rgba(0, 198, 255, 0.15) 20%,
            transparent 40%),

        radial-gradient(circle at bottom left,
            rgba(0, 198, 255, 0.25) 0%,
            rgba(0, 198, 255, 0.10) 25%,
            transparent 45%),

        #08111f !important;
}
.site-footer p {
color: #fff;
}
.site-footer li {
color: #00c6ff;
font-size: 18px;
}
h1 span {
  background: linear-gradient(90deg, #28bdbf 0%, #16a4a6 45%, #6ee7e8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.button, .wp-block-button .wp-block-button__link {
    padding: 3px 20px;
    display: inline-block;
}
.section-hoi-nhap .wp-block-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.section-hoi-nhap .wp-block-list li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 12px;
  color: #243536;
  font-size: 18px;
  line-height: 1.6;
}

.section-hoi-nhap .wp-block-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: linear-gradient(135deg, #28bdbf, #149fa1);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-h2-home {
text-align: center;
    font-size: 40px;
    line-height: 1.4;
color: #08111f;
}
.custom-h2-home span {
background: linear-gradient(90deg, #28bdbf 0%, #16a4a6 45%, #6ee7e8 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
@media (max-width: 640px) {
            .custom-h2-home {
    font-size: 28px;
}
.btn-contact-header , .btn-tuvan-header {
width: 240px;
}
        }
.stats-panel {
    position: relative;
    overflow: hidden;
    padding: 40px;
    border-radius: 40px;
    background: radial-gradient(circle at 88% 10%, rgba(35, 190, 191, .16), transparent 28%), radial-gradient(circle at 6% 100%, rgba(15, 23, 42, .045), transparent 26%), linear-gradient(180deg, #FFFFFF 0%, #F7FEFE 100%);
    box-shadow: 0 26px 76px rgba(15, 23, 42, .08);
    border: 1px solid var(--line);
}