/*
Theme Name: Nevo
Theme URI: https://nevothemes.com/
Author: Nevothemes
Author URI: https://nevothemes.com
Description: Nevo is a lightweight WordPress theme built with a focus on speed and usability. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, magazine websites, business websites, and more.. Learn more and check out our powerful premium version at https://nevothemes.com
Version: 1.3.2
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nevo
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, footer-widgets, blog, e-commerce, flexible-header, full-width-template, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, rtl-language-support, featured-images, theme-options

Nevo is distributed under the terms of the GNU GPL

Nevo is based on Underscores http://underscores.me/, (C) 2012-2023 Automattic, Inc.

Actual CSS can be found in /assets/css/ folder.

/*----button--desktop----*/
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.hotline-phone-ring {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
right: -20px;
bottom: -20px;
display: block;
}
.hotline-phone-ring-circle {
width: 130px;
height: 130px;
top: -20px;
left: -20px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #247145;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 90px;
height: 90px;
top: 0px;
left: 0px;
position: absolute;
background-color: #f5e8e7;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #247145;
width: 70px;
height: 70px;
top: 10px;
left: 10px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
/*-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
/*animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.4;
margin-top: 5px;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgb(49, 74, 166);
border-radius: 3px;
padding: 0 15px 0 0;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
/* width: 175px !important; */
left: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 50px;
display: block;
letter-spacing: 1px;
line-height: 40px;
font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
/*-----end--booknow----*/
/*-nut-phone-*/
  .call-now-btn {
  position: fixed;
  bottom: 20px;
  left: 20px; /* 👈 Bên trái màn hình */
  width: 65px;
  height: 65px;
  background-color: #247145;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  text-decoration: none;
  z-index: 9999;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  animation: ring 1.6s infinite;
}


/* Hiệu ứng rung + toả sáng */
@keyframes ring {
  0% { transform: rotate(0); box-shadow: 0 0 0 0 #247145; }
  10% { transform: rotate(-15deg); }
  20% { transform: rotate(15deg); }
  30% { transform: rotate(-10deg); }
  40% { transform: rotate(10deg); }
  50% { transform: rotate(0); }
}
/*---end-nut--phone----*/
/*---------------social--icon--right----*/
.iconfixfolow {
    position: fixed;
    right: 20px;
    bottom: 90px;
    list-style: none;
    padding: 0px;
    margin: 0px;
	z-index: 999;
}
.iconfixfolow li {
	 aspect-ratio: 1 / 1;
	border: 1px solid #247145;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    margin: 5px;
    background-color: #247145;
	z-index: 999;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}
.iconfixfolow li:hover{
	  transform: scale(1.05);
}
.iconfixfolow a {
    color: #fff;
}
.iconfixfolow i {
    margin-top: 10px;
    font-size: 18px;
	color: #fff;
}
/*---------------end--social--icon--right--------*/
/*------nut--seach---*/
label.cv-col-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    background: #fff;
    border-radius: 40px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    padding: 8px 15px;
    transition: all 0.3s ease;
    overflow: hidden;
}
label.cv-col-12 input{
    border: none;
  outline: none;
  background: none;
  font-size: 15px;
  flex: 1;
  color: #333;
  transition: all 0.3s ease;
}
button.search-submit.position-absolute {
  background: #247145 ;
  border: none;
  outline: none;
  color: #fff;
  font-size: 16px;
  border-radius: 50% !important;
  width: 40px;
  height: 40px;
    margin-right:10px;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  justify-content: center;
  align-items: center;
}
button.search-submit.position-absolute svg.bi-search {
    top: 0;
    width: 30px;
}
/*---end-nut-seach----*/
/*---booknow-mobile----*/
.btn-book {
    position: relative;
    display: inline-block;
    padding: 8px 30px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-decoration: none !important;
    text-transform: uppercase;
    background: linear-gradient(90deg, #247145 0%, #39b56f 50%, #247145 100%);
    border-radius: 50px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    filter: saturate(1.08);
  outline: none;
	color:white;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.btn-book:hover,
.btn-book:focus {
  transform: translateY(-4px) scale(1.01);
  box-shadow: 0 14px 40px rgba(36, 113, 69, 0.22);
	color:white;
}

/* Layer ánh sáng quét liên tục */
.btn-book .shine {
    position: absolute;
    top: 0;
    left: -75%;  /* bắt đầu từ ngoài nút */
    width: 50%;
    height: 100%;

    background: rgba(255,255,255,0.5);
    filter: blur(18px);
    transform: skewX(-25deg);
    animation: swipeFull 2.6s linear infinite;
    z-index: -1; /* phía sau chữ */
}

@keyframes swipeFull {
    0% { left: -75%; }
    100% { left: 125%; }
}
.btn-book br {
    display: none;
}
.popup-header.d-flex.align-items-center.justify-content-between {
    display: none !important;
}
/*---end-booknow-mobile----*/
/*--------header-----------*/
span.nevo-item-title {
    font-weight: 400;
    font-size: 20px;
	 color: white;
}
.popup-body {
    background-color: #112F0D;
}
a.button.button-link.d-flex.align-items-center.justify-content-center {
       background: linear-gradient(90deg, #247145 0%, #39b56f 50%, #247145 100%);
    color: #fff;
    font-weight: 600;
    border: none;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    transition: transform .3s cubic-bezier(.16,.8,.32,1),
                box-shadow .3s cubic-bezier(.16,.8,.32,1);
    box-shadow: inset 0 0 10px #ffffff1a;
}
a.button.button-link.d-flex.align-items-center.justify-content-center::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.45) 50%,
      transparent 100%
    );
    animation: swipeFull 2.6s linear infinite;
    filter: blur(18px);
}

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

a.button.button-link.d-flex.align-items-center.justify-content-center:hover {
    transform: translateY(-1px) scale(1.06);
}
/*-------end-header-------*/
 /* SECTION WRAPPER */
.nail-price-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 10px;
  color: white;
}

.nail-price-section h2, .nail-price-section h3 {
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid white;
  display: inline-block;
  padding-bottom: 6px;
	font-size:25px;
  color: white;
}

.price-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  align-items: center;
  transition: all .3s ease;
  min-width: 0;
}

.price-row span {
  display: block;
  word-wrap: break-word;   /* xuống dòng khi dài */
  white-space: normal;     /* không ép 1 dòng */
  overflow: visible;       /* chữ dài không bị cắt */
}

.service {
  font-weight: 500;
}

.duration, .price {
  text-align: right;
}
/*----addon----*/
.nail-addons-section {
  max-width: 400px; /* thon hẳn */
  margin: 0 auto;
  padding: 2px 5px; /* tối thiểu */
  color: white; /* cực nhỏ */
}
.nail-addons-section h2 {
  margin-bottom: 5px;
  font-weight: 600;
  color: white;
	font-size:25px;
  text-transform: uppercase;
  border-bottom: 3px solid white;
  display: inline-block;
  padding-bottom: 1px;
}
.nail-addons-section .price-row {
  display: grid;
  grid-template-columns: 1fr 0.1fr 0.7fr; /* service rộng, duration & price cực thon */
  gap: 3px;
  padding: 3px 0; /* siêu thon */
  border-bottom: 1px solid rgba(255,255,255,0.03);
  align-items: center;
  transition: all .1s ease;
}
.nail-addons-section .service {
  font-weight: 500;
}

.nail-addons-section .duration,
.nail-addons-section .price {
  text-align: right;
}
  .nail-price-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 10px;
  color: white;
}

.nail-price-section h2 {
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid white;
  display: inline-block;
  padding-bottom: 6px;
}

.price-table {
  width: 100%;
  border-collapse: collapse;
  color:white
}

.price-table td {
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  vertical-align: middle;
}

.price-table .service {
  width: 60%;
}

.price-table .duration {
  width: 20%;
  text-align: center;
  white-space: nowrap;
}

.price-table .price {
  width: 20%;
  text-align: right;
  font-weight: 600;
}

.price-table tr {
  transition: all .3s ease;
}

.price-table tr:hover {
  opacity: 0.85;
}
 table, th, td {
    border: none;
}
/*---end-addon---*/
/*---end-CSS-Bang-Gia---*/
/*---Css-fotter-icon--*/
/* Social Icons */
  .contact-social-fotter{
  }

  .contact-social-fotter a {
    font-size: 26px;
    color: #247145;
    transition: transform 0.25s ease, color 0.25s ease;
  }

  .contact-social-fotter a:hover {
    transform: scale(1.25);
    color: #27ae60;
  }
/*---End-Css-fotter-icon--*/
/*--Css-banner-contant---*/
/* Nhỏ gọn & tinh tế */
.sv-item .icon-box {
  background-color:black;
  padding: 5px 5px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  transition: all .45s cubic-bezier(.22,1,.36,1);
}

/* Text chuẩn luxury */
.sv-item .icon-box-title {
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  transition: all .45s cubic-bezier(.22,1,.36,1);
}

/*------- Hover----- */
.sv-item:hover .icon-box {
  transform: translateY(-4px);
  box-shadow: 0 0px 5px rgb(255 255 255 / 32%);
}

.sv-item:hover .icon-box-title {
  transform: translateX(6px);
}

.sv-item:hover .icon-box-icon {
  opacity: 1;
  transform: translateX(0) scale(.95);
  filter: blur(0);
}

/* Ánh sáng quét giảm bớt độ chói */
.sv-item .icon-box::after {
  content: "";
  position: absolute;
  inset: 0;
  left: -100%;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 15%), transparent);
  transition: 1s ease;
  opacity: 0;
}

.sv-item:hover .icon-box::after {
  left: 120%;
  opacity: 1;
}

/* Scroll in – smooth & sạch */
.sv-item {
  opacity: 0;
  transform: translateY(24px);
  animation: showUp .55s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes showUp {
  0% {opacity:0; transform:translateY(26px)}
  100% {opacity:1; transform:translateY(0)}
}
/*---End-contant-banner---*/
/*---end-css-button/---*/

/*----------------------------------CSS-Feedback-=========-*/
.review-card {
  max-width: 680px;
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 20px 24px;
  margin: 16px auto;
  background-color: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.06);
  transition: box-shadow 0.25s, transform 0.25s;
}
.review-card:hover {
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
  transform: translateY(-3px);
}

.review-header { 
  display: flex; 
  align-items: center; 
  gap: 14px; 
  margin-bottom: 12px; 
}
.avatar { 
  width:48px;
  height:48px;
  border-radius:50%;
  font-weight:700;
  font-size:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.meta { 
  flex:1; 
  display:flex; 
  flex-direction:column; 
}
.name-row { 
  display:flex; 
  align-items:center; 
  gap:6px; 
  font-size:15px; 
  color:#3c4043;
}
.name { font-weight:600; }
.dot, .time { color:#9e9e9e; }
.stars { color:#fbbc04; font-size:15px; margin-top:3px; }

.review-body-wrapper {
  max-height: 150px; /* chiều cao cố định */
  overflow-y: auto;   /* scroll khi nội dung vượt quá */
}

.review-body {
  font-size:15px; 
  line-height:1.7; 
  color:#3c4043;
}
/*--end-css-feedback--*/
/*---------------------------CSS-Header-hover---------------------*/
/*-----contants-servvice------*/
/* ICON BOX ITEM */
.beauty-box {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px 26px;
  border-radius: 50px;
  background: rgba(255,255,255,0.97);
  border: 1.5px solid #247145;
  box-shadow: 0 3px 8px rgba(0,0,0,0.12);
  cursor: pointer;
  transition: all 0.45s cubic-bezier(0.16,1,0.3,1);
  overflow: hidden;
}

/* Gradient overlay */
.beauty-box::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  background: linear-gradient(135deg, #39b56f 0%, #247145 100%);
  opacity: 0;
  transform: scale(0.96);
  transition: all 0.55s cubic-bezier(0.16,1,0.3,1);
  z-index: -1;
}

.beauty-box:hover::after {
  opacity: 1;
  transform: scale(1.03);
}

/* Hover container */
.beauty-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(36,113,69,0.35);
  border-color: transparent;
}

/* ICON */
.beauty-box .elementor-icon-box-icon i {
  font-size: 19px;
  color: #39b56f !important; /* Màu mặc định */
  transition: all 0.4s ease !important;
}

.beauty-box:hover .elementor-icon-box-icon i {
  color: #fff !important; /* Ép đổi màu hover */
  transform: translateY(-3px) scale(1.25) !important;
  filter: drop-shadow(0 0 6px rgba(255,255,255,0.6)) !important;
}

/* TITLE + DESCRIPTION */
.beauty-box .elementor-icon-box-title,
.beauty-box .elementor-icon-box-description {
  color: #155e37 !important;
  transition: all 0.4s ease !important;
}

.beauty-box:hover .elementor-icon-box-title,
.beauty-box:hover .elementor-icon-box-description {
  color: #fff !important;
  transform: translateY(-2px) !important;
}

/*--------BUTTON-HOVER---------*/
a.elementor-button.elementor-button-link.elementor-size-sm {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    display: inline-block;
    transition: transform .3s cubic-bezier(.16,.8,.32,1),
                box-shadow .3s cubic-bezier(.16,.8,.32,1);
    box-shadow: inset 0 0 10px #ffffff1a;
}
a.elementor-button.elementor-button-link.elementor-size-sm:hover{
	 transform: translateY(-3px) scale(1.06);
}
a.elementor-button.elementor-button-link.elementor-size-sm::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 120%;
    height: 100%;
    background: linear-gradient(
      120deg,
      transparent 0%,
      rgba(255,255,255,.45) 50%,
      transparent 100%
    );
    animation: swipeFull 2.6s linear infinite;
    filter: blur(18px);
}
@keyframes swipeFull {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(200%); }
}
	/*---------END-BUTTON-------*/
	/*-------CSS---TABB-------*/
	.e-n-tabs.e-activated {
  display: flex !important;
  gap: 100px !important;
  max-width: 1500px !important;
  color: #333 !important;
  align-items: flex-start !important;
  padding: 10px !important;
  width: 100% !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* ==== Tabs Heading ==== */
.e-n-tabs-heading {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==== Each Tab ==== */
.e-n-tab-title {
  background: none !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #888 !important;
  text-align: left !important;
  padding: 8px 0 !important;
  display: inline-block !important;
  cursor: pointer !important;
  position: relative !important;
  transition: all 0.5s ease !important;
}

.e-n-tab-title::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  border-radius: 100px;
  width: 0% !important;
  height: 2.5px !important;
  background-color:#247145 !important;
  transition: width 0.5s ease !important;
}

.e-n-tab-title:hover {
  color: #247145 !important;
  
}

.e-n-tab-title[aria-selected="true"] {
  color: #247145 !important;
  font-weight: 600 !important;
  font-size: 25px !important;;
  transform: scale(1.03)

}

.e-n-tab-title[aria-selected="true"]::after {
  width: 60% !important;
}
/*--------FOTTER-CSS----------*/
.connect-buttons {
    display: flex;
    gap: 20px;
    font-size: 25px;
	margin-top:15px;
  }

  .connect-buttons a {
    color: white;
    display: inline-block;
    transition: transform 0.3s ease, color 0.25s ease;
  }

  .connect-buttons a:hover {
    transform: scale(1.2);
    color: #4CFF4C;
    animation: shake 0.3s ease-in-out;
  }

  @keyframes shake {
    0%, 100% { transform: scale(1.2) rotate(0deg); }
    25% { transform: scale(1.2) rotate(3deg); }
    50% { transform: scale(1.2) rotate(-3deg); }
    75% { transform: scale(1.2) rotate(2deg); }
  }
.contact-info {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info li {
  display: flex;
  align-items: center;
  gap: 10px; /* khoảng cách icon và chữ */
  font-size: 16px;
  margin-bottom: 8px;
	color:white;
}

.contact-info i {
  color: white; /* màu icon */
  min-width: 20px; /* để các icon thẳng hàng */
  text-align: center;
}

.footer-widgets.widgets-footer-3.builder-item-focus {
    margin-left: 105px;
    padding: 0px;
}

.footer-widgets.widgets-footer-2.builder-item-focus {
    margin-left: -105px;
    padding: 0px;
}

.footer-widgets.widgets-footer-4.builder-item-focus {
    margin-left: 65px !important;
    padding: 0 !important;
}


.footer-widgets.widgets-footer-1.builder-item-focus {
    margin-left: -80px;
}

.grid-columns.grid-columns-3 {
    gap: 10px;
}
.footer-section {
    background-color: #112f0d;
} 
	@media (max-width: 768px) {
	.footer-widgets.widgets-footer-3.builder-item-focus {
    margin-left: 2px;
}
		/*-----------------ONLY-TABLET------*/
  .nail-price-section {
    padding: 10px 6px;
    max-width: 100%;
  }
  .price-row {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 4px; /* nhỏ hơn */  /* nhỏ hơn */
  }

  .price-row span {
    white-space: nowrap
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .price-row::after {
    left: 0;
    width: 0;
  }

  .price-row:hover {
    transform: translateY(0);
  }
}
/*--------------BANG------*/


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

	.contact-row span {
    display: inline-block;
      max-width: 100%;
      font-size:13px;
      text-align: center;
      word-break: break-word;
  }
 .contact-row {
      display: flex;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
    }
  .location-info {
    font-size: 13px;
    padding: 14px;
  }

  .contact-section {
    text-align: left;
      padding-left: 30px;
      padding-right: 30px;
  }
  .price-row {  /* cực nhỏ mà vẫn đọc được */
    padding: 6px 3px;
  }
  .review-card { padding:14px 16px; }
  .review-body { font-size:14px; line-height:1.6; }
  .review-body-wrapper { max-height: 120px; } /* giảm chiều cao trên mobile */
	/*--------BANG-----*/
 .call-now-btn1{
    width: 50px;
    height: 50px;
    font-size: 20px;
  }
/*-----mobile-fotter-----*/

.footer-widgets.widgets-footer-3.builder-item-focus {
    margin-left: 0px;
    padding: 0px;
}

.footer-widgets.widgets-footer-2.builder-item-focus {
    margin-left: 0px;
    padding: 0px;
}

.footer-widgets.widgets-footer-4.builder-item-focus {
    margin-left: 0px !important;
    padding: 0px !important;
}

.footer-widgets.widgets-footer-1.builder-item-focus {
    margin-left: 0px;
}

.grid-columns.grid-columns-3 {
    gap: 0px;
}
	
	span.nevo-item-title {
		font-size: 20px !important;
		font-weight:300;
			
	}
	
.nevo-container.inside-footer.d-flex.text-center.start-empty.has-center.end-empty.normal {
    margin-top: -65px;
}
	
// code cua button social va hotline

.boxsliderho img {
    border-radius: 10px;
}
}
.iconfixfolow {
    position: fixed;
    right: 20px;
    bottom: 90px;
    list-style: none;
    padding: 0px;
    margin: 0px;
	z-index: 999;
}
.iconfixfolow li {
	 aspect-ratio: 1 / 1;
	border: 1px solid #247145;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    margin: 5px;
    background-color: #247145;
	z-index: 999;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}
.iconfixfolow li:hover{
	  transform: scale(1.05);
}
.iconfixfolow a {
    color: #fff;
}
.iconfixfolow i {
    margin-top: 10px;
    font-size: 18px;
	color: #fff;
}
.boxmaphome p {
    margin-bottom: -8px;
}
.boxmaphome iframe {
    min-height: 300px;
}
.cssulicon {
    list-style: none;
    padding-left: 0;
}
.cssulicon li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 25px;
}
.cssulicon li::before {
    content: "\f00c"; /* Font Awesome check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    color:  black;
}
.cssimgchose img {
	border-top-right-radius: 50%;
    border-bottom-left-radius: 10%;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.8);
    margin: 10px;
    max-width: 90%;
}
.titafterstar::after {
    content: "\f005 \f005 \f005 \f005 \f005";
    font-family: "Font Awesome 5 Free";
    color: gold;
    display: block;
    margin-bottom: -5px;
    font-size: 16px;
}
div#text-16 li {
    width: 120%;
}
div#text-15 {
    padding-left: 100px;
}
.cssheightiframe-booknow iframe{
	height: 230vh !important;
}
.cssheightiframe-gift iframe{
	height: 250vh !important;
}
.back-to-top.left{
	bottom:31px;
}
.cssgiftfix a:hover {
    color: #fff;
}
@keyframes anicolor {
  0%   {background-color: #5e3918;}
  25%  {background-color: #744b26;}
  50%  {background-color: #5e3918;}
  100% {background-color: #744b26;}
}
.cssgiftfix {
	display: none;
    bottom: 0;
    position: fixed;
    text-align: center;
    background-color: red;
    width: 100%;
    z-index: 999;
	animation: anicolor 3s infinite;
}
.cssgiftfix a {
    color: #fff;
    font-size: 18px;
}
/*-nut-phone-*/
  .call-now-btn {
  position: fixed;
  bottom: 20px;
  left: 20px; /* 👈 Bên trái màn hình */
  width: 65px;
  height: 65px;
  background-color: #247145;
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  text-decoration: none;
  z-index: 9999;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  animation: ring 1.6s infinite;
}

/* Hiệu ứng rung + toả sáng */
@keyframes ring {
  0% { transform: rotate(0); box-shadow: 0 0 0 0 #247145; }
  10% { transform: rotate(-15deg); }
  20% { transform: rotate(15deg); }
  30% { transform: rotate(-10deg); }
  40% { transform: rotate(10deg); }
  50% { transform: rotate(0); }
}

/*---end-nut--phone----*/
/*---book-now----*/
.hotline-phone-ring-wrap {
position: fixed;
bottom: 0;
left: 0;
z-index: 999999;
}
.hotline-phone-ring {
position: fixed;
visibility: visible;
background-color: transparent;
width: 110px;
height: 110px;
cursor: pointer;
z-index: 11;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
transition: visibility .5s;
right: -20px;
bottom: -20px;
display: block;
}
.hotline-phone-ring-circle {
width: 130px;
height: 130px;
top: -20px;
left: -20px;
position: absolute;
background-color: transparent;
border-radius: 100%;
border: 2px solid #247145;
-webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0.5;
}
.hotline-phone-ring-circle-fill {
width: 90px;
height: 90px;
top: 0px;
left: 0px;
position: absolute;
background-color: #f5e8e7;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
transition: all .5s;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.hotline-phone-ring-img-circle {
background-color: #247145;
width: 70px;
height: 70px;
top: 10px;
left: 10px;
position: absolute;
background-size: 20px;
border-radius: 100%;
border: 2px solid transparent;
/*-webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
/*animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;*/
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
justify-content: center;
}
.hotline-phone-ring-img-circle .pps-btn-img {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 14px;
text-align: center;
color: #fff;
font-weight: bold;
line-height: 1.4;
margin-top: 5px;
}
.hotline-phone-ring-img-circle .pps-btn-img img {
width: 20px;
height: 20px;
}
.hotline-bar {
position: absolute;
background: rgb(49, 74, 166);
border-radius: 3px;
padding: 0 15px 0 0;
background-size: 100%;
cursor: pointer;
transition: all 0.8s;
-webkit-transition: all 0.8s;
z-index: 9;
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 50px !important;
/* width: 175px !important; */
left: 33px;
bottom: 37px;
}
.hotline-bar > a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-weight: bold;
text-indent: 50px;
display: block;
letter-spacing: 1px;
line-height: 40px;
font-family: Arial;
}
.hotline-bar > a:hover,
.hotline-bar > a:active {
color: #fff;
}
@-webkit-keyframes phonering-alo-circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.6;
	background-color: #247145;
}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
10% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
-webkit-transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
-webkit-transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
}
}
/*-end-nut-phone-*/

iframe {
    min-width: 100%;
    min-height: 500px;
}
.borderimgfb img {
    border-radius: 100%;
}
.cssgridimg img{
	border-radius:10px;
}
.fontservnho p {
    font-size: 13px;
}
.boxcolserv1 .col-inner.box-shadow-1 {
	background-image: url(https://marketingtiemnail.vn/demo5/wp-content/uploads/2025/02/45ves-uey8-scaled.jpg);
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.boxcolserv2 .col-inner.box-shadow-1 {
    background-image: url(https://marketingtiemnail.vn/demo5/wp-content/uploads/2025/02/flat-lay-ferns-leaves-scaled.jpg);
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.boxfolow-ft a:hover{
	color:#F3D983;
}
.iconzaloft a {
    font-size: 10px;
    font-weight: 900;
}
li.iconzaloft {
    padding-top: 5px;
    padding-left: 2px;
}
.boxfolow-ft li i {
    font-size: 20px;
    padding-top: 10px;
	font-size:17px;
}
.boxfolow-ft li {
    display: inline-block;
    border: 1px solid #b48f2e;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    margin-right: 5px;
}
/*---CSS-MENU-TABHOME---*/
/*---END-CSS-MENU-TABHOME---*/
/*css-an-bar-flatsome*/

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.connect-buttons {
    margin-right: -45px;
}
	.e-con.e-flex {
        --flex-wrap: unset !important;
    }
	.header-main .social-icons, .header-main .cart-icon strong, .header-main .menu-title, .header-main .header-button > .button.is-outline, .header-main .nav > li > a > i:not(.icon-angle-down){
	color:white !important;
	}
	.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a{
		color:black !important
	}
.slider-wrapper .flickity-prev-next-button {
    display: block !important;
	opacity: 1;
}
.csswcmb {
    text-align: center;
}
div#text-16 li {
    width: 100%;
}
div#text-15 {
	padding-left: 15px;
}
.cssheightiframe-booknow iframe{
	height: 500vh !important;
}
.cssheightiframe-gift iframe{
	height: 200vh !important;
}
.cssgiftfix a {
    font-size: 15px;
}
.boxcolserv2 .col-inner.box-shadow-1 {
    background-image: url(https://marketingtiemnail.vn/demo5/wp-content/uploads/2025/02/45ves-uey8-scaled.jpg) !important;
	background-position: right 25% top 0% !important;
}
.boxcolserv1 .col-inner.box-shadow-1 {
	background-position: right 25% top 0%;
}
.fontservnho p {
    font-size: 100%;
}
	.hotline-phone-ring-circle{
		border: 2px solid #247145;
	}
	.iconfixfolow li {
	border: 1px solid #247145;
	}
	.nail-addons-section {
  max-width: 600px; /* thon hẳn */
  margin: 0 auto;
  padding: 2px 5px; /* tối thiểu */
  color: white;
}
.nail-addons-section .price-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* service rộng, duration & price cực thon */
  gap: 3px;
  padding: 3px 0; /* siêu thon */
}
.nail-addons-section .service {
  font-weight: 500;
}

.nail-addons-section .duration,
.nail-addons-section .price {
  text-align: right;
}
/*---mobile--bang-gia-----*/
	.nail-price-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px 10px;
  color: white;
}

.nail-price-section h2, .nail-price-section h3 {
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid white;
  display: inline-block;
  padding-bottom: 6px;
  color: white;
}

.price-row {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(255,255,255,0.15);
  align-items: center;
  transition: all .3s ease;
  min-width: 0;
}
/* Desktop lớn hơn 1024px */
@media (min-width: 1024px) {
  body {
    background-color: lightblue;
  }
}

.price-row span {
  display: block;
  word-wrap: break-word;   /* xuống dòng khi dài */
  white-space: normal;     /* không ép 1 dòng */
  overflow: visible;       /* chữ dài không bị cắt */
}

.service {
  font-weight: 500;
}

.duration, .price {
  text-align: right;
}