/*
 Theme Name:   Nevo Child
 Theme URI:    https://nevothemes.com
 Description:  Default Nevo child theme
 Author:       NevoThemes
 Author URI:   https://nevothemes.com
 Template:     nevo
 Version:      0.1
*/
/*----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;
}
/*---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;
}