.elementor-316 .elementor-element.elementor-element-22319178:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-22319178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1E1E;background-image:url("https://karaokesunny.com/wp-content/uploads/2023/09/banner-1.jpg");background-position:center center;}.elementor-316 .elementor-element.elementor-element-22319178 > .elementor-background-overlay{background-color:#000000;opacity:0.84;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-316 .elementor-element.elementor-element-22319178{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 50px 25px 50px;overflow:visible;}.elementor-316 .elementor-element.elementor-element-124fefe3{overflow:visible;}.elementor-316 .elementor-element.elementor-element-124fefe3.elementor-section::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;-webkit-backdrop-filter:blur(1.2px);backdrop-filter:blur(1.2px);border-radius:inherit;background-color:inherit;}.elementor-316 .elementor-element.elementor-element-00b6bd1{width:var( --container-widget-width, 100.508% );max-width:100.508%;--container-widget-width:100.508%;--container-widget-flex-grow:0;text-align:center;}.elementor-316 .elementor-element.elementor-element-00b6bd1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-316 .elementor-element.elementor-element-6ba7c63 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-316 .elementor-element.elementor-element-2ae6449 > .elementor-element-populated{border-style:none;padding:0px 0px 0px 10px;}.elementor-316 .elementor-element.elementor-element-64a2ce6d .elementor-heading-title{font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-size:var( --e-global-typography-a10f8a0-font-size );font-weight:var( --e-global-typography-a10f8a0-font-weight );line-height:var( --e-global-typography-a10f8a0-line-height );color:#FFD700;}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-icon i{color:#FFFFFF;transition:color 0.3s;}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-icon svg{fill:#FFFFFF;transition:fill 0.3s;}.elementor-316 .elementor-element.elementor-element-1e66e61e{--e-icon-list-icon-size:20px;--icon-vertical-offset:0px;}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-316 .elementor-element.elementor-element-1e66e61e .elementor-icon-list-item:hover .elementor-icon-list-text{color:#FFFFFF;}.elementor-316 .elementor-element.elementor-element-689d374b > .elementor-element-populated{border-style:dashed;border-width:0px 1px 0px 0px;border-color:#FFFFFF;padding:0px 0px 0px 28px;}.elementor-316 .elementor-element.elementor-element-d27fd1c .elementor-heading-title{font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-size:var( --e-global-typography-a10f8a0-font-size );font-weight:var( --e-global-typography-a10f8a0-font-weight );line-height:var( --e-global-typography-a10f8a0-line-height );color:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-icon i{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-icon svg{fill:var( --e-global-color-text );transition:fill 0.3s;}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-370cda5f{--e-icon-list-icon-size:12px;--icon-vertical-offset:0px;}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-316 .elementor-element.elementor-element-370cda5f .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-193cfd4b > .elementor-element-populated{border-style:none;padding:0px 0px 0px 10px;}.elementor-316 .elementor-element.elementor-element-364bd75 .elementor-heading-title{font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-size:var( --e-global-typography-a10f8a0-font-size );font-weight:var( --e-global-typography-a10f8a0-font-weight );line-height:var( --e-global-typography-a10f8a0-line-height );color:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-e45f8db > .elementor-widget-container{border-style:solid;border-color:#F9D47100;border-radius:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-aca81d4 > .elementor-widget-container{border-style:solid;border-color:#F9D47100;border-radius:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-661a612 > .elementor-element-populated{border-style:none;padding:0px 0px 0px 10px;}.elementor-316 .elementor-element.elementor-element-e7d9edc .elementor-heading-title{font-family:var( --e-global-typography-a10f8a0-font-family ), Sans-serif;font-size:var( --e-global-typography-a10f8a0-font-size );font-weight:var( --e-global-typography-a10f8a0-font-weight );line-height:var( --e-global-typography-a10f8a0-line-height );color:var( --e-global-color-f572fff );}.elementor-316 .elementor-element.elementor-element-c1a51f3 > .elementor-widget-container{margin:5px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-414bbfa7{border-style:solid;border-width:1px 0px 0px 0px;border-color:var( --e-global-color-50b2a21 );margin-top:50px;margin-bottom:0px;padding:25px 0px 0px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-316 .elementor-element.elementor-element-6ad90da6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-316 .elementor-element.elementor-element-6ad90da6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-316 .elementor-element.elementor-element-14598153.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-316 .elementor-element.elementor-element-14598153.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-316 .elementor-element.elementor-element-9dcc0bb{--grid-template-columns:repeat(0, auto);--icon-size:17px;--grid-column-gap:10px;--grid-row-gap:0px;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-widget-container{text-align:right;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-social-icon{background-color:#FF008E00;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-social-icon i{color:#FFFFFF;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-social-icon svg{fill:#FFFFFF;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-icon{border-radius:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-social-icon:hover i{color:var( --e-global-color-9c764db );}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-social-icon:hover svg{fill:var( --e-global-color-9c764db );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-316 .elementor-element.elementor-element-53cc7af{width:20.192%;}.elementor-316 .elementor-element.elementor-element-2ae6449{width:23.16%;}.elementor-316 .elementor-element.elementor-element-689d374b{width:11.062%;}.elementor-316 .elementor-element.elementor-element-193cfd4b{width:23.32%;}.elementor-316 .elementor-element.elementor-element-661a612{width:22.266%;}}@media(max-width:1024px) and (min-width:768px){.elementor-316 .elementor-element.elementor-element-53cc7af{width:100%;}.elementor-316 .elementor-element.elementor-element-2ae6449{width:100%;}.elementor-316 .elementor-element.elementor-element-689d374b{width:100%;}.elementor-316 .elementor-element.elementor-element-193cfd4b{width:100%;}.elementor-316 .elementor-element.elementor-element-661a612{width:100%;}.elementor-316 .elementor-element.elementor-element-6ad90da6{width:100%;}.elementor-316 .elementor-element.elementor-element-14598153{width:100%;}}@media(min-width:1025px){.elementor-316 .elementor-element.elementor-element-22319178:not(.elementor-motion-effects-element-type-background), .elementor-316 .elementor-element.elementor-element-22319178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-316 .elementor-element.elementor-element-22319178{padding:50px 15px 50px 15px;}.elementor-316 .elementor-element.elementor-element-64a2ce6d .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-d27fd1c .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-364bd75 .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-e7d9edc .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-14598153 > .elementor-element-populated{padding:15px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-9dcc0bb .elementor-widget-container{text-align:center;}}@media(max-width:767px){.elementor-316 .elementor-element.elementor-element-6ba7c63 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-316 .elementor-element.elementor-element-64a2ce6d .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-689d374b > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-d27fd1c .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-193cfd4b > .elementor-element-populated{margin:10px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-316 .elementor-element.elementor-element-364bd75 .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}.elementor-316 .elementor-element.elementor-element-e7d9edc .elementor-heading-title{font-size:var( --e-global-typography-a10f8a0-font-size );line-height:var( --e-global-typography-a10f8a0-line-height );}}/* Start custom CSS for html, class: .elementor-element-62478eb *//* =========================================================
   NÚT HOTLINE TRÊN HEADER MENU (VIP GOLD)
============================================================ */
.sunny-header-hotline {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  /* Đổ màu nền Vàng kim loại (Metallic Gold) */
  background: linear-gradient(90deg, #d4af37 0%, #ffe066 50%, #d4af37 100%);
  background-size: 200% auto;
  color: #111111 !important; /* Chữ màu đen/xám đậm để cực kỳ sắc nét */
  font-family: inherit;
  font-weight: 900;
  font-size: 16px;
  letter-spacing: 0.5px;
  padding: 12px 28px;
  border-radius: 50px; /* Bo tròn kiểu viên thuốc (Pill shape) */
  text-decoration: none;
  border: 1px solid #fff2a8; /* Viền sáng nhẹ định hình khối */
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.35); /* Ánh sáng hắt xuống */
  transition: all 0.4s ease-in-out;
}

/* Hiệu ứng trỏ chuột: Đảo dải màu và nảy nhẹ lên */
.sunny-header-hotline:hover {
  background-position: right center;
  transform: translateY(-3px);
  box-shadow: 0 8px 25px rgba(255, 215, 0, 0.6);
  color: #000000 !important;
}

/* Định dạng Icon điện thoại */
.sunny-header-hotline .icon-phone {
  width: 20px;
  height: 20px;
  animation: phone-ring 2.5s infinite ease-in-out; /* Hiệu ứng rung chuông */
}

/* Keyframe tạo hiệu ứng nhấp nháy/rung chuông cho icon */
@keyframes phone-ring {
  0%, 100% { transform: rotate(0); }
  5%, 15%, 25% { transform: rotate(-15deg); }
  10%, 20% { transform: rotate(15deg); }
  30% { transform: rotate(0); }
}

/* Responsive cho Mobile: Thu nhỏ size một chút để không vỡ layout Header */
@media (max-width: 768px) {
  .sunny-header-hotline {
    font-size: 14px;
    padding: 10px 20px;
  }
  .sunny-header-hotline .icon-phone {
    width: 18px;
    height: 18px;
  }
}/* End custom CSS */