@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;600;700&display=swap");

:root {
  --size: 50vmin;

  --white: #fff;

  --blue: #3051f1;

  --purple: #c92bb7;

  --red: #f73344;

  --orange: #fa8e37;

  --yellow: #fcdf8f;

  --yellow_to: #fbd377;

  --pink: #fb3491;

  --pink2: #f00090;

  --pink3: #ea3a8d;

  --font-playfair: "Playfair Display", "Bell MT", serif;
}

body {
  font-family: "Oswald", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;

  font-style: normal;
}

.wow {
  visibility: hidden;
}

.wrap {
  overflow: hidden;
}

#header {
  position: absolute;

  z-index: 10;

  left: 0;

  right: 0;
}

#header .container {
  position: relative;

  max-width: inherit;
}

#topOptions {
  height: 111px;
}

#topOptions .findout a {
  width: 180px !important;
}

/*video header*/
.flexslider li video {
  width: 100%;
  height: auto;
  max-height: 950px;
  display: block;
  object-fit: cover;
}

#topOptions #logoTop {
  display: inline-block;

  position: relative;

  top: 25px;

  margin: 0 auto;
}

#topOptions #datTop {
  position: absolute;

  right: 15px;

  top: 35px;

  margin: 0;

  padding: 0;

  display: flex;

  gap: 15px;
}

#topOptions #datTop li {
  list-style: none;
}

#topOptions .email.findout a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  width: 170px;
  height: 37px;
  border: solid 3px #fff;
  border-radius: 18.5px;
  font-family: "Oswald", sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  padding-left: 0;
  margin-right: 30px;
  -webkit-transition: linear all 0.3s;
  -o-transition: linear all 0.3s;
  transition: linear all 0.3s;
}

#topOptions .email.findout a:hover {
  background: #fff;
  color: var(--pink);
  text-decoration: none;
}

#topOptions .email.findout i {
  display: none;
}

#topOptions .email.findout a:hover {
  background: #fff;
  color: var(--pink);
  text-decoration: none;
}

#topOptions .email.findout i {
  display: none;
}

#topOptions .email a,
#topOptions .phone a {
  font-size: 12px;

  font-family: "Poppins", sans-serif;

  font-weight: 600;

  font-style: normal;

  color: #fff;

  position: relative;

  height: 36px;

  display: flex;

  align-items: center;

  padding-left: 45px;

  margin-right: 30px;
}

#topOptions .email i,
#topOptions .phone i {
  display: block;

  width: 36px;

  height: 36px;

  display: flex;

  justify-content: center;

  align-items: center;

  position: absolute;

  left: 0;

  top: 0;

  background-color: var(--pink);

  border-radius: 50%;

  background-position: center center;

  background-repeat: no-repeat;

  -webkit-transition: linear all 0.3s;

  -o-transition: linear all 0.3s;

  transition: linear all 0.3s;
}

#topOptions .email i {
  background-image: url("../images/icons/mailTop.png");
}

#topOptions .phone i {
  background-image: url("../images/icons/telTop.png");
}

#topOptions .email:hover i,
#topOptions .phone:hover i {
  background-color: var(--pink2);
}

#topOptions .franchise a {
  display: flex;

  justify-content: center;

  align-items: center;

  background-color: var(--pink2);

  color: #fff;

  width: 285px;

  height: 37px;

  border: solid 2px #fff;

  border-radius: 18.5px;

  font-family: "Oswald", sans-serif;

  font-size: 22px;

  text-transform: uppercase;

  letter-spacing: 1px;

  -webkit-transition: linear all 0.3s;

  -o-transition: linear all 0.3s;

  transition: linear all 0.3s;
}

#topOptions .franchise a:hover {
  background: #fff;

  color: var(--pink);

  text-decoration: none;
}

/*Menu*/

#menuTop {
  padding-top: 0;
}

#menuTop ul,
#menuTop li {
  list-style: none;

  margin: 0;

  padding: 0;
}

#menuTop nav > ul {
  display: flex;

  justify-content: space-between;

  border: solid 3px #fff;

  height: 54px;

  border-radius: 27px;
}

#menuTop nav > ul li {
  padding: 0;

  position: relative;
}

#menuTop nav > ul li:first-child {
  border-radius: 0 0 24px 24px;
}

#menuTop nav > ul a {
  display: flex;

  align-items: center;

  position: relative;

  padding: 0 24px;

  color: #fff;

  font-size: 18px;

  font-weight: 300;

  font-family: "Oswald", sans-serif;

  text-decoration: none;

  border-radius: 24px;

  padding-bottom: 2px;

  height: 48px;

  cursor: pointer;

  letter-spacing: 0.6px;

  -webkit-transition: linear all 0.3s;

  -o-transition: linear all 0.3s;

  transition: linear all 0.3s;
}

#menuTop #menu .active a,
#menuTop #menu a:hover {
  background: var(--pink2);

  position: relative;

  text-shadow: -1px 0 0px #fff, 0 -1px 0 #fff;
}

#menuTop #menu a:before {
  display: block;

  content: "";

  position: absolute;

  width: calc(100% + 6px);

  height: calc(100% + 6px);

  left: -3px;

  top: -3px;

  bottom: -3px;

  background: #fff;

  border-radius: 26px;

  z-index: -1;

  width: 0;

  opacity: 0;
}

#menuTop #menu .active a:before,
#menuTop #menu a:hover:before {
  opacity: 1;

  width: calc(100% + 6px);

  height: calc(100% + 6px);

  -webkit-transition: linear all 0.3s;

  -o-transition: linear all 0.3s;

  transition: linear all 0.3s;
}

#menuTop .menu1 li:hover ~ #menuTop .menu1 li {
  display: none;
}

#menuTop #menu2 {
  padding-left: 16px;
}

#menuTop #menu2 > ul li {
  width: 100%;
}

#menuTop #menu2 > ul a {
  width: 100%;
}

#menu2.sf-arrows ul .sf-with-ul::after {
  border: 8px solid transparent;

  border-color: transparent;

  border-left-color: rgb(255, 255, 255);

  transform: rotate(90deg) scale(1.8, 1);

  margin-top: 1px;

  margin-right: 30px;
}

#menuTop #menu2 > ul > li > a:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

#menuTop #menu2 .menu2 ul {
  background-color: rgba(0, 0, 0, 0.4);

  border-radius: 28px;

  position: relative;

  top: -51px;

  overflow: hidden;

  padding: 56px 0 6px;

  border: solid 3px #fff;

  min-width: 146px;

  left: -3px;

  margin-right: -7px;

  z-index: -1;
}

#menuTop #menu2 .menu2 ul a {
  border-radius: 0;

  color: #ea3a8d;

  height: 26px;

  font-weight: 400;

  -webkit-transition: linear all 0.1s;

  -o-transition: linear all 0.1s;

  transition: linear all 0.1s;
}

#menuTop #menu2 .menu2 ul a:hover {
  color: #fff;
}

.socialMedia {
  display: flex;

  justify-content: center;

  align-items: center;
}

.socialMedia li:last-child {
  margin-left: 3px;
}

.socialMedia a {
  display: block;

  width: 32px;

  height: 32px;

  text-decoration: none !important;
}

.socialMedia a svg {
  width: 30px;

  height: 30px;

  -webkit-transition: linear all 0.1s;

  -o-transition: linear all 0.1s;

  transition: linear all 0.1s;
}

.socialMedia a:hover svg {
  fill: var(--pink2);

  transform: scale(1.1);
}

/*Footer*/

#footer {
  background: var(--pink);
}

#footer .contentFooter .container {
  height: 116px;

  display: flex;

  align-items: center;

  color: white;

  font-family: "Arial", serif;

  font-size: 11px;

  justify-content: space-between;
}

#footer .tfooter {
  line-height: 16px;

  text-align: left;

  float: left;

  min-height: 22px;

  display: flex;

  align-items: center;

  flex-wrap: wrap;

  justify-content: center;
}

#footer .tfooter a {
  color: inherit;
}

#footer #powered {
  line-height: 16px;

  width: auto;

  text-align: right;

  float: right;

  display: flex;

  align-items: center;

  margin-bottom: 0;
}

#footer #powered a {
  color: inherit;

  display: flex;

  padding: 0 0 0 28px;

  min-height: 22px;

  align-items: center;

  margin-left: 5px;

  background: url(/assets/images/icoTW.svg) no-repeat center left;
}

#footer #powered a:hover {
  text-decoration: none;
}

#datFooter {
  background: #1e1e1e;

  min-height: 370px;

  padding: 100px 0 0;
}

#datFooter .container > .row {
  justify-content: space-between;

  margin: 0;
}

#datFooter .container article {
  font-family: "Open Sans", sans-serif;

  font-optical-sizing: auto;

  font-weight: 300;

  color: #fff;

  font-size: 14px;
}

#datFooter .title {
  font-family: "Oswald", sans-serif;

  font-size: 24px;

  color: var(--pink);

  text-transform: uppercase;

  font-weight: 500;

  line-height: 1.2;

  border-bottom: solid 1px #565656;

  padding-bottom: 10px;

  margin-bottom: 14px;
}

#datFooter .socialMedia {
  justify-content: flex-start;
}

#datFooter .item1 .row {
  margin: 0;

  justify-content: space-between;
}

#datFooter .item1 ul {
  margin: 0;

  padding: 0;
}

#datFooter .item1 li {
  margin: 0;

  list-style: none;

  position: relative;

  padding-left: 19px;

  font-size: 15px;

  line-height: 1.2;

  margin-bottom: 4px;
}

#datFooter .item1 li:before {
  display: block;

  content: "";

  background: var(--pink);

  width: 8px;

  height: 8px;

  position: absolute;

  left: 0;

  top: 6px;

  border-radius: 50%;
}

#datFooter .item1 li a {
  color: inherit;
}

#datFooter .dir {
  background: url("../images/icons/location.png") 0 3px no-repeat;

  padding-left: 20px;
}

#datFooter .phone {
  background: url("../images/icons/phone.png") 0 4px no-repeat;

  padding-left: 22px;

  min-height: 16px;

  margin-top: 5px;

  margin-bottom: 15px;
}

#datFooter .email {
  background: url("../images/icons/mail.png") 0 6px no-repeat;

  padding-left: 24px;

  min-height: 16px;

  margin-top: 5px;

  margin-bottom: 15px;
}

#datFooter a {
  color: inherit;
}

#slider1 {
  position: relative;

  /*background: var(--pink) url('../images/bgSlider.webp') center bottom no-repeat;

	padding-bottom: 209px;

	border-radius: 0 0 100px 100px;*/

  z-index: 2;
}

#slider1:after {
  display: block;

  content: "";

  box-shadow: 0 15px 8px 1px rgba(0, 0, 0, 0.5);

  margin-left: 0;

  margin-right: 0;

  margin-top: -19px;

  border-radius: 50%;

  height: 15px;
}

#slider1 .slides {
  position: relative;

  z-index: 1;

  overflow: hidden;

  background: #fff;
}

#slider1 .flex-control-nav {
  width: initial;

  right: 18px;

  bottom: 54px;
}

.slide_controll {
  position: relative;

  z-index: 2;

  left: 0;

  right: 0;

  bottom: 0;

  height: 0;
}

.slide_controll .container {
  display: flex;

  justify-content: flex-end;

  flex-direction: column;

  align-items: end;
}

.slide_controll .container .cnt {
  position: absolute;

  bottom: 50px;
}

.slide_controll .container li {
  width: 12px;

  height: 23px;

  background: #fff;

  list-style: none;

  margin-bottom: 9px;

  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);

  cursor: pointer;
}

.slide_controll .container li.flex-active {
  background: var(--pink);
}

section.bgTop {
  position: relative;

  z-index: 1;
}

section.bgTop:before {
  display: block;

  content: "";

  /* background: var(--pink) url("../images/bgSlider.webp") center bottom no-repeat; */

  height: 345px;

  border-radius: 0 0 15px 15px;

  z-index: 1;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

  top: -116px;

  width: 1200px;

  right: auto;
}

section[class*="bgTop"]:before {
  opacity: 0;
  animation: showBackground 0.3s ease 1.1s forwards;
}

@keyframes showBackground {
  to {
    opacity: 1;
  }
}

/* section.bgTop:after {
  display: block;

  content: "";

  box-shadow: 0 15px 8px 1px rgba(0, 0, 0, 0.5);

  left: 50%;

  transform: translateX(-50%);

  top: 210px;

  border-radius: 50%;

  height: 15px;

  position: absolute;

  z-index: 0;

  width: 1000px;

  right: auto;
} */

section.bgTop .container {
  z-index: 1;
}

#home-1 .container .title {
  font-family: "Times New Roman", sans-serif;
  font-weight: 600;
  font-size: 50px;
  color: var(--pink);
  line-height: 1.2;
  margin-bottom: 30px;
  padding-top: 20px;
}

#home-1 .container .title .smaller {
  font-size: 40px;
}

#home-1 article {
  border: 5px solid #c9367b;
}

.video-cta-button {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}

.book-consult-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: transparent;
  color: #fff;
  border: solid 3px #fff;
  border-radius: 28.5px;
  font-family: "Oswald", sans-serif;
  font-size: 25px;
  font-weight: 400;
  text-transform: capitalize;
  letter-spacing: 1px;
  text-decoration: none;
  transition: all 0.3s;
  padding: 8px 20px;
}

.book-consult-btn:hover {
  background: #fff;
  color: var(--pink);
  text-decoration: none;
}

#home-1 .container .title br:first-of-type {
  display: none;
}

/*Inicio*/

#home-1 {
  padding: 55px 0 0;
}

#home-1 .title {
  font-size: 36px;

  color: #616161;

  line-height: 1;

  padding: 0 0 15px;

  text-transform: uppercase;

  font-weight: 400;

  text-align: center;
}

#home-1 .row {
  margin: 0 -28px;
}

#home-1 .col {
  padding: 0 28px;
}

#home-1 .col article {
  position: relative;

  border-radius: 15px;

  overflow: hidden;
}

#home-1 .col figcaption {
  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  background: rgba(0, 0, 0, 0.7);

  color: #fff;

  text-align: center;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  text-shadow: 0 1px 5px #000;

  padding: 0 35px;

  line-height: 1.2;

  font-weight: 500;

  /*padding-top: 15%;*/

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3) inset;
}

#home-1 .col figcaption .img {
  width: 140px;

  height: 140px;

  display: flex;

  justify-content: center;

  align-items: center;

  border: solid 4px #fff;

  border-radius: 50%;

  margin: 0 auto 15px;
}

#home-1 .col figcaption .text {
  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  height: 110px;
}

#home-2 {
  padding: 110px 0;
}

#home-2 .container {
}

#home-2 .container .title {
  font-family: "Times New Roman", sans-serif;

  font-weight: 600;

  font-size: 55px;

  color: var(--pink);

  line-height: 1.2;

  margin-bottom: 15px;

  text-align: center;
}

#home-2 .container .text {
  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  color: #323232;

  line-height: 1.85;

  text-align: center;
}

#home-2 .img {
  position: relative;

  padding: 10px;

  height: 100%;
}

#home-2 .img figure img {
  max-width: initial;

  width: 627px;
}

#home-2 .rowImgs {
  padding-top: 120px;

  margin: 0 -27.5px;
}

#home-2 .item {
  padding: 0 27.5px;

  width: 25%;
}

#home-3 {
  position: relative;
  z-index: 2;
}

.titleBookNow {
  background-color: var(--pink2);

  color: #fff;

  font-size: 50px;

  font-family: "Times New Roman", sans-serif;

  font-weight: 600;

  text-align: center;

  text-transform: uppercase;

  position: relative;
}

.titleBookNow .container {
  position: relative;

  z-index: 1;

  height: 141px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 15px;
}

.titleBookNow .container a,
#bookNow .container a {
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.titleBookNow .container a:hover,
#bookNow .container a:hover {
  color: inherit;
  text-decoration: none;
}

#home-4 {
  background: url("../images/home/bookNow.webp") center top no-repeat;

  position: relative;

  overflow: hidden;
}

#home-4:before {
  display: block;

  content: "";

  box-shadow: 0 15px 8px 1px rgba(0, 0, 0, 0.5);

  left: 90px;

  right: 90px;

  top: -20px;

  border-radius: 50%;

  height: 15px;

  position: absolute;

  z-index: 0;
}

/*#home-4:after{

	display: block;

	content: "";

	box-shadow: 0 15px 8px 1px rgba(0,0,0,.5);

  	left: 90px;

  	right: 90px;

  	bottom: -25px;

  	border-radius: 50%;

  	height: 15px;

  	position: absolute;

  	z-index: 0;

  	transform: rotate(-180deg);

}*/

#home-4 .container {
  height: 665px;

  z-index: 1;
}

#home-4 .container figure {
  position: absolute;

  left: 15px;

  bottom: 0;
}

#home-4 .text {
  position: absolute;

  left: 50%;

  right: auto;

  z-index: -1;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  min-width: 1200px;
}

#home-4 .text article {
  background-color: rgba(0, 0, 0, 0.8);

  border-radius: 30px;

  padding: 62px 32px 62px 32px;

  font-size: 50px;

  font-weight: 600;

  color: #fff;

  text-align: center;

  line-height: 1.1;
}

#home-4 .text b {
  font-weight: 800;

  display: block;
}

#home-4 .text b span {
  color: var(--pink);
}

#home-4 .text div {
  text-align: center;

  margin-top: 20px;
}

#home-4 .text div span {
  min-width: 370px;

  height: 55px;

  font-family: "Open Sans", sans-serif;

  font-size: 25px;

  background-color: var(--pink2);

  color: #fff;

  display: inline-flex;

  justify-content: center;

  align-items: center;

  text-transform: uppercase;

  letter-spacing: 1.2;

  border-radius: 26px;
}

#bookNow {
  background-color: #f9d012;

  color: #353535;

  font-size: 33px;

  font-family: "Poppins", sans-serif;

  font-weight: 800;

  text-align: center;

  text-transform: uppercase;

  position: relative;
}

#bookNow .container {
  position: relative;

  z-index: 1;

  height: 99px;

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 0 15px;
}

#home-5 {
}

#home-5 .title {
  padding: 30px 0;

  background-color: var(--pink2);

  color: #fff;

  font-size: 30px;

  font-family: "Poppins", serif;

  font-weight: 800;

  text-align: center;

  position: relative;

  box-shadow: 1px 2px 6px 1px inset rgba(0, 0, 0, 0.5);
}

#home-5 .title .container {
  display: flex;

  flex-direction: row;

  align-items: center;

  text-align: left;

  line-height: 1.2;
}

#home-5 .title span {
  display: inline-flex;

  margin-left: 20px;
}

#home-5 .title svg {
  width: 34px;

  height: 34px;

  margin-left: 1px;
}

#home-5 .title .star {
  width: 362px;

  background: #fff;

  height: 93px;

  border-radius: 46.5px;

  color: #030000;

  font-family: "Poppins", serif;

  font-size: 36px;

  font-weight: 400;

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 0 50px;

  margin-right: 38px;
}

#home-5 .bgLeft {
  background: url("../images/home/bgLeft.webp") left center no-repeat #d5d5d5;
}

#home-5 .bgRight {
  background: url("../images/home/bgRight.webp") right center no-repeat;
}

#home-5 .bgRight .container {
  padding-top: 97px;

  padding-bottom: 57px;
}

#home-5 .item {
  position: relative;

  padding: 27px 21px 21px 170px;

  border: solid 1px #e9e9e9;

  background: #fff;
}

#home-5 .name-star {
  position: absolute;

  left: 26px;

  top: 25px;

  line-height: 1;

  font-family: "Lato", serif;

  color: #3a3a3a;

  font-size: 24px;

  font-weight: 600;
}

#home-5 .stars {
  margin-top: 15px;

  display: flex;

  justify-content: space-between;
}

#home-5 .stars svg {
  display: inline-flex;

  width: 20px;

  height: 20px;

  margin-left: 1px;
}

#home-5 .text {
  background: #e1e1e1;

  padding: 30px 16px;

  line-height: 1.5;

  color: #616161;

  font-family: "Lato", serif;

  font-size: 16px;
}

#home-5 .text .location {
  font-weight: 600;

  margin-bottom: 5px;
}

#home-5 .shadow img {
  margin: 0 auto;
}

/*Membership*/

section.bgTop11 {
  position: relative;
  z-index: 1;
}

section.bgTop11:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -97px;
}

/* section.bgTop11:after {
  display: block;
  content: "";
  box-shadow: 0 15px 8px 1px rgba(0, 0, 0, 0.5);
  left: 90px;
  right: 90px;
  top: 230px;
  border-radius: 50%;
  height: 15px;
  position: absolute;
  z-index: 0;
} */

section.bgTop11 .container {
  z-index: 1;

  width: 1400px;
}

#membership-1 {
  height: 245px;

  display: flex;

  justify-content: center;

  align-items: center;
}

#membership-1 .tit1 {
  font-family: var(--font-playfair);

  font-size: 35px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 600;

  text-align: center;

  line-height: 1.1;
}

#membership-1 .tit2 {
  font-family: "Montserrat", sans-serif;

  text-transform: uppercase;

  font-size: 25px;

  color: #fff;

  font-weight: 400;

  text-align: center;

  line-height: 1.1;
}

#membership-2 {
  padding: 115px 0 130px;

  background: url("../images/membership/circle2.png") right bottom no-repeat;

  background-size: 800px auto;

  background-position: right bottom;

  position: relative;
}

#membership-2 .containerz {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 0 5px;
}

#membership-2 .cnt {
  flex: 1;

  max-width: 652px;

  margin: 0 auto;

  line-height: 1.9;

  color: #323232;

  font-family: "Open Sans", sans-serif;

  font-size: 17px;

  text-align: center;

  padding: 0 10px;
}

#membership-2 .title {
  font-family: "Times New Roman", sans-serif;

  font-size: 50px;

  color: var(--pink);

  font-weight: 600;

  text-align: center;

  line-height: 1;

  margin-bottom: 50px;
}

#membership-2 .btnPink {
  font-family: "Open Sans", sans-serif;

  font-size: 20px;

  color: #fff;

  text-align: center;

  padding: 0 15px;

  height: 47px;

  display: flex;

  justify-content: center;

  align-items: center;

  background: var(--pink2);

  text-transform: uppercase;

  border-radius: 43.5px;

  margin: 30px 15px 0;
}

#membership-2 .img {
  display: flex;
  align-items: center;
  justify-content: center;
}

#membership-2 .img img {
  max-width: none;
  width: 300px;
}

#membership-3 {
  background: url("../images/membership/xtension-envy.png") center center
    no-repeat;

  position: relative;

  background-size: cover;

  padding: 80px 20px;
}

#membership-3 .container {
  position: relative;
}

#membership-3 .row {
  display: flex;

  align-items: center;

  justify-content: space-between;

  margin: 0 -20px;
}

#membership-3 .col {
  padding: 0 20px;
}

#membership-3 .content-col {
  flex: 1;

  max-width: 1000px;
}

#membership-3 .award-col {
  flex: 0 0 auto;

  width: 400px;
}

#membership-3 .title {
  font-family: var(--font-playfair);

  font-size: 50px;

  font-weight: 600;

  color: #fff;

  line-height: 1.1;

  margin-bottom: 25px;
}

#membership-3 .title span {
  color: var(--pink);
}

#membership-3 .subtitle {
  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-weight: 600;

  color: #fff;

  line-height: 1.5;

  margin-bottom: 40px;
}

#membership-3 .benefits-list {
  list-style: none;

  margin: 0;

  padding: 0;

  margin-bottom: 30px;
}

#membership-3 .benefits-list li {
  position: relative;

  font-family: "Open Sans", sans-serif;

  font-size: 15px;

  font-weight: 400;

  color: #fff;

  line-height: 1.6;

  margin-bottom: 20px;

  padding-left: 35px;
}

#membership-3 .benefits-list li::before {
  content: "";

  position: absolute;

  left: 0;

  top: 5px;

  width: 18px;

  height: 18px;

  background: var(--pink);

  border-radius: 50%;
}

#membership-3 .award-container {
  text-align: center;
  position: relative;
}

#membership-3 .award-container figure {
  margin: 0;
}

#membership-4 {
  background: url("../images/membership/rectangle.png") center center no-repeat;

  position: relative;

  background-size: 100% 100%;

  padding: 60px 0 10px 0;
}

#membership-4 .princing-header {
  text-align: center;

  margin-bottom: 60px;
}

#membership-4 .main-title {
  background: var(--pink2);

  color: #fff;

  font-family: "Poppins", sans-serif;

  font-size: 46px;

  font-weight: 800;

  text-transform: uppercase;

  padding: 8px 60px;

  margin: 0 auto 10px;

  display: inline-block;
}

#membership-4 .subtitle {
  color: #84f6fc;

  font-family: "Montserrat", sans-serif;

  font-size: 38px;

  font-weight: 400;

  text-transform: uppercase;

  letter-spacing: 1.5px;

  margin-bottom: 40px;

  line-height: 1.2;
}

#membership-4 .descripction {
  max-width: 800px;

  margin: 0 auto;
}

#membership-4 .desc-1,
#membership-4 .desc-2 {
  color: #fff;

  font-family: "Open Sans", sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 1;
}

#membership-5 {
  padding: 80px 0;
  position: relative;
}

#membership-5 .pricing-cards {
  display: flex;
  gap: 40px;
  justify-content: center;
}

#membership-5 .pricing-card {
  background: #353535;
  border-radius: 15px;
  padding: 40px 30px;
  width: 480px;
  text-align: center;
  position: relative;
}

#membership-5 .pricing-card::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
  background: url("../images/membership/shadow.png") center center no-repeat;
  background-size: contain;
  z-index: -1 !important;
  transition: all 0.1s ease !important;
}

#membership-5 .pricing-card > * {
  position: relative;
  z-index: 2;
}

#membership-5 .card-header {
  margin-bottom: 40px;
}

#membership-5 .card-logo {
  max-width: 350px;
  height: auto;
  display: block;
  margin: 0 auto;
}

#membership-5 .card-content {
  margin-bottom: 40px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#membership-5 .content-text {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  margin: 0;
}

#membership-5 .content-text strong {
  font-weight: 600;
}

#membership-5 .contact-btn {
  background: var(--pink);
  color: #fff;
  font-family: "Oswald", sans-serif;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 15px 60px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

#membership-5 .contact-btn:hover {
  background: var(--pink);
  box-shadow: 0 5px 15px rgba(251, 52, 145, 0.4);
  text-decoration: none;
  color: #fff;
}

#membership-6 {
  background: var(--pink);
  padding: 0 0 50px 0;
  position: relative;
  color: #fff;
  box-shadow: 1px 2px 6px 1px inset rgba(0, 0, 0, 0.5);
}

#membership-6 .container {
  position: relative;
  z-index: 1;
}

#membership-6 .content-box {
  background: #fff;
  border-radius: 10px;
  padding: 50px;
  color: #333;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 4;
  transform: translateY(-20px);
}

#membership-6 .intro-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #1a1919b9;
  line-height: 1.2;
  margin-bottom: 30px;
}

#membership-6 .intro-text .highlight {
  color: var(--pink);
  font-weight: 600;
}

#membership-6 .maintenance-text {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: var(--pink);
  text-transform: uppercase;
  line-height: 1.4;
  margin: 0;
}

#membership-6 .bottom-content {
  text-align: center;
  margin-top: 20px;
}

#membership-6 .duration-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 30px;
}

#membership-6 .duration-text .highlight-white {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

#membership-6 .cta-button {
  margin-top: 30px;
}

#membership-6 .membership-btn {
  background: #333;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  padding: 8px 100px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

#membership-6 .membership-btn span {
  font-weight: 600;
}

#membership-6 .membership-btn:hover {
  background: #555;
  text-decoration: none;
  color: #fff;
}

#membership-7 {
  background: url("../images/membership/xtension-envy2.png") center center
    no-repeat;
  background-size: cover;
  position: relative;
  padding: 120px 0;
  color: #fff;
}

#membership-7 .container {
  position: relative;
  z-index: 2;
  text-align: center;
}

#membership-7 .content-box {
  background: rgba(27, 27, 27, 0.7);
  border-radius: 15px;
  padding: 30px 50px;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

#membership-7 .title {
  font-family: "Poppins", sans-serif;
  font-size: 45px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 10px;
}

#membership-7 .subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 30px;
}

#membership-7 .description {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  line-height: 1.6;
  margin-bottom: 40px;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

#membership-7 .cta-button {
  margin-top: 30px;
}

#membership-7 .franchise-btn {
  background: var(--pink2);
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 12px 30px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}

#membership-7 .franchise-btn:hover {
  background: var(--pink);
  text-decoration: none;
  color: #fff;
  box-shadow: 0 5px 15px rgba(251, 52, 145, 0.4);
}

/*salon-services*/

section.bgTop2 {
  position: relative;
  z-index: 1;
}

section.bgTop2:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop2 .container {
  z-index: 1;
}

#salonservice-1 {
  height: 209px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#salonservice-1.bgTop2::before {
  height: 500px;
}

section#salonservice-1.bgTop2::after {
  top: 190px;
}

#salonservice-1 .tit1 {
  font-family: var(--font-playfair);
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
}

#salonservice-2 {
  padding: 80px 0;
  background: #f8f8f8;
  position: relative;
}

#salonservice-2 .container {
  position: relative;
  z-index: 1;
}

#salonservice-2 .services-cards {
  display: flex;
  gap: 130px;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  margin: 0 auto;
}

#salonservice-2 .service-card {
  background: #e8e8e8;
  border-radius: 20px;
  padding: 30px 44px;
  width: 100%;
  max-width: 350px;
  text-align: center;
  position: relative;
  box-shadow: 1px 2px 6px 1px inset rgba(0, 0, 0, 0.5);
  height: 400px;
  margin-top: -100px;
}

#salonservice-2 .card-header {
  margin-bottom: 30px;
}

#salonservice-2 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 32px;
  font-weight: 800;
  color: #4d4d4d;
  text-transform: uppercase;
  line-height: 1.2;
  margin: 0;
}

#salonservice-2 .card-icon {
  margin: 30px 0;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#salonservice-2 .card-icon::before {
  content: "";
  width: 110px;
  height: 110px;
  background: var(--pink2);
  border-radius: 50%;
  position: absolute;
  z-index: 1;
}

#salonservice-2 .card-icon img {
  width: 60px;
  height: 60px;
  position: relative;
  z-index: 2;
}

#salonservice-2 .card-content {
  margin-top: 30px;
}

#salonservice-2 .card-text {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3a3a3a;
  line-height: 1.6;
  margin: 0;
}

#salonservice-3 {
  background: url("../images/salon-services/back.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 120px 0;
  color: #fff;
}

#salonservice-3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  box-shadow: inset 0 12px 12px -13px rgb(75, 75, 75);
  z-index: 2;
}

#salonservice-3 .container {
  max-width: 2200px;
  margin: 0 auto;
  padding: 0 20px;
}

#salonservice-3 .pricing-tables {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

#salonservice-3 .pricing-row {
  display: flex;
  gap: 150px;
  justify-content: center;
}

#salonservice-3 .pricing-table {
  background: #fff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  overflow: visible;
  flex: 0 0 auto;
  width: 600px;
  position: relative;
}

#salonservice-3 .table-2 {
  width: 750px;
}
#salonservice-3 .large-table {
  max-width: 117%;
  width: 1900px;
}

#salonservice-3 .large-table .column:last-child::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 15%;
  background: #fee4f4;
  z-index: 1;
}

#salonservice-3 .large-table .column:first-child::after {
  content: "";
  position: absolute;
  left: 36%;
  top: 0;
  bottom: 0;
  width: 15%;
  background: #fee4f4;
  z-index: 1;
}

#salonservice-3 .large-table .column:first-child .price {
  background: transparent;
  position: relative;
  z-index: 2;
}
#salonservice-3 .large-table .price-row::after {
  display: none;
}

#salonservice-3 .pricing-table::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
  background: url("../images/home/shadowReviews.webp") center center no-repeat;
  background-size: contain;
  z-index: 2;
}

#salonservice-3 .table-3.large-table::after {
  content: "";
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 48px;
  background: url("../images/home/shadowReviews.webp") center center no-repeat;
  background-size: contain;
  z-index: 2;
}

#salonservice-3 .table-header {
  background: #4a4a4a;
  color: #fff;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 15px;
  overflow: visible;
  position: relative;
  z-index: 2;
}

#salonservice-3 .table-icon {
  width: 120px;
  height: 120px;
  background: var(--pink2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  left: -50px;
  top: -25px;
  z-index: 3;
  pointer-events: none;
}

#salonservice-3 .table-icon img {
  width: 55px;
  height: 55px;
}

#salonservice-3 .table-title {
  font-family: "Lato", serif;
  font-size: 33px;
  font-weight: 600;
  margin: 0;
  color: #fff;
  margin-left: 0;
  text-align: center;
  width: 100%;
}

#salonservice-3 .table-content {
  padding: 10px 0px 0px 50px;
}

#salonservice-3 .empty-row {
  height: 90px;
  border-bottom: none;
}

#salonservice-3 .table-disclaimer {
  margin-top: -15px;
  width: 118%;
  position: relative;
}

#salonservice-3 .table-disclaimer p {
  font-family: "Lato", serif;
  font-size: 16px;
  color: #565656;
  margin: 0;
  font-style: italic;
  text-align: right;
}

#salonservice-3 .pricing-columns {
  display: flex;
  gap: 40px;
}

#salonservice-3 .column {
  flex: 1;
}

#salonservice-3 .price-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
}

#salonservice-3 .service {
  font-family: "Lato", serif;
  font-size: 20px;
  font-weight: 300;
  color: #666;
  width: 70%;
}

#salonservice-3 .note {
  font-size: 12px;
  color: #999;
  font-style: italic;
}

#salonservice-3 .price {
  font-family: "Lato", serif;
  font-size: 28px;
  font-weight: 900;
  color: #f00090;
  width: 30%;
  text-align: center;
  background: transparent;
  z-index: 2;
}

#salonservice-3 .price-row::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30%;
  background: #fee4f4;
  z-index: 1;
}

#salonservice-3 .unit {
  font-family: "Lato", serif;
  font-size: 14px;
  font-weight: 900;
  color: #f00090;
  width: 30%;
  text-align: center;
  background: transparent;
  z-index: 2;
}

#salonservice-3 .disclaimer {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #999;
  margin: 0;
  text-align: center;
  font-style: italic;
}

#salonservice-4 {
  background: #3c3c3c;
  padding: 0;
  color: #fff;
  border-top: 10px solid #fff;
}

#salonservice-4 .container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
}

#salonservice-4 .info-blocks {
  display: flex;
  min-height: 150px;
}

#salonservice-4 .info-block {
  flex: 1;
  padding: 40px 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#salonservice-4 .block-1 {
  background: #3c3c3c;
  border-right: 10px solid #fff;
}

#salonservice-4 .block-2 {
  background: #3c3c3c;
}

#salonservice-4 .block-text {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #fff;
  line-height: 1.4;
  margin: 0;
  text-align: left;
  max-width: 500px;
}

#salonservice-4 .block-text strong {
  font-weight: 700;
}

#salonservice-4 .cta-section {
  background: #3c3c3c;
  padding: 30px 30px;
  text-align: center;
  position: relative;
}

#salonservice-4 .cta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 10px;
  background: #fff;
  z-index: 1;
}

#salonservice-4 .cta-title {
  font-family: "Poppins", sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 15px 0;
  line-height: 1.2;
}

#salonservice-4 .cta-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 35px;
  font-weight: 100;
  color: #f3f3f3;
  margin: 0;
}

/*Hair extension services*/

section.bgTop3 {
  position: relative;
  z-index: 1;
}

section.bgTop3:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop3 .container {
  z-index: 1;
  margin-top: -20px;
}

#extension-services-1 {
  height: 209px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#extension-services-1.bgTop3::before {
  height: 375px;
}

section#extension-services-1.bgTop3::after {
  top: 190px;
}

#extension-services-1 .tit1 {
  font-family: var(--font-playfair);
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  line-height: 1.1;
}

#extension-services-2 {
  padding: 0 0;
  background: #fff;
  position: relative;
  margin-top: 20px;
}

#extension-services-2 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#extension-services-2 .content-wrapper {
  background: #fff;
  padding: 60px 30px 30px 30px;
  transform: translateY(-40px);
  position: relative;
  z-index: 2;
  overflow: visible;
}

#extension-services-2 .services-grid {
  display: flex;
  gap: 40px;
  justify-content: center;
  align-items: flex-start;
}

#extension-services-2 .service-card {
  flex: 1;
  max-width: 350px;
  text-align: center;
  position: relative;
}

#extension-services-2 .service-image {
  margin-bottom: 30px;
  position: relative;
}

#extension-services-2 .service-image::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
  background: url("../images/extension-services/shadow.png") center center
    no-repeat;
  background-size: contain;
  z-index: 3;
}

#extension-services-2 .service-image img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  display: block;
}

#extension-services-2 .service-title {
  font-family: "Oswald", sans-serif;
  font-size: 32px;
  font-weight: 600;
  color: var(--pink);
  margin-bottom: 20px;
  text-transform: capitalize;
}

#extension-services-2 .service-description {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 100;
  color: #666;
  line-height: 1.5;
  margin: 0;
}

#extension-services-3 {
  padding: 0;
  text-align: center;
}

#extension-services-3 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#extension-services-3 .top-section {
  background: url("../images/extension-services/rectangle.png") center center
    no-repeat;
  background-size: cover;
  padding: 80px 0 200px 0;
}

#extension-services-3 .main-text {
  font-family: "Poppins", sans-serif;
  font-size: 30px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.3;
  margin: 0;
}

#extension-services-3 .highlight {
  color: var(--pink);
}

#extension-services-3 .divider-line {
  width: 100vw;
  height: 120px;
  background: #fff;
  margin-left: calc(-50vw + 50%);
}

#extension-services-3 .bottom-section {
  background: #353535;
  padding: 60px 0;
}

#extension-services-3 .service-text {
  font-family: "Poppins", sans-serif;
  font-size: 33px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.3;
  margin: 0;
}

#extension-services-3 .middle-text {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 46%;
  background: var(--pink2);
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 23px;
  font-weight: 400;
  text-align: center;
  padding: 43px 30px;
  border-radius: 70px;
  text-transform: uppercase;
  z-index: 10;
  box-shadow: -3px -5px 0px 55px #fff;
  white-space: nowrap;
}

#extension-services-3 {
  position: relative;
}

/*media*/
section.bgTop4 {
  position: relative;
  z-index: 1;
}

section.bgTop4:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop4 .container {
  z-index: 1;
}

#media-1 {
  height: 209px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#media-1.bgTop4::before {
  height: 325px;
}

section#media-1.bgTop4::after {
  top: 190px;
}

#media-1 .tit1 {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  line-height: 1.1;
}

#media-2 {
  padding: 80px 0;
}

#media-2 .container {
  min-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
}

#media-2 .media-card {
  display: flex;
  background: #e5e5e5 url("../images/media/media.png") center center no-repeat;
  background-size: cover;
  border-radius: 10px;
  margin-bottom: 50px;
  position: relative;
  min-height: 450px;
}

#media-2 .media-card::after {
  content: "";
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 45px;
  background: url("../images/media/shadow.png") center center no-repeat;
  background-size: contain;
  z-index: -1;
}

#media-2 .media-card:last-child {
  margin-bottom: 0;
}

#media-2 .card-left {
  flex: 0 0 280px;
  padding: 40px 0px 0px 30px;
  display: flex;
  flex-direction: column;
  position: relative;
}

#media-2 .card-logo {
  flex: none;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 30px;
  margin-bottom: 30px;
}

#media-2 .card-logo img {
  max-width: 280px;
  min-height: 250px;
  height: auto;
}

#media-2 .card-button {
  margin-top: 0;
}

#media-2 .see-news-btn {
  background: var(--pink2);
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 16px 30px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
  display: block;
  transition: all 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

#media-2 .see-news-btn:hover {
  text-decoration: none;
  color: #fff;
  box-shadow: 0 5px 15px rgba(251, 52, 145, 0.4);
}

#media-2 .card-right {
  flex: 1;
  padding: 50px 40px 0px 0px;
}

#media-2 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 33px;
  font-weight: 800;
  color: #c9367b;
  text-transform: uppercase;
  line-height: 1.2;
  background: #fff;
  padding: 15px;
}

#media-2 .card-1 .card-title {
  font-size: 19px;
}

#media-2 .card-content {
  margin-bottom: 30px;
}

#media-2 .card-content p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #323232;
  line-height: 1.6;
  margin-bottom: 15px;
  padding: 5px 0px 0px 20px;
  text-align: justify;
}

#media-2 .card-content p:last-child {
  margin-bottom: 0;
}

/* contact-us */

section.bgTop5 {
  position: relative;
  z-index: 1;
}

section.bgTop5:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop5 .container {
  z-index: 1;
}

#contacto-1 {
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 300px;
}

section#contacto-1.bgTop5::before {
  height: 325px;
}

section#contacto-1.bgTop5::after {
  top: 190px;
}

#contacto-1 .tit1 {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  text-align: center;
  line-height: 1.1;
}

#contacto-1 .contact-form-container {
  background: #fff;
  border-radius: 30px;
  padding: 60px 7px;
  position: relative;
  transform: translateY(200px);
  z-index: 2;
  max-width: 1100px;
  width: 100%;
}

#contacto-1 .contact-form-container::after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 20px;
  background: url("../images/contact/shadow.png") center center no-repeat;
  background-size: contain;
  z-index: 1;
}

#contacto-1 .form-title {
  text-align: center;
  margin-bottom: 50px;
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
  text-transform: uppercase;
}

#contacto-1 .form-title .pink-text {
  color: #c9367b;
}

#contacto-1 .form-title .gray-text {
  color: #444444;
  font-weight: 400;
}

#contacto-1 .form-title .underline {
  display: inline-block;
  border-bottom: 4px solid #c9367b;
  padding-bottom: 2px;
}

#contacto-1 .contact-form {
  max-width: 100%;
}

#contacto-1 .form-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}

#contacto-1 .form-row.single {
  flex-direction: column;
}

#contacto-1 .form-group {
  flex: 1;
}

#contacto-1 .form-group.full-width {
  width: 100%;
}

#contacto-1 .form-input {
  width: 100%;
  padding: 15px 20px;
  border: none;
  background: #d9d9d9;
  border-radius: 20px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  color: #000;
  outline: none;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

#contacto-1 .form-input::placeholder {
  color: #454545;
  font-weight: 400;
}

#contacto-1 .form-input:focus {
  background: #ccc;
  box-shadow: 0 0 10px rgba(233, 30, 99, 0.3);
}

#contacto-1 .form-textarea {
  resize: none;
  font-family: "Poppins", sans-serif;
  height: 55px;
  max-height: 85px;
  overflow-y: auto;
  transition: height 0.3s ease;
}

#contacto-1 .recaptcha-container {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
}

#contacto-1 .submit-container {
  text-align: center;
  margin-top: 40px;
}

#contacto-1 .submit-btn {
  background: #f00090;
  color: #fff;
  font-family: "League Spartan", sans-serif;
  font-size: 24px;
  font-weight: 600;
  padding: 3px 100px;
  border: none;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  outline: none;
}

#contacto-1 .submit-btn:hover {
  background: var(--pink);
  box-shadow: 0 5px 15px rgba(233, 30, 99, 0.4);
}

#contacto-3 {
  background: url("../images/contact/salon-bg.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 100px 0px 80px 0px;
  color: #fff;
}

#contacto-3 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
}

#contacto-3 .content-box {
  background: rgba(232, 17, 146, 0.8);
  border-radius: 22px;
  padding: 45px 50px;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

#contacto-3 .main-title {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: -3px;
}

#contacto-3 .subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

#contacto-3 .hours-info {
  background: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 15px 40px;
  border-radius: 50px;
  display: inline-block;
  letter-spacing: 0.5px;
}

#contacto-3 .hours-text {
  color: #cb367d;
  font-weight: 700;
}

#contacto-3 .appointment-text {
  color: #cb367d;
  font-weight: 400;
}

#contacto-4 {
  background: url("../images/contact/rectangle.png") center center no-repeat;
  background-size: cover;
  padding: 35px 0;
  color: #fff;
  position: relative;
}

#contacto-4::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 15px;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  filter: blur(8px);
  z-index: 1;
}

#contacto-4 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#contacto-4 .location-section {
  flex: 0.8;
  display: flex;
  align-items: center;
}

#contacto-4 .city-title {
  font-family: "Poppins", sans-serif;
  font-size: 45px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

#contacto-4 .contact-info {
  flex: 1.2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

#contacto-4 .info-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

#contacto-4 .icon-placeholder {
  width: 50px;
  height: 50px;
  background: #cb367d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#contacto-4 img {
  width: 30px;
  height: 30px;
}

#contacto-4 .info-item:first-child img {
  width: 25px;
  height: 35px;
}

#contacto-4 .info-text {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
}

#contacto-4 .address-text {
  font-size: 18px;
}

#contacto-4 .phone-text {
  font-size: 20px;
}

#contacto-5 {
  padding: 0;
  position: relative;
}

#contacto-5 .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#contacto-5 .map-container {
  width: 100%;
  height: 600px;
  position: relative;
}

#contacto-5 .map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

#contacto-6 {
  background: url("../images/contact/rectangle.png") center center no-repeat;
  background-size: cover;
  padding: 35px 0;
  color: #fff;
  position: relative;
}

#contacto-6 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#contacto-6 .location-section {
  flex: 1;
  display: flex;
  align-items: center;
}

#contacto-6 .city-title {
  font-family: "Poppins", sans-serif;
  font-size: 45px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
  line-height: 1;
}

#contacto-6 .contact-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

#contacto-6 .info-item {
  display: flex;
  align-items: center;
  gap: 15px;
}

#contacto-6 .icon-placeholder {
  width: 50px;
  height: 50px;
  background: #cb367d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

#contacto-6 img {
  width: 30px;
  height: 30px;
}

#contacto-6 .info-item:first-child img {
  width: 25px;
  height: 35px;
}

#contacto-6 .info-text {
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.3;
}

#contacto-6 .address-text {
  font-size: 18px;
}

#contacto-6 .phone-text {
  font-size: 20px;
}

#contacto-6::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 15px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  filter: blur(8px);
  z-index: 1;
}

#contacto-7 {
  padding: 0;
  position: relative;
}

#contacto-7 .container {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#contacto-7 .map-container {
  width: 100%;
  height: 600px;
  position: relative;
}

#contacto-7 .map-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

#contacto-8 {
  background: url("../images/contact/salon-bg2.png") center center no-repeat;
  background-size: cover;
  position: relative;
  padding: 120px 0;
  color: #fff;
}

#contacto-8 .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  z-index: 2;
  text-align: center;
}

#contacto-8 .content-box {
  background: url("../images/contact/rectangle.png");
  border: 3px solid #fff;
  border-radius: 30px;
  padding: 30px 10px;
  max-width: 970px;
  margin: 0 auto;
  background-size: cover;
}

#contacto-8 .title {
  font-family: "Poppins", sans-serif;
  font-size: 52px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.2;
  margin-bottom: 15px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

#contacto-8 .coming-soon-btn {
  background: #f00090;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 54px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 0px 80px;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  letter-spacing: 1px;
  border: none;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/*blog*/

section.bgTop6 {
  position: relative;
  z-index: 1;
  background: #f00090;
}

section.bgTop6:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 345px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop6 .container {
  z-index: 1;
  position: relative;
}

#blog-1 .container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 40px;
}

#blog-1 {
  height: 177px;
  display: flex;
  justify-content: center;
  align-items: center;
}

section#blog-1.bgTop6::before {
  height: 262px;
}

section#blog-1.bgTop6::after {
  top: 125px;
}

#blog-1 .blog-header {
  background: #f00090;
  border-radius: 15px;
  padding: 30px 0;
  margin: 0 auto;
  width: 100%;
  position: relative;
  transform: translateY(30px);
}

#blog-1 .blog-title {
  font-family: "Poppins", sans-serif;
  font-size: 55px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
  text-align: center;
  line-height: 1;
  margin: 0;
}

#blog-2 {
  padding: 60px 0;
  background: #f0f0f0;
  position: relative;
  z-index: 2;
}

#blog-2 .blog-card {
  display: flex;
  gap: 40px;
  align-items: flex-start;
  background: transparent;
  padding: 0px 40px 40px 40px;
  margin-bottom: 0px;
}

#blog-2 .card-left {
  flex: 0 0 190px;
}

#blog-2 .card-image img {
  height: 100%;
  object-fit: cover;
}

#blog-2 .card-right {
  flex: 1;
}

#blog-2 .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 7px;
  border-bottom: 1px solid #6161616f;
}

#blog-2 .blog-card.card-1 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0;
  flex: 1;
  line-height: 1.2;
}

#blog-2 .blog-card.card-2 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0;
  flex: 1;
  line-height: 1.2;
  text-transform: uppercase;
}

#blog-2 .blog-card.card-3 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0;
  flex: 1;
  line-height: 1.2;
  text-transform: uppercase;
}

#blog-2 .blog-card.card-4 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0;
  flex: 1;
  line-height: 1.2;
  text-transform: uppercase;
}

#blog-2 .blog-card.card-5 .card-title {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0;
  flex: 1;
  line-height: 1.2;
  text-transform: uppercase;
}

#blog-2 .card-date {
  font-family: "Arial", serif;
  font-size: 16px;
  color: #616161;
  font-weight: 400;
  white-space: nowrap;
  margin-left: 20px;
}

#blog-2 .card-content {
  font-family: "Arial", serif;
  font-size: 14px;
  color: #616161;
  line-height: 1.6;
  text-align: justify;
}

#blog-2 .card-content p {
  margin-bottom: 15px;
}

#blog-2 .card-content p:last-child {
  margin-bottom: 0;
}
#blog-2 .card-content a {
  color: inherit;
  text-decoration: none;
}

#blog-2 .card-content a:hover {
  color: inherit;
  text-decoration: none;
}

/*Testimonials*/

#testimonials-1 {
  height: 209px;

  display: flex;

  justify-content: center;

  align-items: center;
}

section.bgTop13 {
  position: relative;
  z-index: 1;
}

section.bgTop13:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 325px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop13 .container {
  z-index: 1;
}

#testimonials-1 .tit1 {
  font-family: "Poppins", sans-serif;

  font-size: 50px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 800;

  text-align: center;

  line-height: 1.1;
}

#testimonials-1 .tit2 {
  font-family: "Poppins", sans-serif;

  text-transform: uppercase;

  font-size: 35px;

  color: #fff;

  font-weight: 300;

  text-align: center;

  line-height: 1.1;
}

#testimonials-2 {
  padding: 100px 0 30px;
}

#testimonials-2 .row {
  margin: 0 -31.5px;

  display: flex;

  flex-wrap: wrap;
}

#testimonials-2 .item {
  padding: 0 31.5px 63px;

  width: 33.3333%;
}

#testimonials-2 article {
  background: #000;

  overflow: hidden;

  position: relative;
}

#testimonials-2 article iframe {
  display: block;

  position: absolute;

  top: 0;

  left: 0;

  width: 100% !important;

  height: 100% !important;
}

/*location*/

section.bgTop12 {
  position: relative;
  z-index: 1;
}

section.bgTop12:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 325px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop12 .container {
  z-index: 1;
}

#locations-1 {
  height: 209px;

  display: flex;

  justify-content: center;

  align-items: center;
}

#locations-1 .tit1 {
  font-family: "Poppins", sans-serif;

  font-size: 50px;

  color: #fff;

  text-transform: uppercase;

  font-weight: 800;

  text-align: center;

  line-height: 1.1;
}

#locations-2 {
  padding: 75px 0 75px 0;
}

#locations-2 .containers {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 20px;
}

#locations-2 .row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

#locations-2 .col {
  flex: 0 0 380px;
}

#locations-2 article {
  border-radius: 26px;

  overflow: hidden;
}

#locations-2 .title {
  background: var(--pink);

  height: 156px;

  display: flex;

  justify-content: center;

  align-items: center;

  text-align: center;

  font-size: 31px;

  font-family: "Poppins", sans-serif;

  font-weight: 800;

  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

  color: #fff;

  text-transform: uppercase;

  padding: 0 20px;
}

#locations-2 .title small {
  font-size: 22px;
  font-weight: 600;
}
#locations-2 .col:nth-child(1) .title {
  line-height: 1;
}

#locations-2 .col:nth-child(2) .title {
  line-height: 1;
}

#locations-2 .body {
  background: url("../images/locations/body.webp") center top no-repeat;

  color: #fff;

  padding: 26px 20px;

  text-align: center;

  min-height: 367px;
}

#locations-2 ul {
  display: inline-block;

  margin: 0 0 13px;

  padding: 0;
}

#locations-2 li {
  margin: 0 0 25px;

  padding: 0 0 0 76px;

  position: relative;

  list-style: none;

  font-family: "Open Sans", sans-serif;

  font-size: 18px;

  height: 61px;

  display: flex;

  align-items: center;

  line-height: 1.3;

  text-align: left;

  font-weight: 300;
}

#locations-2 li.location {
  background: url("../images/locations/location.webp") center left no-repeat;
}

#locations-2 li.phone {
  background: url("../images/locations/phone.webp") center left no-repeat;

  font-weight: 600;
}

#locations-2 li.email {
  background: url("../images/locations/email.webp") center left no-repeat;
}

#locations-2 .cntBtn a {
  display: flex;

  width: 246px;

  height: 43px;

  color: #fff;

  background: var(--pink);

  justify-content: center;

  align-items: center;

  border-radius: 21.5px;

  margin: 0 auto;

  text-transform: uppercase;

  font-size: 20px;

  font-family: "Poppins", sans-serif;

  font-weight: 600;
}

#locations-2 .content-text {
  text-align: center;
  color: #fff;
  font-family: "Open Sans", sans-serif;
}

#locations-2 .col:nth-child(3) .content-text {
  font-size: 36px;
  font-weight: 800;
  text-transform: uppercase;
  padding: 40px 20px;
}

#locations-2 .col:nth-child(4) .content-text {
  font-size: 18px;
  line-height: 1.6;
  padding: 20px;
}

#locations-2 .col:nth-child(3) .body,
#locations-2 .col:nth-child(4) .body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

#locations-2 .col:nth-child(3) .content-text,
#locations-2 .col:nth-child(4) .content-text {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

#locations-2 .col:nth-child(3) .cntBtn,
#locations-2 .col:nth-child(4) .cntBtn {
  margin-top: auto;
}

/*FAQs*/

#FAQs-1 {
  height: 209px;

  display: flex;

  justify-content: center;

  align-items: center;
}

section.bgTop14 {
  position: relative;
  z-index: 1;
}

section.bgTop14:before {
  display: block;
  content: "";
  background: #3c3c3c url("../images/bgSlider.webp") center bottom no-repeat;
  height: 325px;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
  top: -116px;
}

section.bgTop14 .container {
  z-index: 1;
}

#FAQs-1 .tit1 {
  font-family: "Poppins", sans-serif;

  font-size: 50px;

  color: #fff;

  font-weight: 800;

  text-align: center;

  line-height: 1.1;
}

#FAQs-2 {
  padding: 116px 0;
}

#FAQs-2 img {
  max-width: 1098px;

  display: block;

  width: 100%;

  height: auto;

  margin: 0 auto;
}

#FAQs-2 iframe {
  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;
}

#FAQs-3 {
  background: url("../images/bgFaqs.webp") center top no-repeat;

  position: relative;

  overflow: hidden;

  min-height: 500px;
}

#FAQs-3:after {
  display: block;

  content: "";

  box-shadow: 0 19px 5px 1px rgba(0, 0, 0, 0.5);

  left: 5%;

  right: 5%;

  top: -30px;

  border-radius: 50%;

  height: 15px;

  position: absolute;

  z-index: 0;
}

#FAQs-3 .item {
  padding: 40px 0;
}

#FAQs-3 .item:nth-of-type(even) {
  background: #fff;
}

#FAQs-3 .item:first-child {
  padding-top: 60px;
}

#FAQs-3 .title {
  line-height: 1.1;

  color: var(--pink);

  font-size: 39px;

  font-family: "Poppins", sans-serif;

  font-weight: 600;

  margin-bottom: 12px;
}

#FAQs-3 .text {
  font-size: 17px;

  line-height: 1.9;

  color: #323232;

  font-family: "Open Sans", sans-serif;

  font-optical-sizing: auto;

  font-weight: 400;
}

#FAQs-3 .text2 {
  font-size: 20px;

  font-weight: 600;
}

#FAQs-3 .lista {
  display: flex;

  justify-content: space-between;

  padding-top: 35px;
}

#FAQs-3 .lista li {
  font-weight: 400;

  font-size: 17px;

  line-height: 1.1;

  color: #323232;

  font-family: "Open Sans", sans-serif;

  font-optical-sizing: auto;

  list-style: none;

  position: relative;

  margin-bottom: 10px;

  padding-left: 18px;
}

#FAQs-3 .lista li:before {
  display: block;

  content: "";

  width: 12px;

  height: 12px;

  background: var(--pink);

  position: absolute;

  top: 4px;

  left: 0;

  border-radius: 50%;
}

/*capcha*/

.error-message {
  display: none;
  color: #ff69b4;
  font-size: 12px;
  margin-top: 5px;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.error-message.shake {
  animation: shake 0.6s ease-in-out;
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-5px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(5px);
  }
}

.success-message {
  background: linear-gradient(135deg, #ff69b4, #ff1493);
  color: white;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 500;
  box-shadow: 0 4px 15px rgba(255, 105, 180, 0.3);
}

.success-message p {
  margin: 0;
}

.success-message-floating {
  position: fixed;
  top: 20px;
  right: 20px;
  background: linear-gradient(135deg, #4caf50, #45a049);
  color: white;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(76, 175, 80, 0.4);
  z-index: 9999;
  max-width: 350px;
  font-weight: 500;
  border-left: 4px solid #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.success-message-floating p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

.alert-xtension {
  position: fixed;
  top: 20px;
  right: 20px;
  padding: 15px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  max-width: 350px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.alert-xtension.error-box {
  background: linear-gradient(135deg, #f44336, #d32f2f);
  color: white;
  border-left: 4px solid #fff;
}

.alert-xtension.success-box {
  background: linear-gradient(135deg, #ff69b4, #ff1493);
  color: white;
  border-left: 4px solid #fff;
}

#loading-xtension {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: white;
  font-weight: 500;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.spinner-xtension {
  width: 40px;
  height: 40px;
  border: 4px solid rgba(255, 105, 180, 0.3);
  border-top: 4px solid #ff69b4;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#loading-xtension span {
  font-size: 16px;
  margin-top: 10px;
}

.submit-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}

.form-group {
  margin-bottom: 20px;
}

#menu2 ul li ul li.active a,
#menu2 ul li ul li.active a:hover {
  color: white !important;
}

/* footer salon service */

#salon-franchise-footer {
  position: relative;
  height: 500px;
  overflow: hidden;
}

.franchise-background {
  position: relative;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 50%,
    #f8f9fa 50%,
    #f8f9fa 100%
  );
}

.franchise-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: url("../images/salon-services/rectangle.png") center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.franchise-container {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.franchise-card {
  background: #353535;
  border-radius: 15px;
  padding: 40px;
  text-align: center;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  z-index: 2;
  position: relative;
  max-width: 1000px;
  width: 100%;
}

.franchise-logo {
  margin-bottom: 10px;
  text-align: center;
}

.franchise-logo img {
  height: 68px;
  width: auto;
  display: block;
  margin: 0 auto;
}

.franchise-content {
  color: white;
}

.franchise-title {
  font-family: "Poppins", sans-serif;
  font-size: 50px;
  font-weight: 300;
  margin: 0 0 -2px 0;
}

.franchise-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 48px;
  font-weight: 800;
  margin: 0 0 15px 0;
  letter-spacing: 1px;
}

.franchise-btn {
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  background: #f00090;
  color: white;
  padding: 10px 60px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 700;
  font-size: 23px;
  text-decoration: none;
  outline: none;
}

.franchise-btn:hover {
  background: var(--pink);
  text-decoration: none;
}

.franchise-btn:focus {
  outline: none;
}
.franchise-btn:visited {
  color: white;
  text-decoration: none;
}

/*footer hair estension*/

#hair-extension-footer {
  position: relative;
  height: 450px;
  overflow: hidden;
  top: 0;
  left: 0;
  background-size: cover;
}

.extension-background {
  position: relative;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 40%,
    #f8f9fa 40%,
    #f8f9fa 100%
  );
}

.extension-background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: url("../images/extension-services/rectangle2.png") center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.extension-container {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.circles-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 50px;
  margin-bottom: 40px;
  z-index: 2;
  position: relative;
  margin-top: 55px;
}

.circle-item {
  width: 225px;
  height: 225px;
  background: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.4);
  transition: transform 0.3s ease;
}

.circle-content {
  text-align: center;
  padding: 25px 20px 15px;
}

.circle-title {
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  font-weight: 800;
  color: #ea3a8d;
  margin: 0 0 5px 0;
  text-transform: uppercase;
}

.circle-subtitle {
  font-family: "Poppins", sans-serif;
  font-size: 25px;
  font-weight: 300;
  color: #ea3a8d;
  margin: 0;
  text-transform: uppercase;
  line-height: 1.2;
}

.membership-button-wrapper {
  z-index: 2;
  position: relative;
}

.membership-btn {
  display: inline-block;
  background: #2d2d2d;
  color: white;
  padding: 15px 130px;
  border-radius: 50px;
  text-decoration: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-size: 18px;
  text-transform: uppercase;
  transition: all 0.3s ease;
}

.membership-btn .bold-text {
  font-weight: 800;
  letter-spacing: 0.5px;
}

.membership-btn:hover {
  background: #323232;
  text-decoration: none;
  color: white;
}

.membership-btn:focus {
  outline: none;
  text-decoration: none;
  color: white;
}

.membership-btn:visited {
  color: white;
  text-decoration: none;
}

a#toTop {
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 37px;
  color: var(--white);
  border-radius: 50%;
  position: fixed;
  background: var(--pink);
  -moz-box-shadow: 0 0 3px 2px #fff;
  -ms-box-shadow: 0 0 3px 2px #fff;
  -o-box-shadow: 0 0 3px 2px #fff;
  -webkit-box-shadow: 0 0 3px 2px #fff;
  box-shadow: 0 0 3px 2px #fff;
  left: 40px;
  bottom: 90px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  z-index: 20;
  padding: 30px 0 0 30px;
}
a#toTop::before {
  display: block;
  content: "‹";
  transform: rotate(90deg);
  font-size: 50px;
  text-align: center;
  position: absolute;
  left: 8px;
  top: 2px;
  width: 100%;
}

#testimonials-2 .item-image article {
  background: transparent;
}

#testimonials-2 .image-testimonial {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}